@deephaven/code-studio 0.73.0 → 0.73.1-beta.0

package/build/assets/{StyleGuideRoot-b98dee82.js → StyleGuideRoot-19833860.js}

@@ -1,4 +1,4 @@
-import{r as u,K as W,I as e,ay as S,M as he,_ as wr,V as be,L as w,a7 as B,U as Ye,bc as Br,aA as P,bx as Cr,a5 as Fr,a6 as L,a8 as Or,by as Vr,a9 as Ur,aa as He,ac as Gr,ad as j,a_ as Hr,bz as _e,aZ as K,at as zr,ab as Wr,aX as Be,ai as Sr,ah as x,bA as Fe,aP as qr,aR as Kr,aj as Zr,bB as Xr,bC as Yr,bD as Jr,bE as Z,bF as Qr,bG as Ce,bH as E,aH as eo,bI as ro,aO as Oe,be as oo,bJ as to,bK as Se,Q as ao,a4 as lo}from"./vendor-df4f4023.js";import{aV as Je,aW as z,aM as de,a2 as so,aX as ze,aY as We,aZ as Tr,aE as no,a_ as X,a$ as Qe,G as er,b0 as rr,I as Ve,b1 as io,b2 as co,K as ho,b3 as uo,b4 as mo,aI as or,b5 as kr,b6 as go}from"./index-e0047d2a.js";import{W as xo}from"./monaco-b5248072.js";import{f as ye,d as Nr,m as Y,B as vo,S as le,L as po,c as Te,I as fo,R as Dr,a as V}from"./IrisGridModel-98b76b92.js";import{B as f,u as Ir,s as re,q as oe,aZ as M,K as R,an as pe,al as bo,J as tr,cF as ar,Q as jo,C as _,b0 as me,S as fe,aU as yo,ao as wo,d as lr,b2 as Er,A as sr,bz as J,ar as Co,aD as So,ab as To,aJ as ko,w as No}from"./ControlType-fadd3991.js";import{R as nr,p as Do,A as Io,v as Eo,D as Ao,o as Mo,n as Ro,w as $o,V as D,H as qe,T as y,t as Po,P as ge,L as xe,U as Lo}from"./FontBootstrap-6f3ef260.js";import{G as te,T as _o}from"./Grid-bda3c18e.js";import{G as Ar,O as A,C as Ue,a as Bo,S as Fo,b as ie,P as ir,e as Oo,c as Vo}from"./GridRenderer-45cef138.js";import{a as cr,D as Uo}from"./IrisGridShortcuts-a1a44e61.js";import{N as Go,T as Ho}from"./useUser-713bff88.js";import{L as zo}from"./AppRoot-005cce20.js";import"./helpers-de833af9.js";function dr(a,r,o,t,l,s,n){try{var i=a[s](n),d=i.value}catch(h){o(h);return}i.done?r(d):Promise.resolve(d).then(t,l)}function ke(a){return function(){var r=this,o=arguments;return new Promise(function(t,l){var s=a.apply(r,o);function n(d){dr(s,t,l,n,i,"next",d)}function i(d){dr(s,t,l,n,i,"throw",d)}n(void 0)})}}function O(a,r,o){return r=Wo(r),r in a?Object.defineProperty(a,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[r]=o,a}function Wo(a){var r=qo(a,"string");return typeof r=="symbol"?r:String(r)}function qo(a,r){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(a)}class Ko extends ye{constructor(){var{rowCount:r=1e9,columnCount:o=100,floatingTopRowCount:t=0,floatingBottomRowCount:l=0,floatingLeftColumnCount:s=0,floatingRightColumnCount:n=0,isEditable:i=!1,editedData:d=[]}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super(),O(this,"numRows",void 0),O(this,"numColumns",void 0),O(this,"floatingTop",void 0),O(this,"floatingBottom",void 0),O(this,"floatingLeft",void 0),O(this,"floatingRight",void 0),O(this,"editable",void 0),O(this,"editedData",void 0),this.numRows=r,this.numColumns=o,this.floatingTop=t,this.floatingBottom=l,this.floatingLeft=s,this.floatingRight=n,this.editable=i,this.editedData=d}get rowCount(){return this.numRows}get columnCount(){return this.numColumns}get floatingTopRowCount(){return this.floatingTop}get floatingBottomRowCount(){return this.floatingBottom}get floatingLeftColumnCount(){return this.floatingLeft}get floatingRightColumnCount(){return this.floatingRight}get isEditable(){return this.editable}textForCell(r,o){var t,l;return(t=(l=this.editedData[r])===null||l===void 0?void 0:l[o])!==null&&t!==void 0?t:"".concat(r,",").concat(o)}colorForCell(r,o,t){return t.textColor}textForColumnHeader(r){return"".concat(r)}textForRowHeader(r){return"".concat(r)}textForRowFooter(r){return"".concat(r)}setValueForCell(r,o,t){var l=this;return ke(function*(){l.editedData[r]==null&&(l.editedData[r]=[]),l.editedData[r][o]="".concat(t)})()}setValueForRanges(r,o){var t=this;return ke(function*(){Nr.forEachCell(r,(l,s)=>{t.setValueForCell(l,s,o)})})()}setValues(r){var o=this;return ke(function*(){for(var t=0;t<r.length;t+=1){var l,s,n=r[t];o.setValueForCell((l=n.column)!==null&&l!==void 0?l:n.x,(s=n.row)!==null&&s!==void 0?s:n.y,n.text)}})()}editValueForCell(r,o){return this.textForCell(r,o)}isValidForCell(r,o,t){return!0}isEditableRange(r){return this.isEditable}delete(r){throw new Error("Method not implemented.")}}const Ke=Ko;function T(a,r,o){return r=Zo(r),r in a?Object.defineProperty(a,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[r]=o,a}function Zo(a){var r=Xo(a,"string");return typeof r=="symbol"?r:String(r)}function Xo(a,r){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(a)}class I extends Ke{constructor(){var{rowCount:r=I.DEFAULT_ROW_COUNT,columnCount:o=I.DEFAULT_COLUMN_COUNT,children:t=new Map,childRowCount:l=Math.ceil(Math.max(I.MIN_CHILD_ROW_COUNT,r*I.DEFAULT_CHILD_ROW_COUNT_FACTOR)),maxDepth:s=I.MAX_DEPTH}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super({rowCount:r,columnCount:o}),T(this,"children",void 0),T(this,"childRowCount",void 0),T(this,"maxDepth",void 0),T(this,"getCachedModelRowOffset",Y((n,i)=>{for(var d=null,h=i,c=[...n].sort((C,U)=>C[0]-U[0]),m=0;m<c.length;m+=1){var[g,v]=c[m];if(h<=g)break;var b=v.rowCount;if(h<=g+b){d=g,h=h-g-1;break}h-=b}return{key:d,offsetRow:h}})),T(this,"getCachedTextForRowHeader",Y((n,i)=>{var{key:d,offsetRow:h}=this.getCachedModelRowOffset(n,i);if(d!=null){var c=n.get(d);if(c!==void 0)return"".concat(d,".").concat(c.textForRowHeader(h))}return"".concat(h)})),T(this,"getCachedTextForCell",Y((n,i,d)=>{var{key:h,offsetRow:c}=this.getCachedModelRowOffset(n,d);if(h!=null){var m=n.get(h);if(m!==void 0)return"".concat(h,".").concat(m.textForCell(i,c))}return"".concat(i,",").concat(c)})),T(this,"getCachedIsRowExpandable",Y((n,i,d)=>{var h=this.getCachedDepthForRow(n,i);return h<d})),T(this,"getCachedIsRowExpanded",Y((n,i)=>{var{key:d,offsetRow:h}=this.getCachedModelRowOffset(n,i);if(d!=null){var c=n.get(d);if(c!==void 0)return c.isRowExpanded(h)}return n.has(h)})),T(this,"getCachedDepthForRow",Y((n,i)=>{var{key:d,offsetRow:h}=this.getCachedModelRowOffset(n,i);if(d!=null){var c=n.get(d);if(c!==void 0)return c.depthForRow(h)+1}return 0})),this.children=t,this.childRowCount=l,this.maxDepth=s}textForCell(r,o){return this.getCachedTextForCell(this.children,r,o)}textForRowHeader(r){return this.getCachedTextForRowHeader(this.children,r)}isRowMovable(r){return!1}get hasExpandableRows(){return!0}get isExpandAllAvailable(){return!1}get floatingBottomRowCount(){return 0}isRowExpandable(r){return this.getCachedIsRowExpandable(this.children,r,this.maxDepth)}isRowExpanded(r){return this.getCachedIsRowExpanded(this.children,r)}setRowExpanded(r,o){var t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,{key:l,offsetRow:s}=this.getCachedModelRowOffset(this.children,r),n=new Map(this.children);if(l!=null){var i=this.children.get(l);if(i!==void 0){var{rowCount:d}=i;i.setRowExpanded(s,o,t),this.numRows+=i.rowCount-d}}else if(o){var c=new I({rowCount:this.childRowCount,columnCount:this.numColumns});n.set(s,c),this.numRows+=c.rowCount}else{var h=n.get(s);h!==void 0&&(this.numRows-=h.rowCount,n.delete(s))}this.children=n}expandAll(){throw new Error("Expand all not implemented.")}collapseAll(){throw new Error("Collapse all not implemented.")}depthForRow(r){return this.getCachedDepthForRow(this.children,r)}}T(I,"DEFAULT_ROW_COUNT",1e9);T(I,"DEFAULT_COLUMN_COUNT",100);T(I,"DEFAULT_CHILD_ROW_COUNT_FACTOR",.01);T(I,"MIN_CHILD_ROW_COUNT",10);T(I,"MAX_DEPTH",10);const Ze=I;function Ne(a,r,o){return r=Yo(r),r in a?Object.defineProperty(a,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[r]=o,a}function Yo(a){var r=Jo(a,"string");return typeof r=="symbol"?r:String(r)}function Jo(a,r){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(a)}class Qo extends ye{constructor(r,o){var t;super(),Ne(this,"data",void 0),Ne(this,"columnHeaders",void 0),Ne(this,"numberOfColumns",void 0),this.data=r,this.numberOfColumns=Math.max(...r.map(l=>l.length),(t=o?.length)!==null&&t!==void 0?t:0),this.columnHeaders=o}get rowCount(){return this.data.length}get columnCount(){return this.numberOfColumns}textForCell(r,o){var t;return"".concat((t=this.data[o])===null||t===void 0?void 0:t[r])}textForColumnHeader(r){var o,t;return(o=(t=this.columnHeaders)===null||t===void 0?void 0:t[r])!==null&&o!==void 0?o:""}}const et=Qo;function De(a,r,o){return r=rt(r),r in a?Object.defineProperty(a,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[r]=o,a}function rt(a){var r=ot(a,"string");return typeof r=="symbol"?r:String(r)}function ot(a,r){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(a)}class tt extends ye{constructor(r,o){super(),De(this,"numberOfColumns",void 0),De(this,"numberOfRows",void 0),De(this,"viewportData",void 0),this.numberOfColumns=r,this.numberOfRows=o}get columnCount(){return this.numberOfColumns}get rowCount(){return this.numberOfRows}textForCell(r,o){var t,l,s,n,i,d,h,c=o-((t=(l=this.viewportData)===null||l===void 0?void 0:l.rowOffset)!==null&&t!==void 0?t:0),m=r-((s=(n=this.viewportData)===null||n===void 0?void 0:n.columnOffset)!==null&&s!==void 0?s:0);return"".concat((i=(d=this.viewportData)===null||d===void 0||(h=d.data[c])===null||h===void 0?void 0:h[m])!==null&&i!==void 0?i:"")}textForColumnHeader(r){return"".concat(r)}textForRowHeader(r){return"".concat(r)}}const at=tt;function k(a,r,o){return r=lt(r),r in a?Object.defineProperty(a,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[r]=o,a}function lt(a){var r=st(a,"string");return typeof r=="symbol"?r:String(r)}function st(a,r){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(a)}var nt="proportional",it=Ar.positiveBarColor,ct=Ar.negativeBarColor,dt="beside",ht="LTR",ut="right";function mt(a){return Array.isArray(a)&&a.every(r=>typeof r=="number")}class gt extends ye{constructor(r){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:new Map,t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:new Map,l=arguments.length>3&&arguments[3]!==void 0?arguments[3]:new Map,s=arguments.length>4&&arguments[4]!==void 0?arguments[4]:new Map,n=arguments.length>5&&arguments[5]!==void 0?arguments[5]:new Map,i=arguments.length>6&&arguments[6]!==void 0?arguments[6]:new Map,d=arguments.length>7&&arguments[7]!==void 0?arguments[7]:new Map,h=arguments.length>8&&arguments[8]!==void 0?arguments[8]:new Map;super(),k(this,"numberOfColumns",void 0),k(this,"numberOfRows",void 0),k(this,"data",void 0),k(this,"columnMins",void 0),k(this,"columnMaxs",void 0),k(this,"columnAxes",void 0),k(this,"valuePlacements",void 0),k(this,"directions",void 0),k(this,"positiveColors",void 0),k(this,"negativeColors",void 0),k(this,"opacities",void 0),k(this,"textAlignments",void 0),k(this,"markers",void 0),this.positiveColors=t,this.negativeColors=l,this.data=r,this.columnAxes=o,this.valuePlacements=s,this.opacities=n,this.directions=i,this.textAlignments=d,this.markers=h,this.numberOfRows=Math.max(...r.map(g=>g.length)),this.numberOfColumns=r.length,this.columnMins=new Map,this.columnMaxs=new Map;for(var c=0;c<r.length;c+=1){var m=r[c];mt(m)&&(this.columnMins.set(c,Math.min(...m)),this.columnMaxs.set(c,Math.max(...m)))}}get rowCount(){return this.numberOfRows}get columnCount(){return this.numberOfColumns}textForCell(r,o){var t;return"".concat((t=this.data[r])===null||t===void 0?void 0:t[o])}textForColumnHeader(r){return"".concat(r)}textAlignForCell(r,o){var t;return(t=this.textAlignments.get(r))!==null&&t!==void 0?t:ut}renderTypeForCell(r,o){return r<20||r%2===o%2?"dataBar":"text"}dataBarOptionsForCell(r,o){var t,l,s,n,i,d,h,c=Je(this.columnMins,r),m=Je(this.columnMaxs,r),g=(t=this.columnAxes.get(r))!==null&&t!==void 0?t:nt,v=(l=this.valuePlacements.get(r))!==null&&l!==void 0?l:dt,b=this.opacities.get(r);b==null||b>1?b=1:b<0&&(b=0);var C=(s=this.directions.get(r))!==null&&s!==void 0?s:ht,U=(n=this.positiveColors.get(r))!==null&&n!==void 0?n:it,ae=(i=this.negativeColors.get(r))!==null&&i!==void 0?i:ct,G=Number((d=this.data[r])===null||d===void 0?void 0:d[o]),q=G>=0?U:ae,we=(h=this.markers.get(r))!==null&&h!==void 0?h:[];return{columnMin:c,columnMax:m,axis:g,color:q,valuePlacement:v,opacity:b,markers:we,direction:C,value:G}}}const xt=gt,Ie="hide-from-e2e-tests",hr="sample-section";function*Mr(a){const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",o=r.length;for(let t=0;t<a;t+=1){const l=t%o;let s=String(Math.floor(t/o));s==="0"&&(s="");const n=r[l];yield{key:`${n}${s}`,item:{key:(t+1)*100,content:`${n}${n}${n}${s}`}}}}function*Rr(a=1){for(;;)a=a*16807%2147483647,yield a/2147483647}function vt(a=1){const[r]=u.useState(()=>Rr(a));return u.useCallback(()=>{const o=r.next();if(o.done===!0)throw new Error("Random number generator unexpectedly finished");return o.value},[r])}function p(a,r=[]){const o=`${hr}-${a.toLocaleLowerCase().replaceAll(" ","-")}`,t=W(hr,...r);return{id:o,className:t}}function N(a,r=[]){const{id:o,className:t}=p(a,r);return{id:o,UNSAFE_className:t}}function $(){}class ee extends u.Component{static renderButtonBrand(r,o){const t=r.length?`btn-${r}-${o}`:`btn-${o}`;return e.jsx(vo,{className:t,style:{marginBottom:"1rem",marginRight:"1rem"},children:o},o)}static renderButtons(r){const o=["primary","secondary","success","warning","danger","info"].map(t=>ee.renderButtonBrand(r,t));return e.jsxs("div",{...p(`buttons-${r.length?"outline":"regular"}`),children:[e.jsx("h5",{children:r.length?"Outline":"Regular"}),o]},r)}static renderLinks(){const r={primary:"accent",secondary:"neutral",success:"positive",info:"info",warning:"notice",danger:"negative"};return e.jsxs("div",{...p("links"),style:{paddingTop:"1rem"},children:[e.jsx("h5",{children:"Links"}),e.jsx(S,{gap:"1rem",children:Object.entries(r).map(([o,t])=>e.jsxs("a",{className:`text-${o}`,children:[o," (",t,")"]},o))})]})}static renderSocketedButtons(){return e.jsxs("div",{...p("buttons-socketed"),children:[e.jsx("h5",{children:"Socketed Buttons (for linker)"}),e.jsx(le,{style:{marginBottom:"1rem",marginRight:"1rem"},onClick:$,children:"Unlinked"}),e.jsx(le,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinked:!0,onClick:$,children:"Linked"}),e.jsx(le,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinkedSource:!0,onClick:$,children:"Linked Source"}),e.jsx(le,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinked:!0,isInvalid:!0,onClick:$,children:"Error"}),e.jsx(le,{style:{marginBottom:"1rem",marginRight:"1rem"},disabled:!0,onClick:$,children:"Disabled"})]})}constructor(r){super(r),this.state={toggle:!0}}renderInlineButtons(){const{toggle:r}=this.state;return e.jsxs("div",{...p("buttons-inline"),style:{padding:"1rem 0"},children:[e.jsx("h5",{children:"Inline Buttons"}),"Regular btn-inline:",e.jsx(f,{className:"mx-2",kind:"inline",icon:z,tooltip:"test",onClick:$}),"Toggle button (class active):",e.jsx(f,{className:"mx-2",onClick:()=>{this.setState({toggle:!r})},active:r,kind:"inline",icon:z,tooltip:"test"}),"Disabled:",e.jsx(f,{className:"mx-2",kind:"inline",disabled:!0,onClick:$,children:"Disabled"}),"With Text:",e.jsx(f,{className:"mx-2",kind:"inline",icon:z,onClick:$,children:e.jsx("span",{children:"Text Button"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("span",{children:"btn-link-icon (no text):"}),e.jsx(f,{kind:"ghost",icon:z,tooltip:"test",onClick:$}),e.jsx("span",{className:"mx-2",children:"btn-link:"}),e.jsx(f,{kind:"ghost",onClick:$,children:"Text Button"}),e.jsx("span",{className:"mx-2",children:"btn-link (text w/ optional with icon):"}),e.jsx(f,{kind:"ghost",icon:z,onClick:$,children:"Text Button"})]})}render(){const r=["","outline"].map(s=>ee.renderButtons(s)),o=this.renderInlineButtons(),t=ee.renderSocketedButtons(),l=ee.renderLinks();return e.jsxs("div",{children:[e.jsx("h2",{className:"ui-title",children:"Buttons"}),e.jsxs("div",{style:{padding:"1rem 0"},children:[r,o,t,l]})]})}}function pt(){const a=Ir();nr.random=vt();const[r]=u.useState(()=>new nr(a));return e.jsxs("div",{...p("charts"),children:[e.jsx("h2",{className:"ui-title",children:"Chart"}),e.jsx("div",{style:{height:500},children:e.jsx(po,{model:r})})]})}const Ge="2px solid var(--dh-color-notice-bg)",ft={"--dh-color-black":"gray","--dh-color-white":"gray","--dh-color-border":"General","--dh-color-bg":"General","--dh-color-surface-bg":"General","--dh-color-fg":"General","--dh-color-content-bg":"General","--dh-color-subdued-content-bg":"General","--dh-color-dropshadow":"General","--dh-color-keyboard-selected-bg":"Misc","--dh-color-hover-border":"Misc","--dh-color-visual-positive":"Visual Status","--dh-color-visual-negative":"Visual Status","--dh-color-visual-notice":"Visual Status","--dh-color-visual-info":"Visual Status","--dh-color-gray-bg":"Default Background","--dh-color-red-bg":"Default Background","--dh-color-orange-bg":"Default Background","--dh-color-yellow-bg":"Default Background","--dh-color-chartreuse-bg":"Default Background","--dh-color-celery-bg":"Default Background","--dh-color-green-bg":"Default Background","--dh-color-seafoam-bg":"Default Background","--dh-color-cyan-bg":"Default Background","--dh-color-blue-bg":"Default Background","--dh-color-indigo-bg":"Default Background","--dh-color-purple-bg":"Default Background","--dh-color-fuchsia-bg":"Default Background","--dh-color-magenta-bg":"Default Background","--dh-color-editor-bg":"editor","--dh-color-editor-fg":"editor","--dh-color-editor-context-menu-bg":"menus","--dh-color-editor-context-menu-fg":"menus","--dh-color-editor-menu-selection-bg":"menus","--dh-color-grid-bg":"grid","--dh-color-grid-number-positive":"Data Types","--dh-color-grid-number-negative":"Data Types","--dh-color-grid-number-zero":"Data Types","--dh-color-grid-date":"Data Types","--dh-color-grid-string-null":"Data Types"},ur={"--dh-color-black":"","--dh-color-action-active-bg":"Action.active","--dh-color-action-down-bg":"Action:active","--dh-color-action-hover-bg":"Action:hover","--dh-color-action-active-hover-bg":"Action.active:hover","--dh-color-action-disabled-bg":"Action:disabled"},bt={palette:{black:"gray",white:"gray"},editor:{line:"editor",comment:"code",string:"code",number:"code",delimiter:"code",identifier:"code",keyword:"code",operator:"code",storage:"code",predefined:"code",selection:"state",focus:"state"},chart:{axis:"Chart",bg:"Chart",grid:"Chart",plot:"Chart",title:"Chart",active:"Data",trend:"Data",area:"Data",range:"Data",line:"Deprecated"},grid:{data:"Data Bars",context:"Context Menu"},semantic:{},component:{}};function ce(a){const r=de.parseRgba(de.asRgbOrRgbaString(a)??"");if(r==null||r.a<.5)return"white";const{r:o,g:t,b:l}=r;return de.getBrightness([o,t,l])>=128?"black":"white"}function jt(a){const r=getComputedStyle(document.documentElement);return a.split(/[\n;]/g).map(t=>/^(?:\s{2}|:root\{)?(--dh-color-(?:[^:]+))/.exec(t)?.[1]).filter(t=>!!t).map(t=>{const l=r.getPropertyValue(t);return t==="--dh-color-chart-colorway"?so(l??"").map(([n,i])=>l.substring(n,i+1)).map((n,i)=>({name:`${t}-${i}`,value:n})):{name:t,value:l}}).flat()}function Q(a,r,o,t=ft){const l=bt[a];return jt(r).reduce((i,{name:d,value:h})=>{if(/^--dh-color-true-(.*?)$/.test(d)||/^--dh-color-gray-(light|mid|dark)$/.test(d))return i;const c=/^--dh-color-([^-]+)(?:-([^-]+))?/.exec(d);let m=t[d]??c?.[o]??c?.[1]??"???";return m=l[m]??m,i[m]==null&&(i[m]=[]),d in ur&&i[m].push({isLabel:!0,name:ur[d],value:""}),/^--dh-color-gray-(light|mid|dark)$/.test(d)||i[m].push({name:d,value:h}),i},{})}function yt(){const a=u.useRef(null);return u.useLayoutEffect(()=>{if(a.current==null)return;const r=getComputedStyle(a.current),{backgroundColor:o}=r;a.current.style.color=ce(o)},[]),a}function wt(a,r){const[o,t]=u.useState();return u.useEffect(()=>{if(a.current==null)return;const l=getComputedStyle(a.current,r).getPropertyValue("content"),s=/"(--dh-color-.*?)[,"]/.exec(l)?.[1];if(s==null)return;const n=getComputedStyle(a.current).getPropertyValue(s);t(n)},[a,r]),o}function Ee({className:a,children:r}){const o=yt(),t=wt(o,":after"),l=u.useMemo(()=>t!=null?{value:t}:null,[t]),s=l!=null&&l.value!=="";return e.jsxs("div",{ref:o,className:a,style:{border:s?void 0:Ge},children:[s&&e.jsx(re,{interactive:!0,children:e.jsx("div",{children:l.value})}),r]})}function Ct(){const a=["100","200","300","400","500","600","700","800","850","8XX","900"].map(t=>e.jsx(Ee,{className:W("swatch","gray-swatch",`gray-swatch-${t}`),children:t==="8XX"?"N/A":`Gray-${t}`},t)),r=["red","orange","yellow","green","blue","purple","white","black"].map(t=>e.jsx(Ee,{className:W("swatch",`swatch-${t}`),children:t},t)),o=["content-bg","background","foreground","primary","primary-dark","secondary","secondary-hover","success","info","warning","danger","danger-hover"].map(t=>e.jsx(Ee,{className:W("swatch",`swatch-${t}`),children:t},t));return e.jsxs("div",{...p("colors"),children:[e.jsx("h2",{className:"ui-title",children:"Colors"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[a,r]}),e.jsx("div",{className:"col",children:o}),e.jsx("div",{className:"col",children:e.jsx("p",{children:"This section is for legacy reference only. Use the css variable based semantic colors in the following sections. You should not be using colors defined in the theme color palette directly."})})]})]})}class St extends u.Component{constructor(r){super(r),this.makeContextMenuItems=this.makeContextMenuItems.bind(this)}makeContextMenuItems(r){const o=r!==void 0?` ${r}`:"";return[{title:`Show Alert${o}`,icon:ze,action:()=>{alert(`Alert${o}!`)},shortcut:new oe({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[M.CTRL,R.A],macShortcut:[M.CMD,R.A]})},{title:`Log Message${o}`,icon:We,action:()=>{console.log(`Logging a message${o}!`)},shortcut:new oe({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[M.CTRL,R.L],macShortcut:[M.CMD,R.L]})},{title:"Sub-menu",actions:()=>this.makeContextMenuItems((r??0)+1),order:3}].concat(new Array(10).fill({title:`Disabled Option${o}`,disabled:!0,order:2}))}render(){const r=this.makeContextMenuItems(),t=[{title:"Show Shortcuts",icon:Tr,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new oe({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[M.CTRL,R.SLASH],macShortcut:[M.CMD,R.SLASH]}),group:pe.groups.global}].concat(r),l=()=>new Promise(s=>{setTimeout(()=>{s(r)},3e3)});return e.jsxs("div",{...p("context-menus"),children:[e.jsx("h2",{className:"ui-title",children:"Context Menu"}),e.jsxs(f,{kind:"primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(pe,{actions:t})]}),e.jsxs(f,{kind:"tertiary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(pe,{actions:l})]})]})}}class Tt extends u.Component{constructor(r){super(r),this.sampleInput=he.createRef(),this.handleUpdateCheckboxMap=this.handleUpdateCheckboxMap.bind(this);const o=["Parent A",new Map([["Child 1",!0],["Child 2",!1]])],t=["Parent B",new Map([["Child 3",!0],["Child 4",!1],["Child 5",!0],["Child 6",!1]])],l=["Leaf Parent",!0];this.state={isShown:!1,checkBoxMap:new Map([o,t,l])}}handleUpdateCheckboxMap(r){this.setState({checkBoxMap:r})}renderChild(){return e.jsxs("div",{className:"p-3",children:[e.jsx("h4",{children:"Sample Child"}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{ref:this.sampleInput,type:"text",className:"form-control",id:"exampleInput1","aria-describedby":"emailHelp",placeholder:"Input Placeholder"})]}),e.jsx("small",{className:"form-text text-muted",children:"Help text for a form input"})]})]})}render(){const{isShown:r,checkBoxMap:o}=this.state;return e.jsxs("div",{...p("dialog"),children:[e.jsx("h2",{className:"ui-title",children:"Popover Dialog"}),e.jsx("p",{children:"Popover dialog that can contain interactive elements, can be set to self close on blur."}),e.jsxs(f,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{r?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Open Dialog",e.jsx(bo,{options:{placement:"bottom"},isShown:r,onEntered:()=>{this.sampleInput.current&&this.sampleInput.current.focus()},onExited:()=>{this.setState({isShown:!1})},closeOnBlur:!0,interactive:!0,children:this.renderChild()})]}),e.jsx("p",{children:"The Hierarchical Checkbox Menu uses a popover dialog to display hierarchical groups of checkboxes."}),e.jsx(Do,{menuText:"Checkbox Menu",valueMap:o,onUpdateValueMap:this.handleUpdateCheckboxMap})]})}}class kt extends u.Component{constructor(r){super(r),this.state={isShown:!1}}render(){const r=[{title:"Show Alert",icon:ze,action:()=>{alert("Alert!")},shortcut:new oe({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[M.CTRL,R.A],macShortcut:[M.CMD,R.A]})},{title:"Log Message",icon:We,action:()=>{console.log("Logging a message!")},shortcut:new oe({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[M.CTRL,R.L],macShortcut:[M.CMD,R.L]})}],t=[{title:"Show Shortcuts",icon:Tr,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new oe({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[M.CTRL,R.SLASH],macShortcut:[M.CMD,R.SLASH]}),group:pe.groups.global}].concat(r),{isShown:l}=this.state;return e.jsxs("div",{...p("dropdown-menus"),children:[e.jsx("h2",{className:"ui-title",children:"Dropdown Menu"}),e.jsx("p",{children:"A simple dropdown menu of actions, can open on click of parent container, or controlled by prop."}),e.jsx(f,{kind:"inline",className:"mx-2",icon:no,onClick:()=>{},children:e.jsx(tr,{actions:t})}),e.jsxs(f,{kind:"primary",style:{marginRight:"1rem",minWidth:"165px"},onClick:()=>{l?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Menu Shown: ",l.toString()]}),e.jsxs("div",{ref:this.button,className:"btn btn-secondary disabled",style:{marginRight:"1rem"},children:["Shown using isShown",e.jsx(tr,{isShown:l,onMenuClosed:()=>{this.setState({isShown:!1})},actions:t})]})]})}}const Nt=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")\\
+import{r as u,K as W,I as e,ay as S,M as he,_ as wr,V as be,L as w,a7 as B,U as Ye,bc as Br,aA as P,bx as Cr,a5 as Fr,a6 as L,a8 as Or,by as Vr,a9 as Ur,aa as He,ac as Gr,ad as j,a_ as Hr,bz as _e,aZ as K,at as zr,ab as Wr,aX as Be,ai as Sr,ah as x,bA as Fe,aP as qr,aR as Kr,aj as Zr,bB as Xr,bC as Yr,bD as Jr,bE as Z,bF as Qr,bG as Ce,bH as E,aH as eo,bI as ro,aO as Oe,be as oo,bJ as to,bK as Se,Q as ao,a4 as lo}from"./vendor-df4f4023.js";import{aV as Je,aW as z,aL as de,a2 as so,aX as ze,aY as We,aZ as Tr,aE as no,a_ as X,a$ as Qe,G as er,b0 as rr,I as Ve,b1 as io,b2 as co,K as ho,b3 as uo,b4 as mo,aH as or,b5 as kr,b6 as go}from"./index-35a4dc11.js";import{W as xo}from"./monaco-b5248072.js";import{f as ye,d as Nr,m as Y,B as vo,S as le,L as po,c as Te,I as fo,R as Dr,a as V}from"./IrisGridModel-25c41fd1.js";import{B as f,u as Ir,s as re,q as oe,aZ as M,K as R,an as pe,al as bo,J as tr,cF as ar,Q as jo,C as _,b0 as me,S as fe,aU as yo,ao as wo,d as lr,b2 as Er,A as sr,bz as J,ar as Co,aD as So,ab as To,aJ as ko,w as No}from"./ControlType-89be8992.js";import{R as nr,p as Do,A as Io,v as Eo,D as Ao,o as Mo,n as Ro,w as $o,V as D,H as qe,T as y,t as Po,P as ge,L as xe,U as Lo}from"./FontBootstrap-629c89f8.js";import{G as te,T as _o}from"./Grid-c0045a30.js";import{G as Ar,O as A,C as Ue,a as Bo,S as Fo,b as ie,P as ir,e as Oo,c as Vo}from"./GridRenderer-28ba136b.js";import{a as cr,D as Uo}from"./IrisGridShortcuts-e8fac2cd.js";import{N as Go,T as Ho}from"./useUser-ace90000.js";import{L as zo}from"./AppRoot-e44a4c21.js";import"./helpers-de833af9.js";function dr(a,r,o,t,l,s,n){try{var i=a[s](n),d=i.value}catch(h){o(h);return}i.done?r(d):Promise.resolve(d).then(t,l)}function ke(a){return function(){var r=this,o=arguments;return new Promise(function(t,l){var s=a.apply(r,o);function n(d){dr(s,t,l,n,i,"next",d)}function i(d){dr(s,t,l,n,i,"throw",d)}n(void 0)})}}function O(a,r,o){return r=Wo(r),r in a?Object.defineProperty(a,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[r]=o,a}function Wo(a){var r=qo(a,"string");return typeof r=="symbol"?r:String(r)}function qo(a,r){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(a)}class Ko extends ye{constructor(){var{rowCount:r=1e9,columnCount:o=100,floatingTopRowCount:t=0,floatingBottomRowCount:l=0,floatingLeftColumnCount:s=0,floatingRightColumnCount:n=0,isEditable:i=!1,editedData:d=[]}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super(),O(this,"numRows",void 0),O(this,"numColumns",void 0),O(this,"floatingTop",void 0),O(this,"floatingBottom",void 0),O(this,"floatingLeft",void 0),O(this,"floatingRight",void 0),O(this,"editable",void 0),O(this,"editedData",void 0),this.numRows=r,this.numColumns=o,this.floatingTop=t,this.floatingBottom=l,this.floatingLeft=s,this.floatingRight=n,this.editable=i,this.editedData=d}get rowCount(){return this.numRows}get columnCount(){return this.numColumns}get floatingTopRowCount(){return this.floatingTop}get floatingBottomRowCount(){return this.floatingBottom}get floatingLeftColumnCount(){return this.floatingLeft}get floatingRightColumnCount(){return this.floatingRight}get isEditable(){return this.editable}textForCell(r,o){var t,l;return(t=(l=this.editedData[r])===null||l===void 0?void 0:l[o])!==null&&t!==void 0?t:"".concat(r,",").concat(o)}colorForCell(r,o,t){return t.textColor}textForColumnHeader(r){return"".concat(r)}textForRowHeader(r){return"".concat(r)}textForRowFooter(r){return"".concat(r)}setValueForCell(r,o,t){var l=this;return ke(function*(){l.editedData[r]==null&&(l.editedData[r]=[]),l.editedData[r][o]="".concat(t)})()}setValueForRanges(r,o){var t=this;return ke(function*(){Nr.forEachCell(r,(l,s)=>{t.setValueForCell(l,s,o)})})()}setValues(r){var o=this;return ke(function*(){for(var t=0;t<r.length;t+=1){var l,s,n=r[t];o.setValueForCell((l=n.column)!==null&&l!==void 0?l:n.x,(s=n.row)!==null&&s!==void 0?s:n.y,n.text)}})()}editValueForCell(r,o){return this.textForCell(r,o)}isValidForCell(r,o,t){return!0}isEditableRange(r){return this.isEditable}delete(r){throw new Error("Method not implemented.")}}const Ke=Ko;function T(a,r,o){return r=Zo(r),r in a?Object.defineProperty(a,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[r]=o,a}function Zo(a){var r=Xo(a,"string");return typeof r=="symbol"?r:String(r)}function Xo(a,r){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(a)}class I extends Ke{constructor(){var{rowCount:r=I.DEFAULT_ROW_COUNT,columnCount:o=I.DEFAULT_COLUMN_COUNT,children:t=new Map,childRowCount:l=Math.ceil(Math.max(I.MIN_CHILD_ROW_COUNT,r*I.DEFAULT_CHILD_ROW_COUNT_FACTOR)),maxDepth:s=I.MAX_DEPTH}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super({rowCount:r,columnCount:o}),T(this,"children",void 0),T(this,"childRowCount",void 0),T(this,"maxDepth",void 0),T(this,"getCachedModelRowOffset",Y((n,i)=>{for(var d=null,h=i,c=[...n].sort((C,U)=>C[0]-U[0]),m=0;m<c.length;m+=1){var[g,v]=c[m];if(h<=g)break;var b=v.rowCount;if(h<=g+b){d=g,h=h-g-1;break}h-=b}return{key:d,offsetRow:h}})),T(this,"getCachedTextForRowHeader",Y((n,i)=>{var{key:d,offsetRow:h}=this.getCachedModelRowOffset(n,i);if(d!=null){var c=n.get(d);if(c!==void 0)return"".concat(d,".").concat(c.textForRowHeader(h))}return"".concat(h)})),T(this,"getCachedTextForCell",Y((n,i,d)=>{var{key:h,offsetRow:c}=this.getCachedModelRowOffset(n,d);if(h!=null){var m=n.get(h);if(m!==void 0)return"".concat(h,".").concat(m.textForCell(i,c))}return"".concat(i,",").concat(c)})),T(this,"getCachedIsRowExpandable",Y((n,i,d)=>{var h=this.getCachedDepthForRow(n,i);return h<d})),T(this,"getCachedIsRowExpanded",Y((n,i)=>{var{key:d,offsetRow:h}=this.getCachedModelRowOffset(n,i);if(d!=null){var c=n.get(d);if(c!==void 0)return c.isRowExpanded(h)}return n.has(h)})),T(this,"getCachedDepthForRow",Y((n,i)=>{var{key:d,offsetRow:h}=this.getCachedModelRowOffset(n,i);if(d!=null){var c=n.get(d);if(c!==void 0)return c.depthForRow(h)+1}return 0})),this.children=t,this.childRowCount=l,this.maxDepth=s}textForCell(r,o){return this.getCachedTextForCell(this.children,r,o)}textForRowHeader(r){return this.getCachedTextForRowHeader(this.children,r)}isRowMovable(r){return!1}get hasExpandableRows(){return!0}get isExpandAllAvailable(){return!1}get floatingBottomRowCount(){return 0}isRowExpandable(r){return this.getCachedIsRowExpandable(this.children,r,this.maxDepth)}isRowExpanded(r){return this.getCachedIsRowExpanded(this.children,r)}setRowExpanded(r,o){var t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,{key:l,offsetRow:s}=this.getCachedModelRowOffset(this.children,r),n=new Map(this.children);if(l!=null){var i=this.children.get(l);if(i!==void 0){var{rowCount:d}=i;i.setRowExpanded(s,o,t),this.numRows+=i.rowCount-d}}else if(o){var c=new I({rowCount:this.childRowCount,columnCount:this.numColumns});n.set(s,c),this.numRows+=c.rowCount}else{var h=n.get(s);h!==void 0&&(this.numRows-=h.rowCount,n.delete(s))}this.children=n}expandAll(){throw new Error("Expand all not implemented.")}collapseAll(){throw new Error("Collapse all not implemented.")}depthForRow(r){return this.getCachedDepthForRow(this.children,r)}}T(I,"DEFAULT_ROW_COUNT",1e9);T(I,"DEFAULT_COLUMN_COUNT",100);T(I,"DEFAULT_CHILD_ROW_COUNT_FACTOR",.01);T(I,"MIN_CHILD_ROW_COUNT",10);T(I,"MAX_DEPTH",10);const Ze=I;function Ne(a,r,o){return r=Yo(r),r in a?Object.defineProperty(a,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[r]=o,a}function Yo(a){var r=Jo(a,"string");return typeof r=="symbol"?r:String(r)}function Jo(a,r){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(a)}class Qo extends ye{constructor(r,o){var t;super(),Ne(this,"data",void 0),Ne(this,"columnHeaders",void 0),Ne(this,"numberOfColumns",void 0),this.data=r,this.numberOfColumns=Math.max(...r.map(l=>l.length),(t=o?.length)!==null&&t!==void 0?t:0),this.columnHeaders=o}get rowCount(){return this.data.length}get columnCount(){return this.numberOfColumns}textForCell(r,o){var t;return"".concat((t=this.data[o])===null||t===void 0?void 0:t[r])}textForColumnHeader(r){var o,t;return(o=(t=this.columnHeaders)===null||t===void 0?void 0:t[r])!==null&&o!==void 0?o:""}}const et=Qo;function De(a,r,o){return r=rt(r),r in a?Object.defineProperty(a,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[r]=o,a}function rt(a){var r=ot(a,"string");return typeof r=="symbol"?r:String(r)}function ot(a,r){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(a)}class tt extends ye{constructor(r,o){super(),De(this,"numberOfColumns",void 0),De(this,"numberOfRows",void 0),De(this,"viewportData",void 0),this.numberOfColumns=r,this.numberOfRows=o}get columnCount(){return this.numberOfColumns}get rowCount(){return this.numberOfRows}textForCell(r,o){var t,l,s,n,i,d,h,c=o-((t=(l=this.viewportData)===null||l===void 0?void 0:l.rowOffset)!==null&&t!==void 0?t:0),m=r-((s=(n=this.viewportData)===null||n===void 0?void 0:n.columnOffset)!==null&&s!==void 0?s:0);return"".concat((i=(d=this.viewportData)===null||d===void 0||(h=d.data[c])===null||h===void 0?void 0:h[m])!==null&&i!==void 0?i:"")}textForColumnHeader(r){return"".concat(r)}textForRowHeader(r){return"".concat(r)}}const at=tt;function k(a,r,o){return r=lt(r),r in a?Object.defineProperty(a,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[r]=o,a}function lt(a){var r=st(a,"string");return typeof r=="symbol"?r:String(r)}function st(a,r){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(a)}var nt="proportional",it=Ar.positiveBarColor,ct=Ar.negativeBarColor,dt="beside",ht="LTR",ut="right";function mt(a){return Array.isArray(a)&&a.every(r=>typeof r=="number")}class gt extends ye{constructor(r){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:new Map,t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:new Map,l=arguments.length>3&&arguments[3]!==void 0?arguments[3]:new Map,s=arguments.length>4&&arguments[4]!==void 0?arguments[4]:new Map,n=arguments.length>5&&arguments[5]!==void 0?arguments[5]:new Map,i=arguments.length>6&&arguments[6]!==void 0?arguments[6]:new Map,d=arguments.length>7&&arguments[7]!==void 0?arguments[7]:new Map,h=arguments.length>8&&arguments[8]!==void 0?arguments[8]:new Map;super(),k(this,"numberOfColumns",void 0),k(this,"numberOfRows",void 0),k(this,"data",void 0),k(this,"columnMins",void 0),k(this,"columnMaxs",void 0),k(this,"columnAxes",void 0),k(this,"valuePlacements",void 0),k(this,"directions",void 0),k(this,"positiveColors",void 0),k(this,"negativeColors",void 0),k(this,"opacities",void 0),k(this,"textAlignments",void 0),k(this,"markers",void 0),this.positiveColors=t,this.negativeColors=l,this.data=r,this.columnAxes=o,this.valuePlacements=s,this.opacities=n,this.directions=i,this.textAlignments=d,this.markers=h,this.numberOfRows=Math.max(...r.map(g=>g.length)),this.numberOfColumns=r.length,this.columnMins=new Map,this.columnMaxs=new Map;for(var c=0;c<r.length;c+=1){var m=r[c];mt(m)&&(this.columnMins.set(c,Math.min(...m)),this.columnMaxs.set(c,Math.max(...m)))}}get rowCount(){return this.numberOfRows}get columnCount(){return this.numberOfColumns}textForCell(r,o){var t;return"".concat((t=this.data[r])===null||t===void 0?void 0:t[o])}textForColumnHeader(r){return"".concat(r)}textAlignForCell(r,o){var t;return(t=this.textAlignments.get(r))!==null&&t!==void 0?t:ut}renderTypeForCell(r,o){return r<20||r%2===o%2?"dataBar":"text"}dataBarOptionsForCell(r,o){var t,l,s,n,i,d,h,c=Je(this.columnMins,r),m=Je(this.columnMaxs,r),g=(t=this.columnAxes.get(r))!==null&&t!==void 0?t:nt,v=(l=this.valuePlacements.get(r))!==null&&l!==void 0?l:dt,b=this.opacities.get(r);b==null||b>1?b=1:b<0&&(b=0);var C=(s=this.directions.get(r))!==null&&s!==void 0?s:ht,U=(n=this.positiveColors.get(r))!==null&&n!==void 0?n:it,ae=(i=this.negativeColors.get(r))!==null&&i!==void 0?i:ct,G=Number((d=this.data[r])===null||d===void 0?void 0:d[o]),q=G>=0?U:ae,we=(h=this.markers.get(r))!==null&&h!==void 0?h:[];return{columnMin:c,columnMax:m,axis:g,color:q,valuePlacement:v,opacity:b,markers:we,direction:C,value:G}}}const xt=gt,Ie="hide-from-e2e-tests",hr="sample-section";function*Mr(a){const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",o=r.length;for(let t=0;t<a;t+=1){const l=t%o;let s=String(Math.floor(t/o));s==="0"&&(s="");const n=r[l];yield{key:`${n}${s}`,item:{key:(t+1)*100,content:`${n}${n}${n}${s}`}}}}function*Rr(a=1){for(;;)a=a*16807%2147483647,yield a/2147483647}function vt(a=1){const[r]=u.useState(()=>Rr(a));return u.useCallback(()=>{const o=r.next();if(o.done===!0)throw new Error("Random number generator unexpectedly finished");return o.value},[r])}function p(a,r=[]){const o=`${hr}-${a.toLocaleLowerCase().replaceAll(" ","-")}`,t=W(hr,...r);return{id:o,className:t}}function N(a,r=[]){const{id:o,className:t}=p(a,r);return{id:o,UNSAFE_className:t}}function $(){}class ee extends u.Component{static renderButtonBrand(r,o){const t=r.length?`btn-${r}-${o}`:`btn-${o}`;return e.jsx(vo,{className:t,style:{marginBottom:"1rem",marginRight:"1rem"},children:o},o)}static renderButtons(r){const o=["primary","secondary","success","warning","danger","info"].map(t=>ee.renderButtonBrand(r,t));return e.jsxs("div",{...p(`buttons-${r.length?"outline":"regular"}`),children:[e.jsx("h5",{children:r.length?"Outline":"Regular"}),o]},r)}static renderLinks(){const r={primary:"accent",secondary:"neutral",success:"positive",info:"info",warning:"notice",danger:"negative"};return e.jsxs("div",{...p("links"),style:{paddingTop:"1rem"},children:[e.jsx("h5",{children:"Links"}),e.jsx(S,{gap:"1rem",children:Object.entries(r).map(([o,t])=>e.jsxs("a",{className:`text-${o}`,children:[o," (",t,")"]},o))})]})}static renderSocketedButtons(){return e.jsxs("div",{...p("buttons-socketed"),children:[e.jsx("h5",{children:"Socketed Buttons (for linker)"}),e.jsx(le,{style:{marginBottom:"1rem",marginRight:"1rem"},onClick:$,children:"Unlinked"}),e.jsx(le,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinked:!0,onClick:$,children:"Linked"}),e.jsx(le,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinkedSource:!0,onClick:$,children:"Linked Source"}),e.jsx(le,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinked:!0,isInvalid:!0,onClick:$,children:"Error"}),e.jsx(le,{style:{marginBottom:"1rem",marginRight:"1rem"},disabled:!0,onClick:$,children:"Disabled"})]})}constructor(r){super(r),this.state={toggle:!0}}renderInlineButtons(){const{toggle:r}=this.state;return e.jsxs("div",{...p("buttons-inline"),style:{padding:"1rem 0"},children:[e.jsx("h5",{children:"Inline Buttons"}),"Regular btn-inline:",e.jsx(f,{className:"mx-2",kind:"inline",icon:z,tooltip:"test",onClick:$}),"Toggle button (class active):",e.jsx(f,{className:"mx-2",onClick:()=>{this.setState({toggle:!r})},active:r,kind:"inline",icon:z,tooltip:"test"}),"Disabled:",e.jsx(f,{className:"mx-2",kind:"inline",disabled:!0,onClick:$,children:"Disabled"}),"With Text:",e.jsx(f,{className:"mx-2",kind:"inline",icon:z,onClick:$,children:e.jsx("span",{children:"Text Button"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("span",{children:"btn-link-icon (no text):"}),e.jsx(f,{kind:"ghost",icon:z,tooltip:"test",onClick:$}),e.jsx("span",{className:"mx-2",children:"btn-link:"}),e.jsx(f,{kind:"ghost",onClick:$,children:"Text Button"}),e.jsx("span",{className:"mx-2",children:"btn-link (text w/ optional with icon):"}),e.jsx(f,{kind:"ghost",icon:z,onClick:$,children:"Text Button"})]})}render(){const r=["","outline"].map(s=>ee.renderButtons(s)),o=this.renderInlineButtons(),t=ee.renderSocketedButtons(),l=ee.renderLinks();return e.jsxs("div",{children:[e.jsx("h2",{className:"ui-title",children:"Buttons"}),e.jsxs("div",{style:{padding:"1rem 0"},children:[r,o,t,l]})]})}}function pt(){const a=Ir();nr.random=vt();const[r]=u.useState(()=>new nr(a));return e.jsxs("div",{...p("charts"),children:[e.jsx("h2",{className:"ui-title",children:"Chart"}),e.jsx("div",{style:{height:500},children:e.jsx(po,{model:r})})]})}const Ge="2px solid var(--dh-color-notice-bg)",ft={"--dh-color-black":"gray","--dh-color-white":"gray","--dh-color-border":"General","--dh-color-bg":"General","--dh-color-surface-bg":"General","--dh-color-fg":"General","--dh-color-content-bg":"General","--dh-color-subdued-content-bg":"General","--dh-color-dropshadow":"General","--dh-color-keyboard-selected-bg":"Misc","--dh-color-hover-border":"Misc","--dh-color-visual-positive":"Visual Status","--dh-color-visual-negative":"Visual Status","--dh-color-visual-notice":"Visual Status","--dh-color-visual-info":"Visual Status","--dh-color-gray-bg":"Default Background","--dh-color-red-bg":"Default Background","--dh-color-orange-bg":"Default Background","--dh-color-yellow-bg":"Default Background","--dh-color-chartreuse-bg":"Default Background","--dh-color-celery-bg":"Default Background","--dh-color-green-bg":"Default Background","--dh-color-seafoam-bg":"Default Background","--dh-color-cyan-bg":"Default Background","--dh-color-blue-bg":"Default Background","--dh-color-indigo-bg":"Default Background","--dh-color-purple-bg":"Default Background","--dh-color-fuchsia-bg":"Default Background","--dh-color-magenta-bg":"Default Background","--dh-color-editor-bg":"editor","--dh-color-editor-fg":"editor","--dh-color-editor-context-menu-bg":"menus","--dh-color-editor-context-menu-fg":"menus","--dh-color-editor-menu-selection-bg":"menus","--dh-color-grid-bg":"grid","--dh-color-grid-number-positive":"Data Types","--dh-color-grid-number-negative":"Data Types","--dh-color-grid-number-zero":"Data Types","--dh-color-grid-date":"Data Types","--dh-color-grid-string-null":"Data Types"},ur={"--dh-color-black":"","--dh-color-action-active-bg":"Action.active","--dh-color-action-down-bg":"Action:active","--dh-color-action-hover-bg":"Action:hover","--dh-color-action-active-hover-bg":"Action.active:hover","--dh-color-action-disabled-bg":"Action:disabled"},bt={palette:{black:"gray",white:"gray"},editor:{line:"editor",comment:"code",string:"code",number:"code",delimiter:"code",identifier:"code",keyword:"code",operator:"code",storage:"code",predefined:"code",selection:"state",focus:"state"},chart:{axis:"Chart",bg:"Chart",grid:"Chart",plot:"Chart",title:"Chart",active:"Data",trend:"Data",area:"Data",range:"Data",line:"Deprecated"},grid:{data:"Data Bars",context:"Context Menu"},semantic:{},component:{}};function ce(a){const r=de.parseRgba(de.asRgbOrRgbaString(a)??"");if(r==null||r.a<.5)return"white";const{r:o,g:t,b:l}=r;return de.getBrightness([o,t,l])>=128?"black":"white"}function jt(a){const r=getComputedStyle(document.documentElement);return a.split(/[\n;]/g).map(t=>/^(?:\s{2}|:root\{)?(--dh-color-(?:[^:]+))/.exec(t)?.[1]).filter(t=>!!t).map(t=>{const l=r.getPropertyValue(t);return t==="--dh-color-chart-colorway"?so(l??"").map(([n,i])=>l.substring(n,i+1)).map((n,i)=>({name:`${t}-${i}`,value:n})):{name:t,value:l}}).flat()}function Q(a,r,o,t=ft){const l=bt[a];return jt(r).reduce((i,{name:d,value:h})=>{if(/^--dh-color-true-(.*?)$/.test(d)||/^--dh-color-gray-(light|mid|dark)$/.test(d))return i;const c=/^--dh-color-([^-]+)(?:-([^-]+))?/.exec(d);let m=t[d]??c?.[o]??c?.[1]??"???";return m=l[m]??m,i[m]==null&&(i[m]=[]),d in ur&&i[m].push({isLabel:!0,name:ur[d],value:""}),/^--dh-color-gray-(light|mid|dark)$/.test(d)||i[m].push({name:d,value:h}),i},{})}function yt(){const a=u.useRef(null);return u.useLayoutEffect(()=>{if(a.current==null)return;const r=getComputedStyle(a.current),{backgroundColor:o}=r;a.current.style.color=ce(o)},[]),a}function wt(a,r){const[o,t]=u.useState();return u.useEffect(()=>{if(a.current==null)return;const l=getComputedStyle(a.current,r).getPropertyValue("content"),s=/"(--dh-color-.*?)[,"]/.exec(l)?.[1];if(s==null)return;const n=getComputedStyle(a.current).getPropertyValue(s);t(n)},[a,r]),o}function Ee({className:a,children:r}){const o=yt(),t=wt(o,":after"),l=u.useMemo(()=>t!=null?{value:t}:null,[t]),s=l!=null&&l.value!=="";return e.jsxs("div",{ref:o,className:a,style:{border:s?void 0:Ge},children:[s&&e.jsx(re,{interactive:!0,children:e.jsx("div",{children:l.value})}),r]})}function Ct(){const a=["100","200","300","400","500","600","700","800","850","8XX","900"].map(t=>e.jsx(Ee,{className:W("swatch","gray-swatch",`gray-swatch-${t}`),children:t==="8XX"?"N/A":`Gray-${t}`},t)),r=["red","orange","yellow","green","blue","purple","white","black"].map(t=>e.jsx(Ee,{className:W("swatch",`swatch-${t}`),children:t},t)),o=["content-bg","background","foreground","primary","primary-dark","secondary","secondary-hover","success","info","warning","danger","danger-hover"].map(t=>e.jsx(Ee,{className:W("swatch",`swatch-${t}`),children:t},t));return e.jsxs("div",{...p("colors"),children:[e.jsx("h2",{className:"ui-title",children:"Colors"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[a,r]}),e.jsx("div",{className:"col",children:o}),e.jsx("div",{className:"col",children:e.jsx("p",{children:"This section is for legacy reference only. Use the css variable based semantic colors in the following sections. You should not be using colors defined in the theme color palette directly."})})]})]})}class St extends u.Component{constructor(r){super(r),this.makeContextMenuItems=this.makeContextMenuItems.bind(this)}makeContextMenuItems(r){const o=r!==void 0?` ${r}`:"";return[{title:`Show Alert${o}`,icon:ze,action:()=>{alert(`Alert${o}!`)},shortcut:new oe({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[M.CTRL,R.A],macShortcut:[M.CMD,R.A]})},{title:`Log Message${o}`,icon:We,action:()=>{console.log(`Logging a message${o}!`)},shortcut:new oe({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[M.CTRL,R.L],macShortcut:[M.CMD,R.L]})},{title:"Sub-menu",actions:()=>this.makeContextMenuItems((r??0)+1),order:3}].concat(new Array(10).fill({title:`Disabled Option${o}`,disabled:!0,order:2}))}render(){const r=this.makeContextMenuItems(),t=[{title:"Show Shortcuts",icon:Tr,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new oe({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[M.CTRL,R.SLASH],macShortcut:[M.CMD,R.SLASH]}),group:pe.groups.global}].concat(r),l=()=>new Promise(s=>{setTimeout(()=>{s(r)},3e3)});return e.jsxs("div",{...p("context-menus"),children:[e.jsx("h2",{className:"ui-title",children:"Context Menu"}),e.jsxs(f,{kind:"primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(pe,{actions:t})]}),e.jsxs(f,{kind:"tertiary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(pe,{actions:l})]})]})}}class Tt extends u.Component{constructor(r){super(r),this.sampleInput=he.createRef(),this.handleUpdateCheckboxMap=this.handleUpdateCheckboxMap.bind(this);const o=["Parent A",new Map([["Child 1",!0],["Child 2",!1]])],t=["Parent B",new Map([["Child 3",!0],["Child 4",!1],["Child 5",!0],["Child 6",!1]])],l=["Leaf Parent",!0];this.state={isShown:!1,checkBoxMap:new Map([o,t,l])}}handleUpdateCheckboxMap(r){this.setState({checkBoxMap:r})}renderChild(){return e.jsxs("div",{className:"p-3",children:[e.jsx("h4",{children:"Sample Child"}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{ref:this.sampleInput,type:"text",className:"form-control",id:"exampleInput1","aria-describedby":"emailHelp",placeholder:"Input Placeholder"})]}),e.jsx("small",{className:"form-text text-muted",children:"Help text for a form input"})]})]})}render(){const{isShown:r,checkBoxMap:o}=this.state;return e.jsxs("div",{...p("dialog"),children:[e.jsx("h2",{className:"ui-title",children:"Popover Dialog"}),e.jsx("p",{children:"Popover dialog that can contain interactive elements, can be set to self close on blur."}),e.jsxs(f,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{r?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Open Dialog",e.jsx(bo,{options:{placement:"bottom"},isShown:r,onEntered:()=>{this.sampleInput.current&&this.sampleInput.current.focus()},onExited:()=>{this.setState({isShown:!1})},closeOnBlur:!0,interactive:!0,children:this.renderChild()})]}),e.jsx("p",{children:"The Hierarchical Checkbox Menu uses a popover dialog to display hierarchical groups of checkboxes."}),e.jsx(Do,{menuText:"Checkbox Menu",valueMap:o,onUpdateValueMap:this.handleUpdateCheckboxMap})]})}}class kt extends u.Component{constructor(r){super(r),this.state={isShown:!1}}render(){const r=[{title:"Show Alert",icon:ze,action:()=>{alert("Alert!")},shortcut:new oe({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[M.CTRL,R.A],macShortcut:[M.CMD,R.A]})},{title:"Log Message",icon:We,action:()=>{console.log("Logging a message!")},shortcut:new oe({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[M.CTRL,R.L],macShortcut:[M.CMD,R.L]})}],t=[{title:"Show Shortcuts",icon:Tr,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new oe({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[M.CTRL,R.SLASH],macShortcut:[M.CMD,R.SLASH]}),group:pe.groups.global}].concat(r),{isShown:l}=this.state;return e.jsxs("div",{...p("dropdown-menus"),children:[e.jsx("h2",{className:"ui-title",children:"Dropdown Menu"}),e.jsx("p",{children:"A simple dropdown menu of actions, can open on click of parent container, or controlled by prop."}),e.jsx(f,{kind:"inline",className:"mx-2",icon:no,onClick:()=>{},children:e.jsx(tr,{actions:t})}),e.jsxs(f,{kind:"primary",style:{marginRight:"1rem",minWidth:"165px"},onClick:()=>{l?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Menu Shown: ",l.toString()]}),e.jsxs("div",{ref:this.button,className:"btn btn-secondary disabled",style:{marginRight:"1rem"},children:["Shown using isShown",e.jsx(tr,{isShown:l,onMenuClosed:()=>{this.setState({isShown:!1})},actions:t})]})]})}}const Nt=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")\\
     .headBy(3, "Sym")\\
     .view("Sym", "Last")
 
@@ -211,4 +211,4 @@ simulation = shares30min.update("Values=(double[])ss.update(Sym, TargetPosition,
 `,ca="_themeColorsPalette_1mdfo_1",da="_swatch_1mdfo_7",ha="_themeColors_1mdfo_1",ua="_label_1mdfo_21",ma="_capitalize_1mdfo_29",H={themeColorsPalette:ca,swatch:da,themeColors:ha,label:ua,capitalize:ma};function ga(){return{"Theme Color Palette":Q("palette",ta,1),"Semantic Colors":Q("semantic",aa,1),"Chart Colors":Q("chart",la,2),"Editor Colors":Q("editor",sa,2),"Grid Colors":Q("grid",na,2),"Component Colors":Q("component",ia,1)}}function xa(){const{selectedThemeKey:a}=Er(),r=u.useMemo(ga,[a]);return e.jsx(e.Fragment,{children:Object.entries(r).map(([o,t],l)=>o==="Theme Color Palette"?e.jsxs("div",{...p(o),children:[e.jsx("h2",{className:"ui-title",children:o}),e.jsx("div",{className:H.themeColorsPalette,children:Object.entries(t).map(([s,n],i)=>e.jsxs(u.Fragment,{children:[(i===0||i===1)&&n.map(({name:d},h)=>e.jsx("div",{style:{gridColumnStart:h+2,textAlign:"center"},className:"mt-3",children:d.split("-").pop()},d)),e.jsx("div",{className:"text-right pr-2",children:s}),n.map(({name:d,value:h})=>e.jsxs("div",{style:{backgroundColor:h,border:h===""&&d.length>0?Ge:void 0,color:`var(--dh-color-${ce(h)})`},className:W(H.swatch,"px-0"),children:[e.jsxs(re,{interactive:!0,children:[e.jsx("div",{children:d}),e.jsx("div",{children:h}),e.jsx("div",{children:de.normalizeCssColor(h,!0)})]}),e.jsx(sr,{copy:d,style:{color:`var(--dh-color-${ce(h)})`}})]},d))]},s))})]},o):e.jsxs("div",{...p(o),children:[e.jsx("h2",{className:"ui-title",children:o}),e.jsx("div",{className:H.themeColors,children:Object.entries(t).map(([s,n])=>e.jsxs("div",{style:{gridRow:`span ${n.length+1}`},children:[e.jsx("span",{className:W(H.label,H.capitalize),children:s}),n.map(({isLabel:i,name:d,value:h,note:c})=>i===!0?e.jsx("span",{className:H.label,children:d},d):e.jsxs("div",{className:H.swatch,style:{backgroundColor:h,border:h===""&&d.length>0?Ge:void 0,color:`var(--dh-color-${ce(h)})`},children:[e.jsxs(re,{interactive:!0,children:[e.jsx("div",{children:d}),e.jsx("div",{children:h}),e.jsx("div",{children:de.normalizeCssColor(h,!0)})]}),e.jsx("span",{children:d.replace("--dh-color-","")}),d.endsWith("-hue")||c!=null?e.jsx("span",{children:c??h}):null,e.jsx(sr,{copy:d,style:{color:`var(--dh-color-${ce(h)})`}})]},d))]},s))})]},o))})}const Le="data-menu-category",va="data-no-menu",pa="sample-section-e2e-ignore",Pr="spectrum-component-samples",Lr="spectrum-comparison-samples";function fa(){return e.jsxs("div",{id:Pr,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Spectrum Components"}),e.jsxs(P,{gap:20,columns:Cr("0px","1fr"),children:[e.jsxs(D,{...N("spectrum-buttons"),children:[e.jsx("h3",{children:"Buttons"}),e.jsx(ba,{})]}),e.jsxs(D,{...N("spectrum-collections"),children:[e.jsx("h3",{children:"Collections"}),e.jsx(Ca,{})]}),e.jsxs(D,{...N("spectrum-content"),children:[e.jsx("h3",{children:"Content"}),e.jsx(wa,{})]}),e.jsxs(D,{...N("spectrum-forms"),children:[e.jsx("h3",{children:"Forms"}),e.jsx(ya,{})]}),e.jsxs(D,{...N("spectrum-overlays"),children:[e.jsx("h3",{children:"Overlays"}),e.jsxs(S,{gap:"size-160",children:[e.jsx(ja,{}),e.jsxs(Fr,{children:[e.jsx(L,{children:"Dialog Trigger"}),a=>e.jsxs(Or,{children:[e.jsx(qe,{children:"Some Heading"}),e.jsx(Vr,{children:"Some Header"}),e.jsx(Ur,{}),e.jsx(He,{children:e.jsx(y,{children:"Are you sure?"})}),e.jsxs(Gr,{children:[e.jsx(j,{variant:"secondary",onPress:a,children:"Cancel"}),e.jsx(j,{variant:"accent",onPress:a,children:"Confirm"})]})]})]})]})]}),e.jsxs(D,{...N("spectrum-well"),children:[e.jsx("h3",{children:"Wells"}),e.jsx(Hr,{children:"This is a well."})]})]})]})}function ba(){return e.jsxs(e.Fragment,{children:[e.jsxs(L,{marginBottom:"size-200",children:[e.jsx(B,{children:e.jsx(w,{icon:z})}),e.jsx(y,{children:"Icon Button"})]}),e.jsxs(P,{autoFlow:"column",columnGap:"size-250",rowGap:"size-150",columns:_e(4,Cr(0,"size-2000")),rows:_e(8,"size-400"),children:[e.jsx("label",{children:'Button style="outline"'}),e.jsx(j,{variant:"primary",style:"outline",children:"Primary"}),e.jsx(j,{variant:"secondary",style:"outline",children:"Secondary"}),e.jsx(j,{variant:"accent",style:"outline",children:"Accent"}),e.jsx(j,{variant:"negative",style:"outline",children:"Negative"}),e.jsx(j,{variant:"primary",staticColor:"black",style:"outline",children:"Static Black"}),e.jsx(j,{variant:"primary",staticColor:"white",style:"outline",children:"Static White"}),e.jsx(j,{variant:"primary",isDisabled:!0,style:"outline",children:"Disabled"}),e.jsx("label",{children:'Button style="fill"'}),e.jsx(j,{variant:"primary",style:"fill",children:"Primary"}),e.jsx(j,{variant:"secondary",style:"fill",children:"Secondary"}),e.jsx(j,{variant:"accent",style:"fill",children:"Accent"}),e.jsx(j,{variant:"negative",style:"fill",children:"Negative"}),e.jsx(j,{variant:"primary",staticColor:"black",style:"fill",children:"Static Black"}),e.jsx(j,{variant:"primary",staticColor:"white",style:"fill",children:"Static White"}),e.jsx(j,{variant:"primary",isDisabled:!0,style:"fill",children:"Disabled"}),e.jsx("label",{children:"Action Button"}),e.jsx(L,{children:"Normal"}),e.jsx(L,{gridRow:"span 3",isQuiet:!0,children:"Quiet"}),e.jsx(L,{staticColor:"black",children:"Static Black"}),e.jsx(L,{staticColor:"white",children:"Static White"}),e.jsx(L,{isDisabled:!0,children:"Disabled"}),e.jsx("label",{children:"Toggle Button"}),e.jsx(K,{children:"Normal"}),e.jsx(K,{isQuiet:!0,children:"Quiet"}),e.jsx(K,{gridRow:"span 2",isEmphasized:!0,children:"Emphasized"}),e.jsx(K,{staticColor:"black",children:"Static Black"}),e.jsx(K,{staticColor:"white",children:"Static White"}),e.jsx(K,{isDisabled:!0,children:"Disabled"})]})]})}function ja(){return e.jsxs(e.Fragment,{children:[e.jsx(y,{children:"Contextual Help"}),e.jsxs(zr,{variant:"info",children:[e.jsx(qe,{children:"Need help?"}),e.jsx(He,{children:e.jsx(y,{children:"This is a helpful description of the thing you need help with."})})]})]})}function ya(){return e.jsx(Wr,{children:e.jsxs(P,{gap:20,columns:_e("auto-fit","210px"),alignItems:"end",children:[e.jsx(Be,{label:"Text Field"}),e.jsxs(Sr,{label:"Combobox",menuTrigger:"focus",defaultSelectedKey:"two",children:[e.jsx(x,{children:"One"},"one"),e.jsx(x,{children:"Two"},"two"),e.jsx(x,{children:"Three"},"three")]}),e.jsx(Fe,{children:"Checkbox"}),e.jsx(qr,{label:"Slider",defaultValue:24}),e.jsx(Kr,{children:"Switch"})]})})}function wa(){return e.jsxs(Zr,{children:[e.jsx(B,{size:"XL",children:e.jsx(w,{icon:ho})}),e.jsx(qe,{children:"Illustrated Message"}),e.jsx(He,{children:"This is the content of the message."})]})}function Ca(){return e.jsxs(e.Fragment,{children:[e.jsx("label",{id:"table-view-sample",children:"List View"}),e.jsxs(Xr,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",maxWidth:"size-6000",marginBottom:"size-200",children:[e.jsx(x,{children:"One"}),e.jsx(x,{children:"Two"}),e.jsx(x,{children:"Three"}),e.jsx(x,{children:"Four"})]}),e.jsx("label",{id:"table-view-sample",children:"Table View"}),e.jsxs(Yr,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",children:[e.jsxs(Jr,{children:[e.jsxs(Z,{title:"Person",children:[e.jsx(Z,{allowsResizing:!0,children:"Name"}),e.jsx(Z,{children:"Age"})]}),e.jsxs(Z,{title:"Address",children:[e.jsx(Z,{allowsResizing:!0,children:"City"}),e.jsx(Z,{children:"State"})]})]}),e.jsxs(Qr,{children:[e.jsxs(Ce,{children:[e.jsx(E,{children:"John"}),e.jsx(E,{children:"42"}),e.jsx(E,{children:"San Francisco"}),e.jsx(E,{children:"CA"})]}),e.jsxs(Ce,{children:[e.jsx(E,{children:"Jane"}),e.jsx(E,{children:"38"}),e.jsx(E,{children:"San Francisco"}),e.jsx(E,{children:"CA"})]}),e.jsxs(Ce,{children:[e.jsx(E,{children:"Becky"}),e.jsx(E,{children:"12"}),e.jsx(E,{children:"San Francisco"}),e.jsx(E,{children:"CA"})]})]})]})]})}function se(a){return e.jsx("div",{...a})}function Sa(){const[a,r]=u.useState([]);u.useEffect(()=>{let t={category:"",items:[]};const l=[t],s=document.querySelector(`#${Pr}`),n=document.querySelector(`#sample-section-${Lr}`);document.querySelectorAll(`h2,h3,[${Le}]`).forEach(i=>{if(i.textContent==null||i.hasAttribute(va))return;if(i.hasAttribute(Le)){t={category:i.getAttribute(Le)??"",items:[]},l.push(t);return}const h=`${s?.contains(i)===!0?"spectrum-":n?.contains(i)===!0?"spectrum-compare-":""}${i.textContent}`.toLowerCase().replace(/\s/g,"-");i.id=h,t.items.push({id:h,label:i.textContent})}),r(l)},[]),u.useEffect(()=>{const t=window.location.hash===""?null:document.querySelector(window.location.hash);setTimeout(()=>{t?t.scrollIntoView():window.scrollTo({top:0,behavior:"auto"})},0)},[]);const o=u.useCallback(t=>{const l=String(t);document.getElementById(l)?.scrollIntoView({behavior:"smooth"}),setTimeout(()=>{window.location.hash=l},1e3)},[]);return e.jsxs(eo,{children:[e.jsx(L,{children:e.jsx(B,{children:e.jsx(w,{icon:uo})})}),e.jsx(ro,{items:a,onAction:o,children:({category:t,items:l})=>e.jsx(Oe,{items:l,title:t,children:({id:s,label:n})=>e.jsx(x,{children:n},s)},t)})]})}function Ta(){const a=u.useCallback(()=>{window.scrollTo({top:0,behavior:"smooth"}),setTimeout(()=>{window.location.hash=""},500)},[]);return u.useEffect(()=>{const r=document.querySelector("h2")?.offsetTop??0;function o(){document.documentElement.dataset.scroll=String(window.scrollY>=r)}return document.addEventListener("scroll",o,{passive:!0}),()=>{document.removeEventListener("scroll",o)}},[]),e.jsx(j,{UNSAFE_className:"goto-top-button",variant:"accent",onPress:a,children:e.jsx(B,{children:e.jsx(w,{icon:mo})})})}const ka=["Tab 1","Tab 2","Tab 3"];function Na({isActive:a,title:r}){return e.jsxs("li",{className:W("lm_tab",a&&"lm_active"),children:[e.jsx("span",{className:"lm_title_before"}),e.jsx("span",{className:"lm_title",children:r}),e.jsx("span",{className:"lm_close_tab"})]})}function Da(){return e.jsxs("div",{...p("golden-layout"),children:[e.jsx("h2",{className:"ui-title",children:"Golden Layout"}),[!1,!0].map(a=>e.jsxs(he.Fragment,{children:[e.jsx("h5",{children:a?"Minimized":"Maximised"}),e.jsx("div",{style:{position:"relative",border:"none"},className:a?"lm_maximised":void 0,children:e.jsxs("div",{className:"lm_header",children:[e.jsx("ul",{className:"lm_tabs",children:ka.map((r,o)=>e.jsx(Na,{isActive:o===0,title:r},r))}),e.jsxs("ul",{className:"lm_controls",children:[e.jsx("li",{className:"lm_tabpreviousbutton"}),e.jsx("li",{className:"lm_tabnextbutton"}),e.jsx("li",{className:"lm_maximise"}),e.jsx("li",{className:"lm_popout"}),e.jsx("li",{className:"lm_tabdropdown"}),e.jsx("li",{className:"lm_close"})]})]})})]},String(a)))]})}function Ia(){return e.jsxs("div",{...p("animations",["sample-section-e2e-ignore"]),children:[e.jsx("h2",{className:"ui-title",children:"Animations"}),e.jsx(D,{position:"relative",height:400,children:e.jsx(Po,{})})]})}const jr=[["primary","accent"],["secondary","primary"],["danger","negative"]],Ea=[{title:"One",value:"1"},{title:"Two",value:"2"},{title:"Three",value:"3"}];function Aa(){const[a,r]=u.useState(!1),[o,t]=u.useState("1"),l=u.useCallback(s=>{t(s.target.value)},[]);return e.jsxs("div",{...p(Lr,[pa]),children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Bootstrap / Spectrum Comparison"}),e.jsxs(S,{gap:20,wrap:!0,children:[e.jsxs(D,{children:[e.jsx("h3",{children:"Buttons - Filled"}),e.jsxs(P,{gap:20,columns:"repeat(2, 120px)",autoRows:"40x",justifyItems:"start",alignItems:"start",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),jr.map(([s,n])=>e.jsxs(u.Fragment,{children:[e.jsx(f,{onClick:J,kind:s,icon:or,children:"Button"}),e.jsxs(j,{variant:n,style:"fill",children:[e.jsx(B,{children:e.jsx(w,{icon:or})}),e.jsx(y,{children:"Button"})]})]},s)),e.jsx(f,{onClick:J,kind:"primary",disabled:!0,children:"Disabled"}),e.jsx(j,{variant:"accent",style:"fill",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(D,{children:[e.jsx("h3",{children:"Buttons - Outline"}),e.jsxs(P,{gap:20,columns:"repeat(2, 120px)",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),jr.map(([s,n])=>e.jsxs(u.Fragment,{children:[e.jsx(f,{onClick:J,kind:s,children:s}),e.jsx(j,{variant:n,style:"outline",children:n})]},s)),e.jsx(f,{onClick:J,kind:"secondary",disabled:!0,children:"Disabled"}),e.jsx(j,{variant:"primary",style:"outline",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(D,{children:[e.jsx("h3",{children:"Action Buttons"}),e.jsxs(P,{gap:20,columns:"repeat(2, 120px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsx(f,{onClick:J,kind:"inline",children:"Inline"}),e.jsx(L,{children:"Action"}),e.jsx(f,{onClick:J,kind:"inline",disabled:!0,children:"Disabled"}),e.jsx(L,{isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(D,{children:[e.jsx("h3",{children:"Pickers"}),e.jsxs(P,{gap:20,columns:"repeat(2, 192px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),[!1,!0].map(s=>e.jsxs(u.Fragment,{children:[e.jsxs("div",{children:[e.jsxs("label",{className:"input-label",children:[s?"Disabled ":"","Combobox"]}),e.jsx(Ue,{disabled:s,options:Ea,defaultValue:"One"})]}),e.jsxs(Sr,{isDisabled:s,label:s?"Disabled Combobox":"Combobox",inputValue:"One",children:[e.jsx(x,{children:"One"},"1"),e.jsx(x,{children:"Two"},"2"),e.jsx(x,{children:"Three"},"3")]})]},String(s))),[!1,!0].map(s=>e.jsxs(u.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"Select"}),e.jsxs(fe,{disabled:s,placeholder:"Select",onChange:n=>{},className:"custom-select",children:[e.jsxs("option",{disabled:!0,value:"0",children:[s?"":"Disabled ","Select"]}),e.jsx("option",{value:"1",children:"One"}),e.jsx("option",{value:"2",children:"Two"}),e.jsx("option",{value:"3",children:"Three"})]})]}),e.jsxs(oo,{isDisabled:s,label:s?"Disabled Picker":"Picker",placeholder:"Picker",children:[e.jsx(x,{children:"One"},"1"),e.jsx(x,{children:"Two"},"2"),e.jsx(x,{children:"Three"},"3")]})]},String(s)))]})]}),e.jsxs(D,{children:[e.jsx("h3",{children:"Text Field"}),e.jsxs(P,{gap:20,columns:"repeat(2, 192px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"type=text"}),e.jsx("input",{type:"text",className:"form-control",placeholder:"Text Input"})]}),e.jsx(Be,{type:"text",label:"TextField"}),e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"Disabled"}),e.jsx("input",{type:"text",className:"form-control",disabled:!0,value:"Disabled"})]}),e.jsx(Be,{type:"text",label:"Disabled",isDisabled:!0,value:"Disabled"})]})]}),e.jsxs(D,{children:[e.jsx("h3",{children:"Checkbox"}),e.jsxs(P,{gap:20,columns:"repeat(2, 120px)",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsx(_,{className:"form-group",checked:a,onChange:()=>r(s=>!s),children:"Checkbox"}),e.jsx(Fe,{children:"Checkbox"}),e.jsx(_,{className:"form-group",disabled:!0,checked:a,onChange:()=>r(s=>!s),children:"Disabled"}),e.jsx(Fe,{isDisabled:!0,children:"Disabled"}),e.jsx(S,{direction:"column",children:e.jsxs("label",{children:["Radio Group",e.jsxs(Dr,{onChange:l,value:o,children:[e.jsx(V,{value:"1",children:"One"}),e.jsx(V,{value:"2",children:"Two"}),e.jsx(V,{value:"3",children:"Three"})]})]})}),e.jsxs(to,{label:"Radio Group",value:o,onChange:t,children:[e.jsx(Se,{value:"1",children:"One"}),e.jsx(Se,{value:"2",children:"Two"}),e.jsx(Se,{value:"3",children:"Three"})]})]})]})]})]})}const Ma=[...Mr(52)];function ne(){return e.jsx(B,{children:e.jsx(w,{icon:kr})})}function Ra(){const[a,r]=u.useState(null),o=u.useCallback(t=>{r(t)},[]);return e.jsxs("div",{...p("pickers"),children:[e.jsx("h2",{className:"ui-title",children:"Pickers"}),e.jsxs(S,{gap:14,children:[e.jsx(ge,{label:"Single Child",tooltip:{placement:"bottom-end"},children:e.jsx(x,{children:"Aaa"})}),e.jsxs(ge,{label:"Mixed Children Types",defaultSelectedKey:999,tooltip:!0,children:["String 1","String 2","String 3","","Some really long text that should get truncated",444,999,!0,!1,e.jsx(x,{children:"Item Aaa"}),e.jsx(x,{children:"Item Bbb"}),e.jsxs(x,{textValue:"Complex Ccc",children:[e.jsx(ne,{}),e.jsx(y,{children:"Complex Ccc with text that should be truncated"})]})]}),e.jsxs(ge,{label:"Sections",tooltip:!0,children:["String 1","String 2","String 3",e.jsxs(Oe,{title:"Section A",children:[e.jsx(x,{children:"Item Aaa"}),e.jsx(x,{children:"Item Bbb"}),e.jsxs(x,{textValue:"Complex Ccc",children:[e.jsx(ne,{}),e.jsx(y,{children:"Complex Ccc"})]})]}),e.jsxs(Oe,{children:[e.jsx(x,{children:"Item Ddd"}),e.jsx(x,{children:"Item Eee"}),e.jsxs(x,{textValue:"Complex Fff",children:[e.jsx(ne,{}),e.jsx(y,{children:"Complex Fff"})]}),e.jsxs(x,{children:[e.jsx(ne,{}),e.jsx(y,{children:"Label"}),e.jsx(y,{slot:"description",children:"Description"})]},"Ggg"),e.jsxs(x,{children:[e.jsx(ne,{}),e.jsx(y,{children:"Label that causes overflow"}),e.jsx(y,{slot:"description",children:"Description that causes overflow"})]},"Hhh")]},"Key B")]}),e.jsx(ge,{label:"Controlled",selectedKey:a,onChange:o,children:Ma})]})]})}const $a=[...Mr(52)];function ve(){return e.jsx(B,{slot:"illustration",children:e.jsx(w,{icon:go})})}function Pa(){const[a,r]=u.useState([]),o=u.useCallback(t=>{r(t)},[]);return e.jsxs("div",{...p("list-views"),children:[e.jsx("h2",{className:"ui-title",children:"List View"}),e.jsxs(P,{columnGap:14,height:"size-6000",children:[e.jsx(y,{children:"Single Child"}),e.jsx(xe,{density:"compact",gridRow:"2","aria-label":"Single Child",selectionMode:"multiple",children:e.jsx(x,{children:"Aaa"})}),e.jsx("label",{children:"Icons"}),e.jsxs(xe,{gridRow:"2","aria-label":"Icon",density:"compact",selectionMode:"multiple",children:[e.jsxs(x,{textValue:"Item with icon A",children:[e.jsx(ve,{}),e.jsx(y,{children:"Item with icon A"})]}),e.jsxs(x,{textValue:"Item with icon B",children:[e.jsx(ve,{}),e.jsx(y,{children:"Item with icon B"})]}),e.jsxs(x,{textValue:"Item with icon C",children:[e.jsx(ve,{}),e.jsx(y,{children:"Item with icon C"})]}),e.jsxs(x,{textValue:"Item with icon D",children:[e.jsx(ve,{}),e.jsx(y,{children:"Item with icon D with overflowing content"})]})]}),e.jsx("label",{children:"Mixed Children Types"}),e.jsxs(xe,{gridRow:"2","aria-label":"Mixed Children Types",density:"compact",maxWidth:"size-2400",selectionMode:"multiple",defaultSelectedKeys:[999,444],children:["String 1","String 2","String 3","","Some really long text that should get truncated",444,999,!0,!1,e.jsx(x,{children:"Item Aaa"}),e.jsx(x,{children:"Item Bbb"}),e.jsxs(x,{textValue:"Complex Ccc",children:[e.jsx(B,{slot:"image",children:e.jsx(w,{icon:kr})}),e.jsx(y,{children:"Complex Ccc with text that should be truncated"})]})]}),e.jsx("label",{children:"Controlled"}),e.jsx(xe,{gridRow:"2","aria-label":"Controlled",selectionMode:"multiple",selectedKeys:a,onChange:o,children:$a})]})]})}const yr={position:"sticky",justifyContent:"end",zIndex:1,UNSAFE_style:{float:"right"}};function La(){const a=window.location.search.includes("isolateSection=true"),{themes:r}=Er(),o=r.length>1;return e.jsx("div",{tabIndex:-1,role:"main",children:e.jsxs("div",{className:"container style-guide-container",children:[a&&e.jsx("style",{children:`.${Ie}, .sample-section:not(${window.location.hash}), :not(.sample-section) > h2 {
           display: none;
         }`}),e.jsx(S,{justifyContent:"space-between",alignItems:"center",marginTop:"2rem",marginBottom:"1rem",children:e.jsx("h1",{style:{paddingTop:"2rem"},children:"Deephaven UI Components"})}),e.jsxs(S,{...yr,UNSAFE_className:Ie,marginTop:-56,top:20,gap:10,alignItems:"end",children:[o?e.jsx(Ho,{}):null,e.jsx(Sa,{})]}),e.jsx(S,{...yr,UNSAFE_className:Ie,top:"calc(100vh - 40px)",marginTop:-32,marginEnd:o?-234:0,children:e.jsx(Ta,{})}),e.jsx(Zt,{}),e.jsx(se,{"data-menu-category":"Colors"}),e.jsx(Ct,{}),e.jsx(xa,{}),e.jsx(se,{"data-menu-category":"Layout"}),e.jsx(Da,{}),e.jsx(se,{"data-menu-category":"Components"}),e.jsx(ee,{}),e.jsx(Wt,{}),e.jsx(Ut,{}),e.jsx(Pa,{}),e.jsx(Ra,{}),e.jsx(Ht,{}),e.jsx(je,{}),e.jsx(qt,{}),e.jsx(Tt,{}),e.jsx(zt,{}),e.jsx(St,{}),e.jsx(kt,{}),e.jsx(oa,{}),e.jsx(Kt,{}),e.jsx(Ot,{}),e.jsx(It,{}),e.jsx(_t,{}),e.jsx(pt,{}),e.jsx(Co,{}),e.jsx(Ia,{}),e.jsx(se,{"data-menu-category":"Spectrum Components"}),e.jsx(fa,{}),e.jsx(se,{"data-menu-category":"Spectrum Comparison"}),e.jsx(Aa,{})]})})}function Xe(a){const{workspace:r,setWorkspace:o}=a;return u.useEffect(()=>{zo.makeDefaultWorkspace({getLayouts:async()=>[],getLayout:async()=>({})}).then(o)},[o]),r!=null?e.jsx(La,{}):null}Xe.propTypes={workspace:be.shape({}),setWorkspace:be.func.isRequired};Xe.defaultProps={workspace:null};const _a=a=>({workspace:To(a)}),Ba=ao(_a,{setWorkspace:So})(Xe);function Ya(){return Uo.register(new URL("./download/serviceWorker.js",window.location.href)),ko.init({getWorker:()=>new xo}),window["__react-beautiful-dnd-disable-dev-warnings"]=!0,e.jsx(Lo,{children:e.jsx(lo,{store:No,children:e.jsx(Ba,{})})})}export{Ya as StyleGuideRoot,Ya as default};
-//# sourceMappingURL=StyleGuideRoot-b98dee82.js.map
+//# sourceMappingURL=StyleGuideRoot-19833860.js.map