@deephaven/code-studio 0.61.1-beta.0 → 0.61.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/build/assets/{AppRoot-c3966957.js → AppRoot-12ae9481.js} +3 -3
  2. package/build/assets/{AppRoot-c3966957.js.map → AppRoot-12ae9481.js.map} +1 -1
  3. package/build/assets/{ControlType-fc08b7b1.js → ControlType-9fd03f7c.js} +3 -3
  4. package/build/assets/{ControlType-fc08b7b1.js.map → ControlType-9fd03f7c.js.map} +1 -1
  5. package/build/assets/ControlType-d2ec5183.css +1 -0
  6. package/build/assets/{FontBootstrap-eed9435a.js → FontBootstrap-08ab4efe.js} +2 -2
  7. package/build/assets/{FontBootstrap-eed9435a.js.map → FontBootstrap-08ab4efe.js.map} +1 -1
  8. package/build/assets/{IrisGrid-e1d482a8.js → IrisGrid-b1db485c.js} +2 -2
  9. package/build/assets/{IrisGrid-e1d482a8.js.map → IrisGrid-b1db485c.js.map} +1 -1
  10. package/build/assets/{StyleGuideRoot-9c4d81a6.js → StyleGuideRoot-ec2ecd3d.js} +3 -3
  11. package/build/assets/{StyleGuideRoot-9c4d81a6.js.map → StyleGuideRoot-ec2ecd3d.js.map} +1 -1
  12. package/build/assets/{index-5a3cb647.js → index-9592d8ee.js} +2 -2
  13. package/build/assets/{index-5a3cb647.js.map → index-9592d8ee.js.map} +1 -1
  14. package/build/assets/{index-1e84555e.js → index-d3a19fa4.js} +2 -2
  15. package/build/assets/{index-1e84555e.js.map → index-d3a19fa4.js.map} +1 -1
  16. package/build/assets/{index-c061cfc2.js → index-d7bc9619.js} +4 -4
  17. package/build/assets/{index-c061cfc2.js.map → index-d7bc9619.js.map} +1 -1
  18. package/build/assets/{useUser-e2f11eeb.js → useUser-456d27e9.js} +2 -2
  19. package/build/assets/{useUser-e2f11eeb.js.map → useUser-456d27e9.js.map} +1 -1
  20. package/build/index.html +2 -2
  21. package/package.json +31 -31
  22. package/build/assets/ControlType-8454e71b.css +0 -1
package/build/assets/{StyleGuideRoot-9c4d81a6.js → StyleGuideRoot-ec2ecd3d.js} RENAMED
@@ -1,4 +1,4 @@
1
- import{r as u,F as G,C as e,aN as C,H as he,U as jo,N as ve,G as k,a1 as ee,M as qe,ap as Bo,aO as P,aP as yo,aQ as D,$ as Fo,a0 as R,a3 as Oo,a4 as Fe,aR as Vo,a5 as Uo,a6 as Oe,a2 as de,a8 as Go,a9 as b,aS as Ho,aT as Me,aU as z,aV as zo,a7 as Wo,aW as Re,ad as wo,ac as S,aX as Pe,aY as qo,aZ as Ko,ae as Xo,a_ as Zo,a$ as Yo,b0 as Qo,b1 as W,b2 as Jo,b3 as fe,b4 as I,b5 as er,b6 as or,b7 as rr,ar as tr,b8 as ar,b9 as be,K as lr,_ as sr}from"./vendor-b0c4c01d.js";import{aW as Ke,aX as U,aN as ce,a3 as nr,aY as Ve,aZ as Ue,a_ as Co,aF as ir,a$ as q,b0 as Xe,G as Ze,b1 as Ye,I as Le,b2 as cr,b3 as dr,N as hr,b4 as ur,b5 as gr,aJ as Qe}from"./index-c061cfc2.js";import{W as mr}from"./monaco-b5248072.js";import{ah as xe,a9 as So,a6 as K,ai as To,B as vr,f as ae,l as pr,K as je,aj as oe,ak as xr,I as fr,R as ko,e as B,C as _e,O as br,a as jr,S as yr,b as ne,P as Je,g as wr,c as Cr}from"./IrisGrid-e1d482a8.js";import{B as p,u as No,q as Q,o as J,aU as $,K as A,aj as ge,ah as Sr,E as eo,cc as oo,M as Tr,C as L,aX as le,S as me,aO as kr,ak as Nr,d as ro,aS as to,aZ as Do,x as ao,bo as X,an as Dr,ay as Er,a8 as Ir,aE as $r,aF as Ar,t as Mr}from"./ControlType-fc08b7b1.js";import{M as lo,H as Rr,A as Pr,V as ye,T as Lr,D as _r,C as Br,a as Fr,c as Or,b as Vr,d as Ur}from"./FontBootstrap-eed9435a.js";import{N as Gr,T as Hr}from"./useUser-e2f11eeb.js";import{L as zr}from"./AppRoot-c3966957.js";import"./helpers-de833af9.js";import"./plotly-45c1cad8.js";function so(t,o,r,a,l,s,n){try{var i=t[s](n),d=i.value}catch(h){r(h);return}i.done?o(d):Promise.resolve(d).then(a,l)}function we(t){return function(){var o=this,r=arguments;return new Promise(function(a,l){var s=t.apply(o,r);function n(d){so(s,a,l,n,i,"next",d)}function i(d){so(s,a,l,n,i,"throw",d)}n(void 0)})}}function _(t,o,r){return o=Wr(o),o in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Wr(t){var o=qr(t,"string");return typeof o=="symbol"?o:String(o)}function qr(t,o){if(typeof t!="object"||t===null)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var a=r.call(t,o||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class Kr extends xe{constructor(){var{rowCount:o=1e9,columnCount:r=100,floatingTopRowCount:a=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(),_(this,"numRows",void 0),_(this,"numColumns",void 0),_(this,"floatingTop",void 0),_(this,"floatingBottom",void 0),_(this,"floatingLeft",void 0),_(this,"floatingRight",void 0),_(this,"editable",void 0),_(this,"editedData",void 0),this.numRows=o,this.numColumns=r,this.floatingTop=a,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(o,r){var a,l;return(a=(l=this.editedData[o])===null||l===void 0?void 0:l[r])!==null&&a!==void 0?a:"".concat(o,",").concat(r)}colorForCell(o,r,a){return a.textColor}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}textForRowFooter(o){return"".concat(o)}setValueForCell(o,r,a){var l=this;return we(function*(){l.editedData[o]==null&&(l.editedData[o]=[]),l.editedData[o][r]="".concat(a)})()}setValueForRanges(o,r){var a=this;return we(function*(){So.forEachCell(o,(l,s)=>{a.setValueForCell(l,s,r)})})()}setValues(o){var r=this;return we(function*(){for(var a=0;a<o.length;a+=1){var l,s,n=o[a];r.setValueForCell((l=n.column)!==null&&l!==void 0?l:n.x,(s=n.row)!==null&&s!==void 0?s:n.y,n.text)}})()}editValueForCell(o,r){return this.textForCell(o,r)}isValidForCell(o,r,a){return!0}isEditableRange(o){return this.isEditable}delete(o){throw new Error("Method not implemented.")}}const Ge=Kr;function w(t,o,r){return o=Xr(o),o in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Xr(t){var o=Zr(t,"string");return typeof o=="symbol"?o:String(o)}function Zr(t,o){if(typeof t!="object"||t===null)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var a=r.call(t,o||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class E extends Ge{constructor(){var{rowCount:o=E.DEFAULT_ROW_COUNT,columnCount:r=E.DEFAULT_COLUMN_COUNT,children:a=new Map,childRowCount:l=Math.ceil(Math.max(E.MIN_CHILD_ROW_COUNT,o*E.DEFAULT_CHILD_ROW_COUNT_FACTOR)),maxDepth:s=E.MAX_DEPTH}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super({rowCount:o,columnCount:r}),w(this,"children",void 0),w(this,"childRowCount",void 0),w(this,"maxDepth",void 0),w(this,"getCachedModelRowOffset",K((n,i)=>{for(var d=null,h=i,c=[...n].sort((j,F)=>j[0]-F[0]),g=0;g<c.length;g+=1){var[m,v]=c[g];if(h<=m)break;var f=v.rowCount;if(h<=m+f){d=m,h=h-m-1;break}h-=f}return{key:d,offsetRow:h}})),w(this,"getCachedTextForRowHeader",K((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)})),w(this,"getCachedTextForCell",K((n,i,d)=>{var{key:h,offsetRow:c}=this.getCachedModelRowOffset(n,d);if(h!=null){var g=n.get(h);if(g!==void 0)return"".concat(h,".").concat(g.textForCell(i,c))}return"".concat(i,",").concat(c)})),w(this,"getCachedIsRowExpandable",K((n,i,d)=>{var h=this.getCachedDepthForRow(n,i);return h<d})),w(this,"getCachedIsRowExpanded",K((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)})),w(this,"getCachedDepthForRow",K((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=a,this.childRowCount=l,this.maxDepth=s}textForCell(o,r){return this.getCachedTextForCell(this.children,o,r)}textForRowHeader(o){return this.getCachedTextForRowHeader(this.children,o)}isRowMovable(o){return!1}get hasExpandableRows(){return!0}get isExpandAllAvailable(){return!1}get floatingBottomRowCount(){return 0}isRowExpandable(o){return this.getCachedIsRowExpandable(this.children,o,this.maxDepth)}isRowExpanded(o){return this.getCachedIsRowExpanded(this.children,o)}setRowExpanded(o,r){var a=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,{key:l,offsetRow:s}=this.getCachedModelRowOffset(this.children,o),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,r,a),this.numRows+=i.rowCount-d}}else if(r){var c=new E({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(o){return this.getCachedDepthForRow(this.children,o)}}w(E,"DEFAULT_ROW_COUNT",1e9);w(E,"DEFAULT_COLUMN_COUNT",100);w(E,"DEFAULT_CHILD_ROW_COUNT_FACTOR",.01);w(E,"MIN_CHILD_ROW_COUNT",10);w(E,"MAX_DEPTH",10);const He=E;function Ce(t,o,r){return o=Yr(o),o in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Yr(t){var o=Qr(t,"string");return typeof o=="symbol"?o:String(o)}function Qr(t,o){if(typeof t!="object"||t===null)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var a=r.call(t,o||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class Jr extends xe{constructor(o,r){var a;super(),Ce(this,"data",void 0),Ce(this,"columnHeaders",void 0),Ce(this,"numberOfColumns",void 0),this.data=o,this.numberOfColumns=Math.max(...o.map(l=>l.length),(a=r?.length)!==null&&a!==void 0?a:0),this.columnHeaders=r}get rowCount(){return this.data.length}get columnCount(){return this.numberOfColumns}textForCell(o,r){var a;return"".concat((a=this.data[r])===null||a===void 0?void 0:a[o])}textForColumnHeader(o){var r,a;return(r=(a=this.columnHeaders)===null||a===void 0?void 0:a[o])!==null&&r!==void 0?r:""}}const et=Jr;function Se(t,o,r){return o=ot(o),o in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function ot(t){var o=rt(t,"string");return typeof o=="symbol"?o:String(o)}function rt(t,o){if(typeof t!="object"||t===null)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var a=r.call(t,o||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class tt extends xe{constructor(o,r){super(),Se(this,"numberOfColumns",void 0),Se(this,"numberOfRows",void 0),Se(this,"viewportData",void 0),this.numberOfColumns=o,this.numberOfRows=r}get columnCount(){return this.numberOfColumns}get rowCount(){return this.numberOfRows}textForCell(o,r){var a,l,s,n,i,d,h,c=r-((a=(l=this.viewportData)===null||l===void 0?void 0:l.rowOffset)!==null&&a!==void 0?a:0),g=o-((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[g])!==null&&i!==void 0?i:"")}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}}const at=tt;function T(t,o,r){return o=lt(o),o in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function lt(t){var o=st(t,"string");return typeof o=="symbol"?o:String(o)}function st(t,o){if(typeof t!="object"||t===null)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var a=r.call(t,o||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}var nt="proportional",it=To.positiveBarColor,ct=To.negativeBarColor,dt="beside",ht="LTR",ut="right";function gt(t){return Array.isArray(t)&&t.every(o=>typeof o=="number")}class mt extends xe{constructor(o){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:new Map,a=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(),T(this,"numberOfColumns",void 0),T(this,"numberOfRows",void 0),T(this,"data",void 0),T(this,"columnMins",void 0),T(this,"columnMaxs",void 0),T(this,"columnAxes",void 0),T(this,"valuePlacements",void 0),T(this,"directions",void 0),T(this,"positiveColors",void 0),T(this,"negativeColors",void 0),T(this,"opacities",void 0),T(this,"textAlignments",void 0),T(this,"markers",void 0),this.positiveColors=a,this.negativeColors=l,this.data=o,this.columnAxes=r,this.valuePlacements=s,this.opacities=n,this.directions=i,this.textAlignments=d,this.markers=h,this.numberOfRows=Math.max(...o.map(m=>m.length)),this.numberOfColumns=o.length,this.columnMins=new Map,this.columnMaxs=new Map;for(var c=0;c<o.length;c+=1){var g=o[c];gt(g)&&(this.columnMins.set(c,Math.min(...g)),this.columnMaxs.set(c,Math.max(...g)))}}get rowCount(){return this.numberOfRows}get columnCount(){return this.numberOfColumns}textForCell(o,r){var a;return"".concat((a=this.data[o])===null||a===void 0?void 0:a[r])}textForColumnHeader(o){return"".concat(o)}textAlignForCell(o,r){var a;return(a=this.textAlignments.get(o))!==null&&a!==void 0?a:ut}renderTypeForCell(o,r){return o<20||o%2===r%2?"dataBar":"text"}dataBarOptionsForCell(o,r){var a,l,s,n,i,d,h,c=Ke(this.columnMins,o),g=Ke(this.columnMaxs,o),m=(a=this.columnAxes.get(o))!==null&&a!==void 0?a:nt,v=(l=this.valuePlacements.get(o))!==null&&l!==void 0?l:dt,f=this.opacities.get(o);f==null||f>1?f=1:f<0&&(f=0);var j=(s=this.directions.get(o))!==null&&s!==void 0?s:ht,F=(n=this.positiveColors.get(o))!==null&&n!==void 0?n:it,re=(i=this.negativeColors.get(o))!==null&&i!==void 0?i:ct,O=Number((d=this.data[o])===null||d===void 0?void 0:d[r]),H=O>=0?F:re,ue=(h=this.markers.get(o))!==null&&h!==void 0?h:[];return{columnMin:c,columnMax:g,axis:m,color:H,valuePlacement:v,opacity:f,markers:ue,direction:j,value:O}}}const vt=mt,Te="hide-from-e2e-tests",no="sample-section";function*Eo(t=1){for(;;)t=t*16807%2147483647,yield t/2147483647}function pt(t=1){const[o]=u.useState(()=>Eo(t));return u.useCallback(()=>{const r=o.next();if(r.done===!0)throw new Error("Random number generator unexpectedly finished");return r.value},[o])}function x(t,o=[]){const r=`${no}-${t.toLocaleLowerCase().replaceAll(" ","-")}`,a=G(no,...o);return{id:r,className:a}}function N(t,o=[]){const{id:r,className:a}=x(t,o);return{id:r,UNSAFE_className:a}}function M(){}class Y extends u.Component{static renderButtonBrand(o,r){const a=o.length?`btn-${o}-${r}`:`btn-${r}`;return e.jsx(vr,{className:a,style:{marginBottom:"1rem",marginRight:"1rem"},children:r},r)}static renderButtons(o){const r=["primary","secondary","success","warning","danger","info"].map(a=>Y.renderButtonBrand(o,a));return e.jsxs("div",{...x(`buttons-${o.length?"outline":"regular"}`),children:[e.jsx("h5",{children:o.length?"Outline":"Regular"}),r]},o)}static renderLinks(){const o={primary:"accent",secondary:"neutral",success:"positive",info:"info",warning:"notice",danger:"negative"};return e.jsxs("div",{...x("links"),style:{paddingTop:"1rem"},children:[e.jsx("h5",{children:"Links"}),e.jsx(C,{gap:"1rem",children:Object.entries(o).map(([r,a])=>e.jsxs("a",{className:`text-${r}`,children:[r," (",a,")"]},r))})]})}static renderSocketedButtons(){return e.jsxs("div",{...x("buttons-socketed"),children:[e.jsx("h5",{children:"Socketed Buttons (for linker)"}),e.jsx(ae,{style:{marginBottom:"1rem",marginRight:"1rem"},onClick:M,children:"Unlinked"}),e.jsx(ae,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinked:!0,onClick:M,children:"Linked"}),e.jsx(ae,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinkedSource:!0,onClick:M,children:"Linked Source"}),e.jsx(ae,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinked:!0,isInvalid:!0,onClick:M,children:"Error"}),e.jsx(ae,{style:{marginBottom:"1rem",marginRight:"1rem"},disabled:!0,onClick:M,children:"Disabled"})]})}constructor(o){super(o),this.state={toggle:!0}}renderInlineButtons(){const{toggle:o}=this.state;return e.jsxs("div",{...x("buttons-inline"),style:{padding:"1rem 0"},children:[e.jsx("h5",{children:"Inline Buttons"}),"Regular btn-inline:",e.jsx(p,{className:"mx-2",kind:"inline",icon:U,tooltip:"test",onClick:M}),"Toggle button (class active):",e.jsx(p,{className:"mx-2",onClick:()=>{this.setState({toggle:!o})},active:o,kind:"inline",icon:U,tooltip:"test"}),"Disabled:",e.jsx(p,{className:"mx-2",kind:"inline",disabled:!0,onClick:M,children:"Disabled"}),"With Text:",e.jsx(p,{className:"mx-2",kind:"inline",icon:U,onClick:M,children:e.jsx("span",{children:"Text Button"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("span",{children:"btn-link-icon (no text):"}),e.jsx(p,{kind:"ghost",icon:U,tooltip:"test",onClick:M}),e.jsx("span",{className:"mx-2",children:"btn-link:"}),e.jsx(p,{kind:"ghost",onClick:M,children:"Text Button"}),e.jsx("span",{className:"mx-2",children:"btn-link (text w/ optional with icon):"}),e.jsx(p,{kind:"ghost",icon:U,onClick:M,children:"Text Button"})]})}render(){const o=["","outline"].map(s=>Y.renderButtons(s)),r=this.renderInlineButtons(),a=Y.renderSocketedButtons(),l=Y.renderLinks();return e.jsxs("div",{children:[e.jsx("h2",{className:"ui-title",children:"Buttons"}),e.jsxs("div",{style:{padding:"1rem 0"},children:[o,r,a,l]})]})}}function xt(){const t=No();lo.random=pt();const[o]=u.useState(()=>new lo(t));return e.jsxs("div",{...x("charts"),children:[e.jsx("h2",{className:"ui-title",children:"Chart"}),e.jsx("div",{style:{height:500},children:e.jsx(pr,{model:o})})]})}const Be="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"},io={"--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 ie(t){const o=ce.parseRgba(ce.asRgbOrRgbaString(t)??"");if(o==null||o.a<.5)return"white";const{r,g:a,b:l}=o;return ce.getBrightness([r,a,l])>=128?"black":"white"}function jt(t){const o=getComputedStyle(document.documentElement);return t.split(/[\n;]/g).map(a=>/^(?:\s{2}|:root\{)?(--dh-color-(?:[^:]+))/.exec(a)?.[1]).filter(a=>!!a).map(a=>{const l=o.getPropertyValue(a);return a==="--dh-color-chart-colorway"?nr(l??"").map(([n,i])=>l.substring(n,i+1)).map((n,i)=>({name:`${a}-${i}`,value:n})):{name:a,value:l}}).flat()}function Z(t,o,r,a=ft){const l=bt[t];return jt(o).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 g=a[d]??c?.[r]??c?.[1]??"???";return g=l[g]??g,i[g]==null&&(i[g]=[]),d in io&&i[g].push({isLabel:!0,name:io[d],value:""}),/^--dh-color-gray-(light|mid|dark)$/.test(d)||i[g].push({name:d,value:h}),i},{})}function yt(){const t=u.useRef(null);return u.useLayoutEffect(()=>{if(t.current==null)return;const o=getComputedStyle(t.current),{backgroundColor:r}=o;t.current.style.color=ie(r)},[]),t}function wt(t,o){const[r,a]=u.useState();return u.useEffect(()=>{if(t.current==null)return;const l=getComputedStyle(t.current,o).getPropertyValue("content"),s=/"(--dh-color-.*?)[,"]/.exec(l)?.[1];if(s==null)return;const n=getComputedStyle(t.current).getPropertyValue(s);a(n)},[t,o]),r}function ke({className:t,children:o}){const r=yt(),a=wt(r,":after"),l=u.useMemo(()=>a!=null?{value:a}:null,[a]),s=l!=null&&l.value!=="";return e.jsxs("div",{ref:r,className:t,style:{border:s?void 0:Be},children:[s&&e.jsx(Q,{interactive:!0,children:e.jsx("div",{children:l.value})}),o]})}function Ct(){const t=["100","200","300","400","500","600","700","800","850","8XX","900"].map(a=>e.jsx(ke,{className:G("swatch","gray-swatch",`gray-swatch-${a}`),children:a==="8XX"?"N/A":`Gray-${a}`},a)),o=["red","orange","yellow","green","blue","purple","white","black"].map(a=>e.jsx(ke,{className:G("swatch",`swatch-${a}`),children:a},a)),r=["content-bg","background","foreground","primary","primary-dark","secondary","secondary-hover","success","info","warning","danger","danger-hover"].map(a=>e.jsx(ke,{className:G("swatch",`swatch-${a}`),children:a},a));return e.jsxs("div",{...x("colors"),children:[e.jsx("h2",{className:"ui-title",children:"Colors"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[t,o]}),e.jsx("div",{className:"col",children:r}),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(o){super(o),this.makeContextMenuItems=this.makeContextMenuItems.bind(this)}makeContextMenuItems(o){const r=o!==void 0?` ${o}`:"";return[{title:`Show Alert${r}`,icon:Ve,action:()=>{alert(`Alert${r}!`)},shortcut:new J({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[$.CTRL,A.A],macShortcut:[$.CMD,A.A]})},{title:`Log Message${r}`,icon:Ue,action:()=>{console.log(`Logging a message${r}!`)},shortcut:new J({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[$.CTRL,A.L],macShortcut:[$.CMD,A.L]})},{title:"Sub-menu",actions:()=>this.makeContextMenuItems((o??0)+1),order:3}].concat(new Array(10).fill({title:`Disabled Option${r}`,disabled:!0,order:2}))}render(){const o=this.makeContextMenuItems(),a=[{title:"Show Shortcuts",icon:Co,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new J({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[$.CTRL,A.SLASH],macShortcut:[$.CMD,A.SLASH]}),group:ge.groups.global}].concat(o),l=()=>new Promise(s=>{setTimeout(()=>{s(o)},3e3)});return e.jsxs("div",{...x("context-menus"),children:[e.jsx("h2",{className:"ui-title",children:"Context Menu"}),e.jsxs(p,{kind:"primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(ge,{actions:a})]}),e.jsxs(p,{kind:"tertiary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(ge,{actions:l})]})]})}}class Tt extends u.Component{constructor(o){super(o),this.sampleInput=he.createRef(),this.handleUpdateCheckboxMap=this.handleUpdateCheckboxMap.bind(this);const r=["Parent A",new Map([["Child 1",!0],["Child 2",!1]])],a=["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([r,a,l])}}handleUpdateCheckboxMap(o){this.setState({checkBoxMap:o})}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:o,checkBoxMap:r}=this.state;return e.jsxs("div",{...x("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(p,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Open Dialog",e.jsx(Sr,{options:{placement:"bottom"},isShown:o,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(Rr,{menuText:"Checkbox Menu",valueMap:r,onUpdateValueMap:this.handleUpdateCheckboxMap})]})}}class kt extends u.Component{constructor(o){super(o),this.state={isShown:!1}}render(){const o=[{title:"Show Alert",icon:Ve,action:()=>{alert("Alert!")},shortcut:new J({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[$.CTRL,A.A],macShortcut:[$.CMD,A.A]})},{title:"Log Message",icon:Ue,action:()=>{console.log("Logging a message!")},shortcut:new J({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[$.CTRL,A.L],macShortcut:[$.CMD,A.L]})}],a=[{title:"Show Shortcuts",icon:Co,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new J({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[$.CTRL,A.SLASH],macShortcut:[$.CMD,A.SLASH]}),group:ge.groups.global}].concat(o),{isShown:l}=this.state;return e.jsxs("div",{...x("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(p,{kind:"inline",className:"mx-2",icon:ir,onClick:()=>{},children:e.jsx(eo,{actions:a})}),e.jsxs(p,{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(eo,{isShown:l,onMenuClosed:()=>{this.setState({isShown:!1})},actions:a})]})]})}}const Nt=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")\\
1
+ import{r as u,F as G,C as e,aN as C,H as he,U as jo,N as ve,G as k,a1 as ee,M as qe,ap as Bo,aO as P,aP as yo,aQ as D,$ as Fo,a0 as R,a3 as Oo,a4 as Fe,aR as Vo,a5 as Uo,a6 as Oe,a2 as de,a8 as Go,a9 as b,aS as Ho,aT as Me,aU as z,aV as zo,a7 as Wo,aW as Re,ad as wo,ac as S,aX as Pe,aY as qo,aZ as Ko,ae as Xo,a_ as Zo,a$ as Yo,b0 as Qo,b1 as W,b2 as Jo,b3 as fe,b4 as I,b5 as er,b6 as or,b7 as rr,ar as tr,b8 as ar,b9 as be,K as lr,_ as sr}from"./vendor-b0c4c01d.js";import{aW as Ke,aX as U,aN as ce,a3 as nr,aY as Ve,aZ as Ue,a_ as Co,aF as ir,a$ as q,b0 as Xe,G as Ze,b1 as Ye,I as Le,b2 as cr,b3 as dr,N as hr,b4 as ur,b5 as gr,aJ as Qe}from"./index-d7bc9619.js";import{W as mr}from"./monaco-b5248072.js";import{ah as xe,a9 as So,a6 as K,ai as To,B as vr,f as ae,l as pr,K as je,aj as oe,ak as xr,I as fr,R as ko,e as B,C as _e,O as br,a as jr,S as yr,b as ne,P as Je,g as wr,c as Cr}from"./IrisGrid-b1db485c.js";import{B as p,u as No,q as Q,o as J,aU as $,K as A,aj as ge,ah as Sr,E as eo,cc as oo,M as Tr,C as L,aX as le,S as me,aO as kr,ak as Nr,d as ro,aS as to,aZ as Do,x as ao,bo as X,an as Dr,ay as Er,a8 as Ir,aE as $r,aF as Ar,t as Mr}from"./ControlType-9fd03f7c.js";import{M as lo,H as Rr,A as Pr,V as ye,T as Lr,D as _r,C as Br,a as Fr,c as Or,b as Vr,d as Ur}from"./FontBootstrap-08ab4efe.js";import{N as Gr,T as Hr}from"./useUser-456d27e9.js";import{L as zr}from"./AppRoot-12ae9481.js";import"./helpers-de833af9.js";import"./plotly-45c1cad8.js";function so(t,o,r,a,l,s,n){try{var i=t[s](n),d=i.value}catch(h){r(h);return}i.done?o(d):Promise.resolve(d).then(a,l)}function we(t){return function(){var o=this,r=arguments;return new Promise(function(a,l){var s=t.apply(o,r);function n(d){so(s,a,l,n,i,"next",d)}function i(d){so(s,a,l,n,i,"throw",d)}n(void 0)})}}function _(t,o,r){return o=Wr(o),o in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Wr(t){var o=qr(t,"string");return typeof o=="symbol"?o:String(o)}function qr(t,o){if(typeof t!="object"||t===null)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var a=r.call(t,o||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class Kr extends xe{constructor(){var{rowCount:o=1e9,columnCount:r=100,floatingTopRowCount:a=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(),_(this,"numRows",void 0),_(this,"numColumns",void 0),_(this,"floatingTop",void 0),_(this,"floatingBottom",void 0),_(this,"floatingLeft",void 0),_(this,"floatingRight",void 0),_(this,"editable",void 0),_(this,"editedData",void 0),this.numRows=o,this.numColumns=r,this.floatingTop=a,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(o,r){var a,l;return(a=(l=this.editedData[o])===null||l===void 0?void 0:l[r])!==null&&a!==void 0?a:"".concat(o,",").concat(r)}colorForCell(o,r,a){return a.textColor}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}textForRowFooter(o){return"".concat(o)}setValueForCell(o,r,a){var l=this;return we(function*(){l.editedData[o]==null&&(l.editedData[o]=[]),l.editedData[o][r]="".concat(a)})()}setValueForRanges(o,r){var a=this;return we(function*(){So.forEachCell(o,(l,s)=>{a.setValueForCell(l,s,r)})})()}setValues(o){var r=this;return we(function*(){for(var a=0;a<o.length;a+=1){var l,s,n=o[a];r.setValueForCell((l=n.column)!==null&&l!==void 0?l:n.x,(s=n.row)!==null&&s!==void 0?s:n.y,n.text)}})()}editValueForCell(o,r){return this.textForCell(o,r)}isValidForCell(o,r,a){return!0}isEditableRange(o){return this.isEditable}delete(o){throw new Error("Method not implemented.")}}const Ge=Kr;function w(t,o,r){return o=Xr(o),o in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Xr(t){var o=Zr(t,"string");return typeof o=="symbol"?o:String(o)}function Zr(t,o){if(typeof t!="object"||t===null)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var a=r.call(t,o||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class E extends Ge{constructor(){var{rowCount:o=E.DEFAULT_ROW_COUNT,columnCount:r=E.DEFAULT_COLUMN_COUNT,children:a=new Map,childRowCount:l=Math.ceil(Math.max(E.MIN_CHILD_ROW_COUNT,o*E.DEFAULT_CHILD_ROW_COUNT_FACTOR)),maxDepth:s=E.MAX_DEPTH}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super({rowCount:o,columnCount:r}),w(this,"children",void 0),w(this,"childRowCount",void 0),w(this,"maxDepth",void 0),w(this,"getCachedModelRowOffset",K((n,i)=>{for(var d=null,h=i,c=[...n].sort((j,F)=>j[0]-F[0]),g=0;g<c.length;g+=1){var[m,v]=c[g];if(h<=m)break;var f=v.rowCount;if(h<=m+f){d=m,h=h-m-1;break}h-=f}return{key:d,offsetRow:h}})),w(this,"getCachedTextForRowHeader",K((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)})),w(this,"getCachedTextForCell",K((n,i,d)=>{var{key:h,offsetRow:c}=this.getCachedModelRowOffset(n,d);if(h!=null){var g=n.get(h);if(g!==void 0)return"".concat(h,".").concat(g.textForCell(i,c))}return"".concat(i,",").concat(c)})),w(this,"getCachedIsRowExpandable",K((n,i,d)=>{var h=this.getCachedDepthForRow(n,i);return h<d})),w(this,"getCachedIsRowExpanded",K((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)})),w(this,"getCachedDepthForRow",K((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=a,this.childRowCount=l,this.maxDepth=s}textForCell(o,r){return this.getCachedTextForCell(this.children,o,r)}textForRowHeader(o){return this.getCachedTextForRowHeader(this.children,o)}isRowMovable(o){return!1}get hasExpandableRows(){return!0}get isExpandAllAvailable(){return!1}get floatingBottomRowCount(){return 0}isRowExpandable(o){return this.getCachedIsRowExpandable(this.children,o,this.maxDepth)}isRowExpanded(o){return this.getCachedIsRowExpanded(this.children,o)}setRowExpanded(o,r){var a=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,{key:l,offsetRow:s}=this.getCachedModelRowOffset(this.children,o),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,r,a),this.numRows+=i.rowCount-d}}else if(r){var c=new E({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(o){return this.getCachedDepthForRow(this.children,o)}}w(E,"DEFAULT_ROW_COUNT",1e9);w(E,"DEFAULT_COLUMN_COUNT",100);w(E,"DEFAULT_CHILD_ROW_COUNT_FACTOR",.01);w(E,"MIN_CHILD_ROW_COUNT",10);w(E,"MAX_DEPTH",10);const He=E;function Ce(t,o,r){return o=Yr(o),o in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Yr(t){var o=Qr(t,"string");return typeof o=="symbol"?o:String(o)}function Qr(t,o){if(typeof t!="object"||t===null)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var a=r.call(t,o||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class Jr extends xe{constructor(o,r){var a;super(),Ce(this,"data",void 0),Ce(this,"columnHeaders",void 0),Ce(this,"numberOfColumns",void 0),this.data=o,this.numberOfColumns=Math.max(...o.map(l=>l.length),(a=r?.length)!==null&&a!==void 0?a:0),this.columnHeaders=r}get rowCount(){return this.data.length}get columnCount(){return this.numberOfColumns}textForCell(o,r){var a;return"".concat((a=this.data[r])===null||a===void 0?void 0:a[o])}textForColumnHeader(o){var r,a;return(r=(a=this.columnHeaders)===null||a===void 0?void 0:a[o])!==null&&r!==void 0?r:""}}const et=Jr;function Se(t,o,r){return o=ot(o),o in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function ot(t){var o=rt(t,"string");return typeof o=="symbol"?o:String(o)}function rt(t,o){if(typeof t!="object"||t===null)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var a=r.call(t,o||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class tt extends xe{constructor(o,r){super(),Se(this,"numberOfColumns",void 0),Se(this,"numberOfRows",void 0),Se(this,"viewportData",void 0),this.numberOfColumns=o,this.numberOfRows=r}get columnCount(){return this.numberOfColumns}get rowCount(){return this.numberOfRows}textForCell(o,r){var a,l,s,n,i,d,h,c=r-((a=(l=this.viewportData)===null||l===void 0?void 0:l.rowOffset)!==null&&a!==void 0?a:0),g=o-((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[g])!==null&&i!==void 0?i:"")}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}}const at=tt;function T(t,o,r){return o=lt(o),o in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function lt(t){var o=st(t,"string");return typeof o=="symbol"?o:String(o)}function st(t,o){if(typeof t!="object"||t===null)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var a=r.call(t,o||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}var nt="proportional",it=To.positiveBarColor,ct=To.negativeBarColor,dt="beside",ht="LTR",ut="right";function gt(t){return Array.isArray(t)&&t.every(o=>typeof o=="number")}class mt extends xe{constructor(o){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:new Map,a=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(),T(this,"numberOfColumns",void 0),T(this,"numberOfRows",void 0),T(this,"data",void 0),T(this,"columnMins",void 0),T(this,"columnMaxs",void 0),T(this,"columnAxes",void 0),T(this,"valuePlacements",void 0),T(this,"directions",void 0),T(this,"positiveColors",void 0),T(this,"negativeColors",void 0),T(this,"opacities",void 0),T(this,"textAlignments",void 0),T(this,"markers",void 0),this.positiveColors=a,this.negativeColors=l,this.data=o,this.columnAxes=r,this.valuePlacements=s,this.opacities=n,this.directions=i,this.textAlignments=d,this.markers=h,this.numberOfRows=Math.max(...o.map(m=>m.length)),this.numberOfColumns=o.length,this.columnMins=new Map,this.columnMaxs=new Map;for(var c=0;c<o.length;c+=1){var g=o[c];gt(g)&&(this.columnMins.set(c,Math.min(...g)),this.columnMaxs.set(c,Math.max(...g)))}}get rowCount(){return this.numberOfRows}get columnCount(){return this.numberOfColumns}textForCell(o,r){var a;return"".concat((a=this.data[o])===null||a===void 0?void 0:a[r])}textForColumnHeader(o){return"".concat(o)}textAlignForCell(o,r){var a;return(a=this.textAlignments.get(o))!==null&&a!==void 0?a:ut}renderTypeForCell(o,r){return o<20||o%2===r%2?"dataBar":"text"}dataBarOptionsForCell(o,r){var a,l,s,n,i,d,h,c=Ke(this.columnMins,o),g=Ke(this.columnMaxs,o),m=(a=this.columnAxes.get(o))!==null&&a!==void 0?a:nt,v=(l=this.valuePlacements.get(o))!==null&&l!==void 0?l:dt,f=this.opacities.get(o);f==null||f>1?f=1:f<0&&(f=0);var j=(s=this.directions.get(o))!==null&&s!==void 0?s:ht,F=(n=this.positiveColors.get(o))!==null&&n!==void 0?n:it,re=(i=this.negativeColors.get(o))!==null&&i!==void 0?i:ct,O=Number((d=this.data[o])===null||d===void 0?void 0:d[r]),H=O>=0?F:re,ue=(h=this.markers.get(o))!==null&&h!==void 0?h:[];return{columnMin:c,columnMax:g,axis:m,color:H,valuePlacement:v,opacity:f,markers:ue,direction:j,value:O}}}const vt=mt,Te="hide-from-e2e-tests",no="sample-section";function*Eo(t=1){for(;;)t=t*16807%2147483647,yield t/2147483647}function pt(t=1){const[o]=u.useState(()=>Eo(t));return u.useCallback(()=>{const r=o.next();if(r.done===!0)throw new Error("Random number generator unexpectedly finished");return r.value},[o])}function x(t,o=[]){const r=`${no}-${t.toLocaleLowerCase().replaceAll(" ","-")}`,a=G(no,...o);return{id:r,className:a}}function N(t,o=[]){const{id:r,className:a}=x(t,o);return{id:r,UNSAFE_className:a}}function M(){}class Y extends u.Component{static renderButtonBrand(o,r){const a=o.length?`btn-${o}-${r}`:`btn-${r}`;return e.jsx(vr,{className:a,style:{marginBottom:"1rem",marginRight:"1rem"},children:r},r)}static renderButtons(o){const r=["primary","secondary","success","warning","danger","info"].map(a=>Y.renderButtonBrand(o,a));return e.jsxs("div",{...x(`buttons-${o.length?"outline":"regular"}`),children:[e.jsx("h5",{children:o.length?"Outline":"Regular"}),r]},o)}static renderLinks(){const o={primary:"accent",secondary:"neutral",success:"positive",info:"info",warning:"notice",danger:"negative"};return e.jsxs("div",{...x("links"),style:{paddingTop:"1rem"},children:[e.jsx("h5",{children:"Links"}),e.jsx(C,{gap:"1rem",children:Object.entries(o).map(([r,a])=>e.jsxs("a",{className:`text-${r}`,children:[r," (",a,")"]},r))})]})}static renderSocketedButtons(){return e.jsxs("div",{...x("buttons-socketed"),children:[e.jsx("h5",{children:"Socketed Buttons (for linker)"}),e.jsx(ae,{style:{marginBottom:"1rem",marginRight:"1rem"},onClick:M,children:"Unlinked"}),e.jsx(ae,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinked:!0,onClick:M,children:"Linked"}),e.jsx(ae,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinkedSource:!0,onClick:M,children:"Linked Source"}),e.jsx(ae,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinked:!0,isInvalid:!0,onClick:M,children:"Error"}),e.jsx(ae,{style:{marginBottom:"1rem",marginRight:"1rem"},disabled:!0,onClick:M,children:"Disabled"})]})}constructor(o){super(o),this.state={toggle:!0}}renderInlineButtons(){const{toggle:o}=this.state;return e.jsxs("div",{...x("buttons-inline"),style:{padding:"1rem 0"},children:[e.jsx("h5",{children:"Inline Buttons"}),"Regular btn-inline:",e.jsx(p,{className:"mx-2",kind:"inline",icon:U,tooltip:"test",onClick:M}),"Toggle button (class active):",e.jsx(p,{className:"mx-2",onClick:()=>{this.setState({toggle:!o})},active:o,kind:"inline",icon:U,tooltip:"test"}),"Disabled:",e.jsx(p,{className:"mx-2",kind:"inline",disabled:!0,onClick:M,children:"Disabled"}),"With Text:",e.jsx(p,{className:"mx-2",kind:"inline",icon:U,onClick:M,children:e.jsx("span",{children:"Text Button"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("span",{children:"btn-link-icon (no text):"}),e.jsx(p,{kind:"ghost",icon:U,tooltip:"test",onClick:M}),e.jsx("span",{className:"mx-2",children:"btn-link:"}),e.jsx(p,{kind:"ghost",onClick:M,children:"Text Button"}),e.jsx("span",{className:"mx-2",children:"btn-link (text w/ optional with icon):"}),e.jsx(p,{kind:"ghost",icon:U,onClick:M,children:"Text Button"})]})}render(){const o=["","outline"].map(s=>Y.renderButtons(s)),r=this.renderInlineButtons(),a=Y.renderSocketedButtons(),l=Y.renderLinks();return e.jsxs("div",{children:[e.jsx("h2",{className:"ui-title",children:"Buttons"}),e.jsxs("div",{style:{padding:"1rem 0"},children:[o,r,a,l]})]})}}function xt(){const t=No();lo.random=pt();const[o]=u.useState(()=>new lo(t));return e.jsxs("div",{...x("charts"),children:[e.jsx("h2",{className:"ui-title",children:"Chart"}),e.jsx("div",{style:{height:500},children:e.jsx(pr,{model:o})})]})}const Be="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"},io={"--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 ie(t){const o=ce.parseRgba(ce.asRgbOrRgbaString(t)??"");if(o==null||o.a<.5)return"white";const{r,g:a,b:l}=o;return ce.getBrightness([r,a,l])>=128?"black":"white"}function jt(t){const o=getComputedStyle(document.documentElement);return t.split(/[\n;]/g).map(a=>/^(?:\s{2}|:root\{)?(--dh-color-(?:[^:]+))/.exec(a)?.[1]).filter(a=>!!a).map(a=>{const l=o.getPropertyValue(a);return a==="--dh-color-chart-colorway"?nr(l??"").map(([n,i])=>l.substring(n,i+1)).map((n,i)=>({name:`${a}-${i}`,value:n})):{name:a,value:l}}).flat()}function Z(t,o,r,a=ft){const l=bt[t];return jt(o).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 g=a[d]??c?.[r]??c?.[1]??"???";return g=l[g]??g,i[g]==null&&(i[g]=[]),d in io&&i[g].push({isLabel:!0,name:io[d],value:""}),/^--dh-color-gray-(light|mid|dark)$/.test(d)||i[g].push({name:d,value:h}),i},{})}function yt(){const t=u.useRef(null);return u.useLayoutEffect(()=>{if(t.current==null)return;const o=getComputedStyle(t.current),{backgroundColor:r}=o;t.current.style.color=ie(r)},[]),t}function wt(t,o){const[r,a]=u.useState();return u.useEffect(()=>{if(t.current==null)return;const l=getComputedStyle(t.current,o).getPropertyValue("content"),s=/"(--dh-color-.*?)[,"]/.exec(l)?.[1];if(s==null)return;const n=getComputedStyle(t.current).getPropertyValue(s);a(n)},[t,o]),r}function ke({className:t,children:o}){const r=yt(),a=wt(r,":after"),l=u.useMemo(()=>a!=null?{value:a}:null,[a]),s=l!=null&&l.value!=="";return e.jsxs("div",{ref:r,className:t,style:{border:s?void 0:Be},children:[s&&e.jsx(Q,{interactive:!0,children:e.jsx("div",{children:l.value})}),o]})}function Ct(){const t=["100","200","300","400","500","600","700","800","850","8XX","900"].map(a=>e.jsx(ke,{className:G("swatch","gray-swatch",`gray-swatch-${a}`),children:a==="8XX"?"N/A":`Gray-${a}`},a)),o=["red","orange","yellow","green","blue","purple","white","black"].map(a=>e.jsx(ke,{className:G("swatch",`swatch-${a}`),children:a},a)),r=["content-bg","background","foreground","primary","primary-dark","secondary","secondary-hover","success","info","warning","danger","danger-hover"].map(a=>e.jsx(ke,{className:G("swatch",`swatch-${a}`),children:a},a));return e.jsxs("div",{...x("colors"),children:[e.jsx("h2",{className:"ui-title",children:"Colors"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[t,o]}),e.jsx("div",{className:"col",children:r}),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(o){super(o),this.makeContextMenuItems=this.makeContextMenuItems.bind(this)}makeContextMenuItems(o){const r=o!==void 0?` ${o}`:"";return[{title:`Show Alert${r}`,icon:Ve,action:()=>{alert(`Alert${r}!`)},shortcut:new J({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[$.CTRL,A.A],macShortcut:[$.CMD,A.A]})},{title:`Log Message${r}`,icon:Ue,action:()=>{console.log(`Logging a message${r}!`)},shortcut:new J({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[$.CTRL,A.L],macShortcut:[$.CMD,A.L]})},{title:"Sub-menu",actions:()=>this.makeContextMenuItems((o??0)+1),order:3}].concat(new Array(10).fill({title:`Disabled Option${r}`,disabled:!0,order:2}))}render(){const o=this.makeContextMenuItems(),a=[{title:"Show Shortcuts",icon:Co,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new J({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[$.CTRL,A.SLASH],macShortcut:[$.CMD,A.SLASH]}),group:ge.groups.global}].concat(o),l=()=>new Promise(s=>{setTimeout(()=>{s(o)},3e3)});return e.jsxs("div",{...x("context-menus"),children:[e.jsx("h2",{className:"ui-title",children:"Context Menu"}),e.jsxs(p,{kind:"primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(ge,{actions:a})]}),e.jsxs(p,{kind:"tertiary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(ge,{actions:l})]})]})}}class Tt extends u.Component{constructor(o){super(o),this.sampleInput=he.createRef(),this.handleUpdateCheckboxMap=this.handleUpdateCheckboxMap.bind(this);const r=["Parent A",new Map([["Child 1",!0],["Child 2",!1]])],a=["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([r,a,l])}}handleUpdateCheckboxMap(o){this.setState({checkBoxMap:o})}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:o,checkBoxMap:r}=this.state;return e.jsxs("div",{...x("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(p,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Open Dialog",e.jsx(Sr,{options:{placement:"bottom"},isShown:o,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(Rr,{menuText:"Checkbox Menu",valueMap:r,onUpdateValueMap:this.handleUpdateCheckboxMap})]})}}class kt extends u.Component{constructor(o){super(o),this.state={isShown:!1}}render(){const o=[{title:"Show Alert",icon:Ve,action:()=>{alert("Alert!")},shortcut:new J({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[$.CTRL,A.A],macShortcut:[$.CMD,A.A]})},{title:"Log Message",icon:Ue,action:()=>{console.log("Logging a message!")},shortcut:new J({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[$.CTRL,A.L],macShortcut:[$.CMD,A.L]})}],a=[{title:"Show Shortcuts",icon:Co,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new J({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[$.CTRL,A.SLASH],macShortcut:[$.CMD,A.SLASH]}),group:ge.groups.global}].concat(o),{isShown:l}=this.state;return e.jsxs("div",{...x("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(p,{kind:"inline",className:"mx-2",icon:ir,onClick:()=>{},children:e.jsx(eo,{actions:a})}),e.jsxs(p,{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(eo,{isShown:l,onMenuClosed:()=>{this.setState({isShown:!1})},actions:a})]})]})}}const Nt=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")\\
2
2
  .headBy(3, "Sym")\\
3
3
  .view("Sym", "Last")
4
4
 
@@ -207,8 +207,8 @@ simulation = shares30min.update("Values=(double[])ss.update(Sym, TargetPosition,
207
207
  `,la=`:root{--dh-color-chart-bg: var(--dh-color-content-bg);--dh-color-chart-plot-bg: var(--dh-color-gray-200);--dh-color-chart-title: var(--dh-color-text);--dh-color-chart-legend-fg: var(--dh-color-text);--dh-color-chart-colorway: var(--dh-color-visual-cyan) var(--dh-color-visual-green) var(--dh-color-visual-yellow) var(--dh-color-visual-purple) var(--dh-color-visual-orange) var(--dh-color-visual-red) var(--dh-color-visual-chartreuse) var(--dh-color-visual-fuchsia) var(--dh-color-visual-seafoam) var(--dh-color-visual-magenta) var(--dh-color-white);--dh-color-chart-grid: var(--dh-color-gray-400);--dh-color-chart-axis-line: var(--dh-color-gray-500);--dh-color-chart-axis-line-zero: var(--dh-color-gray-700);--dh-color-chart-error-band-line: var(--dh-color-green-1400);--dh-color-chart-ohlc-increase: var(--dh-color-visual-green);--dh-color-chart-ohlc-decrease: var(--dh-color-visual-red);--dh-color-plotly-axis-text: var(--dh-color-gray-500);--dh-color-plotly-zoombox: color-mix( in srgb, var(--dh-color-true-black) 50%, transparent );--dh-color-plotly-zoombox-corners-fill: var(--dh-color-white);--dh-color-plotly-zoombox-corners-stroke: var(--dh-color-gray-75);--dh-color-plotly-modebar-btn-active: color-mix( in srgb, var(--dh-color-true-white) 30%, transparent );--dh-color-plotly-modebar-btn-warning: var(--dh-color-visual-orange);--dh-color-plotly-notifier-note-bg: var(--dh-color-gray-500);--dh-color-chart-geo-coastline: var(--dh-color-gray-200);--dh-color-chart-geo-land: var(--dh-color-gray-700);--dh-color-chart-geo-ocean: var(--dh-color-gray-300);--dh-color-chart-geo-lake: var(--dh-color-blue-200);--dh-color-chart-geo-river: var(--dh-color-blue-200)}
208
208
  `,sa=`:root{--dh-color-editor-bg: var(--dh-color-content-bg);--dh-color-editor-fg: var(--dh-color-gray-900);--dh-color-editor-error-fg: var(--dh-color-visual-red);--dh-color-editor-line-number-fg: var(--dh-color-gray-700);--dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);--dh-color-editor-selection-bg: var(--dh-color-text-highlight);--dh-color-editor-inactive-selection-bg: var(--dh-color-gray-300);--dh-color-editor-selection-highlight-bg: var(--dh-color-gray-500);--dh-color-editor-word-highlight-bg: var(--dh-color-gray-500);--dh-color-editor-comment: var(--dh-color-gray-700);--dh-color-editor-delimiter: var(--dh-color-gray-700);--dh-color-editor-identifier-js: var(--dh-color-visual-yellow);--dh-color-editor-identifier-namespace: var(--dh-color-visual-red);--dh-color-editor-identifier: var(--dh-color-gray-900);--dh-color-editor-keyword: var(--dh-color-visual-cyan);--dh-color-editor-number: var(--dh-color-visual-purple);--dh-color-editor-operator: var(--dh-color-visual-red);--dh-color-editor-predefined: var(--dh-color-visual-green);--dh-color-editor-storage: var(--dh-color-visual-red);--dh-color-editor-string-delim: var(--dh-color-gray-700);--dh-color-editor-string: var(--dh-color-visual-yellow);--dh-color-editor-bracket-fg1: var(--dh-color-visual-yellow);--dh-color-editor-bracket-fg2: var(--dh-color-visual-purple);--dh-color-editor-bracket-fg3: var(--dh-color-visual-blue);--dh-color-editor-bracket-fg4: var(--dh-color-visual-yellow);--dh-color-editor-bracket-fg5: var(--dh-color-visual-purple);--dh-color-editor-bracket-fg6: var(--dh-color-visual-blue);--dh-color-editor-unexpected-bracket-fg: var(--dh-color-visual-negative);--dh-color-editor-focus-border: var(--dh-color-focus-border);--dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);--dh-color-editor-input-bg: var(--dh-color-bg);--dh-color-editor-input-fg: var(--dh-color-text);--dh-color-editor-input-border: var(--dh-color-border);--dh-color-editor-context-menu-bg: var(--dh-color-gray-300);--dh-color-editor-context-menu-fg: var(--dh-color-text);--dh-color-editor-menu-selection-bg: var(--dh-color-highlight-hover);--dh-color-editor-menu-selection-fg: var(--dh-color-text);--dh-color-editor-log-date: var(--dh-color-gray-700);--dh-color-editor-log-error: var(--dh-color-visual-red);--dh-color-editor-log-info: var(--dh-color-visual-cyan);--dh-color-editor-log-stdout: var(--dh-color-gray-900);--dh-color-editor-log-warn: var(--dh-color-visual-yellow);--dh-color-editor-log-debug: var(--dh-color-visual-purple);--dh-color-editor-log-trace: var(--dh-color-visual-green);--dh-color-editor-find-bg: var(--dh-color-gray-200);--dh-color-editor-find-match-bg: var(--dh-color-highlight-selected);--dh-color-editor-find-match-highlight-bg: var( --dh-color-highlight-selected-hover );--dh-color-editor-find-option-active-bg: var(--dh-color-accent-700);--dh-color-editor-find-option-active-fg: var(--dh-color-gray-900);--dh-color-editor-suggest-bg: var(--dh-color-gray-200);--dh-color-editor-suggest-border: var(--dh-color-gray-400);--dh-color-editor-suggest-fg: var(--dh-color-text);--dh-color-editor-suggest-selected-bg: var(--dh-color-highlight-selected);--dh-color-editor-suggest-selected-fg: var(--dh-color-text);--dh-color-editor-suggest-highlight-fg: var(--dh-color-accent-700);--dh-color-editor-suggest-focus-highlight-fg: var(--dh-color-accent-700);--dh-color-editor-suggest-hover-bg: var(--dh-color-highlight-hover);--dh-color-editor-link-foreground: var(--dh-color-accent-1000);--dh-color-editor-link-active-fg: var(--dh-color-accent-1100)}
209
209
  `,na=`:root{--dh-color-grid-bg: var(--dh-color-gray-75);--dh-color-grid-header-bg: var(--dh-color-gray-100);--dh-color-grid-header-text: var(--dh-color-heading-text);--dh-color-grid-header-separator: var(--dh-color-gray-50);--dh-color-grid-header-separator-hover: var(--dh-color-gray-600);--dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);--dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);--dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);--dh-color-grid-header-bar-casing: var(--dh-color-gray-50);--dh-color-grid-row-0-bg: var(--dh-color-gray-300);--dh-color-grid-row-1-bg: var(--dh-color-gray-100);--dh-color-grid-row-hover-bg: var(--dh-color-highlight-hover);--dh-color-grid-row-hover-bg-selected: var( --dh-color-highlight-selected-hover );--dh-color-grid-row-shadow-alpha: .15;--dh-color-grid-selection: var(--dh-color-highlight-selected);--dh-color-grid-selection-outline: var(--dh-color-accent-900);--dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);--dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);--dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);--dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);--dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);--dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);--dh-color-grid-scroll-bar: var(--dh-color-gray-500);--dh-color-grid-scroll-bar-hover: var(--dh-color-gray-600);--dh-color-grid-scroll-bar-active: var(--dh-color-gray-700);--dh-color-grid-text: var(--dh-color-text);--dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);--dh-color-grid-text-pending: var(--dh-color-yellow-1300);--dh-color-grid-text-error: var(--dh-color-visual-negative);--dh-color-grid-date: var(--dh-color-visual-notice);--dh-color-grid-number-positive: var(--dh-color-visual-positive);--dh-color-grid-number-negative: var(--dh-color-visual-negative);--dh-color-grid-number-zero: var(--dh-color-visual-notice);--dh-color-grid-string-null: var(--dh-color-gray-600);--dh-color-grid-filter-bar-active-bg: color-mix( in srgb, var(--dh-color-accent-700) 50%, transparent );--dh-color-grid-filter-bar-active: var(--dh-color-accent-600);--dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-200);--dh-color-grid-filter-bar-expanded-active-bg: color-mix( in srgb, var(--dh-color-accent-1000) 19%, transparent );--dh-color-grid-filter-bar-expanded-active-cell-bg: color-mix( in srgb, var(--dh-color-accent-700) 32%, transparent );--dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);--dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);--dh-color-grid-filter-icon: var(--dh-color-accent-600);--dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);--dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);--dh-color-grid-column-linker-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);--dh-color-grid-tree-line: var(--dh-color-gray-500);--dh-color-grid-tree-marker: var(--dh-color-gray-700);--dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);--dh-color-grid-floating-row: var(--dh-color-gray-300);--dh-color-grid-floating-row-bg: var(--dh-color-gray-200);--dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);--dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);--dh-color-grid-overflow-button: var(--dh-color-gray-700);--dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);--dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);--dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);--dh-color-grid-data-bar-marker: var(--dh-color-white);--dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);--dh-color-grid-scrim: var(--dh-color-gray-50)}
210
- `,ia=`:root{--dh-color-loading-spinner-primary: var(--dh-color-accent-bg);--dh-color-loading-spinner-secondary: color-mix( in srgb, var(--dh-color-gray-800) 50%, transparent );--dh-color-quickactions-bg: color-mix( in srgb, var(--dh-color-visual-gray) 90%, transparent );--dh-color-radial-reaction: color-mix( in srgb, var(--dh-color-visual-gray) 60%, transparent );--dh-color-colorpicker-border: color-mix( in srgb, var(--dh-color-visual-gray) 10%, transparent );--dh-logo-img: var(--dh-logo-dark-img);--dh-color-login-form-bg: var(--dh-color-gray-400);--dh-color-login-status-message: var(--dh-color-gray-600);--dh-color-login-logo-bg: var(--dh-color-gray-900);--dh-color-login-footer-fg: var(--dh-color-gray-700);--dh-color-random-area-plot-animation-fg-fill: color-mix( in srgb, var(--dh-color-accent) 8%, transparent );--dh-color-random-area-plot-animation-fg-stroke: color-mix( in srgb, var(--dh-color-accent) 20%, transparent );--dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);--dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);--dh-color-action-bg: var(--dh-color-gray-75);--dh-color-action-fg: var(--dh-color-text);--dh-color-action-border: var(--dh-color-border);--dh-color-action-down-bg: var(--dh-color-gray-300);--dh-color-action-hover-bg: var(--dh-color-gray-50);--dh-color-action-hover-fg: var(--dh-color-text-hover);--dh-color-action-hover-border: var(--dh-color-hover-border);--dh-color-action-active-bg: var(--dh-color-gray-800);--dh-color-action-active-fg: var(--dh-color-gray-50);--dh-color-action-active-border: var(--dh-color-gray-800);--dh-color-action-active-hover-bg: var(--dh-color-gray-900);--dh-color-action-active-hover-fg: var(--dh-color-gray-50);--dh-color-action-active-hover-border: var(--dh-color-gray-900);--dh-color-action-disabled-bg: transparent;--dh-color-action-disabled-fg: var(--dh-color-text-disabled);--dh-color-action-disabled-border: var(--dh-color-gray-300);--dh-color-icon-fg: var(--dh-color-gray-700);--dh-color-icon-disabled-fg: var(--dh-color-gray-400);--dh-color-input-bg: var(--dh-color-gray-75);--dh-color-input-fg: var(--dh-color-text);--dh-color-input-border: var(--dh-color-border);--dh-color-input-placeholder: var(--dh-color-gray-600);--dh-color-input-active-bg: var(--dh-color-input-bg);--dh-color-input-disabled-bg: var(--dh-color-disabled-bg);--dh-color-input-disabled-border: transparent;--dh-color-input-disabled-fg: var(--dh-color-text-disabled);--dh-color-input-hover-border: var(--dh-color-hover-border);--dh-color-input-focus-border: var(--dh-color-border-focus);--dh-color-search-icon: var(--dh-color-fg);--dh-color-form-control-error: var(--dh-color-visual-negative);--dh-color-form-control-error-shadow: color-mix( in srgb, var(--dh-color-visual-negative) 25%, transparent );--dh-color-label-text: var(--dh-color-gray-700);--dh-color-selector-fg: var(--dh-color-icon-fg);--dh-color-selector-bg: var(--dh-color-gray-75);--dh-color-selector-hover-bg: var(--dh-color-gray-50);--dh-color-selector-hover-fg: var(--dh-color-gray-900);--dh-color-selector-disabled-fg: var(--dh-color-icon-disabled-fg);--dh-color-item-list-bg: transparent;--dh-color-item-list-active-bg: var(--dh-color-highlight-active);--dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);--dh-color-item-list-selected-fg: var(--dh-color-text);--dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);--dh-color-item-list-selected-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);--dh-color-item-list-selected-border: color-mix( in srgb, var(--dh-color-accent) 60%, transparent );--dh-color-item-list-drop-target-fg: var(--dh-color-white);--dh-color-item-list-keyboard-selected-bg: color-mix( in srgb, var(--dh-color-accent) 50%, transparent );--dh-color-golden-layout-tab-header-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-selected-bg: var(--dh-color-content-bg);--dh-color-menu-item-fg: var(--dh-color-gray-700);--dh-color-hr: var(--dh-color-gray-300);--dh-color-dialog-title-fg: var(--dh-color-heading-text);--dh-color-dialog-fg: var(--dh-color-text);--dh-color-popover-bg: var(--dh-color-bg);--dh-color-tooltip-bg: var(--dh-color-gray-400);--dh-color-tooltip-fg: var(--dh-color-fg);--dh-color-tooltip-box-shadow: var(--dh-color-dropshadow);--dh-color-well-bg: color-mix( in srgb, var(--dh-color-visual-gray) 2%, transparent );--dh-color-well-border: color-mix( in srgb, var(--dh-color-visual-gray) 5%, transparent )}
210
+ `,ia=`:root{--dh-color-loading-spinner-primary: var(--dh-color-accent-bg);--dh-color-loading-spinner-secondary: color-mix( in srgb, var(--dh-color-gray-800) 50%, transparent );--dh-color-quickactions-bg: color-mix( in srgb, var(--dh-color-visual-gray) 90%, transparent );--dh-color-radial-reaction: color-mix( in srgb, var(--dh-color-visual-gray) 60%, transparent );--dh-color-colorpicker-border: color-mix( in srgb, var(--dh-color-visual-gray) 10%, transparent );--dh-logo-img: var(--dh-logo-dark-img);--dh-color-login-form-bg: var(--dh-color-gray-400);--dh-color-login-status-message: var(--dh-color-gray-600);--dh-color-login-logo-bg: var(--dh-color-gray-900);--dh-color-login-footer-fg: var(--dh-color-gray-700);--dh-color-random-area-plot-animation-fg-fill: color-mix( in srgb, var(--dh-color-accent) 8%, transparent );--dh-color-random-area-plot-animation-fg-stroke: color-mix( in srgb, var(--dh-color-accent) 20%, transparent );--dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);--dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);--dh-color-action-bg: var(--dh-color-gray-75);--dh-color-action-fg: var(--dh-color-text);--dh-color-action-border: var(--dh-color-border);--dh-color-action-down-bg: var(--dh-color-gray-300);--dh-color-action-hover-bg: var(--dh-color-gray-50);--dh-color-action-hover-fg: var(--dh-color-text-hover);--dh-color-action-hover-border: var(--dh-color-hover-border);--dh-color-action-active-bg: var(--dh-color-gray-800);--dh-color-action-active-fg: var(--dh-color-gray-50);--dh-color-action-active-border: var(--dh-color-gray-800);--dh-color-action-active-hover-bg: var(--dh-color-gray-900);--dh-color-action-active-hover-fg: var(--dh-color-gray-50);--dh-color-action-active-hover-border: var(--dh-color-gray-900);--dh-color-action-disabled-bg: transparent;--dh-color-action-disabled-fg: var(--dh-color-text-disabled);--dh-color-action-disabled-border: var(--dh-color-gray-300);--dh-color-icon-fg: var(--dh-color-gray-700);--dh-color-icon-disabled-fg: var(--dh-color-gray-400);--dh-color-input-bg: var(--dh-color-gray-75);--dh-color-input-fg: var(--dh-color-text);--dh-color-input-border: var(--dh-color-border);--dh-color-input-placeholder: var(--dh-color-gray-600);--dh-color-input-active-bg: var(--dh-color-input-bg);--dh-color-input-disabled-bg: var(--dh-color-disabled-bg);--dh-color-input-disabled-border: transparent;--dh-color-input-disabled-fg: var(--dh-color-text-disabled);--dh-color-input-hover-border: var(--dh-color-hover-border);--dh-color-input-focus-border: var(--dh-color-border-focus);--dh-color-search-icon: var(--dh-color-fg);--dh-color-form-control-error: var(--dh-color-visual-negative);--dh-color-form-control-error-shadow: color-mix( in srgb, var(--dh-color-visual-negative) 25%, transparent );--dh-color-label-text: var(--dh-color-gray-700);--dh-color-selector-fg: var(--dh-color-icon-fg);--dh-color-selector-bg: var(--dh-color-gray-75);--dh-color-selector-hover-bg: var(--dh-color-gray-50);--dh-color-selector-hover-fg: var(--dh-color-gray-900);--dh-color-selector-disabled-fg: var(--dh-color-icon-disabled-fg);--dh-color-item-list-bg: transparent;--dh-color-item-list-active-bg: var(--dh-color-highlight-active);--dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);--dh-color-item-list-selected-fg: var(--dh-color-text);--dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);--dh-color-item-list-selected-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);--dh-color-item-list-selected-border: var(--dh-color-accent-900);--dh-color-item-list-drop-target-fg: var(--dh-color-white);--dh-color-item-list-keyboard-selected-bg: color-mix( in srgb, var(--dh-color-accent) 50%, transparent );--dh-color-golden-layout-tab-header-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-selected-bg: var(--dh-color-content-bg);--dh-color-menu-item-fg: var(--dh-color-gray-700);--dh-color-hr: var(--dh-color-gray-300);--dh-color-dialog-title-fg: var(--dh-color-heading-text);--dh-color-dialog-fg: var(--dh-color-text);--dh-color-popover-bg: var(--dh-color-bg);--dh-color-tooltip-bg: var(--dh-color-gray-400);--dh-color-tooltip-fg: var(--dh-color-fg);--dh-color-tooltip-box-shadow: var(--dh-color-dropshadow);--dh-color-well-bg: color-mix( in srgb, var(--dh-color-visual-gray) 2%, transparent );--dh-color-well-border: color-mix( in srgb, var(--dh-color-visual-gray) 5%, transparent )}
211
211
  `,ca="_themeColorsPalette_1mdfo_1",da="_swatch_1mdfo_7",ha="_themeColors_1mdfo_1",ua="_label_1mdfo_21",ga="_capitalize_1mdfo_29",V={themeColorsPalette:ca,swatch:da,themeColors:ha,label:ua,capitalize:ga};function ma(){return{"Theme Color Palette":Z("palette",ta,1),"Semantic Colors":Z("semantic",aa,1),"Chart Colors":Z("chart",la,2),"Editor Colors":Z("editor",sa,2),"Grid Colors":Z("grid",na,2),"Component Colors":Z("component",ia,1)}}function va(){const{selectedThemeKey:t}=Do(),o=u.useMemo(ma,[t]);return e.jsx(e.Fragment,{children:Object.entries(o).map(([r,a],l)=>r==="Theme Color Palette"?e.jsxs("div",{...x(r),children:[e.jsx("h2",{className:"ui-title",children:r}),e.jsx("div",{className:V.themeColorsPalette,children:Object.entries(a).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?Be:void 0,color:`var(--dh-color-${ie(h)})`},className:G(V.swatch,"px-0"),children:[e.jsxs(Q,{interactive:!0,children:[e.jsx("div",{children:d}),e.jsx("div",{children:h}),e.jsx("div",{children:ce.normalizeCssColor(h,!0)})]}),e.jsx(ao,{copy:d,style:{color:`var(--dh-color-${ie(h)})`}})]},d))]},s))})]},r):e.jsxs("div",{...x(r),children:[e.jsx("h2",{className:"ui-title",children:r}),e.jsx("div",{className:V.themeColors,children:Object.entries(a).map(([s,n])=>e.jsxs("div",{style:{gridRow:`span ${n.length+1}`},children:[e.jsx("span",{className:G(V.label,V.capitalize),children:s}),n.map(({isLabel:i,name:d,value:h,note:c})=>i===!0?e.jsx("span",{className:V.label,children:d},d):e.jsxs("div",{className:V.swatch,style:{backgroundColor:h,border:h===""&&d.length>0?Be:void 0,color:`var(--dh-color-${ie(h)})`},children:[e.jsxs(Q,{interactive:!0,children:[e.jsx("div",{children:d}),e.jsx("div",{children:h}),e.jsx("div",{children:ce.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(ao,{copy:d,style:{color:`var(--dh-color-${ie(h)})`}})]},d))]},s))})]},r))})}const Ae="data-menu-category",pa="data-no-menu",xa="sample-section-e2e-ignore",$o="spectrum-component-samples",Ao="spectrum-comparison-samples";function fa(){return e.jsxs("div",{id:$o,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Spectrum Components"}),e.jsxs(P,{gap:20,columns:yo("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(C,{gap:"size-160",children:[e.jsx(ja,{}),e.jsxs(Fo,{children:[e.jsx(R,{children:"Dialog Trigger"}),t=>e.jsxs(Oo,{children:[e.jsx(Fe,{children:"Some Heading"}),e.jsx(Vo,{children:"Some Header"}),e.jsx(Uo,{}),e.jsx(Oe,{children:e.jsx(de,{children:"Are you sure?"})}),e.jsxs(Go,{children:[e.jsx(b,{variant:"secondary",onPress:t,children:"Cancel"}),e.jsx(b,{variant:"accent",onPress:t,children:"Confirm"})]})]})]})]})]}),e.jsxs(D,{...N("spectrum-well"),children:[e.jsx("h3",{children:"Wells"}),e.jsx(Ho,{children:"This is a well."})]})]})]})}function ba(){return e.jsxs(e.Fragment,{children:[e.jsxs(R,{marginBottom:"size-200",children:[e.jsx(ee,{children:e.jsx(k,{icon:U})}),e.jsx(de,{children:"Icon Button"})]}),e.jsxs(P,{autoFlow:"column",columnGap:"size-250",rowGap:"size-150",columns:Me(4,yo(0,"size-2000")),rows:Me(8,"size-400"),children:[e.jsx("label",{children:'Button style="outline"'}),e.jsx(b,{variant:"primary",style:"outline",children:"Primary"}),e.jsx(b,{variant:"secondary",style:"outline",children:"Secondary"}),e.jsx(b,{variant:"accent",style:"outline",children:"Accent"}),e.jsx(b,{variant:"negative",style:"outline",children:"Negative"}),e.jsx(b,{variant:"primary",staticColor:"black",style:"outline",children:"Static Black"}),e.jsx(b,{variant:"primary",staticColor:"white",style:"outline",children:"Static White"}),e.jsx(b,{variant:"primary",isDisabled:!0,style:"outline",children:"Disabled"}),e.jsx("label",{children:'Button style="fill"'}),e.jsx(b,{variant:"primary",style:"fill",children:"Primary"}),e.jsx(b,{variant:"secondary",style:"fill",children:"Secondary"}),e.jsx(b,{variant:"accent",style:"fill",children:"Accent"}),e.jsx(b,{variant:"negative",style:"fill",children:"Negative"}),e.jsx(b,{variant:"primary",staticColor:"black",style:"fill",children:"Static Black"}),e.jsx(b,{variant:"primary",staticColor:"white",style:"fill",children:"Static White"}),e.jsx(b,{variant:"primary",isDisabled:!0,style:"fill",children:"Disabled"}),e.jsx("label",{children:"Action Button"}),e.jsx(R,{children:"Normal"}),e.jsx(R,{gridRow:"span 3",isQuiet:!0,children:"Quiet"}),e.jsx(R,{staticColor:"black",children:"Static Black"}),e.jsx(R,{staticColor:"white",children:"Static White"}),e.jsx(R,{isDisabled:!0,children:"Disabled"}),e.jsx("label",{children:"Toggle Button"}),e.jsx(z,{children:"Normal"}),e.jsx(z,{isQuiet:!0,children:"Quiet"}),e.jsx(z,{gridRow:"span 2",isEmphasized:!0,children:"Emphasized"}),e.jsx(z,{staticColor:"black",children:"Static Black"}),e.jsx(z,{staticColor:"white",children:"Static White"}),e.jsx(z,{isDisabled:!0,children:"Disabled"})]})]})}function ja(){return e.jsxs(e.Fragment,{children:[e.jsx(de,{children:"Contextual Help"}),e.jsxs(zo,{variant:"info",children:[e.jsx(Fe,{children:"Need help?"}),e.jsx(Oe,{children:e.jsx(de,{children:"This is a helpful description of the thing you need help with."})})]})]})}function ya(){return e.jsx(Wo,{children:e.jsxs(P,{gap:20,columns:Me("auto-fit","210px"),alignItems:"end",children:[e.jsx(Re,{label:"Text Field"}),e.jsxs(wo,{label:"Combobox",menuTrigger:"focus",defaultSelectedKey:"two",children:[e.jsx(S,{children:"One"},"one"),e.jsx(S,{children:"Two"},"two"),e.jsx(S,{children:"Three"},"three")]}),e.jsx(Pe,{children:"Checkbox"}),e.jsx(qo,{label:"Slider",defaultValue:24}),e.jsx(Ko,{children:"Switch"})]})})}function wa(){return e.jsxs(Xo,{children:[e.jsx(ee,{size:"XL",children:e.jsx(k,{icon:hr})}),e.jsx(Fe,{children:"Illustrated Message"}),e.jsx(Oe,{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(Zo,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",maxWidth:"size-6000",marginBottom:"size-200",children:[e.jsx(S,{children:"One"}),e.jsx(S,{children:"Two"}),e.jsx(S,{children:"Three"}),e.jsx(S,{children:"Four"})]}),e.jsx("label",{id:"table-view-sample",children:"Table View"}),e.jsxs(Yo,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",children:[e.jsxs(Qo,{children:[e.jsxs(W,{title:"Person",children:[e.jsx(W,{allowsResizing:!0,children:"Name"}),e.jsx(W,{children:"Age"})]}),e.jsxs(W,{title:"Address",children:[e.jsx(W,{allowsResizing:!0,children:"City"}),e.jsx(W,{children:"State"})]})]}),e.jsxs(Jo,{children:[e.jsxs(fe,{children:[e.jsx(I,{children:"John"}),e.jsx(I,{children:"42"}),e.jsx(I,{children:"San Francisco"}),e.jsx(I,{children:"CA"})]}),e.jsxs(fe,{children:[e.jsx(I,{children:"Jane"}),e.jsx(I,{children:"38"}),e.jsx(I,{children:"San Francisco"}),e.jsx(I,{children:"CA"})]}),e.jsxs(fe,{children:[e.jsx(I,{children:"Becky"}),e.jsx(I,{children:"12"}),e.jsx(I,{children:"San Francisco"}),e.jsx(I,{children:"CA"})]})]})]})]})}function se(t){return e.jsx("div",{...t})}function Sa(){const[t,o]=u.useState([]);u.useEffect(()=>{let a={category:"",items:[]};const l=[a],s=document.querySelector(`#${$o}`),n=document.querySelector(`#${Ao}`);document.querySelectorAll(`h2,h3,[${Ae}]`).forEach(i=>{if(i.textContent==null||i.hasAttribute(pa))return;if(i.hasAttribute(Ae)){a={category:i.getAttribute(Ae)??"",items:[]},l.push(a);return}const h=`${s?.contains(i)===!0?"spectrum-":n?.contains(i)===!0?"spectrum-compare-":""}${i.textContent}`.toLowerCase().replace(/\s/g,"-");i.id=h,a.items.push({id:h,label:i.textContent})}),o(l)},[]),u.useEffect(()=>{const a=window.location.hash===""?null:document.querySelector(window.location.hash);setTimeout(()=>{a?a.scrollIntoView():window.scrollTo({top:0,behavior:"auto"})},0)},[]);const r=u.useCallback(a=>{const l=String(a);document.getElementById(l)?.scrollIntoView({behavior:"smooth"}),setTimeout(()=>{window.location.hash=l},1e3)},[]);return e.jsxs(er,{children:[e.jsx(R,{children:e.jsx(ee,{children:e.jsx(k,{icon:ur})})}),e.jsx(or,{items:t,onAction:r,children:({category:a,items:l})=>e.jsx(rr,{items:l,title:a,children:({id:s,label:n})=>e.jsx(S,{children:n},s)},a)})]})}function Ta(){const t=u.useCallback(()=>{window.scrollTo({top:0,behavior:"smooth"}),setTimeout(()=>{window.location.hash=""},500)},[]);return u.useEffect(()=>{const o=document.querySelector("h2")?.offsetTop??0;function r(){document.documentElement.dataset.scroll=String(window.scrollY>=o)}return document.addEventListener("scroll",r,{passive:!0}),()=>{document.removeEventListener("scroll",r)}},[]),e.jsx(b,{UNSAFE_className:"goto-top-button",variant:"accent",onPress:t,children:e.jsx(ee,{children:e.jsx(k,{icon:gr})})})}const ka=["Tab 1","Tab 2","Tab 3"];function Na({isActive:t,title:o}){return e.jsxs("li",{className:G("lm_tab",t&&"lm_active"),children:[e.jsx("span",{className:"lm_title_before"}),e.jsx("span",{className:"lm_title",children:o}),e.jsx("span",{className:"lm_close_tab"})]})}function Da(){return e.jsxs("div",{...x("golden-layout"),children:[e.jsx("h2",{className:"ui-title",children:"Golden Layout"}),[!1,!0].map(t=>e.jsxs(he.Fragment,{children:[e.jsx("h5",{children:t?"Minimized":"Maximised"}),e.jsx("div",{style:{position:"relative",border:"none"},className:t?"lm_maximised":void 0,children:e.jsxs("div",{className:"lm_header",children:[e.jsx("ul",{className:"lm_tabs",children:ka.map((o,r)=>e.jsx(Na,{isActive:r===0,title:o},o))}),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(t)))]})}function Ea(){return e.jsxs("div",{...x("animations",["sample-section-e2e-ignore"]),children:[e.jsx("h2",{className:"ui-title",children:"Animations"}),e.jsx(D,{position:"relative",height:400,children:e.jsx(Vr,{})})]})}const fo=[["primary","accent"],["secondary","primary"],["danger","negative"]],Ia=[{title:"One",value:"1"},{title:"Two",value:"2"},{title:"Three",value:"3"}];function $a(){const[t,o]=u.useState(!1),[r,a]=u.useState("1"),l=u.useCallback(s=>{a(s.target.value)},[]);return e.jsxs("div",{...x(Ao,[xa]),children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Bootstrap / Spectrum Comparison"}),e.jsxs(C,{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"}),fo.map(([s,n])=>e.jsxs(u.Fragment,{children:[e.jsx(p,{onClick:X,kind:s,icon:Qe,children:"Button"}),e.jsxs(b,{variant:n,style:"fill",children:[e.jsx(ee,{children:e.jsx(k,{icon:Qe})}),e.jsx(de,{children:"Button"})]})]},s)),e.jsx(p,{onClick:X,kind:"primary",disabled:!0,children:"Disabled"}),e.jsx(b,{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"}),fo.map(([s,n])=>e.jsxs(u.Fragment,{children:[e.jsx(p,{onClick:X,kind:s,children:s}),e.jsx(b,{variant:n,style:"outline",children:n})]},s)),e.jsx(p,{onClick:X,kind:"secondary",disabled:!0,children:"Disabled"}),e.jsx(b,{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(p,{onClick:X,kind:"inline",children:"Inline"}),e.jsx(R,{children:"Action"}),e.jsx(p,{onClick:X,kind:"inline",disabled:!0,children:"Disabled"}),e.jsx(R,{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(_e,{disabled:s,options:Ia,defaultValue:"One"})]}),e.jsxs(wo,{isDisabled:s,label:s?"Disabled Combobox":"Combobox",inputValue:"One",children:[e.jsx(S,{children:"One"},"1"),e.jsx(S,{children:"Two"},"2"),e.jsx(S,{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(me,{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(tr,{isDisabled:s,label:s?"Disabled Picker":"Picker",placeholder:"Picker",children:[e.jsx(S,{children:"One"},"1"),e.jsx(S,{children:"Two"},"2"),e.jsx(S,{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(Re,{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(Re,{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(L,{className:"form-group",checked:t,onChange:()=>o(s=>!s),children:"Checkbox"}),e.jsx(Pe,{children:"Checkbox"}),e.jsx(L,{className:"form-group",disabled:!0,checked:t,onChange:()=>o(s=>!s),children:"Disabled"}),e.jsx(Pe,{isDisabled:!0,children:"Disabled"}),e.jsx(C,{direction:"column",children:e.jsxs("label",{children:["Radio Group",e.jsxs(ko,{onChange:l,value:r,children:[e.jsx(B,{value:"1",children:"One"}),e.jsx(B,{value:"2",children:"Two"}),e.jsx(B,{value:"3",children:"Three"})]})]})}),e.jsxs(ar,{label:"Radio Group",value:r,onChange:a,children:[e.jsx(be,{value:"1",children:"One"}),e.jsx(be,{value:"2",children:"Two"}),e.jsx(be,{value:"3",children:"Three"})]})]})]})]})]})}const bo={position:"sticky",justifyContent:"end",zIndex:1,UNSAFE_style:{float:"right"}};function Aa(){const t=window.location.search.includes("isolateSection=true"),{themes:o}=Do(),r=o.length>1;return e.jsx("div",{tabIndex:-1,role:"main",children:e.jsxs("div",{className:"container style-guide-container",children:[t&&e.jsx("style",{children:`.${Te}, .sample-section:not(${window.location.hash}), :not(.sample-section) > h2 {
212
212
  display: none;
213
213
  }`}),e.jsx(C,{justifyContent:"space-between",alignItems:"center",marginTop:"2rem",marginBottom:"1rem",children:e.jsx("h1",{style:{paddingTop:"2rem"},children:"Deephaven UI Components"})}),e.jsxs(C,{...bo,UNSAFE_className:Te,marginTop:-56,top:20,gap:10,alignItems:"end",children:[r?e.jsx(Hr,{}):null,e.jsx(Sa,{})]}),e.jsx(C,{...bo,UNSAFE_className:Te,top:"calc(100vh - 40px)",marginTop:-32,marginEnd:r?-234:0,children:e.jsx(Ta,{})}),e.jsx(Xt,{}),e.jsx(se,{"data-menu-category":"Colors"}),e.jsx(Ct,{}),e.jsx(va,{}),e.jsx(se,{"data-menu-category":"Layout"}),e.jsx(Da,{}),e.jsx(se,{"data-menu-category":"Components"}),e.jsx(Y,{}),e.jsx(Wt,{}),e.jsx(Ut,{}),e.jsx(Ht,{}),e.jsx(pe,{}),e.jsx(qt,{}),e.jsx(Tt,{}),e.jsx(zt,{}),e.jsx(St,{}),e.jsx(kt,{}),e.jsx(ra,{}),e.jsx(Kt,{}),e.jsx(Ot,{}),e.jsx(Et,{}),e.jsx(_t,{}),e.jsx(xt,{}),e.jsx(Dr,{}),e.jsx(Ea,{}),e.jsx(se,{"data-menu-category":"Spectrum Components"}),e.jsx(fa,{}),e.jsx(se,{"data-menu-category":"Spectrum Comparison"}),e.jsx($a,{})]})})}function ze(t){const{workspace:o,setWorkspace:r}=t;return u.useEffect(()=>{zr.makeDefaultWorkspace({getLayouts:async()=>[],getLayout:async()=>({})}).then(r)},[r]),o!=null?e.jsx(Aa,{}):null}ze.propTypes={workspace:ve.shape({}),setWorkspace:ve.func.isRequired};ze.defaultProps={workspace:null};const Ma=t=>({workspace:Ir(t)}),Ra=lr(Ma,{setWorkspace:Er})(ze);function za(){return $r.register(new URL("./download/serviceWorker.js",window.location.href)),Ar.init({getWorker:()=>new mr}),window["__react-beautiful-dnd-disable-dev-warnings"]=!0,e.jsx(Ur,{children:e.jsx(sr,{store:Mr,children:e.jsx(Ra,{})})})}export{za as StyleGuideRoot,za as default};
214
- //# sourceMappingURL=StyleGuideRoot-9c4d81a6.js.map
214
+ //# sourceMappingURL=StyleGuideRoot-ec2ecd3d.js.map