@sava-info-systems/api-maker-with-extensions 2.2.0 → 2.3.0

package/dist/assets/public/table-viewer/index.js

@@ -0,0 +1 @@
+!function(){"use strict";const e={INIT:"TV_INIT",CLEAR:"TV_CLEAR",READY:"TV_READY",DATA_LOADED:"TV_DATA_LOADED",ROW_UPDATED:"TV_ROW_UPDATED",ERROR:"TV_ERROR"};let t=null,n=null,o=[];const i=new Map,r=new Map,l=new Map;let a=!1;function s(e,t){try{window.parent.postMessage({type:e,payload:t||{}},"*")}catch(e){}}function c(e,t){return["background:"+t,"border:1px solid "+e,"color:"+e,"padding:2px 9px","border-radius:3px","cursor:pointer","font-size:10px","font-family:inherit","line-height:16px","height:20px"].join(";")}function d(e,t){if(!e)return String(t);const o=n&&n.keyField||function(e){const t=["_id","id","ID","Id","guid","uuid","key"];for(let n=0;n<t.length;n++)if(void 0!==e[t[n]])return t[n];return null}(e);return o&&void 0!==e[o]&&null!==e[o]?String(e[o]):String(t)}function u(e){const n=e.data,a=e.colDef.field,s=e.newValue,c=e.oldValue,u=e.node,p=u.rowIndex;if(s===c)return;const h=d(n,p);i.has(h)||i.set(h,{changes:{},node:u,rowData:D(n)});const m=i.get(h);m.changes[a]={old:c,new:s};const y=h+"::"+a;r.has(h)&&(r.get(h).delete(a),0===r.get(h).size&&r.delete(h)),l.delete(y);const g=o[p];if(g){const e=g[a],t=null!==s&&"object"==typeof s;(null!==e&&"object"==typeof e?JSON.stringify(e):String(e??""))===(t?JSON.stringify(s):String(s??""))&&(delete m.changes[a],0===Object.keys(m.changes).length&&i.delete(h))}f(),t&&t.refreshCells({rowNodes:[u],columns:[a],force:!0})}function f(){const e=i.size,t=e>0&&!(!n||!n.isEditable),o=document.getElementById("btnSaveEdits"),r=document.getElementById("btnDiscardEdits"),l=document.getElementById("editSep"),a=document.getElementById("pendingPill");o.style.display=t?"":"none",r.style.display=t?"":"none",l.style.display=t?"":"none",a.textContent=String(e)}function p(e){const t=document.getElementById("btnAddColumn");t&&(t.style.display=e?"":"none")}function h(){if(!t)return;const e=t.getSelectedRows().length,o=document.getElementById("selCount"),i=document.getElementById("statusSep2"),r=document.getElementById("btnDeleteRows"),l=!(!n||!n.updateUrl);r&&(r.style.display=l?"":"none",r.disabled=!l||0===e),e>0?(o.textContent=e+" selected",o.style.display="",i.style.display=""):(o.style.display="none",i.style.display="none")}function m(e){const t=function(e){if(!n||!n.updateUrl)return null;const t=n.updateUrl,o=encodeURIComponent(e);if(-1!==t.indexOf("{id}"))return t.replace("{id}",o).replace(/\/update-by-id\/[^/?]+/i,"/"+o);if(-1!==t.indexOf(":id"))return t.replace(":id",o).replace(/\/update-by-id\/[^/?]+/i,"/"+o);const i=t.indexOf("?");return-1===i?t.replace(/\/+$/,"")+"/"+o:t.slice(0,i).replace(/\/+$/,"")+"/"+o+t.slice(i)}(e);if(!t)return Promise.resolve({error:"Unable to build delete URL"});const o=Object.assign({},n.headers||{});return fetch(t,{method:"DELETE",headers:o}).then((function(e){return e.ok?{ok:!0}:e.text().then((function(t){return{error:"HTTP "+e.status+(t?": "+t.slice(0,80):"")}}))})).catch((function(e){return{error:e.message}}))}function y(){if(!t)return;const e=t.getSelectedNodes();if(!e||!e.length)return void b("error","No rows selected to delete");const n=e.map((function(e){return d(e.data,e.rowIndex)})).filter(Boolean);var r,l,a;n.length?(r="Delete "+n.length+" selected row"+(1!==n.length?"s":"")+"?\n\nThis action cannot be undone.",l="Delete",a="Cancel",new Promise((function(e){const t=document.getElementById("confirmOverlay"),n=document.getElementById("confirmMessage"),o=document.getElementById("confirmOkBtn"),i=document.getElementById("confirmCancelBtn");if(!(t&&n&&o&&i))return void e(!1);n.textContent=r,o.textContent=l||"Delete",i.textContent=a||"Cancel",t.style.display="flex";const s=function(n){t.style.display="none",o.removeEventListener("click",c),i.removeEventListener("click",d),window.removeEventListener("keydown",u),e(n)},c=function(){s(!0)},d=function(){s(!1)},u=function(e){"Escape"===e.key&&(e.preventDefault(),s(!1))};o.addEventListener("click",c),i.addEventListener("click",d),window.addEventListener("keydown",u),i.focus()}))).then((function(r){r&&(b("loading","Deleting…"),S(!0),Promise.all(n.map(m)).then((function(r){S(!1);const l=[],a=new Set;if(r.forEach((function(e,t){e&&e.error?l.push(e.error):a.add(n[t])})),a.size){const n=e.filter((function(e){return a.has(d(e.data,e.rowIndex))})).map((function(e){return e.data}));t&&t.applyTransaction({remove:n}),o=o.filter((function(e,t){return!a.has(d(e,t))})),a.forEach((function(e){i.has(e)&&i.delete(e)})),f(),h(),_(o.length)}0===l.length?b("success","Deleted "+a.size+" row"+(1!==a.size?"s":"")):b("error",l.length+" delete error(s): "+l.slice(0,2).join("; "))})).catch((function(e){S(!1),b("error","Delete failed: "+e.message)})))})):b("error","Unable to determine selected row key")}function g(){if(!i.size)return;b("loading","Saving…"),S(!0);const a=[],c=[];i.forEach((function(e,t){a.push(t),c.push(function(e,t){if(!n||!n.updateUrl)return Promise.resolve({ok:!0});let o=n.updateUrl;if(-1!==o.indexOf("{id}"))o=o.replace("{id}",encodeURIComponent(e));else if(-1!==o.indexOf(":id"))o=o.replace(":id",encodeURIComponent(e));else{const t=o.indexOf("?");o=-1===t?o.replace(/\/+$/,"")+"/"+encodeURIComponent(e)+"/":o.slice(0,t).replace(/\/+$/,"")+"/"+encodeURIComponent(e)+"/"+o.slice(t)}const i=(n.updateMethod||"PUT").toUpperCase(),r=Object.assign({"Content-Type":"application/json"},n.headers||{}),l={};return Object.keys(t.changes).forEach((function(e){l[e]=t.changes[e].new})),fetch(o,{method:i,headers:r,body:JSON.stringify(l)}).then((function(e){return e.ok?{ok:!0}:e.text().then((function(t){try{const e=JSON.parse(t);if(e&&!1===e.success&&Array.isArray(e.errors)&&e.errors.length>0){const t=e.errors.map((function(e){return{field:e.field,message:e.message,action:e.action,code:e.code}}));return{error:e.errors.map((function(e){return e.message})).join("; "),fieldErrors:t}}}catch(e){}return{error:"HTTP "+e.status+(t?": "+t.slice(0,120):"")}}))})).catch((function(e){return{error:e.message}}))}(t,e))})),Promise.all(c).then((function(n){S(!1),r.clear(),l.clear();const c=n.filter((function(e){return e&&e.error})),d=n.length-c.length;if(0===c.length)i.forEach((function(e){const t=e.node.rowIndex;o[t]&&Object.keys(e.changes).forEach((function(n){o[t][n]=e.changes[n].new}))})),i.clear(),f(),t&&t.refreshCells({force:!0}),b("success","Saved "+d+" row"+(1!==d?"s":"")),s(e.ROW_UPDATED,{count:d,errors:[]});else{const o=[];n.forEach((function(e,t){if(e&&e.fieldErrors&&e.fieldErrors.length>0){const n=a[t];e.fieldErrors.forEach((function(e){r.has(n)||r.set(n,new Set),r.get(n).add(e.field),l.set(n+"::"+e.field,{message:e.message||"",action:e.action||""})}));const s=i.get(n);s&&s.node&&o.push(s.node)}})),t&&o.length>0&&t.refreshCells({rowNodes:o,force:!0});const u=c.map((function(e){return e.error}));b("error",c.length+" error(s): "+u.slice(0,2).join("; ")),s(e.ROW_UPDATED,{count:d,errors:u})}})).catch((function(e){S(!1),b("error","Save failed: "+e.message)}))}function v(){i.size&&(i.forEach((function(e){const t=o[e.node.rowIndex];if(t){const n=Object.assign({},e.node.data);Object.keys(e.changes).forEach((function(e){n[e]=t[e]})),e.node.setData(n)}})),i.clear(),f(),t&&t.refreshCells({force:!0}),b("","Edits discarded"))}function E(){new Promise((function(e){const t=document.getElementById("addColOverlay"),n=document.getElementById("addColInput"),o=document.getElementById("addColOkBtn"),i=document.getElementById("addColCancelBtn");n.value="",t.style.display="flex",setTimeout((function(){n.focus()}),50);const r=function(r){t.style.display="none",o.removeEventListener("click",l),i.removeEventListener("click",a),n.removeEventListener("keydown",s),window.removeEventListener("keydown",c),e(r)},l=function(){r(n.value.trim())},a=function(){r(null)},s=function(e){"Enter"===e.key&&(e.preventDefault(),l())},c=function(e){"Escape"===e.key&&(e.preventDefault(),r(null))};o.addEventListener("click",l),i.addEventListener("click",a),n.addEventListener("keydown",s),window.addEventListener("keydown",c)})).then((function(e){if(!e)return;const o=t&&t.getColumnDefs()||[];if(o.some((function(t){return t.field===e})))return void b("error",'Column "'+e+'" already exists');const r=!(!n||!n.isEditable),l={field:e,headerName:e,editable:r,sortable:!0,filter:"agTextColumnFilter",resizable:!0,minWidth:70,flex:1,wrapText:!1,tooltipValueGetter:function(e){return null===e.value||void 0===e.value?null:String(e.value)},valueFormatter:function(e){if(null===e.value||void 0===e.value)return"";if("object"==typeof e.value)try{return JSON.stringify(e.value)}catch(e){return"[Object]"}return String(e.value)},cellEditor:"agTextCellEditor",cellEditorParams:{useFormatter:!1},cellClass:function(t){const n=d(t.data,t.node?t.node.rowIndex:-1);return i.has(n)&&void 0!==i.get(n).changes[e]?"cell-modified":""},cellStyle:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},headerTooltip:e};t&&(t.setGridOption("columnDefs",o.concat([l])),b("success",'Column "'+e+'" added'))}))}function x(){const e=[];return t&&t.forEachNodeAfterFilterAndSort((function(t){t.data&&e.push(t.data)})),e}function w(){return t?t.getColumnDefs().map((function(e){return e.field})).filter(Boolean):[]}function b(e,t){const n=document.getElementById("statusDot"),o=document.getElementById("statusText");n.className="status-dot"+(e?" "+e:""),o.textContent=t}function S(e){document.getElementById("loadingOverlay").style.display=e?"flex":"none"}function C(e){document.getElementById("emptyState").style.display=e?"flex":"none"}function _(e){const t=document.getElementById("rowCount"),n=document.getElementById("statusSep");e>0?(t.textContent=e.toLocaleString()+" row"+(1!==e?"s":""),t.style.display="",n.style.display=""):(t.style.display="none",n.style.display="none")}function D(e){try{return JSON.parse(JSON.stringify(e))}catch(t){return e}}window.addEventListener("message",(function(a){const u=a.data;if(u&&u.type)switch(u.type){case e.INIT:n=u.payload||{},function(){if(!n||void 0===n.data||null===n.data)return C(!0),void b("","No data");b("loading","Loading…"),S(!0),a=!0,document.getElementById("emptyState").style.display=a?"none":"",setTimeout((function(){!function(a){S(!1);const u=function(e){if(!e)return[];if(Array.isArray(e))return e.filter((function(e){return null!=e}));return"object"==typeof e?[e]:[]}(a);if(!u.length)return C(!0),b("","No data"),_(0),t&&(t.setGridOption("columnDefs",[]),t.setGridOption("rowData",[])),void s(e.DATA_LOADED,{count:0});C(!1),o=D(u),i.clear(),f();const m=function(e){const t=[],o={},a=Math.min(e.length,50);for(let n=0;n<a;n++){const i=e[n];i&&"object"==typeof i&&Object.keys(i).forEach((function(e){o[e]||(o[e]=!0,t.push(e))}))}const s=!(!n||!n.isEditable);return t.map((function(t){const n=function(e,t,n){for(let o=0;o<n;o++){const n=e[o]&&e[o][t];if(null!=n)return n}return null}(e,t,a),o="number"==typeof n,u="_id"===t||"__v"===t,f=s&&!u;var p,h;return"boolean"==typeof n?(p="agCheckboxCellEditor",h={}):null!==n&&"object"==typeof n?(p=function(){function e(){}return e.prototype.init=function(e){this._params=e,this._originalType=typeof e.value,this._container=document.createElement("div"),this._container.style.cssText=["position:fixed","z-index:9999","background:#1e1e1e","border:1px solid #097BED","border-radius:5px","box-shadow:0 8px 24px rgba(0,0,0,0.5)","display:flex","flex-direction:column"].join(";"),this._ta=document.createElement("textarea"),this._ta.spellcheck=!1,this._ta.style.cssText=["background:#1e1e1e","color:#e8e8e8","border:none","outline:none","resize:none","font-family:JetBrains Mono,Menlo,Monaco,Consolas,monospace","font-size:11px","line-height:1.5","padding:8px","height:100%","width:100%","box-sizing:border-box","tab-size:2"].join(";");var t=e.value;if(null==t)this._ta.value="";else if("object"==typeof t)try{this._ta.value=JSON.stringify(t,null,2)}catch(e){this._ta.value=String(t)}else this._ta.value=String(t);this._footer=document.createElement("div"),this._footer.style.cssText=["display:flex","align-items:center","gap:6px","padding:4px 6px","border-top:1px solid #3a3a3a","background:#252525","border-radius:0 0 4px 4px"].join(";"),this._errSpan=document.createElement("span"),this._errSpan.style.cssText="flex:1;font-size:10px;color:#ED4B48;font-family:inherit;";var n=this,o=document.createElement("button");o.textContent="Save",o.style.cssText=c("#26B47F","rgba(38,180,127,0.35)"),o.addEventListener("mousedown",(function(e){e.preventDefault(),n._commit()}));var i=document.createElement("button");i.textContent="Cancel",i.style.cssText=c("#969696","#3a3a3a"),i.addEventListener("mousedown",(function(t){t.preventDefault(),e.stopEditing(!0)})),this._footer.appendChild(this._errSpan),this._footer.appendChild(i),this._footer.appendChild(o),this._container.appendChild(this._ta),this._container.appendChild(this._footer),this._ta.addEventListener("keydown",(function(t){if((t.ctrlKey||t.metaKey)&&"Enter"===t.key)t.preventDefault(),t.stopPropagation(),n._commit();else if("Enter"===t.key)t.stopPropagation();else if("Escape"===t.key)t.preventDefault(),t.stopPropagation(),e.stopEditing(!0);else if(!t.shiftKey||"Delete"!==t.key&&"Backspace"!==t.key){if("Tab"===t.key){t.preventDefault();var o=n._ta.selectionStart;i=n._ta.value;n._ta.value=i.slice(0,o)+"  "+i.slice(n._ta.selectionEnd),n._ta.selectionStart=n._ta.selectionEnd=o+2}}else{t.preventDefault();var i=n._ta.value,r=n._ta.selectionStart,l=i.lastIndexOf("\n",r-1)+1,a=i.indexOf("\n",r);-1===a&&(a=i.length);var s=l,c=a<i.length?a+1:a;s===c&&l>0&&(s=l-1,c=a),n._ta.value=i.slice(0,s)+i.slice(c),n._ta.selectionStart=n._ta.selectionEnd=s}}))},e.prototype._commit=function(){var e=this._ta.value.trim();if("object"===this._originalType)try{this._parsed=JSON.parse(""===e?"null":e),this._errSpan.textContent="",this._ta.style.borderBottom="none",this._params.stopEditing(!1)}catch(e){this._errSpan.textContent="Invalid JSON — "+e.message,this._ta.style.borderBottom="2px solid #ED4B48",this._ta.focus()}else this._parsed=e,this._params.stopEditing(!1)},e.prototype.getGui=function(){return this._container},e.prototype.afterGuiAttached=function(){var e={w:window.innerWidth,h:window.innerHeight},t=Math.round(.8*e.w),n=Math.round(.8*e.h),o=Math.round((e.w-t)/2),i=Math.round((e.h-n)/2);this._container.style.left=o+"px",this._container.style.top=i+"px",this._container.style.width=t+"px",this._container.style.height=n+"px",this._ta.focus();var r=this._ta.value.length;this._ta.setSelectionRange(r,r)},e.prototype.getValue=function(){if(void 0!==this._parsed)return this._parsed;var e=this._ta.value.trim();if("object"===this._originalType)try{return JSON.parse(""===e?"null":e)}catch(t){return e}return e},e.prototype.isPopup=function(){return!0},e.prototype.isCancelAfterEnd=function(){return!1},e.prototype.focusIn=function(){this._ta.focus()},e}(),h={}):(p="agTextCellEditor",h={useFormatter:!1}),{field:t,headerName:t,editable:f,sortable:!0,filter:o?"agNumberColumnFilter":"agTextColumnFilter",resizable:!0,minWidth:70,maxWidth:600,flex:1,wrapText:!1,suppressSizeToFit:!1,tooltipValueGetter:function(e){const n=d(e.data,e.node?e.node.rowIndex:-1)+"::"+t;if(l.has(n)){const e=l.get(n);return e.message+(e.action?"\n\nAction: "+e.action:"")}return null===e.value||void 0===e.value?null:"object"==typeof e.value?JSON.stringify(e.value,null,2):String(e.value)},valueFormatter:function(e){if(null===e.value||void 0===e.value)return"";if("object"==typeof e.value)try{return JSON.stringify(e.value)}catch(e){return"[Object]"}return String(e.value)},cellEditor:p,cellEditorParams:h,cellClass:function(e){const n=d(e.data,e.node?e.node.rowIndex:-1);return r.has(n)&&r.get(n).has(t)?"cell-error":i.has(n)&&void 0!==i.get(n).changes[t]?"cell-modified":""},cellStyle:u?{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:"#686868"}:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},headerTooltip:t}}))}(u);t&&(t.setGridOption("columnDefs",m),t.setGridOption("rowData",u),setTimeout((function(){t&&t.autoSizeAllColumns()}),120));b("success","Loaded"),_(u.length),h(),p(!0),s(e.DATA_LOADED,{count:u.length})}(n.data)}),0);var a}();break;case e.CLEAR:!function(){o=[],i.clear(),f(),t&&(t.setGridOption("columnDefs",[]),t.setGridOption("rowData",[]));b("","Cleared"),_(0),h(),p(!1),C(!0)}()}})),document.addEventListener("DOMContentLoaded",(function(){!function(e){if(window.agGrid)return void e();let t=0;var n=setInterval((function(){if(window.agGrid)return clearInterval(n),void e();++t>100&&(clearInterval(n),document.getElementById("emptyState").querySelector("span").textContent="Failed to load AG Grid.",C(!0))}),100)}((function(){!function(){const n=document.getElementById("myGrid"),o={columnDefs:[],rowData:[],defaultColDef:{sortable:!0,resizable:!0,filter:!0,editable:!1,minWidth:70,flex:1,wrapText:!1,cellStyle:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},rowSelection:"multiple",cellSelection:!0,rowMultiSelectWithClick:!1,enableCellTextSelection:!0,suppressScrollOnNewData:!0,stopEditingWhenCellsLoseFocus:!0,tabToNextCell:function(e){return e.nextCellPosition},onCellKeyDown:function(e){const t=e.event;if((t.ctrlKey||t.metaKey)&&"c"===t.key){const n=e.value;let o;if(null==n)o="";else if("object"==typeof n)try{o=JSON.stringify(n)}catch(e){o="[Object]"}else o=String(n);navigator.clipboard.writeText(o).catch((function(){const e=document.createElement("textarea");e.value=o,document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e)})),t.preventDefault()}},onCellValueChanged:u,onSelectionChanged:h,getRowId:function(e){return d(e.data,e.node?e.node.rowIndex:-1)},tooltipShowDelay:400,tooltipHideDelay:3e3,onGridReady:function(n){t=n.api,a=!0,s(e.READY,{})}};agGrid.createGrid(n,o)}(),document.getElementById("btnSaveEdits").addEventListener("click",g),document.getElementById("btnDiscardEdits").addEventListener("click",v),document.getElementById("btnDeleteRows").addEventListener("click",y),document.getElementById("btnAddColumn").addEventListener("click",E),document.getElementById("btnAutoSize").addEventListener("click",(function(){t&&t.autoSizeAllColumns()})),document.getElementById("btnFitGrid").addEventListener("click",(function(){t&&t.sizeColumnsToFit()})),document.getElementById("quickFilter").addEventListener("input",(function(e){t&&t.setGridOption("quickFilterText",e.target.value)}));const n=document.getElementById("exportMenu");document.getElementById("btnExport").addEventListener("click",(function(e){e.stopPropagation(),n.classList.toggle("open")})),document.addEventListener("click",(function(){n.classList.remove("open")})),document.getElementById("btnExportCsv").addEventListener("click",(function(){n.classList.remove("open"),t&&t.exportDataAsCsv({fileName:"export.csv",processCellCallback:function(e){const t=e.value;if(null==t)return"";if("object"==typeof t)try{return JSON.stringify(t)}catch(e){return""}return String(t)}})})),document.getElementById("btnExportExcel").addEventListener("click",(function(){n.classList.remove("open"),function(){if(!t||!window.XLSX)return void alert("SheetJS library not loaded. Check your network connection.");const e=x();if(!e.length)return void alert("No data to export.");const n=w(),o=[n].concat(e.map((function(e){return n.map((function(t){const n=e[t];if(null==n)return"";if("object"==typeof n)try{return JSON.stringify(n)}catch(e){return""}return n}))}))),i=XLSX.utils.aoa_to_sheet(o);i["!cols"]=n.map((function(e,t){let n=e.length;for(let e=1;e<Math.min(o.length,100);e++){const i=o[e][t];null!=i&&(n=Math.max(n,String(i).length))}return{wch:Math.min(n+2,60)}}));const r=XLSX.utils.book_new();XLSX.utils.book_append_sheet(r,i,"Data"),XLSX.writeFile(r,"export.xlsx")}()})),document.getElementById("btnExportPdf").addEventListener("click",(function(){n.classList.remove("open"),function(){if(!window.jspdf)return void alert("jsPDF library not loaded. Check your network connection.");const e=x();if(!e.length)return void alert("No data to export.");const t=new(0,window.jspdf.jsPDF)({orientation:"landscape",unit:"pt",format:"a4"}),n=w(),o=e.map((function(e){return n.map((function(t){const n=e[t];if(null==n)return"";if("object"==typeof n)try{return JSON.stringify(n)}catch(e){return""}return String(n)}))}));t.autoTable({head:[n],body:o,startY:20,styles:{fontSize:7,cellPadding:3,overflow:"ellipsize",cellWidth:"wrap",font:"helvetica",textColor:[30,30,30],lineColor:[210,210,210],lineWidth:.1},headStyles:{fillColor:[55,65,81],textColor:[255,255,255],fontStyle:"bold"},bodyStyles:{fillColor:[255,255,255],textColor:[30,30,30]},alternateRowStyles:{fillColor:[248,249,250]},margin:{top:20,left:10,right:10}}),t.save("export.pdf")}()})),document.addEventListener("keydown",(function(e){(e.ctrlKey||e.metaKey)&&"s"===e.key&&(e.preventDefault(),i.size&&g()),(e.ctrlKey||e.metaKey)&&"z"===e.key&&(e.preventDefault(),v())}))}))}))}();

package/dist/assets/styles/out/styles.css

@@ -1,2 +1,2 @@
-@font-face{font-family:Verdana;src:url(../fonts/Verdana.ttf)}@font-face{font-family:JetBrains Mono;src:url(../fonts/JetBrainsMonoRegular.ttf)}body{min-width:1349px}::-webkit-scrollbar{height:7px;width:7px}::-webkit-scrollbar-track{background:transparent;border-radius:8px}::-webkit-scrollbar-thumb{background:#5b5b5b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#5b5b5b}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes fadein{0%{opacity:0}to{opacity:1}}.cursor-pointer{cursor:pointer}.text-v-small{font-size:70%}.mt-1px{margin-top:1px}.mt--1px{margin-top:-1px}.mt--2px{margin-top:-2px}.dialog-text{margin:30px;text-align:center}.full-body{height:calc(100vh - 56px)}.line-height-1-3{line-height:1.3rem}.line-height-1{line-height:1rem}.line-height-1-plain{line-height:1}.icon-inside-table-cell{height:30px;padding:0!important;text-align:center!important;vertical-align:middle!important;width:30px}.icon-inside-table-cell img{height:20px;width:20px}.font-monospaced{font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-verdana{font-family:Verdana,sans-serif}.font-jetbrains-mono{font-family:JetBrains Mono,Monaco,SFMono-Regular,Menlo,Consolas,Liberation Mono,Courier New,monospace}.text-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.italic{font-style:italic}.w-10-nowrap{white-space:nowrap;width:10px}.btn-xsm-custom{height:23px;line-height:.5;padding:0;width:30px}.text-yellow{color:#dbdb37}textarea{resize:none}.request-cancel-button{left:calc(50% - 50px);margin:0;position:absolute;text-transform:uppercase;top:calc(50% + 40px);width:100px;z-index:2}.maximize-testing-tab{height:calc(100vh - 26px);left:0;position:absolute;top:0;width:100%}.maximize-testing-panel{border:0;position:absolute;top:0;width:100%}.panel-body-h{height:calc(100vh - 75px)}.tab-content-h{height:calc(100vh - 80px)}.tab-content-h-maximize{height:calc(100vh - 64px)}.tab-content-h-maximize .monaco-code-h{height:calc(100vh - 100px)!important}.api-list .monaco-code-h{height:calc(100vh - 238px)}.api-list .index-maker-db-calls{height:calc(100vh - 260px)}.api-list-test-hook .monaco-code-h{height:calc(100vh - 360px)}.modal-full{max-width:calc(100vw - 100px)}.table-no-padding td{height:30px;padding:0}.table-no-padding td div{min-height:30px;padding:.2rem .75rem}.table-no-padding td div.selected-row{background-color:rgba(47,100,115,.341)}.font-label{font-size:.875rem}.highlightMatchedWord{background:#ff0!important;color:#000!important;font-weight:700!important}.highlightLineHavingError{border-bottom:1px dashed red}.parent-notes-modal .child-notes-grid{height:calc(100% - 10px)!important}.prevent-text-selection{-webkit-user-select:none;-moz-user-select:none;user-select:none}.logs-collapse-div{background:#3d3d3d;height:25px}.p-tooltip-word-break-all .p-tooltip-text{word-break:break-all}.preHookCounter{right:.5em;rotate:270deg}.postHookCounter,.preHookCounter{align-items:center;background-color:grey;border-radius:.8em;color:#fff;display:flex;font-size:.8em;height:1.5em;justify-content:center;min-width:1.5em;position:absolute}.postHookCounter{right:-.5em;rotate:90deg}div.delta-to-html .ql-size-huge{font-size:xx-large}div.delta-to-html pre{background:#1d1d1d;color:inherit;display:block;font-size:87.5%;padding:10px}div.delta-to-html table,div.delta-to-html td,div.delta-to-html th{border:1px solid grey;text-align:left}div.delta-to-html table{background:#3b3b3b;border-collapse:collapse;border-color:grey;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0;width:100%}div.delta-to-html td,div.delta-to-html th{padding:6px}div.delta-to-html tr:nth-of-type(odd){background:rgba(40,40,40,.78)}app-fun-man-layout .custom-api-grid-height{height:calc(100vh - 82px)}app-db-cell-layout app-w-instances .instance-grid-height{height:calc(100vh - 94px)}app-db-cell-layout app-w-collections .collection-grid-height,app-db-cell-layout app-w-databases .database-grid-height{height:calc(50vh - 68px)}app-system-api-layout app-system-api-w .system-api-grid-height{height:calc(100vh - 82px)}app-event-man-layout app-events-grid .events-grid-height,app-tp-api-layout app-w-supported-tp-api .system-api-grid-height{height:calc(100vh - 94px)}app-scheduler-man-layout app-scheduler-man-w .schedulers-grid-height,app-web-socket-events-layout-grid app-web-socket-events-grid .ws-events-grid-height{height:calc(100vh - 82px)}app-logprofile-layout app-w-logprofiles .log-profile-grid-height,app-scanning-periods-layout app-w-scanning-periods .scanning-period-grid-height,app-utility-classes-layout app-utility-classes-list .utility-classes-grid-height{height:calc(100vh - 94px)}app-notes-layout app-notes-list .notes-grid-height{height:calc(100vh - 86px)}app-notes-layout app-notes-form .notes-form-height{height:calc(100vh - 94px)}app-notes-modal app-notes-list .notes-grid-height{height:calc(100vh - 102px)}app-notes-modal app-notes-form .notes-form-height{height:calc(100vh - 94px)}app-code-finder-modal app-code-finder-w .code-finder-height{height:calc(100vh - 72px)!important}app-root app-code-finder-w .code-finder-height{height:calc(100vh - 52px)}.dropdown-menu{z-index:1051}a{color:#aaa}.p-tree-empty-message{padding-top:20px;position:absolute;text-align:center;width:100%}.json-key{color:#9d74af}.json-val{color:#6aab73}#svgContainerId svg{height:calc(100vh - 88px);width:calc(100vw - 20px)}#svgContainerId rect,#svgContainerId text{cursor:grab}.p-datatable-header{padding:0!important}.width-300{width:300px}.width-50p{width:50%}.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover{background:none!important;color:inherit!important}p-radioButton.inline-small-radio .p-radiobutton-label{margin-bottom:0!important}.word-break-all{word-break:break-all}div.p-datepicker.p-component{z-index:1052!important}p-calendar.w-100 span.p-calendar{width:100%}p-calendar.w-100 span.p-calendar input{background-color:#464646}p-calendar.form-control-sm{padding-left:0}p-calendar.form-control-sm button,p-calendar.form-control-sm input{border-radius:.2rem;font-size:.8203125rem;height:calc(1.5em + .5rem + 2px);line-height:1.5;padding:.25rem .5rem}p-calendar.form-control-sm input{border-bottom-right-radius:0;border-top-right-radius:0}p-calendar.form-control-sm button{border-bottom-left-radius:0;border-top-left-radius:0}#id_api_maker_deploy_file_upload .p-fileupload-content{padding:10px 0;text-align:left}#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:first-of-type{display:none}#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(2){padding:0 0 0 10px;width:75%}#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(3){padding:0;text-align:center}#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(4){padding:0 10px 0 0;width:74px}.id_ptree_db_master_config_outline .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{height:1.5rem;margin-right:0;width:1.5rem}.id_ptree_db_master_config_outline .tree-width{width:auto}.id_ptree_db_master_config_outline .tree-width .p-tree-container{display:table}p-dropdown .fix-height-issue{height:29px}.grid-pill-custom-api{border-radius:3px;font-size:x-small;padding:2px 5px}.width-160{width:160px}.custom-dropdown-panel{width:400px}
+@font-face{font-family:Verdana;src:url(../fonts/Verdana.ttf)}@font-face{font-family:JetBrains Mono;src:url(../fonts/JetBrainsMonoRegular.ttf)}body{min-width:1349px}::-webkit-scrollbar{height:7px;width:7px}::-webkit-scrollbar-track{background:transparent;border-radius:8px}::-webkit-scrollbar-thumb{background:#5b5b5b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#5b5b5b}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes fadein{0%{opacity:0}to{opacity:1}}.cursor-pointer{cursor:pointer}.text-v-small{font-size:70%}.mt-1px{margin-top:1px}.mt--1px{margin-top:-1px}.mt--2px{margin-top:-2px}.dialog-text{margin:30px;text-align:center}.full-body{height:calc(100vh - 56px)}.line-height-1-3{line-height:1.3rem}.line-height-1{line-height:1rem}.line-height-1-plain{line-height:1}.icon-inside-table-cell{height:30px;padding:0!important;text-align:center!important;vertical-align:middle!important;width:30px}.icon-inside-table-cell img{height:20px;width:20px}.font-monospaced{font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-verdana{font-family:Verdana,sans-serif}.font-jetbrains-mono{font-family:JetBrains Mono,Monaco,SFMono-Regular,Menlo,Consolas,Liberation Mono,Courier New,monospace}.text-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.italic{font-style:italic}.w-10-nowrap{white-space:nowrap;width:10px}.btn-xsm-custom{height:23px;line-height:.5;padding:0;width:30px}.text-yellow{color:#dbdb37}textarea{resize:none}.request-cancel-button{left:calc(50% - 50px);margin:0;position:absolute;text-transform:uppercase;top:calc(50% + 40px);width:100px;z-index:2}.maximize-testing-tab{height:calc(100vh - 26px);left:0;position:absolute;top:0;width:100%}.maximize-testing-panel{border:0;position:absolute;top:0;width:100%}.panel-body-h{height:calc(100vh - 75px)}.tab-content-h{height:calc(100vh - 80px)}.tab-content-h-maximize{height:calc(100vh - 64px)}.tab-content-h-maximize .monaco-code-h{height:calc(100vh - 100px)!important}.api-list .monaco-code-h{height:calc(100vh - 238px)}.api-list .index-maker-db-calls{height:calc(100vh - 260px)}.api-list-test-hook .monaco-code-h{height:calc(100vh - 360px)}.modal-full{max-width:calc(100vw - 100px)}.table-no-padding td{height:30px;padding:0}.table-no-padding td div{min-height:30px;padding:.2rem .75rem}.table-no-padding td div.selected-row{background-color:rgba(47,100,115,.341)}.font-label{font-size:.875rem}.highlightMatchedWord{background:#ff0!important;color:#000!important;font-weight:700!important}.highlightLineHavingError{border-bottom:1px dashed red}.parent-notes-modal .child-notes-grid{height:calc(100% - 10px)!important}.prevent-text-selection{-webkit-user-select:none;-moz-user-select:none;user-select:none}.logs-collapse-div{background:#3d3d3d;height:25px}.p-tooltip-word-break-all .p-tooltip-text{word-break:break-all}.preHookCounter{right:.5em;rotate:270deg}.postHookCounter,.preHookCounter{align-items:center;background-color:grey;border-radius:.8em;color:#fff;display:flex;font-size:.8em;height:1.5em;justify-content:center;min-width:1.5em;position:absolute}.postHookCounter{right:-.5em;rotate:90deg}div.delta-to-html .ql-size-huge{font-size:xx-large}div.delta-to-html pre{background:#1d1d1d;color:inherit;display:block;font-size:87.5%;padding:10px}div.delta-to-html table,div.delta-to-html td,div.delta-to-html th{border:1px solid grey;text-align:left}div.delta-to-html table{background:#3b3b3b;border-collapse:collapse;border-color:grey;border-spacing:2px;box-sizing:border-box;display:table;text-indent:0;width:100%}div.delta-to-html td,div.delta-to-html th{padding:6px}div.delta-to-html tr:nth-of-type(odd){background:rgba(40,40,40,.78)}app-fun-man-layout .custom-api-grid-height{height:calc(100vh - 82px)}app-db-cell-layout app-w-instances .instance-grid-height{height:calc(100vh - 94px)}app-db-cell-layout app-w-collections .collection-grid-height,app-db-cell-layout app-w-databases .database-grid-height{height:calc(50vh - 68px)}app-system-api-layout app-system-api-w .system-api-grid-height{height:calc(100vh - 82px)}app-event-man-layout app-events-grid .events-grid-height,app-tp-api-layout app-w-supported-tp-api .system-api-grid-height{height:calc(100vh - 94px)}app-scheduler-man-layout app-scheduler-man-w .schedulers-grid-height,app-web-socket-events-layout-grid app-web-socket-events-grid .ws-events-grid-height{height:calc(100vh - 82px)}app-logprofile-layout app-w-logprofiles .log-profile-grid-height,app-scanning-periods-layout app-w-scanning-periods .scanning-period-grid-height,app-utility-classes-layout app-utility-classes-list .utility-classes-grid-height{height:calc(100vh - 94px)}app-notes-layout app-notes-list .notes-grid-height{height:calc(100vh - 86px)}app-notes-layout app-notes-form .notes-form-height{height:calc(100vh - 94px)}app-notes-modal app-notes-list .notes-grid-height{height:calc(100vh - 102px)}app-notes-modal app-notes-form .notes-form-height{height:calc(100vh - 94px)}app-code-finder-modal app-code-finder-w .code-finder-height{height:calc(100vh - 72px)!important}app-root app-code-finder-w .code-finder-height{height:calc(100vh - 52px)}.dropdown-menu{z-index:1051}a{color:#aaa}.p-tree-empty-message{padding-top:20px;position:absolute;text-align:center;width:100%}.json-key{color:#9d74af}.json-val{color:#6aab73}#svgContainerId svg{height:calc(100vh - 88px);width:calc(100vw - 20px)}#svgContainerId rect,#svgContainerId text{cursor:grab}.p-datatable-header{padding:0!important}.width-300{width:300px}.width-50p{width:50%}.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover{background:none!important;color:inherit!important}p-radioButton.inline-small-radio .p-radiobutton-label{margin-bottom:0!important}.word-break-all{word-break:break-all}div.p-datepicker.p-component{z-index:1052!important}p-calendar.w-100 span.p-calendar{width:100%}p-calendar.w-100 span.p-calendar input{background-color:#464646}p-calendar.form-control-sm{padding-left:0}p-calendar.form-control-sm button,p-calendar.form-control-sm input{border-radius:.2rem;font-size:.8203125rem;height:calc(1.5em + .5rem + 2px);line-height:1.5;padding:.25rem .5rem}p-calendar.form-control-sm input{border-bottom-right-radius:0;border-top-right-radius:0}p-calendar.form-control-sm button{border-bottom-left-radius:0;border-top-left-radius:0}#id_api_maker_deploy_file_upload .p-fileupload-content{padding:10px 0;text-align:left}#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:first-of-type{display:none}#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(2){padding:0 0 0 10px;width:75%}#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(3){padding:0;text-align:center}#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(4){padding:0 10px 0 0;width:74px}.id_ptree_db_master_config_outline .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{height:1.5rem;margin-right:0;width:1.5rem}.id_ptree_db_master_config_outline .tree-width{width:auto}.id_ptree_db_master_config_outline .tree-width .p-tree-container{display:table}p-dropdown .fix-height-issue{height:29px}.grid-pill-custom-api{border-radius:3px;font-size:x-small;padding:2px 5px}.width-160{width:160px}.custom-dropdown-panel{width:400px}.tv-zoom-toolbar{pointer-events:auto;position:absolute;right:0;top:4px;z-index:10}.tv-zoom-btn{align-items:center;background:#404040;border:1px solid #4e4e4e;border-radius:3px;color:#f0f0f0;cursor:pointer;display:inline-flex;font-size:12px;height:22px;justify-content:center;transition:background .15s ease,border-color .15s ease,transform .15s ease;width:2rem}.tv-zoom-btn:hover{background:rgba(52,58,64,.96);border-color:hsla(0,0%,100%,.4);color:#fff;transform:translateY(-1px)}.tv-zoom-btn:focus{box-shadow:0 0 0 .15rem rgba(0,123,255,.35);outline:none}.table-viewer-shell--zoomed{height:100%!important;inset:0;max-height:100%;overflow:hidden;position:fixed!important;width:100%;z-index:1080}.table-viewer-shell--zoomed .tv-zoom-toolbar{right:0;top:4px}.table-viewer-shell--zoomed iframe{height:100%;width:100%}.table-viewer-loader{align-items:center;background:rgba(30,30,30,.85);display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:10}.table-viewer-loader__spinner{animation:table-viewer-spin .7s linear infinite;border:3px solid hsla(0,0%,100%,.15);border-radius:50%;border-top-color:#097bed;height:28px;width:28px}@keyframes table-viewer-spin{to{transform:rotate(1turn)}}
 /*# sourceMappingURL=styles.css.map */

package/dist/assets/styles/out/styles.css.map

@@ -1 +1 @@
-{"version":3,"sources":["variables.scss","styles.css","styles.scss"],"names":[],"mappings":"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","file":"styles.css","sourcesContent":["//$primary-color: #007bff;\n$min-width: 1349px;\n$primary-color: #7157cb;\n$primary-color-font: #eeeeee;\n$font-size: 0.875rem;\n$font-size-small: 0.775rem;\n//$shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; // it is bootstrap standard shadow-sm\n//$border-style: 1px solid #dee2e6;\n\n@font-face {\n    font-family: 'Verdana';\n    src: url('../fonts/Verdana.ttf');\n}\n\n@font-face {\n    font-family: 'JetBrains Mono';\n    src: url('../fonts/JetBrainsMonoRegular.ttf');\n}\n","/* You can add global styles to this file, and also import other style files */\n@font-face {\n  font-family: \"Verdana\";\n  src: url(\"../fonts/Verdana.ttf\");\n}\n@font-face {\n  font-family: \"JetBrains Mono\";\n  src: url(\"../fonts/JetBrainsMonoRegular.ttf\");\n}\nbody {\n  min-width: 1349px;\n}\n\n::-moz-selection {\n  /* Code for Firefox */\n}\n\n::-webkit-scrollbar {\n  width: 7px;\n  height: 7px;\n}\n\n/* Track */\n::-webkit-scrollbar-track {\n  background: transparent;\n  border-radius: 8px;\n}\n\n/* Handle */\n::-webkit-scrollbar-thumb {\n  background: #5b5b5b;\n  border-radius: 10px;\n}\n\n/* Handle on hover */\n::-webkit-scrollbar-thumb:hover {\n  background: #5b5b5b;\n}\n\n/* Hide HTML5 Up and Down arrows. */\ninput[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number] {\n  -moz-appearance: textfield;\n}\n\n@keyframes fadein {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.text-v-small {\n  font-size: 70%;\n}\n\n.mt-1px {\n  margin-top: 1px;\n}\n\n.mt--1px {\n  margin-top: -1px;\n}\n\n.mt--2px {\n  margin-top: -2px;\n}\n\n.dialog-text {\n  margin: 30px;\n  text-align: center;\n}\n\n.full-body {\n  height: calc(100vh - 56px);\n}\n\n.line-height-1-3 {\n  line-height: 1.3rem;\n}\n\n.line-height-1 {\n  line-height: 1rem;\n}\n\n.line-height-1-plain {\n  line-height: 1;\n}\n\n.icon-inside-table-cell {\n  text-align: center !important;\n  padding: 0 !important;\n  vertical-align: middle !important;\n  height: 30px;\n  width: 30px;\n}\n.icon-inside-table-cell img {\n  height: 20px;\n  width: 20px;\n}\n\n.font-monospaced {\n  font-family: \"JetBrains Mono\", SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n.font-verdana {\n  font-family: \"Verdana\", sans-serif;\n}\n\n.font-jetbrains-mono {\n  font-family: \"JetBrains Mono\", Monaco, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n.text-overflow-ellipsis {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.italic {\n  font-style: italic;\n}\n\n.w-10-nowrap {\n  width: 10px;\n  white-space: nowrap;\n}\n\n.btn-xsm-custom {\n  width: 30px;\n  height: 23px;\n  padding: 0;\n  line-height: 0.5;\n}\n\n.text-yellow {\n  color: #dbdb37;\n}\n\ntextarea {\n  resize: none;\n}\n\n.request-cancel-button {\n  position: absolute;\n  top: calc(50% + 40px);\n  left: calc(50% - 50px);\n  width: 100px;\n  margin: 0;\n  z-index: 2;\n  text-transform: uppercase;\n}\n\n.maximize-testing-tab {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  left: 0;\n  height: calc(100vh - 26px);\n}\n\n.maximize-testing-panel {\n  position: absolute;\n  width: 100%;\n  top: 0;\n  border: 0;\n}\n\n.panel-body-h {\n  height: calc(100vh - 75px);\n}\n\n.tab-content-h {\n  height: calc(100vh - 80px);\n}\n\n.tab-content-h-maximize {\n  height: calc(100vh - 64px);\n}\n.tab-content-h-maximize .monaco-code-h {\n  height: calc(100vh - 100px) !important;\n}\n\n.api-list .monaco-code-h {\n  height: calc(100vh - 238px);\n}\n.api-list .index-maker-db-calls {\n  height: calc(100vh - 260px);\n}\n\n.api-list-test-hook .monaco-code-h {\n  height: calc(100vh - 312px - 48px);\n}\n\n.modal-full {\n  max-width: calc(100vw - 100px);\n}\n\n.table-no-padding td {\n  height: 30px;\n  padding: 0;\n}\n.table-no-padding td div {\n  min-height: 30px;\n  padding: 0.2rem 0.75rem;\n}\n.table-no-padding td div.selected-row {\n  background-color: rgba(47, 100, 115, 0.3411764706);\n}\n\n.font-label {\n  font-size: 0.875rem;\n}\n\n.highlightMatchedWord {\n  background: yellow !important;\n  color: black !important;\n  font-weight: bold !important;\n}\n\n.highlightLineHavingError {\n  border-bottom: 1px dashed red;\n}\n\n.parent-notes-modal .child-notes-grid {\n  height: calc(100% - 10px) !important;\n}\n\n.prevent-text-selection {\n  user-select: none;\n}\n\n.logs-collapse-div {\n  background: #3d3d3d;\n  height: 25px;\n}\n\n.p-tooltip-word-break-all .p-tooltip-text {\n  word-break: break-all;\n}\n\n.preHookCounter {\n  position: absolute;\n  right: 0.5em;\n  rotate: 270deg;\n  border-radius: 0.8em;\n  background-color: grey;\n  color: white;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 0.8em;\n  height: 1.5em;\n  min-width: 1.5em;\n}\n\n.postHookCounter {\n  position: absolute;\n  right: -0.5em;\n  rotate: 90deg;\n  border-radius: 0.8em;\n  background-color: grey;\n  color: white;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 0.8em;\n  height: 1.5em;\n  min-width: 1.5em;\n}\n\ndiv.delta-to-html .ql-size-huge {\n  font-size: xx-large;\n}\ndiv.delta-to-html pre {\n  display: block;\n  font-size: 87.5%;\n  color: inherit;\n  background: #1d1d1d;\n  padding: 10px;\n}\ndiv.delta-to-html table, div.delta-to-html td, div.delta-to-html th {\n  border: 1px solid grey;\n  text-align: left;\n}\ndiv.delta-to-html table {\n  border-collapse: collapse;\n  width: 100%;\n  display: table;\n  box-sizing: border-box;\n  text-indent: initial;\n  border-spacing: 2px;\n  background: #3b3b3b;\n  border-color: grey;\n}\ndiv.delta-to-html th, div.delta-to-html td {\n  padding: 6px;\n}\ndiv.delta-to-html tr:nth-of-type(odd) {\n  background: rgba(40, 40, 40, 0.7803921569);\n}\n\napp-fun-man-layout .custom-api-grid-height {\n  height: calc(100vh - 82px);\n}\n\napp-db-cell-layout app-w-instances .instance-grid-height {\n  height: calc(100vh - 94px);\n}\napp-db-cell-layout app-w-databases .database-grid-height {\n  height: calc(50vh - 68px);\n}\napp-db-cell-layout app-w-collections .collection-grid-height {\n  height: calc(50vh - 68px);\n}\n\napp-system-api-layout app-system-api-w .system-api-grid-height {\n  height: calc(100vh - 82px);\n}\n\napp-tp-api-layout app-w-supported-tp-api .system-api-grid-height {\n  height: calc(100vh - 94px);\n}\n\napp-event-man-layout app-events-grid .events-grid-height {\n  height: calc(100vh - 94px);\n}\n\napp-scheduler-man-layout app-scheduler-man-w .schedulers-grid-height {\n  height: calc(100vh - 82px);\n}\n\napp-web-socket-events-layout-grid app-web-socket-events-grid .ws-events-grid-height {\n  height: calc(100vh - 82px);\n}\n\napp-logprofile-layout app-w-logprofiles .log-profile-grid-height {\n  height: calc(100vh - 94px);\n}\n\napp-scanning-periods-layout app-w-scanning-periods .scanning-period-grid-height {\n  height: calc(100vh - 94px);\n}\n\napp-utility-classes-layout app-utility-classes-list .utility-classes-grid-height {\n  height: calc(100vh - 94px);\n}\n\napp-notes-layout app-notes-list .notes-grid-height {\n  height: calc(100vh - 86px);\n}\napp-notes-layout app-notes-form .notes-form-height {\n  height: calc(100vh - 94px);\n}\n\napp-notes-modal app-notes-list .notes-grid-height {\n  height: calc(100vh - 102px);\n}\napp-notes-modal app-notes-form .notes-form-height {\n  height: calc(100vh - 94px);\n}\n\napp-code-finder-modal app-code-finder-w .code-finder-height {\n  height: calc(100vh - 72px) !important;\n}\n\napp-root app-code-finder-w .code-finder-height {\n  height: calc(100vh - 52px);\n}\n\n.dropdown-menu {\n  z-index: 1051;\n}\n\na {\n  color: #aaa;\n}\n\n.p-tree-empty-message {\n  position: absolute;\n  width: 100%;\n  text-align: center;\n  padding-top: 20px;\n}\n\n.json-key {\n  color: #9d74af;\n}\n\n.json-val {\n  color: #6aab73;\n}\n\n#svgContainerId svg {\n  height: calc(100vh - 88px);\n  width: calc(100vw - 20px);\n}\n#svgContainerId rect, #svgContainerId text {\n  cursor: grab;\n}\n\n.p-datatable-header {\n  padding: 0 !important;\n}\n\n.width-300 {\n  width: 300px;\n}\n\n.width-50p {\n  width: 50%;\n}\n\n.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {\n  background: none !important;\n  color: inherit !important;\n}\n\np-radioButton.inline-small-radio .p-radiobutton-label {\n  margin-bottom: 0 !important;\n}\n\n.word-break-all {\n  word-break: break-all;\n}\n\ndiv.p-datepicker.p-component {\n  z-index: 1052 !important;\n}\n\np-calendar.w-100 span.p-calendar {\n  width: 100%;\n}\np-calendar.w-100 span.p-calendar input {\n  background-color: #464646;\n}\n\np-calendar.form-control-sm {\n  padding-left: 0;\n}\np-calendar.form-control-sm input, p-calendar.form-control-sm button {\n  height: calc(1.5em + 0.5rem + 2px);\n  padding: 0.25rem 0.5rem;\n  font-size: 0.8203125rem;\n  line-height: 1.5;\n  border-radius: 0.2rem;\n}\np-calendar.form-control-sm input {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\np-calendar.form-control-sm button {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n#id_api_maker_deploy_file_upload .p-fileupload-content {\n  padding: 10px 0;\n  text-align: left;\n}\n#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(1) {\n  display: none;\n}\n#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(2) {\n  width: 75%;\n  padding: 0 0 0 10px;\n}\n#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(3) {\n  padding: 0;\n  text-align: center;\n}\n#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(4) {\n  padding: 0 10px 0 0;\n  width: 74px;\n}\n\n.id_ptree_db_master_config_outline .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {\n  margin-right: 0;\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.id_ptree_db_master_config_outline .tree-width {\n  width: auto;\n}\n.id_ptree_db_master_config_outline .tree-width .p-tree-container {\n  display: table;\n}\n\np-dropdown .fix-height-issue {\n  height: 29px;\n}\n\n.grid-pill-custom-api {\n  font-size: x-small;\n  padding: 2px 5px;\n  border-radius: 3px;\n}\n\n.width-160 {\n  width: 160px;\n}\n\n.custom-dropdown-panel {\n  width: 400px;\n}","/* You can add global styles to this file, and also import other style files */\n@import \"variables\";\n@import \"monaco-editor-overrides.scss\";\n\nbody {\n    min-width: $min-width;\n    //font-family: 'PT Sans', sans-serif;\n}\n\n::-moz-selection { /* Code for Firefox */\n    //color: white;\n    //background: $primary-color;\n}\n\n::selection {\n    //color: white;\n    //background: $primary-color;\n}\n\n::-webkit-scrollbar { width: 7px; height: 7px; }\n\n/* Track */\n::-webkit-scrollbar-track {\n    background: transparent; border-radius: 8px;\n    //box-shadow: inset 0 0 5px gray;\n}\n\n/* Handle */\n::-webkit-scrollbar-thumb { background: #5b5b5b; border-radius: 10px; }\n\n/* Handle on hover */\n::-webkit-scrollbar-thumb:hover { background: #5b5b5b; }\n\n/* Hide HTML5 Up and Down arrows. */\ninput[type=\"number\"]::-webkit-outer-spin-button, input[type=\"number\"]::-webkit-inner-spin-button {\n    -webkit-appearance: none; margin: 0;\n}\n\n// Hide up & down arrows for number in firefox\ninput[type=\"number\"] { -moz-appearance: textfield; }\n\n// ==== animations ====\n@keyframes fadein { from { opacity: 0} to { opacity: 1} }\n\n\n// ==== common classes ====\n.cursor-pointer { cursor: pointer;}\n.text-v-small {font-size: 70%;}\n.mt-1px { margin-top: 1px }\n.mt--1px { margin-top: -1px; }\n.mt--2px { margin-top: -2px; }\n.dialog-text { margin: 30px;text-align: center;}\n.full-body { height: calc(100vh - 56px); } // 50 is giving scroll in log profile, 56 is working fine.\n.line-height-1-3 { line-height: 1.3rem;}\n.line-height-1 { line-height: 1rem;}\n.line-height-1-plain { line-height: 1;}\n\n.icon-inside-table-cell { text-align: center !important; padding: 0 !important; vertical-align: middle !important; height: 30px; width: 30px;\n    img {height: 20px; width: 20px;}\n}\n\n.font-monospaced { font-family: \"JetBrains Mono\", SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace}\n.font-verdana { font-family: 'Verdana', sans-serif; }\n.font-jetbrains-mono { font-family: \"JetBrains Mono\", Monaco, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", \"Courier New\", monospace;}\n\n.text-overflow-ellipsis {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.italic { font-style: italic; }\n\n.w-10-nowrap {width: 10px; white-space: nowrap;}\n\n.btn-xsm-custom {\n    width: 30px;\n    height: 23px;\n    padding: 0;\n    line-height: 0.5;\n}\n\n.text-yellow { color: #dbdb37; }\n\ntextarea { resize: none; }\n\n.request-cancel-button { position: absolute; top: calc(50% + 40px); left: calc(50% - 50px); width: 100px; margin: 0; z-index: 2;\n    text-transform: uppercase; // if we remove this text is not showing.\n}\n.maximize-testing-tab { position: absolute; top: 0; width: 100%; left: 0; height: calc(100vh - 26px); }\n.maximize-testing-panel { position: absolute; width: 100%; top: 0; border: 0; }\n\n// API Testing page related styles\n.panel-body-h { height: calc(100vh - 75px); }\n.tab-content-h { height: calc(100vh - 80px); }\n.tab-content-h-maximize {\n    height: calc(100vh - 64px);\n    .monaco-code-h { height: calc(100vh - 100px) !important; }\n}\n.api-list {\n    .monaco-code-h { height: calc(100vh - 238px); }\n    .index-maker-db-calls { height: calc(100vh - 260px); }\n}\n.api-list-test-hook {\n    .monaco-code-h { height: calc(100vh - 312px - 48px); }\n}\n.modal-full { max-width: calc(100vw - 100px); }\n\n.table-no-padding {\n    td {\n        height: 30px;\n        padding: 0;\n        div { min-height: 30px; padding: .2rem .75rem; }\n        div.selected-row { background-color: #2f647357; }\n    }\n}\n.font-label { font-size: .875rem; }\n\n// monaco editor error highlight classes\n.highlightMatchedWord { background: yellow !important; color: black !important; font-weight: bold !important; }\n.highlightLineHavingError { border-bottom: 1px dashed red; }\n.parent-notes-modal .child-notes-grid { height: calc(100% - 10px) !important; }\n.prevent-text-selection { user-select: none; }\n\n.logs-collapse-div { background: #3d3d3d; height: 25px; }\n\n.p-tooltip-word-break-all .p-tooltip-text { word-break: break-all; }\n\n.preHookCounter {\n    position: absolute;\n    right: 0.5em;\n    //top: -16px !important;\n    rotate: 270deg;\n    border-radius: 0.8em;\n    background-color: grey;\n    color: white;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 0.8em;\n    height: 1.5em;\n    min-width: 1.5em;\n}\n\n.postHookCounter {\n    position: absolute;\n    right: -0.5em;\n    //top: 13px !important;\n    rotate: 90deg;\n    border-radius: 0.8em;\n    background-color: grey;\n    color: white;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 0.8em;\n    height: 1.5em;\n    min-width: 1.5em;\n}\n\n\n// delta to html override css\ndiv.delta-to-html {\n    .ql-size-huge {\n        font-size: xx-large;\n    }\n    pre {\n        display: block;\n        font-size: 87.5%;\n        color: inherit;\n        background: #1d1d1d;\n        padding: 10px;\n    }\n\n    table, td, th {\n        border: 1px solid grey;\n        text-align: left;\n    }\n\n    table {\n        border-collapse: collapse;\n        width: 100%;\n        display: table;\n        box-sizing: border-box;\n        text-indent: initial;\n        border-spacing: 2px;\n        background: #3b3b3b;\n        border-color: grey;\n    }\n\n    th, td {\n        padding: 6px;\n    }\n    tr:nth-of-type(odd) {\n        background: #282828c7;\n    }\n}\n\napp-fun-man-layout {\n    .custom-api-grid-height {\n        height: calc(100vh - 82px);\n    }\n}\n\napp-db-cell-layout {\n    app-w-instances {\n        .instance-grid-height {\n            height: calc(100vh - 94px);\n        }\n    }\n\n    app-w-databases {\n        .database-grid-height {\n            height: calc(50vh - 68px);\n        }\n    }\n\n    app-w-collections {\n        .collection-grid-height {\n            height: calc(50vh - 68px);\n        }\n    }\n}\n\napp-system-api-layout {\n    app-system-api-w {\n        .system-api-grid-height {\n            height: calc(100vh - 82px);\n        }\n    }\n}\n\napp-tp-api-layout {\n    app-w-supported-tp-api {\n        .system-api-grid-height {\n            height: calc(100vh - 94px)\n        }\n    }\n}\n\napp-event-man-layout {\n    app-events-grid {\n        .events-grid-height {\n            height: calc(100vh - 94px);\n        }\n    }\n}\n\n\napp-scheduler-man-layout {\n    app-scheduler-man-w {\n        .schedulers-grid-height {\n            height: calc(100vh - 82px);\n        }\n    }\n}\n\napp-web-socket-events-layout-grid {\n    app-web-socket-events-grid {\n        .ws-events-grid-height {\n            height: calc(100vh - 82px);\n        }\n    }\n}\n\napp-logprofile-layout {\n    app-w-logprofiles {\n        .log-profile-grid-height {\n            height: calc(100vh - 94px);\n        }\n    }\n}\n\napp-scanning-periods-layout {\n    app-w-scanning-periods {\n        .scanning-period-grid-height {\n            height: calc(100vh - 94px);\n        }\n    }\n}\n\napp-utility-classes-layout {\n    app-utility-classes-list {\n        .utility-classes-grid-height {\n            height: calc(100vh - 94px);\n        }\n    }\n}\n\napp-notes-layout {\n    app-notes-list {\n        .notes-grid-height {\n            height: calc(100vh - 86px);\n        }\n    }\n    app-notes-form {\n        .notes-form-height {\n            height: calc(100vh - 94px);\n        }\n    }\n}\n\napp-notes-modal {\n    app-notes-list {\n        .notes-grid-height {\n            height: calc(100vh - 102px);\n        }\n    }\n    app-notes-form {\n        .notes-form-height {\n            height: calc(100vh - 94px);\n        }\n    }\n}\n\n\n\napp-code-finder-modal {\n    app-code-finder-w {\n        .code-finder-height {\n            height: calc(100vh - 72px) !important;\n        }\n    }\n}\n\napp-root {\n    app-code-finder-w {\n        .code-finder-height {\n            height: calc(100vh - 52px);\n        }\n    }\n}\n\n.dropdown-menu { z-index: 1051; }\na { color: #aaa; }\n\n.p-tree-empty-message {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    padding-top: 20px;\n}\n\n.json-key {\n    color: #9d74af;\n}\n\n.json-val {\n    color: #6aab73;\n}\n\n#svgContainerId {\n    svg {\n        height: calc(100vh - 88px);\n        width: calc(100vw - 20px);\n    }\n    rect, text { cursor: grab; }\n}\n\n.p-datatable-header { padding: 0 !important; }\n\n.width-300 { width: 300px; }\n.width-50p { width: 50%; }\n\n.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover {\n    background: none !important;\n    color: inherit !important;\n}\n\np-radioButton.inline-small-radio {\n    .p-radiobutton-label { margin-bottom: 0 !important; }\n}\n\n.word-break-all { word-break: break-all; }\ndiv.p-datepicker.p-component { z-index: 1052 !important; }\np-calendar.w-100 {\n    span.p-calendar {\n        width: 100%;\n        input { background-color: #464646; }\n    }\n}\n\n\np-calendar.form-control-sm {\n    padding-left: 0;\n    input, button {\n        height: calc(1.5em + 0.5rem + 2px);\n        padding: 0.25rem 0.5rem;\n        font-size: 0.8203125rem;\n        line-height: 1.5;\n        border-radius: 0.2rem;\n    }\n    input {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n    button {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n}\n\n#id_api_maker_deploy_file_upload {\n    .p-fileupload-content {\n        padding: 10px 0;\n        text-align: left;\n\n        .p-fileupload-row {\n            div:nth-of-type(1) { display: none; }\n            div:nth-of-type(2) { width: 75%; padding: 0 0 0 10px; }\n            div:nth-of-type(3) { padding: 0; text-align: center; }\n            div:nth-of-type(4) { padding: 0 10px 0 0; width: 74px; }\n        }\n    }\n}\n\n.id_ptree_db_master_config_outline {\n    .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {\n        margin-right: 0;\n        width: 1.5rem;\n        height: 1.5rem;\n    }\n\n    .tree-width {\n        width: auto;\n        .p-tree-container { display: table; } // It expands red highlight of tree item otherwise it doesn't fully expand.\n    }\n}\n\np-dropdown .fix-height-issue { height: 29px; }\n.grid-pill-custom-api { font-size: x-small; padding: 2px 5px; border-radius: 3px; }\n.width-160 { width: 160px; }\n.custom-dropdown-panel { width: 400px; }"]}
+{"version":3,"sources":["variables.scss","styles.css","styles.scss"],"names":[],"mappings":"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","file":"styles.css","sourcesContent":["//$primary-color: #007bff;\n$min-width: 1349px;\n$primary-color: #7157cb;\n$primary-color-font: #eeeeee;\n$font-size: 0.875rem;\n$font-size-small: 0.775rem;\n//$shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; // it is bootstrap standard shadow-sm\n//$border-style: 1px solid #dee2e6;\n\n@font-face {\n    font-family: 'Verdana';\n    src: url('../fonts/Verdana.ttf');\n}\n\n@font-face {\n    font-family: 'JetBrains Mono';\n    src: url('../fonts/JetBrainsMonoRegular.ttf');\n}\n","/* You can add global styles to this file, and also import other style files */\n@font-face {\n  font-family: \"Verdana\";\n  src: url(\"../fonts/Verdana.ttf\");\n}\n@font-face {\n  font-family: \"JetBrains Mono\";\n  src: url(\"../fonts/JetBrainsMonoRegular.ttf\");\n}\nbody {\n  min-width: 1349px;\n}\n\n::-moz-selection {\n  /* Code for Firefox */\n}\n\n::-webkit-scrollbar {\n  width: 7px;\n  height: 7px;\n}\n\n/* Track */\n::-webkit-scrollbar-track {\n  background: transparent;\n  border-radius: 8px;\n}\n\n/* Handle */\n::-webkit-scrollbar-thumb {\n  background: #5b5b5b;\n  border-radius: 10px;\n}\n\n/* Handle on hover */\n::-webkit-scrollbar-thumb:hover {\n  background: #5b5b5b;\n}\n\n/* Hide HTML5 Up and Down arrows. */\ninput[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number] {\n  -moz-appearance: textfield;\n}\n\n@keyframes fadein {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.text-v-small {\n  font-size: 70%;\n}\n\n.mt-1px {\n  margin-top: 1px;\n}\n\n.mt--1px {\n  margin-top: -1px;\n}\n\n.mt--2px {\n  margin-top: -2px;\n}\n\n.dialog-text {\n  margin: 30px;\n  text-align: center;\n}\n\n.full-body {\n  height: calc(100vh - 56px);\n}\n\n.line-height-1-3 {\n  line-height: 1.3rem;\n}\n\n.line-height-1 {\n  line-height: 1rem;\n}\n\n.line-height-1-plain {\n  line-height: 1;\n}\n\n.icon-inside-table-cell {\n  text-align: center !important;\n  padding: 0 !important;\n  vertical-align: middle !important;\n  height: 30px;\n  width: 30px;\n}\n.icon-inside-table-cell img {\n  height: 20px;\n  width: 20px;\n}\n\n.font-monospaced {\n  font-family: \"JetBrains Mono\", SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n.font-verdana {\n  font-family: \"Verdana\", sans-serif;\n}\n\n.font-jetbrains-mono {\n  font-family: \"JetBrains Mono\", Monaco, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n.text-overflow-ellipsis {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.italic {\n  font-style: italic;\n}\n\n.w-10-nowrap {\n  width: 10px;\n  white-space: nowrap;\n}\n\n.btn-xsm-custom {\n  width: 30px;\n  height: 23px;\n  padding: 0;\n  line-height: 0.5;\n}\n\n.text-yellow {\n  color: #dbdb37;\n}\n\ntextarea {\n  resize: none;\n}\n\n.request-cancel-button {\n  position: absolute;\n  top: calc(50% + 40px);\n  left: calc(50% - 50px);\n  width: 100px;\n  margin: 0;\n  z-index: 2;\n  text-transform: uppercase;\n}\n\n.maximize-testing-tab {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  left: 0;\n  height: calc(100vh - 26px);\n}\n\n.maximize-testing-panel {\n  position: absolute;\n  width: 100%;\n  top: 0;\n  border: 0;\n}\n\n.panel-body-h {\n  height: calc(100vh - 75px);\n}\n\n.tab-content-h {\n  height: calc(100vh - 80px);\n}\n\n.tab-content-h-maximize {\n  height: calc(100vh - 64px);\n}\n.tab-content-h-maximize .monaco-code-h {\n  height: calc(100vh - 100px) !important;\n}\n\n.api-list .monaco-code-h {\n  height: calc(100vh - 238px);\n}\n.api-list .index-maker-db-calls {\n  height: calc(100vh - 260px);\n}\n\n.api-list-test-hook .monaco-code-h {\n  height: calc(100vh - 312px - 48px);\n}\n\n.modal-full {\n  max-width: calc(100vw - 100px);\n}\n\n.table-no-padding td {\n  height: 30px;\n  padding: 0;\n}\n.table-no-padding td div {\n  min-height: 30px;\n  padding: 0.2rem 0.75rem;\n}\n.table-no-padding td div.selected-row {\n  background-color: rgba(47, 100, 115, 0.3411764706);\n}\n\n.font-label {\n  font-size: 0.875rem;\n}\n\n.highlightMatchedWord {\n  background: yellow !important;\n  color: black !important;\n  font-weight: bold !important;\n}\n\n.highlightLineHavingError {\n  border-bottom: 1px dashed red;\n}\n\n.parent-notes-modal .child-notes-grid {\n  height: calc(100% - 10px) !important;\n}\n\n.prevent-text-selection {\n  user-select: none;\n}\n\n.logs-collapse-div {\n  background: #3d3d3d;\n  height: 25px;\n}\n\n.p-tooltip-word-break-all .p-tooltip-text {\n  word-break: break-all;\n}\n\n.preHookCounter {\n  position: absolute;\n  right: 0.5em;\n  rotate: 270deg;\n  border-radius: 0.8em;\n  background-color: grey;\n  color: white;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 0.8em;\n  height: 1.5em;\n  min-width: 1.5em;\n}\n\n.postHookCounter {\n  position: absolute;\n  right: -0.5em;\n  rotate: 90deg;\n  border-radius: 0.8em;\n  background-color: grey;\n  color: white;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 0.8em;\n  height: 1.5em;\n  min-width: 1.5em;\n}\n\ndiv.delta-to-html .ql-size-huge {\n  font-size: xx-large;\n}\ndiv.delta-to-html pre {\n  display: block;\n  font-size: 87.5%;\n  color: inherit;\n  background: #1d1d1d;\n  padding: 10px;\n}\ndiv.delta-to-html table, div.delta-to-html td, div.delta-to-html th {\n  border: 1px solid grey;\n  text-align: left;\n}\ndiv.delta-to-html table {\n  border-collapse: collapse;\n  width: 100%;\n  display: table;\n  box-sizing: border-box;\n  text-indent: initial;\n  border-spacing: 2px;\n  background: #3b3b3b;\n  border-color: grey;\n}\ndiv.delta-to-html th, div.delta-to-html td {\n  padding: 6px;\n}\ndiv.delta-to-html tr:nth-of-type(odd) {\n  background: rgba(40, 40, 40, 0.7803921569);\n}\n\napp-fun-man-layout .custom-api-grid-height {\n  height: calc(100vh - 82px);\n}\n\napp-db-cell-layout app-w-instances .instance-grid-height {\n  height: calc(100vh - 94px);\n}\napp-db-cell-layout app-w-databases .database-grid-height {\n  height: calc(50vh - 68px);\n}\napp-db-cell-layout app-w-collections .collection-grid-height {\n  height: calc(50vh - 68px);\n}\n\napp-system-api-layout app-system-api-w .system-api-grid-height {\n  height: calc(100vh - 82px);\n}\n\napp-tp-api-layout app-w-supported-tp-api .system-api-grid-height {\n  height: calc(100vh - 94px);\n}\n\napp-event-man-layout app-events-grid .events-grid-height {\n  height: calc(100vh - 94px);\n}\n\napp-scheduler-man-layout app-scheduler-man-w .schedulers-grid-height {\n  height: calc(100vh - 82px);\n}\n\napp-web-socket-events-layout-grid app-web-socket-events-grid .ws-events-grid-height {\n  height: calc(100vh - 82px);\n}\n\napp-logprofile-layout app-w-logprofiles .log-profile-grid-height {\n  height: calc(100vh - 94px);\n}\n\napp-scanning-periods-layout app-w-scanning-periods .scanning-period-grid-height {\n  height: calc(100vh - 94px);\n}\n\napp-utility-classes-layout app-utility-classes-list .utility-classes-grid-height {\n  height: calc(100vh - 94px);\n}\n\napp-notes-layout app-notes-list .notes-grid-height {\n  height: calc(100vh - 86px);\n}\napp-notes-layout app-notes-form .notes-form-height {\n  height: calc(100vh - 94px);\n}\n\napp-notes-modal app-notes-list .notes-grid-height {\n  height: calc(100vh - 102px);\n}\napp-notes-modal app-notes-form .notes-form-height {\n  height: calc(100vh - 94px);\n}\n\napp-code-finder-modal app-code-finder-w .code-finder-height {\n  height: calc(100vh - 72px) !important;\n}\n\napp-root app-code-finder-w .code-finder-height {\n  height: calc(100vh - 52px);\n}\n\n.dropdown-menu {\n  z-index: 1051;\n}\n\na {\n  color: #aaa;\n}\n\n.p-tree-empty-message {\n  position: absolute;\n  width: 100%;\n  text-align: center;\n  padding-top: 20px;\n}\n\n.json-key {\n  color: #9d74af;\n}\n\n.json-val {\n  color: #6aab73;\n}\n\n#svgContainerId svg {\n  height: calc(100vh - 88px);\n  width: calc(100vw - 20px);\n}\n#svgContainerId rect, #svgContainerId text {\n  cursor: grab;\n}\n\n.p-datatable-header {\n  padding: 0 !important;\n}\n\n.width-300 {\n  width: 300px;\n}\n\n.width-50p {\n  width: 50%;\n}\n\n.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {\n  background: none !important;\n  color: inherit !important;\n}\n\np-radioButton.inline-small-radio .p-radiobutton-label {\n  margin-bottom: 0 !important;\n}\n\n.word-break-all {\n  word-break: break-all;\n}\n\ndiv.p-datepicker.p-component {\n  z-index: 1052 !important;\n}\n\np-calendar.w-100 span.p-calendar {\n  width: 100%;\n}\np-calendar.w-100 span.p-calendar input {\n  background-color: #464646;\n}\n\np-calendar.form-control-sm {\n  padding-left: 0;\n}\np-calendar.form-control-sm input, p-calendar.form-control-sm button {\n  height: calc(1.5em + 0.5rem + 2px);\n  padding: 0.25rem 0.5rem;\n  font-size: 0.8203125rem;\n  line-height: 1.5;\n  border-radius: 0.2rem;\n}\np-calendar.form-control-sm input {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\np-calendar.form-control-sm button {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n#id_api_maker_deploy_file_upload .p-fileupload-content {\n  padding: 10px 0;\n  text-align: left;\n}\n#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(1) {\n  display: none;\n}\n#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(2) {\n  width: 75%;\n  padding: 0 0 0 10px;\n}\n#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(3) {\n  padding: 0;\n  text-align: center;\n}\n#id_api_maker_deploy_file_upload .p-fileupload-content .p-fileupload-row div:nth-of-type(4) {\n  padding: 0 10px 0 0;\n  width: 74px;\n}\n\n.id_ptree_db_master_config_outline .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {\n  margin-right: 0;\n  width: 1.5rem;\n  height: 1.5rem;\n}\n.id_ptree_db_master_config_outline .tree-width {\n  width: auto;\n}\n.id_ptree_db_master_config_outline .tree-width .p-tree-container {\n  display: table;\n}\n\np-dropdown .fix-height-issue {\n  height: 29px;\n}\n\n.grid-pill-custom-api {\n  font-size: x-small;\n  padding: 2px 5px;\n  border-radius: 3px;\n}\n\n.width-160 {\n  width: 160px;\n}\n\n.custom-dropdown-panel {\n  width: 400px;\n}\n\n.tv-zoom-toolbar {\n  position: absolute;\n  top: 4px;\n  right: 0;\n  z-index: 10;\n  pointer-events: auto;\n}\n\n.tv-zoom-btn {\n  width: 2rem;\n  height: 22px;\n  border: 1px solid hsl(0deg, 0%, 30.59%);\n  border-radius: 3px;\n  background: rgb(64, 64, 64);\n  color: #f0f0f0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;\n  font-size: 12px;\n}\n.tv-zoom-btn:hover {\n  background: rgba(52, 58, 64, 0.96);\n  border-color: rgba(255, 255, 255, 0.4);\n  color: #ffffff;\n  transform: translateY(-1px);\n}\n.tv-zoom-btn:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.35);\n}\n\n.table-viewer-shell--zoomed {\n  position: fixed !important;\n  inset: 0;\n  width: 100%;\n  height: 100% !important;\n  max-height: 100%;\n  z-index: 1080;\n  overflow: hidden;\n}\n.table-viewer-shell--zoomed .tv-zoom-toolbar {\n  top: 4px;\n  right: 0;\n}\n.table-viewer-shell--zoomed iframe {\n  width: 100%;\n  height: 100%;\n}\n\n.table-viewer-loader {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(30, 30, 30, 0.85);\n  z-index: 10;\n  pointer-events: none;\n}\n.table-viewer-loader__spinner {\n  width: 28px;\n  height: 28px;\n  border: 3px solid rgba(255, 255, 255, 0.15);\n  border-top-color: #097BED;\n  border-radius: 50%;\n  animation: table-viewer-spin 0.7s linear infinite;\n}\n\n@keyframes table-viewer-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}","/* You can add global styles to this file, and also import other style files */\n@import \"variables\";\n@import \"monaco-editor-overrides.scss\";\n\nbody {\n    min-width: $min-width;\n    //font-family: 'PT Sans', sans-serif;\n}\n\n::-moz-selection { /* Code for Firefox */\n    //color: white;\n    //background: $primary-color;\n}\n\n::selection {\n    //color: white;\n    //background: $primary-color;\n}\n\n::-webkit-scrollbar { width: 7px; height: 7px; }\n\n/* Track */\n::-webkit-scrollbar-track {\n    background: transparent; border-radius: 8px;\n    //box-shadow: inset 0 0 5px gray;\n}\n\n/* Handle */\n::-webkit-scrollbar-thumb { background: #5b5b5b; border-radius: 10px; }\n\n/* Handle on hover */\n::-webkit-scrollbar-thumb:hover { background: #5b5b5b; }\n\n/* Hide HTML5 Up and Down arrows. */\ninput[type=\"number\"]::-webkit-outer-spin-button, input[type=\"number\"]::-webkit-inner-spin-button {\n    -webkit-appearance: none; margin: 0;\n}\n\n// Hide up & down arrows for number in firefox\ninput[type=\"number\"] { -moz-appearance: textfield; }\n\n// ==== animations ====\n@keyframes fadein { from { opacity: 0} to { opacity: 1} }\n\n\n// ==== common classes ====\n.cursor-pointer { cursor: pointer;}\n.text-v-small {font-size: 70%;}\n.mt-1px { margin-top: 1px }\n.mt--1px { margin-top: -1px; }\n.mt--2px { margin-top: -2px; }\n.dialog-text { margin: 30px;text-align: center;}\n.full-body { height: calc(100vh - 56px); } // 50 is giving scroll in log profile, 56 is working fine.\n.line-height-1-3 { line-height: 1.3rem;}\n.line-height-1 { line-height: 1rem;}\n.line-height-1-plain { line-height: 1;}\n\n.icon-inside-table-cell { text-align: center !important; padding: 0 !important; vertical-align: middle !important; height: 30px; width: 30px;\n    img {height: 20px; width: 20px;}\n}\n\n.font-monospaced { font-family: \"JetBrains Mono\", SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace}\n.font-verdana { font-family: 'Verdana', sans-serif; }\n.font-jetbrains-mono { font-family: \"JetBrains Mono\", Monaco, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", \"Courier New\", monospace;}\n\n.text-overflow-ellipsis {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.italic { font-style: italic; }\n\n.w-10-nowrap {width: 10px; white-space: nowrap;}\n\n.btn-xsm-custom {\n    width: 30px;\n    height: 23px;\n    padding: 0;\n    line-height: 0.5;\n}\n\n.text-yellow { color: #dbdb37; }\n\ntextarea { resize: none; }\n\n.request-cancel-button { position: absolute; top: calc(50% + 40px); left: calc(50% - 50px); width: 100px; margin: 0; z-index: 2;\n    text-transform: uppercase; // if we remove this text is not showing.\n}\n.maximize-testing-tab { position: absolute; top: 0; width: 100%; left: 0; height: calc(100vh - 26px); }\n.maximize-testing-panel { position: absolute; width: 100%; top: 0; border: 0; }\n\n// API Testing page related styles\n.panel-body-h { height: calc(100vh - 75px); }\n.tab-content-h { height: calc(100vh - 80px); }\n.tab-content-h-maximize {\n    height: calc(100vh - 64px);\n    .monaco-code-h { height: calc(100vh - 100px) !important; }\n}\n.api-list {\n    .monaco-code-h { height: calc(100vh - 238px); }\n    .index-maker-db-calls { height: calc(100vh - 260px); }\n}\n.api-list-test-hook {\n    .monaco-code-h { height: calc(100vh - 312px - 48px); }\n}\n.modal-full { max-width: calc(100vw - 100px); }\n\n.table-no-padding {\n    td {\n        height: 30px;\n        padding: 0;\n        div { min-height: 30px; padding: .2rem .75rem; }\n        div.selected-row { background-color: #2f647357; }\n    }\n}\n.font-label { font-size: .875rem; }\n\n// monaco editor error highlight classes\n.highlightMatchedWord { background: yellow !important; color: black !important; font-weight: bold !important; }\n.highlightLineHavingError { border-bottom: 1px dashed red; }\n.parent-notes-modal .child-notes-grid { height: calc(100% - 10px) !important; }\n.prevent-text-selection { user-select: none; }\n\n.logs-collapse-div { background: #3d3d3d; height: 25px; }\n\n.p-tooltip-word-break-all .p-tooltip-text { word-break: break-all; }\n\n.preHookCounter {\n    position: absolute;\n    right: 0.5em;\n    //top: -16px !important;\n    rotate: 270deg;\n    border-radius: 0.8em;\n    background-color: grey;\n    color: white;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 0.8em;\n    height: 1.5em;\n    min-width: 1.5em;\n}\n\n.postHookCounter {\n    position: absolute;\n    right: -0.5em;\n    //top: 13px !important;\n    rotate: 90deg;\n    border-radius: 0.8em;\n    background-color: grey;\n    color: white;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 0.8em;\n    height: 1.5em;\n    min-width: 1.5em;\n}\n\n\n// delta to html override css\ndiv.delta-to-html {\n    .ql-size-huge {\n        font-size: xx-large;\n    }\n    pre {\n        display: block;\n        font-size: 87.5%;\n        color: inherit;\n        background: #1d1d1d;\n        padding: 10px;\n    }\n\n    table, td, th {\n        border: 1px solid grey;\n        text-align: left;\n    }\n\n    table {\n        border-collapse: collapse;\n        width: 100%;\n        display: table;\n        box-sizing: border-box;\n        text-indent: initial;\n        border-spacing: 2px;\n        background: #3b3b3b;\n        border-color: grey;\n    }\n\n    th, td {\n        padding: 6px;\n    }\n    tr:nth-of-type(odd) {\n        background: #282828c7;\n    }\n}\n\napp-fun-man-layout {\n    .custom-api-grid-height {\n        height: calc(100vh - 82px);\n    }\n}\n\napp-db-cell-layout {\n    app-w-instances {\n        .instance-grid-height {\n            height: calc(100vh - 94px);\n        }\n    }\n\n    app-w-databases {\n        .database-grid-height {\n            height: calc(50vh - 68px);\n        }\n    }\n\n    app-w-collections {\n        .collection-grid-height {\n            height: calc(50vh - 68px);\n        }\n    }\n}\n\napp-system-api-layout {\n    app-system-api-w {\n        .system-api-grid-height {\n            height: calc(100vh - 82px);\n        }\n    }\n}\n\napp-tp-api-layout {\n    app-w-supported-tp-api {\n        .system-api-grid-height {\n            height: calc(100vh - 94px)\n        }\n    }\n}\n\napp-event-man-layout {\n    app-events-grid {\n        .events-grid-height {\n            height: calc(100vh - 94px);\n        }\n    }\n}\n\n\napp-scheduler-man-layout {\n    app-scheduler-man-w {\n        .schedulers-grid-height {\n            height: calc(100vh - 82px);\n        }\n    }\n}\n\napp-web-socket-events-layout-grid {\n    app-web-socket-events-grid {\n        .ws-events-grid-height {\n            height: calc(100vh - 82px);\n        }\n    }\n}\n\napp-logprofile-layout {\n    app-w-logprofiles {\n        .log-profile-grid-height {\n            height: calc(100vh - 94px);\n        }\n    }\n}\n\napp-scanning-periods-layout {\n    app-w-scanning-periods {\n        .scanning-period-grid-height {\n            height: calc(100vh - 94px);\n        }\n    }\n}\n\napp-utility-classes-layout {\n    app-utility-classes-list {\n        .utility-classes-grid-height {\n            height: calc(100vh - 94px);\n        }\n    }\n}\n\napp-notes-layout {\n    app-notes-list {\n        .notes-grid-height {\n            height: calc(100vh - 86px);\n        }\n    }\n    app-notes-form {\n        .notes-form-height {\n            height: calc(100vh - 94px);\n        }\n    }\n}\n\napp-notes-modal {\n    app-notes-list {\n        .notes-grid-height {\n            height: calc(100vh - 102px);\n        }\n    }\n    app-notes-form {\n        .notes-form-height {\n            height: calc(100vh - 94px);\n        }\n    }\n}\n\n\n\napp-code-finder-modal {\n    app-code-finder-w {\n        .code-finder-height {\n            height: calc(100vh - 72px) !important;\n        }\n    }\n}\n\napp-root {\n    app-code-finder-w {\n        .code-finder-height {\n            height: calc(100vh - 52px);\n        }\n    }\n}\n\n.dropdown-menu { z-index: 1051; }\na { color: #aaa; }\n\n.p-tree-empty-message {\n    position: absolute;\n    width: 100%;\n    text-align: center;\n    padding-top: 20px;\n}\n\n.json-key {\n    color: #9d74af;\n}\n\n.json-val {\n    color: #6aab73;\n}\n\n#svgContainerId {\n    svg {\n        height: calc(100vh - 88px);\n        width: calc(100vw - 20px);\n    }\n    rect, text { cursor: grab; }\n}\n\n.p-datatable-header { padding: 0 !important; }\n\n.width-300 { width: 300px; }\n.width-50p { width: 50%; }\n\n.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover {\n    background: none !important;\n    color: inherit !important;\n}\n\np-radioButton.inline-small-radio {\n    .p-radiobutton-label { margin-bottom: 0 !important; }\n}\n\n.word-break-all { word-break: break-all; }\ndiv.p-datepicker.p-component { z-index: 1052 !important; }\np-calendar.w-100 {\n    span.p-calendar {\n        width: 100%;\n        input { background-color: #464646; }\n    }\n}\n\n\np-calendar.form-control-sm {\n    padding-left: 0;\n    input, button {\n        height: calc(1.5em + 0.5rem + 2px);\n        padding: 0.25rem 0.5rem;\n        font-size: 0.8203125rem;\n        line-height: 1.5;\n        border-radius: 0.2rem;\n    }\n    input {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n    button {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n}\n\n#id_api_maker_deploy_file_upload {\n    .p-fileupload-content {\n        padding: 10px 0;\n        text-align: left;\n\n        .p-fileupload-row {\n            div:nth-of-type(1) { display: none; }\n            div:nth-of-type(2) { width: 75%; padding: 0 0 0 10px; }\n            div:nth-of-type(3) { padding: 0; text-align: center; }\n            div:nth-of-type(4) { padding: 0 10px 0 0; width: 74px; }\n        }\n    }\n}\n\n.id_ptree_db_master_config_outline {\n    .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {\n        margin-right: 0;\n        width: 1.5rem;\n        height: 1.5rem;\n    }\n\n    .tree-width {\n        width: auto;\n        .p-tree-container { display: table; } // It expands red highlight of tree item otherwise it doesn't fully expand.\n    }\n}\n\np-dropdown .fix-height-issue { height: 29px; }\n.grid-pill-custom-api { font-size: x-small; padding: 2px 5px; border-radius: 3px; }\n.width-160 { width: 160px; }\n.custom-dropdown-panel { width: 400px; }\n\n// ── Table viewer (iframe-based grid) ─────────────────────────────────────────\n// Fullscreen-zoom toggle button — absolutely positioned inside the container\n.tv-zoom-toolbar {\n    position: absolute;\n    top: 4px;\n    right: 0;\n    z-index: 10;\n    pointer-events: auto;\n}\n\n.tv-zoom-btn {\n    width: 2rem;\n    height: 22px;\n    border: 1px solid hsl(0deg 0% 30.59%);\n    //border-radius: 999px;\n    border-radius: 3px;\n    background: rgb(64 64 64);\n    color: #f0f0f0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;\n    font-size: 12px;\n\n    &:hover {\n        background: rgba(52, 58, 64, 0.96);\n        border-color: rgba(255, 255, 255, 0.4);\n        color: #ffffff;\n        transform: translateY(-1px);\n    }\n\n    &:focus {\n        outline: none;\n        box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.35);\n    }\n}\n\n// Zoomed state: shell covers entire viewport; toolbar stays absolutely positioned\n// inside the fixed shell so it anchors to the viewport corner.\n.table-viewer-shell--zoomed {\n    position: fixed !important;\n    inset: 0;\n    width: 100%;\n    height: 100% !important;\n    max-height: 100%;\n    z-index: 1080;\n    overflow: hidden;\n\n    .tv-zoom-toolbar {\n        top: 4px;\n        right: 0;\n    }\n\n    iframe {\n        width: 100%;\n        height: 100%;\n    }\n}\n\n.table-viewer-loader {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(30, 30, 30, 0.85);\n    z-index: 10;\n    pointer-events: none;\n\n    &__spinner {\n        width: 28px;\n        height: 28px;\n        border: 3px solid rgba(255, 255, 255, 0.15);\n        border-top-color: #097BED;\n        border-radius: 50%;\n        animation: table-viewer-spin 0.7s linear infinite;\n    }\n}\n\n@keyframes table-viewer-spin { to { transform: rotate(360deg); } }\n"]}

package/dist/assets/styles/styles.scss

@@ -430,4 +430,86 @@ p-calendar.form-control-sm {
 p-dropdown .fix-height-issue { height: 29px; }
 .grid-pill-custom-api { font-size: x-small; padding: 2px 5px; border-radius: 3px; }
 .width-160 { width: 160px; }
-.custom-dropdown-panel { width: 400px; }
+.custom-dropdown-panel { width: 400px; }
+
+// ── Table viewer (iframe-based grid) ─────────────────────────────────────────
+// Fullscreen-zoom toggle button — absolutely positioned inside the container
+.tv-zoom-toolbar {
+    position: absolute;
+    top: 4px;
+    right: 0;
+    z-index: 10;
+    pointer-events: auto;
+}
+
+.tv-zoom-btn {
+    width: 2rem;
+    height: 22px;
+    border: 1px solid hsl(0deg 0% 30.59%);
+    //border-radius: 999px;
+    border-radius: 3px;
+    background: rgb(64 64 64);
+    color: #f0f0f0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
+    font-size: 12px;
+
+    &:hover {
+        background: rgba(52, 58, 64, 0.96);
+        border-color: rgba(255, 255, 255, 0.4);
+        color: #ffffff;
+        transform: translateY(-1px);
+    }
+
+    &:focus {
+        outline: none;
+        box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.35);
+    }
+}
+
+// Zoomed state: shell covers entire viewport; toolbar stays absolutely positioned
+// inside the fixed shell so it anchors to the viewport corner.
+.table-viewer-shell--zoomed {
+    position: fixed !important;
+    inset: 0;
+    width: 100%;
+    height: 100% !important;
+    max-height: 100%;
+    z-index: 1080;
+    overflow: hidden;
+
+    .tv-zoom-toolbar {
+        top: 4px;
+        right: 0;
+    }
+
+    iframe {
+        width: 100%;
+        height: 100%;
+    }
+}
+
+.table-viewer-loader {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(30, 30, 30, 0.85);
+    z-index: 10;
+    pointer-events: none;
+
+    &__spinner {
+        width: 28px;
+        height: 28px;
+        border: 3px solid rgba(255, 255, 255, 0.15);
+        border-top-color: #097BED;
+        border-radius: 50%;
+        animation: table-viewer-spin 0.7s linear infinite;
+    }
+}
+
+@keyframes table-viewer-spin { to { transform: rotate(360deg); } }

package/dist/index.html

@@ -146,5 +146,5 @@
     </style>
 </noscript>
 
-<script src="runtime.2f0f434d4763c970.js" type="module"></script><script src="polyfills.47193e1d7d4041b5.js" type="module"></script><script src="main.d3c81428418939dc.js" type="module"></script></body>
+<script src="runtime.a86d5cd27767506e.js" type="module"></script><script src="polyfills.47193e1d7d4041b5.js" type="module"></script><script src="main.2046fb4b0dd1b8e0.js" type="module"></script></body>
 </html>