From de0abce7f958835a2686103769190d26c02b58fb Mon Sep 17 00:00:00 2001 From: Cristine Guadelupe Date: Fri, 31 May 2024 14:18:45 +0700 Subject: [PATCH] Ensure that the custom font is loaded (#435) --- assets/data_table/src/main.js | 13 ++++++++----- lib/assets/data_table/build/main.css | 2 +- lib/assets/data_table/build/main.js | 2 +- 3 files changed, 10 insertions(+), 7 deletions(-) diff --git a/assets/data_table/src/main.js b/assets/data_table/src/main.js index 54ce4df5..12b758a7 100644 --- a/assets/data_table/src/main.js +++ b/assets/data_table/src/main.js @@ -5,14 +5,17 @@ import React from "react"; import { createRoot } from "react-dom/client"; import { App } from "./App"; -export function init(ctx, data) { - ctx.importCSS("main.css"); - ctx.importCSS( - "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap", +export async function init(ctx, data) { + // In Firefox and Safari, during the first load (uncached), the data + // grid renders the default font and the font is only updated after + // hovering the grid. Ensuring the font is loaded helps in Firefox. + await ctx.importCSS( + "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap" ); ctx.importCSS( - "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap", + "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap" ); + ctx.importCSS("main.css"); const root = createRoot(ctx.root); root.render(); diff --git a/lib/assets/data_table/build/main.css b/lib/assets/data_table/build/main.css index 6fa81d72..13c46359 100644 --- a/lib/assets/data_table/build/main.css +++ b/lib/assets/data_table/build/main.css @@ -1 +1 @@ -*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e1e8f0}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#91a4b7}input::placeholder,textarea::placeholder{opacity:1;color:#91a4b7}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(101 131 255 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(101 131 255 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.right-0{right:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-2\.5{margin-left:.625rem}.inline-block{display:inline-block}.flex{display:flex}.w-48{width:12rem}.w-full{width:100%}.max-w-full{max-width:100%}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-3{gap:.75rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-b-md{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.border{border-width:1px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(225 232 240 / var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(145 164 183 / var(--tw-border-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(240 245 249 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.pr-7{padding-right:1.75rem}.font-sans{font-family:Inter}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-none{line-height:1}.text-gray-500{--tw-text-opacity: 1;color:rgb(97 117 138 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(48 66 84 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(28 42 58 / var(--tw-text-opacity))}.opacity-0{opacity:0}.shadow-\[0_2px_10px_rgb\(0\,0\,0\,0\.15\)\]{--tw-shadow: 0 2px 10px rgb(0,0,0,.15);--tw-shadow-colored: 0 2px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tooltip{position:relative;display:flex;--distance: 4px;--arrow-size: 5px;--show-delay: .5s}.tooltip:before{position:absolute;content:attr(data-tooltip);white-space:pre;text-align:center;display:block;z-index:100;background-color:#1c273c;color:#f0f5f9;font-size:12px;font-weight:500;border-radius:4px;padding:3px 12px;visibility:hidden;transition-property:visibility;transition-duration:0s;transition-delay:0s}.tooltip:after{content:"";position:absolute;display:block;z-index:100;border-width:var(--arrow-size);border-style:solid;border-color:#1c273c;visibility:hidden;transition-property:visibility;transition-duration:0s;transition-delay:0s}.tooltip:hover:before{visibility:visible;transition-delay:var(--show-delay)}.tooltip:hover:after{visibility:visible;transition-delay:var(--show-delay)}.tooltip.right:before{top:50%;left:100%;transform:translate(calc(var(--arrow-size) - 1px + var(--distance)),-50%)}.tooltip.right:after{top:50%;left:100%;transform:translate(var(--distance),-50%);border-left:none;border-top-color:transparent;border-bottom-color:transparent}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(240 245 249 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(225 232 240 / var(--tw-bg-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(28 42 58 / var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(13 24 41 / var(--tw-text-opacity))}.focus\:bg-gray-100:focus{--tw-bg-opacity: 1;background-color:rgb(240 245 249 / var(--tw-bg-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:text-gray-300:disabled{--tw-text-opacity: 1;color:rgb(202 213 224 / var(--tw-text-opacity))}.gdg-mnuv029{word-break:break-word;-webkit-touch-callout:default;padding-top:6px}.gdg-mnuv029>*{margin:0}.gdg-mnuv029 *:last-child{margin-bottom:0}.gdg-mnuv029 p img{width:100%}.gdg-d19meir1{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden;box-sizing:border-box;--overlay-top:var(--d19meir1-0);left:var(--d19meir1-1);top:var(--d19meir1-0);min-width:var(--d19meir1-2);min-height:var(--d19meir1-3);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:400px;max-height:calc(100vh - var(--d19meir1-4));font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);text-align:start}@-webkit-keyframes glide_fade_in-gdg-d19meir1{0%{opacity:0%}to{opacity:100%}}@keyframes glide_fade_in-gdg-d19meir1{0%{opacity:0%}to{opacity:100%}}.gdg-d19meir1.gdg-style{border-radius:2px;background-color:var(--gdg-bg-cell);box-shadow:0 0 0 1px var(--gdg-accent-color),0 0 1px #3e415666,0 6px 12px #3e415626;-webkit-animation:glide_fade_in-gdg-d19meir1 60ms 1;animation:glide_fade_in-gdg-d19meir1 60ms 1}.gdg-d19meir1.gdg-pad{padding:var(--d19meir1-5) 8.5px 3px}.gdg-d19meir1 .gdg-clip-region{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;overflow-x:hidden;border-radius:2px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.gdg-d19meir1 .gdg-clip-region .gdg-growing-entry{height:100%}.gdg-d19meir1 .gdg-clip-region input.gdg-input{width:100%;border:none;border-width:0;outline:none}.gdg-d19meir1 .gdg-clip-region textarea.gdg-input{border:none;border-width:0;outline:none}.gdg-b1ygi5by{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:auto;margin-bottom:auto}.gdg-b1ygi5by .boe-bubble{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--gdg-rounding-radius,10px);padding:0 8px;height:20px;background-color:var(--gdg-bg-bubble);color:var(--gdg-text-dark);margin:2px}.gdg-b1ygi5by textarea{position:absolute;top:0;left:0;width:0px;height:0px;opacity:0}.gdg-n15fjm3e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:6px 0 3px;color:var(--gdg-text-dark)}.gdg-n15fjm3e>input{font-size:var(--gdg-editor-font-size);padding:0;font-family:var(--gdg-font-family);color:var(--gdg-text-dark);background-color:var(--gdg-bg-cell)}.gdg-d4zsq0x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.gdg-d4zsq0x .doe-bubble{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px;height:24px;background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);margin:2px;border-radius:var(--gdg-rounding-radius,6px);box-shadow:0 0 1px #3e415666,0 1px 3px #3e415666}.gdg-d4zsq0x .doe-bubble img{height:16px;object-fit:contain;margin-right:4px}.gdg-d4zsq0x textarea{position:absolute;top:0;left:0;width:0px;height:0px;opacity:0}.gdg-i2iowwq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%}.gdg-i2iowwq .gdg-centering-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.gdg-i2iowwq .gdg-centering-container img,.gdg-i2iowwq .gdg-centering-container canvas{max-height:calc(100vh - var(--overlay-top) - 20px);object-fit:contain;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gdg-i2iowwq .gdg-centering-container canvas{max-width:380px}.gdg-i2iowwq .gdg-edit-icon{position:absolute;top:12px;right:0;width:48px;height:48px;color:var(--gdg-accent-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gdg-i2iowwq .gdg-edit-icon>*{width:24px;height:24px}.gdg-i2iowwq textarea{position:absolute;top:0;left:0;width:0px;height:0px;opacity:0}.gdg-u1rrojo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:21px}.gdg-u1rrojo .gdg-link-area{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;cursor:pointer;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gdg-link-color);-webkit-text-decoration:underline!important;text-decoration:underline!important}.gdg-u1rrojo .gdg-edit-icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:32px;color:var(--gdg-accent-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gdg-u1rrojo .gdg-edit-icon>*{width:24px;height:24px}.gdg-u1rrojo textarea{position:absolute;top:0;left:0;width:0px;height:0px;opacity:0}.gdg-m1pnx84e{min-width:var(--m1pnx84e-0);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative;color:var(--gdg-text-dark)}.gdg-m1pnx84e .gdg-g1y0xocz{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.gdg-m1pnx84e .gdg-spacer{-webkit-flex:1;-ms-flex:1;flex:1}.gdg-m1pnx84e .gdg-edit-icon{position:relative;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--gdg-accent-color);padding:0;height:24px;width:24px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all "0.125s ease";transition:all "0.125s ease";border-radius:6px}.gdg-m1pnx84e .gdg-edit-icon>*{width:16px;height:16px}.gdg-m1pnx84e .gdg-edit-hover:hover{background-color:var(--gdg-accent-light);-webkit-transition:background-color .15s;transition:background-color .15s}.gdg-m1pnx84e .gdg-checkmark-hover:hover{color:#fff;background-color:var(--gdg-accent-color)}.gdg-m1pnx84e .gdg-md-edit-textarea{position:relative;top:0;left:0;width:0px;height:0px;margin-top:25px;opacity:0;padding:0}.gdg-m1pnx84e .gdg-ml-6{margin-left:6px}.gdg-s1dgczr6 .dvn-scroller{overflow:var(--s1dgczr6-0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}.gdg-s1dgczr6 .dvn-hidden{visibility:hidden}.gdg-s1dgczr6 .dvn-scroll-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;pointer-events:none}.gdg-s1dgczr6 .dvn-scroll-inner>*{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.gdg-s1dgczr6 .dvn-scroll-inner .dvn-spacer{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.gdg-s1dgczr6 .dvn-scroll-inner .dvn-stack{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.gdg-s1dgczr6 .dvn-underlay>*{position:absolute;left:0;top:0}.gdg-s1dgczr6 canvas{outline:none}.gdg-s1dgczr6 canvas *{height:0}.gdg-izpuzkl{position:absolute;inset:0;width:100%;height:100%;border-radius:0;resize:none;white-space:pre-wrap;min-width:100%;overflow:hidden;border:0;background-color:transparent;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);-webkit-text-fill-color:var(--gdg-text-dark);color:var(--gdg-text-dark);padding:0;margin:0}.gdg-izpuzkl::-webkit-input-placeholder{color:var(--gdg-text-light)}.gdg-izpuzkl::-moz-placeholder{color:var(--gdg-text-light)}.gdg-izpuzkl:-ms-input-placeholder{color:var(--gdg-text-light)}.gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.gdg-invalid .gdg-izpuzkl{-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration-color:#d60606;text-decoration-color:#d60606}.gdg-s69h75o{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;min-width:100%;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);color:var(--gdg-text-dark);padding:0 0 2px;margin:0}.gdg-g1y0xocz{position:relative;margin-top:6px}.gdg-seveqep{position:absolute;top:4px;right:20px;background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);padding:8px;border:1px solid var(--gdg-border-color);border-radius:6px;font-size:var(--gdg-editor-font-size);-webkit-animation:gdg-search-fadein-gdg-seveqep .15s forwards;animation:gdg-search-fadein-gdg-seveqep .15s forwards}.gdg-seveqep.out{-webkit-animation:gdg-search-fadeout-gdg-seveqep .15s forwards;animation:gdg-search-fadeout-gdg-seveqep .15s forwards}.gdg-seveqep .gdg-search-bar-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.gdg-seveqep .gdg-search-status{padding-top:4px;font-size:11px}.gdg-seveqep .gdg-search-progress{position:absolute;height:4px;left:0;bottom:0;background-color:var(--gdg-text-light)}.gdg-seveqep input{width:220px;color:var(--gdg-textDark);background-color:var(--gdg-bg-cell);border:none;border-width:0;outline:none}.gdg-seveqep button{width:24px;height:24px;padding:0;border:none;outline:none;background:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;color:var(--gdg-text-medium)}.gdg-seveqep button:hover{color:var(--gdg-text-dark)}.gdg-seveqep button .button-icon{width:16px;height:16px}.gdg-seveqep button:disabled{opacity:.4;pointer-events:none}@-webkit-keyframes gdg-search-fadeout-gdg-seveqep{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(400px);-ms-transform:translateX(400px);transform:translate(400px)}}@keyframes gdg-search-fadeout-gdg-seveqep{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(400px);-ms-transform:translateX(400px);transform:translate(400px)}}@-webkit-keyframes gdg-search-fadein-gdg-seveqep{0%{-webkit-transform:translateX(400px);-ms-transform:translateX(400px);transform:translate(400px)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}@keyframes gdg-search-fadein-gdg-seveqep{0%{-webkit-transform:translateX(400px);-ms-transform:translateX(400px);transform:translate(400px)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.gdg-wmyidgi{position:relative;min-width:10px;min-height:10px;max-width:100%;max-height:100%;width:var(--wmyidgi-0);height:var(--wmyidgi-1);overflow:hidden;overflow:clip;direction:ltr}.gdg-wmyidgi>:first-child{position:absolute;left:0;top:0;width:100%;height:100%}.gdg-r17m35ur{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;border:none;outline:none;background-color:var(--gdg-bg-header-has-focus);border-radius:9px;padding:0 8px;box-shadow:0 0 0 1px var(--gdg-border-color);color:var(--gdg-text-group-header);min-height:var(--r17m35ur-0);font:var(--gdg-header-font-style) var(--gdg-font-family)}.gdg-c1tqibwd{padding:0 8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--gdg-bg-header)} +*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e1e8f0}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#91a4b7}input::placeholder,textarea::placeholder{opacity:1;color:#91a4b7}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(101 131 255 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(101 131 255 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.right-0{right:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-2\.5{margin-left:.625rem}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.w-48{width:12rem}.w-full{width:100%}.max-w-full{max-width:100%}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-3{gap:.75rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-b-md{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.border{border-width:1px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(225 232 240 / var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(145 164 183 / var(--tw-border-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(240 245 249 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.pr-7{padding-right:1.75rem}.font-sans{font-family:Inter}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-none{line-height:1}.text-gray-500{--tw-text-opacity: 1;color:rgb(97 117 138 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(48 66 84 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(28 42 58 / var(--tw-text-opacity))}.opacity-0{opacity:0}.shadow-\[0_2px_10px_rgb\(0\,0\,0\,0\.15\)\]{--tw-shadow: 0 2px 10px rgb(0,0,0,.15);--tw-shadow-colored: 0 2px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tooltip{position:relative;display:flex;--distance: 4px;--arrow-size: 5px;--show-delay: .5s}.tooltip:before{position:absolute;content:attr(data-tooltip);white-space:pre;text-align:center;display:block;z-index:100;background-color:#1c273c;color:#f0f5f9;font-size:12px;font-weight:500;border-radius:4px;padding:3px 12px;visibility:hidden;transition-property:visibility;transition-duration:0s;transition-delay:0s}.tooltip:after{content:"";position:absolute;display:block;z-index:100;border-width:var(--arrow-size);border-style:solid;border-color:#1c273c;visibility:hidden;transition-property:visibility;transition-duration:0s;transition-delay:0s}.tooltip:hover:before{visibility:visible;transition-delay:var(--show-delay)}.tooltip:hover:after{visibility:visible;transition-delay:var(--show-delay)}.tooltip.right:before{top:50%;left:100%;transform:translate(calc(var(--arrow-size) - 1px + var(--distance)),-50%)}.tooltip.right:after{top:50%;left:100%;transform:translate(var(--distance),-50%);border-left:none;border-top-color:transparent;border-bottom-color:transparent}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(240 245 249 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(225 232 240 / var(--tw-bg-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(28 42 58 / var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(13 24 41 / var(--tw-text-opacity))}.focus\:bg-gray-100:focus{--tw-bg-opacity: 1;background-color:rgb(240 245 249 / var(--tw-bg-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:text-gray-300:disabled{--tw-text-opacity: 1;color:rgb(202 213 224 / var(--tw-text-opacity))}.gdg-mnuv029{word-break:break-word;-webkit-touch-callout:default;padding-top:6px}.gdg-mnuv029>*{margin:0}.gdg-mnuv029 *:last-child{margin-bottom:0}.gdg-mnuv029 p img{width:100%}.gdg-d19meir1{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden;box-sizing:border-box;--overlay-top:var(--d19meir1-0);left:var(--d19meir1-1);top:var(--d19meir1-0);min-width:var(--d19meir1-2);min-height:var(--d19meir1-3);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:400px;max-height:calc(100vh - var(--d19meir1-4));font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);text-align:start}@-webkit-keyframes glide_fade_in-gdg-d19meir1{0%{opacity:0%}to{opacity:100%}}@keyframes glide_fade_in-gdg-d19meir1{0%{opacity:0%}to{opacity:100%}}.gdg-d19meir1.gdg-style{border-radius:2px;background-color:var(--gdg-bg-cell);box-shadow:0 0 0 1px var(--gdg-accent-color),0 0 1px #3e415666,0 6px 12px #3e415626;-webkit-animation:glide_fade_in-gdg-d19meir1 60ms 1;animation:glide_fade_in-gdg-d19meir1 60ms 1}.gdg-d19meir1.gdg-pad{padding:var(--d19meir1-5) 8.5px 3px}.gdg-d19meir1 .gdg-clip-region{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;overflow-x:hidden;border-radius:2px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.gdg-d19meir1 .gdg-clip-region .gdg-growing-entry{height:100%}.gdg-d19meir1 .gdg-clip-region input.gdg-input{width:100%;border:none;border-width:0;outline:none}.gdg-d19meir1 .gdg-clip-region textarea.gdg-input{border:none;border-width:0;outline:none}.gdg-b1ygi5by{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:auto;margin-bottom:auto}.gdg-b1ygi5by .boe-bubble{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:var(--gdg-rounding-radius,10px);padding:0 8px;height:20px;background-color:var(--gdg-bg-bubble);color:var(--gdg-text-dark);margin:2px}.gdg-b1ygi5by textarea{position:absolute;top:0;left:0;width:0px;height:0px;opacity:0}.gdg-n15fjm3e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:6px 0 3px;color:var(--gdg-text-dark)}.gdg-n15fjm3e>input{font-size:var(--gdg-editor-font-size);padding:0;font-family:var(--gdg-font-family);color:var(--gdg-text-dark);background-color:var(--gdg-bg-cell)}.gdg-d4zsq0x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.gdg-d4zsq0x .doe-bubble{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px;height:24px;background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);margin:2px;border-radius:var(--gdg-rounding-radius,6px);box-shadow:0 0 1px #3e415666,0 1px 3px #3e415666}.gdg-d4zsq0x .doe-bubble img{height:16px;object-fit:contain;margin-right:4px}.gdg-d4zsq0x textarea{position:absolute;top:0;left:0;width:0px;height:0px;opacity:0}.gdg-i2iowwq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%}.gdg-i2iowwq .gdg-centering-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.gdg-i2iowwq .gdg-centering-container img,.gdg-i2iowwq .gdg-centering-container canvas{max-height:calc(100vh - var(--overlay-top) - 20px);object-fit:contain;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gdg-i2iowwq .gdg-centering-container canvas{max-width:380px}.gdg-i2iowwq .gdg-edit-icon{position:absolute;top:12px;right:0;width:48px;height:48px;color:var(--gdg-accent-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gdg-i2iowwq .gdg-edit-icon>*{width:24px;height:24px}.gdg-i2iowwq textarea{position:absolute;top:0;left:0;width:0px;height:0px;opacity:0}.gdg-u1rrojo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:21px}.gdg-u1rrojo .gdg-link-area{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;cursor:pointer;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gdg-link-color);-webkit-text-decoration:underline!important;text-decoration:underline!important}.gdg-u1rrojo .gdg-edit-icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:32px;color:var(--gdg-accent-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gdg-u1rrojo .gdg-edit-icon>*{width:24px;height:24px}.gdg-u1rrojo textarea{position:absolute;top:0;left:0;width:0px;height:0px;opacity:0}.gdg-m1pnx84e{min-width:var(--m1pnx84e-0);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative;color:var(--gdg-text-dark)}.gdg-m1pnx84e .gdg-g1y0xocz{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-width:0}.gdg-m1pnx84e .gdg-spacer{-webkit-flex:1;-ms-flex:1;flex:1}.gdg-m1pnx84e .gdg-edit-icon{position:relative;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--gdg-accent-color);padding:0;height:24px;width:24px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all "0.125s ease";transition:all "0.125s ease";border-radius:6px}.gdg-m1pnx84e .gdg-edit-icon>*{width:16px;height:16px}.gdg-m1pnx84e .gdg-edit-hover:hover{background-color:var(--gdg-accent-light);-webkit-transition:background-color .15s;transition:background-color .15s}.gdg-m1pnx84e .gdg-checkmark-hover:hover{color:#fff;background-color:var(--gdg-accent-color)}.gdg-m1pnx84e .gdg-md-edit-textarea{position:relative;top:0;left:0;width:0px;height:0px;margin-top:25px;opacity:0;padding:0}.gdg-m1pnx84e .gdg-ml-6{margin-left:6px}.gdg-s1dgczr6 .dvn-scroller{overflow:var(--s1dgczr6-0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}.gdg-s1dgczr6 .dvn-hidden{visibility:hidden}.gdg-s1dgczr6 .dvn-scroll-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;pointer-events:none}.gdg-s1dgczr6 .dvn-scroll-inner>*{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.gdg-s1dgczr6 .dvn-scroll-inner .dvn-spacer{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.gdg-s1dgczr6 .dvn-scroll-inner .dvn-stack{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.gdg-s1dgczr6 .dvn-underlay>*{position:absolute;left:0;top:0}.gdg-s1dgczr6 canvas{outline:none}.gdg-s1dgczr6 canvas *{height:0}.gdg-izpuzkl{position:absolute;inset:0;width:100%;height:100%;border-radius:0;resize:none;white-space:pre-wrap;min-width:100%;overflow:hidden;border:0;background-color:transparent;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);-webkit-text-fill-color:var(--gdg-text-dark);color:var(--gdg-text-dark);padding:0;margin:0}.gdg-izpuzkl::-webkit-input-placeholder{color:var(--gdg-text-light)}.gdg-izpuzkl::-moz-placeholder{color:var(--gdg-text-light)}.gdg-izpuzkl:-ms-input-placeholder{color:var(--gdg-text-light)}.gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.gdg-invalid .gdg-izpuzkl{-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration-color:#d60606;text-decoration-color:#d60606}.gdg-s69h75o{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;min-width:100%;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);color:var(--gdg-text-dark);padding:0 0 2px;margin:0}.gdg-g1y0xocz{position:relative;margin-top:6px}.gdg-seveqep{position:absolute;top:4px;right:20px;background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);padding:8px;border:1px solid var(--gdg-border-color);border-radius:6px;font-size:var(--gdg-editor-font-size);-webkit-animation:gdg-search-fadein-gdg-seveqep .15s forwards;animation:gdg-search-fadein-gdg-seveqep .15s forwards}.gdg-seveqep.out{-webkit-animation:gdg-search-fadeout-gdg-seveqep .15s forwards;animation:gdg-search-fadeout-gdg-seveqep .15s forwards}.gdg-seveqep .gdg-search-bar-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.gdg-seveqep .gdg-search-status{padding-top:4px;font-size:11px}.gdg-seveqep .gdg-search-progress{position:absolute;height:4px;left:0;bottom:0;background-color:var(--gdg-text-light)}.gdg-seveqep input{width:220px;color:var(--gdg-textDark);background-color:var(--gdg-bg-cell);border:none;border-width:0;outline:none}.gdg-seveqep button{width:24px;height:24px;padding:0;border:none;outline:none;background:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;color:var(--gdg-text-medium)}.gdg-seveqep button:hover{color:var(--gdg-text-dark)}.gdg-seveqep button .button-icon{width:16px;height:16px}.gdg-seveqep button:disabled{opacity:.4;pointer-events:none}@-webkit-keyframes gdg-search-fadeout-gdg-seveqep{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(400px);-ms-transform:translateX(400px);transform:translate(400px)}}@keyframes gdg-search-fadeout-gdg-seveqep{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(400px);-ms-transform:translateX(400px);transform:translate(400px)}}@-webkit-keyframes gdg-search-fadein-gdg-seveqep{0%{-webkit-transform:translateX(400px);-ms-transform:translateX(400px);transform:translate(400px)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}@keyframes gdg-search-fadein-gdg-seveqep{0%{-webkit-transform:translateX(400px);-ms-transform:translateX(400px);transform:translate(400px)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.gdg-wmyidgi{position:relative;min-width:10px;min-height:10px;max-width:100%;max-height:100%;width:var(--wmyidgi-0);height:var(--wmyidgi-1);overflow:hidden;overflow:clip;direction:ltr}.gdg-wmyidgi>:first-child{position:absolute;left:0;top:0;width:100%;height:100%}.gdg-r17m35ur{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;border:none;outline:none;background-color:var(--gdg-bg-header-has-focus);border-radius:9px;padding:0 8px;box-shadow:0 0 0 1px var(--gdg-border-color);color:var(--gdg-text-group-header);min-height:var(--r17m35ur-0);font:var(--gdg-header-font-style) var(--gdg-font-family)}.gdg-c1tqibwd{padding:0 8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--gdg-bg-header)} diff --git a/lib/assets/data_table/build/main.js b/lib/assets/data_table/build/main.js index acbf5fe2..05f4f270 100644 --- a/lib/assets/data_table/build/main.js +++ b/lib/assets/data_table/build/main.js @@ -195,7 +195,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho 19H8V21H7C5.34315 21 4 19.6569 4 18ZM20 14.3V18C20 19.6569 18.6569 21 17 21H16V19H17C17.5523 19 18 18.5523 18 18V13.9C18 13.0142 18.5759 12.2628 19.3738 12C18.5759 11.7372 18 10.9858 18 10.1V6C18 5.44772 17.5523 5 17 5H16V3H17C18.6569 3 20 4.34315 20 6V9.7C20 10.5284 20.6716 11.2 21.5 11.2H22V12.8H21.5C20.6716 12.8 20 13.4716 20 - 14.3Z">`},gV={text:c5.HeaderString,number:c5.HeaderNumber,uri:c5.HeaderUri,date:c5.HeaderDate,list:c5.HeaderArray,struct:"curlyBraces"},HV={text:C1.Text,number:C1.Number,uri:C1.Uri,date:C1.Text,list:C1.Text,struct:C1.Text},uo={fontFamily:"JetBrains Mono",bgHeader:"white",textDark:"#61758a",textHeader:"#304254",headerFontStyle:"bold 14px",baseFontStyle:"14px",borderColor:"#E1E8F0",horizontalBorderColor:"#E1E8F0",accentColor:"#3E64FF",accentLight:"#ECF0FF",bgHeaderHovered:"#F0F5F9",bgHeaderHasFocus:"#E1E8F0",bgSearchResult:"#FFF7EC",headerIconSize:22};function vo({ctx:e,data:t}){var f1,b1,z2;let i=[],l=[],r=o1=>o1.map(i1=>{let p1=i1.summary,Z1=i1.label,R2=i1.key;return l.push({[Z1]:250}),p1&&i.push(p1.keys.length),{title:Z1,id:R2,type:i1.type,icon:gV[i1.type]||c5.HeaderString,hasMenu:i1.type!=="list",summary:p1}}),s=r(t.content.columns),a=t.features.includes("refetch"),o=t.features.includes("export"),n=t.content.columns.length!==0,C=i.length>0,c=t.features.includes("sorting"),h=t.features.includes("relocate"),g=o?(f1=t.export)==null?void 0:f1.formats:null,m=o&&g,w={rows:x2.empty(),columns:x2.empty()},[L,v]=(0,h2.useState)(t.content),[V,u]=(0,h2.useState)(!1),[d,p]=(0,h2.useState)(s),[Z,R]=(0,h2.useState)(l),[x,N]=(0,h2.useState)(null),[E,S]=(0,h2.useState)(!1),[k,b]=(0,h2.useState)(w),[D,B]=(0,h2.useState)(0),[_,K]=(0,h2.useState)(null),J=L.total_rows,c1=n&&J>0,w1=t.features.includes("pagination")&&(J===null||J>0),h1=L.limit===J,G=44,r1=C&&c1?Math.max(...i):0,a1=G+r1*22,R1=c?140:70,Q=440+a1,v1=J&&J<(c?3:2)&&x?R1+a1:null,J1=J>=10&&h1?Q:v1,g1=(L.page-1)*L.limit+1,W1=C?150:50,E2=t.content.columns.length===1?800:350,Z2=L.page_length,u2=(0,h2.useCallback)((o1,L1)=>{let{ctx:i1,theme:p1,rect:Z1,column:R2,menuBounds:Q2,isHovered:e0,isSelected:t0,spriteManager:c0}=o1;if(R2.sourceIndex===0)return!0;i1.rect(Z1.x,Z1.y,Z1.width,Z1.height);let Y2=10,J2=19,k0=t0?p1.textHeaderSelected:p1.textHeader,n2=t0?p1.accentLight:p1.textDark,c2=R2.hasMenu===!0&&e0,L2=L.columns[R2.sourceIndex-1].summary,A2=!!L2,y2=35,F2=Z1.width-y2,Z0=Z1.width-y2*.7,C4=F2/Z1.width,T0=Z0/Z1.width,m0=i1.createLinearGradient(Z1.x,0,Z1.x+Z1.width,0),B1=z0(k0,0),S2=x0(i1,`${p1.headerFontStyle} ${p1.fontFamily}`);if(m0.addColorStop(0,k0),m0.addColorStop(C4,k0),m0.addColorStop(T0,B1),m0.addColorStop(1,B1),i1.fillStyle=c2?m0:k0,R2.icon){let X1=t0?"selected":R2.style==="highlight"?"special":"normal",N2=p1.headerIconSize;c0.drawSprite(R2.icon,X1,i1,Z1.x+Y2,Z1.y+Y2,N2,p1),R2.overlayIcon&&c0.drawSprite(R2.overlayIcon,t0?"selected":"special",i1,Z1.x+Y2+J2/2,Z1.y+Y2+J2/2,J2,p1)}if(i1.fillText(R2.title,Q2.x-Z1.width+p1.headerIconSize*2.5+14,A2?Z1.y+Y2+p1.headerIconSize/2+S2:Q2.y+Q2.height/2+S2),A2){let X1=Object.fromEntries(L2.keys.map((P0,$0)=>[P0,L2.values[$0]])),N2=13,j1=N2+Y2,e4=`${N2}px ${p1.fontFamily}`,M4=`bold ${e4}`;i1.fillStyle=n2,Object.entries(X1).forEach(([P0,$0],S4)=>{i1.font=M4,i1.fillText(`${P0}:`,Z1.x+j1/2,Z1.y+j1*(S4+1)+j1),i1.font=e4,i1.fillText($0,Z1.x+i1.measureText(P0).width+j1,Z1.y+j1*(S4+1)+j1)})}if(c2){i1.fillStyle=m0;let X1=Q2.x+Q2.width/2-Y2*1.5,N2=p1.headerIconSize/2-2,j1=new Path2D("M12 16l-6-6h12z");i1.translate(X1,N2),i1.fill(j1)}},[L]),y1=(0,h2.useCallback)(([o1,L1])=>{let i1=HV[L.columns[o1].type]||C1.Text,Z1=L.data_orientation==="columns"?L.data[o1][L1]:L.data[L1][o1];return{kind:i1,data:Z1,displayData:Z1,allowOverlay:!0,allowWrapping:!1,readonly:!0}},[L]),e2=()=>{u(!V)},w2=o1=>{let L1=o1!=="none"?x.columnKey:null;e.pushEvent("order_by",{key:L1,direction:o1!=null?o1:"asc"}),N(null)},t2=()=>{e.pushEvent("show_page",{page:L.page-1}),b(T(y({},w),{columns:k.columns}))},s1=()=>{e.pushEvent("show_page",{page:L.page+1}),b(T(y({},w),{columns:k.columns}))},T1=()=>{let o1=T(y({},w),{columns:x2.fromSingleSelection(x.column)});b(o1),N(null)},{layerProps:i2,renderLayer:q1}=ao({isOpen:E,auto:!0,placement:"bottom-end",possiblePlacements:["bottom-end","bottom-center","bottom-start"],triggerOffset:0,onOutsideClick:()=>N(null),trigger:{getBounds:()=>{var o1,L1,i1,p1,Z1,R2,Q2,e0;return{left:(o1=x==null?void 0:x.bounds.x)!=null?o1:0,top:(L1=x==null?void 0:x.bounds.y)!=null?L1:0,width:(i1=x==null?void 0:x.bounds.width)!=null?i1:0,height:(p1=x==null?void 0:x.bounds.height)!=null?p1:0,right:((Z1=x==null?void 0:x.bounds.x)!=null?Z1:0)+((R2=x==null?void 0:x.bounds.width)!=null?R2:0),bottom:((Q2=x==null?void 0:x.bounds.y)!=null?Q2:0)+((e0=x==null?void 0:x.bounds.height)!=null?e0:0)}}}}),F1=(0,h2.useCallback)((o1,L1)=>{R(i1=>T(y({},i1),{[o1.title]:L1}))},[]),$1=(0,h2.useCallback)((o1,L1)=>{e.pushEvent("relocate",{from_index:o1,to_index:L1}),N(null),b(w)},[]),U1=(0,h2.useCallback)((o1,L1)=>{let{summary:i1,id:p1,type:Z1}=d[o1];i1||N({column:o1,bounds:L1,columnKey:p1,columnType:Z1})},[d]),H2=(0,h2.useCallback)((o1,{bounds:L1})=>{let{id:i1,type:p1}=d[o1];N({column:o1,bounds:L1,columnKey:i1,columnType:p1})},[d]),t1=(0,h2.useCallback)(o1=>{let[L1,i1]=o1.location;i1===-1&&L1===-1&&o1.kind==="header"?K([...Array.from({length:Z2},(p1,Z1)=>Z1)]):L1===-1&&o1.kind==="cell"?K([i1]):K(null)},[Z2]),H1=(0,h2.useCallback)(o1=>_!=null&&_.includes(o1)?{bgCell:uo.bgHeaderHovered}:null,[_]);return(0,h2.useEffect)(()=>{var o1;((o1=k.rows)==null?void 0:o1.items.length)>0?B(1):B(0)},[k]),(0,h2.useEffect)(()=>{e.handleEvent("update_content",o1=>{let L1=r(o1.columns);p(L1),v(o1)}),e.handleEvent("download_content",([o1,L1])=>{let i1=new Blob([L1],{type:o1.type}),p1=document.createElement("a");p1.href=window.URL.createObjectURL(i1),p1.download=`${o1.filename}-${+new Date}${o1.format}`,p1.click()})},[]),(0,h2.useEffect)(()=>{var i1;let o1=((i1=L.order)==null?void 0:i1.direction)==="asc"?"arrowUp":"arrowDown",L1=d.map(p1=>{var Z1;return T(y({},p1),{overlayIcon:p1.id===((Z1=L.order)==null?void 0:Z1.key)?o1:null})});p(L1)},[(b1=L.order)==null?void 0:b1.direction,(z2=L.order)==null?void 0:z2.key]),(0,h2.useEffect)(()=>{let o1=d.map(L1=>T(y({},L1),{width:Z[L1.title]}));p(o1)},[Z]),(0,h2.useEffect)(()=>{let o1=x==null?void 0:x.columnKey,L1={bgHeader:"#F0F5F9"},i1=d.map(p1=>T(y({},p1),{themeOverride:p1.id===o1?L1:null}));p(i1),S(!!x)},[x]),h2.default.createElement("div",{className:"p-3 font-sans"},h2.default.createElement("div",{className:"mb-6 flex items-center gap-3"},h2.default.createElement(V6,{data:t,totalRows:J}),m&&h2.default.createElement(f6,{supportedFormats:g,onDownload:o1=>e.pushEvent("download",{format:o1})}),h2.default.createElement("div",{className:"grow"}),a&&h2.default.createElement(x6,{onRefetch:()=>e.pushEvent("refetch")}),h2.default.createElement(p6,{toggleSearch:e2}),h2.default.createElement(v6,{limit:L.limit,totalRows:J,onChange:o1=>e.pushEvent("limit",{limit:o1})}),w1&&h2.default.createElement(u6,{page:L.page,maxPage:L.max_page,onPrev:t2,onNext:s1,rows:Z2})),n&&h2.default.createElement(m6,{className:"max-w-full rounded-lg shadow-[0_2px_10px_rgb(0,0,0,0.15)]",theme:uo,getCellContent:y1,columns:d,rows:Z2,width:"100%",height:J1,rowHeight:44,headerHeight:a1,drawHeader:u2,verticalBorder:!1,rowMarkers:"clickable-number",rowMarkerWidth:32,onHeaderMenuClick:U1,onHeaderClicked:H2,showSearch:V,getCellsForSelection:!0,onSearchClose:e2,headerIcons:wV,overscrollX:100,isDraggable:!1,smoothScrollX:!0,smoothScrollY:!0,onColumnResize:F1,columnSelect:"none",gridSelection:k,onGridSelectionChange:o1=>b(o1),rowMarkerStartIndex:g1,minColumnWidth:W1,maxColumnAutoWidth:E2,fillHandle:!0,onItemHovered:t1,getRowThemeOverride:H1,onColumnMoved:h?$1:void 0}),E&&q1(h2.default.createElement(d6,{layerProps:i2,menu:x,orderBy:w2,selectAllCurrent:T1,hasSorting:c})),!n&&h2.default.createElement("p",{className:"text-sm text-gray-700"},"No data"),h2.default.createElement("div",{id:"portal"}))}function aE(e,t){e.importCSS("main.css"),e.importCSS("https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap"),e.importCSS("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap"),(0,Mo.createRoot)(e.root).render(po.default.createElement(vo,{ctx:e,data:t}))}export{aE as init}; + 14.3Z">`},gV={text:c5.HeaderString,number:c5.HeaderNumber,uri:c5.HeaderUri,date:c5.HeaderDate,list:c5.HeaderArray,struct:"curlyBraces"},HV={text:C1.Text,number:C1.Number,uri:C1.Uri,date:C1.Text,list:C1.Text,struct:C1.Text},uo={fontFamily:"JetBrains Mono",bgHeader:"white",textDark:"#61758a",textHeader:"#304254",headerFontStyle:"bold 14px",baseFontStyle:"14px",borderColor:"#E1E8F0",horizontalBorderColor:"#E1E8F0",accentColor:"#3E64FF",accentLight:"#ECF0FF",bgHeaderHovered:"#F0F5F9",bgHeaderHasFocus:"#E1E8F0",bgSearchResult:"#FFF7EC",headerIconSize:22};function vo({ctx:e,data:t}){var f1,b1,z2;let i=[],l=[],r=o1=>o1.map(i1=>{let p1=i1.summary,Z1=i1.label,R2=i1.key;return l.push({[Z1]:250}),p1&&i.push(p1.keys.length),{title:Z1,id:R2,type:i1.type,icon:gV[i1.type]||c5.HeaderString,hasMenu:i1.type!=="list",summary:p1}}),s=r(t.content.columns),a=t.features.includes("refetch"),o=t.features.includes("export"),n=t.content.columns.length!==0,C=i.length>0,c=t.features.includes("sorting"),h=t.features.includes("relocate"),g=o?(f1=t.export)==null?void 0:f1.formats:null,m=o&&g,w={rows:x2.empty(),columns:x2.empty()},[L,v]=(0,h2.useState)(t.content),[V,u]=(0,h2.useState)(!1),[d,p]=(0,h2.useState)(s),[Z,R]=(0,h2.useState)(l),[x,N]=(0,h2.useState)(null),[E,S]=(0,h2.useState)(!1),[k,b]=(0,h2.useState)(w),[D,B]=(0,h2.useState)(0),[_,K]=(0,h2.useState)(null),J=L.total_rows,c1=n&&J>0,w1=t.features.includes("pagination")&&(J===null||J>0),h1=L.limit===J,G=44,r1=C&&c1?Math.max(...i):0,a1=G+r1*22,R1=c?140:70,Q=440+a1,v1=J&&J<(c?3:2)&&x?R1+a1:null,J1=J>=10&&h1?Q:v1,g1=(L.page-1)*L.limit+1,W1=C?150:50,E2=t.content.columns.length===1?800:350,Z2=L.page_length,u2=(0,h2.useCallback)((o1,L1)=>{let{ctx:i1,theme:p1,rect:Z1,column:R2,menuBounds:Q2,isHovered:e0,isSelected:t0,spriteManager:c0}=o1;if(R2.sourceIndex===0)return!0;i1.rect(Z1.x,Z1.y,Z1.width,Z1.height);let Y2=10,J2=19,k0=t0?p1.textHeaderSelected:p1.textHeader,n2=t0?p1.accentLight:p1.textDark,c2=R2.hasMenu===!0&&e0,L2=L.columns[R2.sourceIndex-1].summary,A2=!!L2,y2=35,F2=Z1.width-y2,Z0=Z1.width-y2*.7,C4=F2/Z1.width,T0=Z0/Z1.width,m0=i1.createLinearGradient(Z1.x,0,Z1.x+Z1.width,0),B1=z0(k0,0),S2=x0(i1,`${p1.headerFontStyle} ${p1.fontFamily}`);if(m0.addColorStop(0,k0),m0.addColorStop(C4,k0),m0.addColorStop(T0,B1),m0.addColorStop(1,B1),i1.fillStyle=c2?m0:k0,R2.icon){let X1=t0?"selected":R2.style==="highlight"?"special":"normal",N2=p1.headerIconSize;c0.drawSprite(R2.icon,X1,i1,Z1.x+Y2,Z1.y+Y2,N2,p1),R2.overlayIcon&&c0.drawSprite(R2.overlayIcon,t0?"selected":"special",i1,Z1.x+Y2+J2/2,Z1.y+Y2+J2/2,J2,p1)}if(i1.fillText(R2.title,Q2.x-Z1.width+p1.headerIconSize*2.5+14,A2?Z1.y+Y2+p1.headerIconSize/2+S2:Q2.y+Q2.height/2+S2),A2){let X1=Object.fromEntries(L2.keys.map((P0,$0)=>[P0,L2.values[$0]])),N2=13,j1=N2+Y2,e4=`${N2}px ${p1.fontFamily}`,M4=`bold ${e4}`;i1.fillStyle=n2,Object.entries(X1).forEach(([P0,$0],S4)=>{i1.font=M4,i1.fillText(`${P0}:`,Z1.x+j1/2,Z1.y+j1*(S4+1)+j1),i1.font=e4,i1.fillText($0,Z1.x+i1.measureText(P0).width+j1,Z1.y+j1*(S4+1)+j1)})}if(c2){i1.fillStyle=m0;let X1=Q2.x+Q2.width/2-Y2*1.5,N2=p1.headerIconSize/2-2,j1=new Path2D("M12 16l-6-6h12z");i1.translate(X1,N2),i1.fill(j1)}},[L]),y1=(0,h2.useCallback)(([o1,L1])=>{let i1=HV[L.columns[o1].type]||C1.Text,Z1=L.data_orientation==="columns"?L.data[o1][L1]:L.data[L1][o1];return{kind:i1,data:Z1,displayData:Z1,allowOverlay:!0,allowWrapping:!1,readonly:!0}},[L]),e2=()=>{u(!V)},w2=o1=>{let L1=o1!=="none"?x.columnKey:null;e.pushEvent("order_by",{key:L1,direction:o1!=null?o1:"asc"}),N(null)},t2=()=>{e.pushEvent("show_page",{page:L.page-1}),b(T(y({},w),{columns:k.columns}))},s1=()=>{e.pushEvent("show_page",{page:L.page+1}),b(T(y({},w),{columns:k.columns}))},T1=()=>{let o1=T(y({},w),{columns:x2.fromSingleSelection(x.column)});b(o1),N(null)},{layerProps:i2,renderLayer:q1}=ao({isOpen:E,auto:!0,placement:"bottom-end",possiblePlacements:["bottom-end","bottom-center","bottom-start"],triggerOffset:0,onOutsideClick:()=>N(null),trigger:{getBounds:()=>{var o1,L1,i1,p1,Z1,R2,Q2,e0;return{left:(o1=x==null?void 0:x.bounds.x)!=null?o1:0,top:(L1=x==null?void 0:x.bounds.y)!=null?L1:0,width:(i1=x==null?void 0:x.bounds.width)!=null?i1:0,height:(p1=x==null?void 0:x.bounds.height)!=null?p1:0,right:((Z1=x==null?void 0:x.bounds.x)!=null?Z1:0)+((R2=x==null?void 0:x.bounds.width)!=null?R2:0),bottom:((Q2=x==null?void 0:x.bounds.y)!=null?Q2:0)+((e0=x==null?void 0:x.bounds.height)!=null?e0:0)}}}}),F1=(0,h2.useCallback)((o1,L1)=>{R(i1=>T(y({},i1),{[o1.title]:L1}))},[]),$1=(0,h2.useCallback)((o1,L1)=>{e.pushEvent("relocate",{from_index:o1,to_index:L1}),N(null),b(w)},[]),U1=(0,h2.useCallback)((o1,L1)=>{let{summary:i1,id:p1,type:Z1}=d[o1];i1||N({column:o1,bounds:L1,columnKey:p1,columnType:Z1})},[d]),H2=(0,h2.useCallback)((o1,{bounds:L1})=>{let{id:i1,type:p1}=d[o1];N({column:o1,bounds:L1,columnKey:i1,columnType:p1})},[d]),t1=(0,h2.useCallback)(o1=>{let[L1,i1]=o1.location;i1===-1&&L1===-1&&o1.kind==="header"?K([...Array.from({length:Z2},(p1,Z1)=>Z1)]):L1===-1&&o1.kind==="cell"?K([i1]):K(null)},[Z2]),H1=(0,h2.useCallback)(o1=>_!=null&&_.includes(o1)?{bgCell:uo.bgHeaderHovered}:null,[_]);return(0,h2.useEffect)(()=>{var o1;((o1=k.rows)==null?void 0:o1.items.length)>0?B(1):B(0)},[k]),(0,h2.useEffect)(()=>{e.handleEvent("update_content",o1=>{let L1=r(o1.columns);p(L1),v(o1)}),e.handleEvent("download_content",([o1,L1])=>{let i1=new Blob([L1],{type:o1.type}),p1=document.createElement("a");p1.href=window.URL.createObjectURL(i1),p1.download=`${o1.filename}-${+new Date}${o1.format}`,p1.click()})},[]),(0,h2.useEffect)(()=>{var i1;let o1=((i1=L.order)==null?void 0:i1.direction)==="asc"?"arrowUp":"arrowDown",L1=d.map(p1=>{var Z1;return T(y({},p1),{overlayIcon:p1.id===((Z1=L.order)==null?void 0:Z1.key)?o1:null})});p(L1)},[(b1=L.order)==null?void 0:b1.direction,(z2=L.order)==null?void 0:z2.key]),(0,h2.useEffect)(()=>{let o1=d.map(L1=>T(y({},L1),{width:Z[L1.title]}));p(o1)},[Z]),(0,h2.useEffect)(()=>{let o1=x==null?void 0:x.columnKey,L1={bgHeader:"#F0F5F9"},i1=d.map(p1=>T(y({},p1),{themeOverride:p1.id===o1?L1:null}));p(i1),S(!!x)},[x]),h2.default.createElement("div",{className:"p-3 font-sans"},h2.default.createElement("div",{className:"mb-6 flex items-center gap-3"},h2.default.createElement(V6,{data:t,totalRows:J}),m&&h2.default.createElement(f6,{supportedFormats:g,onDownload:o1=>e.pushEvent("download",{format:o1})}),h2.default.createElement("div",{className:"grow"}),a&&h2.default.createElement(x6,{onRefetch:()=>e.pushEvent("refetch")}),h2.default.createElement(p6,{toggleSearch:e2}),h2.default.createElement(v6,{limit:L.limit,totalRows:J,onChange:o1=>e.pushEvent("limit",{limit:o1})}),w1&&h2.default.createElement(u6,{page:L.page,maxPage:L.max_page,onPrev:t2,onNext:s1,rows:Z2})),n&&h2.default.createElement(m6,{className:"max-w-full rounded-lg shadow-[0_2px_10px_rgb(0,0,0,0.15)]",theme:uo,getCellContent:y1,columns:d,rows:Z2,width:"100%",height:J1,rowHeight:44,headerHeight:a1,drawHeader:u2,verticalBorder:!1,rowMarkers:"clickable-number",rowMarkerWidth:32,onHeaderMenuClick:U1,onHeaderClicked:H2,showSearch:V,getCellsForSelection:!0,onSearchClose:e2,headerIcons:wV,overscrollX:100,isDraggable:!1,smoothScrollX:!0,smoothScrollY:!0,onColumnResize:F1,columnSelect:"none",gridSelection:k,onGridSelectionChange:o1=>b(o1),rowMarkerStartIndex:g1,minColumnWidth:W1,maxColumnAutoWidth:E2,fillHandle:!0,onItemHovered:t1,getRowThemeOverride:H1,onColumnMoved:h?$1:void 0}),E&&q1(h2.default.createElement(d6,{layerProps:i2,menu:x,orderBy:w2,selectAllCurrent:T1,hasSorting:c})),!n&&h2.default.createElement("p",{className:"text-sm text-gray-700"},"No data"),h2.default.createElement("div",{id:"portal"}))}async function aE(e,t){await e.importCSS("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap"),e.importCSS("https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap"),e.importCSS("main.css"),(0,Mo.createRoot)(e.root).render(po.default.createElement(vo,{ctx:e,data:t}))}export{aE as init}; /*! Bundled license information: classnames/index.js: