@deephaven/code-studio 0.85.42 → 0.85.43

package/build/assets/Plot-wDSZHXHD.js

@@ -0,0 +1,2 @@
+import{c as o}from"./Plotly-vwyC0AnS.js";import{P as t}from"./plotly-B-tleqxD.js";import"./helpers-BosuxZz1.js";import"./vendor-DKP6ul09.js";const a=o(t);export{a as default};
+//# sourceMappingURL=Plot-wDSZHXHD.js.map

package/build/assets/{Plot-CKt-TpBm.js.map → Plot-wDSZHXHD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Plot-CKt-TpBm.js","sources":["../../../chart/dist/plotly/Plot.js"],"sourcesContent":["// Import the react customizable bundle for building, only pull in the modules we need\n// This reduces the build size. Plotly has a lot of modules we don't need/use.\n// https://github.com/plotly/react-plotly.js#customizing-the-plotlyjs-bundle\nimport createPlotlyComponent from \"./createPlotlyComponent.js\";\nimport Plotly from \"./Plotly.js\";\nexport default createPlotlyComponent(Plotly);\n//# sourceMappingURL=Plot.js.map"],"names":["Plot","createPlotlyComponent","Plotly"],"mappings":"6IAKA,MAAAA,EAAeC,EAAsBC,CAAM"}
+{"version":3,"file":"Plot-wDSZHXHD.js","sources":["../../../chart/dist/plotly/Plot.js"],"sourcesContent":["// Import the react customizable bundle for building, only pull in the modules we need\n// This reduces the build size. Plotly has a lot of modules we don't need/use.\n// https://github.com/plotly/react-plotly.js#customizing-the-plotlyjs-bundle\nimport createPlotlyComponent from \"./createPlotlyComponent.js\";\nimport Plotly from \"./Plotly.js\";\nexport default createPlotlyComponent(Plotly);\n//# sourceMappingURL=Plot.js.map"],"names":["Plot","createPlotlyComponent","Plotly"],"mappings":"6IAKA,MAAAA,EAAeC,EAAsBC,CAAM"}

package/build/assets/{Plotly-CKCOSj6B.js → Plotly-vwyC0AnS.js}

@@ -1,2 +1,2 @@
-import{c as t,P as a,b as o,h as e,p as s,o as r,s as l,t as c}from"./plotly-DrshdwQD.js";const n=typeof t=="function"?t:t.default;a.register([o,e,s,r,l,c]);export{n as c};
-//# sourceMappingURL=Plotly-CKCOSj6B.js.map
+import{c as t,P as a,b as o,h as e,p as s,o as r,s as l,t as c}from"./plotly-B-tleqxD.js";const n=typeof t=="function"?t:t.default;a.register([o,e,s,r,l,c]);export{n as c};
+//# sourceMappingURL=Plotly-vwyC0AnS.js.map

package/build/assets/{Plotly-CKCOSj6B.js.map → Plotly-vwyC0AnS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Plotly-CKCOSj6B.js","sources":["../../../chart/dist/plotly/createPlotlyComponent.js","../../../chart/dist/plotly/Plotly.js"],"sourcesContent":["// Import the react customizable bundle for building, only pull in the modules we need\n// This reduces the build size. Plotly has a lot of modules we don't need/use.\n// https://github.com/plotly/react-plotly.js#customizing-the-plotlyjs-bundle\nimport createPlotlyComponent from 'react-plotly.js/factory.js';\n\n// Webpack 5 (used in docusaurus) gives an object w/ a default key\n// This is probably something on react-plotly.js's side\n// Or because we lazy load this and Docusaurus ends up w/ some complications between ESM and CJS\nexport default typeof createPlotlyComponent === 'function' ? createPlotlyComponent :\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\ncreatePlotlyComponent.default;\n//# sourceMappingURL=createPlotlyComponent.js.map","/* eslint-disable @typescript-eslint/ban-ts-comment */\n/* eslint-disable global-require */\n// Create a partial plot with only the kinds of charts we need\n// https://github.com/plotly/plotly.js/#modules\n\n// Plotly types don't export anything other than core, so ignore the import type errors\nimport Plotly from 'plotly.js/lib/core.js';\n// @ts-ignore\nimport bar from 'plotly.js/lib/bar.js';\n// @ts-ignore\nimport histogram from 'plotly.js/lib/histogram.js';\n// @ts-ignore\nimport pie from 'plotly.js/lib/pie.js';\n// @ts-ignore\nimport ohlc from 'plotly.js/lib/ohlc.js';\n// @ts-ignore\nimport scattergl from 'plotly.js/lib/scattergl.js';\n// @ts-ignore\nimport treemap from 'plotly.js/lib/treemap.js';\n\n// Load in the trace types we need/support\nPlotly.register([bar, histogram, pie, ohlc, scattergl, treemap]);\nexport default Plotly;\n//# sourceMappingURL=Plotly.js.map"],"names":["createPlotlyComponent","Plotly","bar","histogram","pie","ohlc","scattergl","treemap"],"mappings":"0FAQA,MAAAA,EAAe,OAAOA,GAA0B,WAAaA,EAG7DA,EAAsB,QCUtBC,EAAO,SAAS,CAACC,EAAKC,EAAWC,EAAKC,EAAMC,EAAWC,CAAO,CAAC"}
+{"version":3,"file":"Plotly-vwyC0AnS.js","sources":["../../../chart/dist/plotly/createPlotlyComponent.js","../../../chart/dist/plotly/Plotly.js"],"sourcesContent":["// Import the react customizable bundle for building, only pull in the modules we need\n// This reduces the build size. Plotly has a lot of modules we don't need/use.\n// https://github.com/plotly/react-plotly.js#customizing-the-plotlyjs-bundle\nimport createPlotlyComponent from 'react-plotly.js/factory.js';\n\n// Webpack 5 (used in docusaurus) gives an object w/ a default key\n// This is probably something on react-plotly.js's side\n// Or because we lazy load this and Docusaurus ends up w/ some complications between ESM and CJS\nexport default typeof createPlotlyComponent === 'function' ? createPlotlyComponent :\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\ncreatePlotlyComponent.default;\n//# sourceMappingURL=createPlotlyComponent.js.map","/* eslint-disable @typescript-eslint/ban-ts-comment */\n/* eslint-disable global-require */\n// Create a partial plot with only the kinds of charts we need\n// https://github.com/plotly/plotly.js/#modules\n\n// Plotly types don't export anything other than core, so ignore the import type errors\nimport Plotly from 'plotly.js/lib/core.js';\n// @ts-ignore\nimport bar from 'plotly.js/lib/bar.js';\n// @ts-ignore\nimport histogram from 'plotly.js/lib/histogram.js';\n// @ts-ignore\nimport pie from 'plotly.js/lib/pie.js';\n// @ts-ignore\nimport ohlc from 'plotly.js/lib/ohlc.js';\n// @ts-ignore\nimport scattergl from 'plotly.js/lib/scattergl.js';\n// @ts-ignore\nimport treemap from 'plotly.js/lib/treemap.js';\n\n// Load in the trace types we need/support\nPlotly.register([bar, histogram, pie, ohlc, scattergl, treemap]);\nexport default Plotly;\n//# sourceMappingURL=Plotly.js.map"],"names":["createPlotlyComponent","Plotly","bar","histogram","pie","ohlc","scattergl","treemap"],"mappings":"0FAQA,MAAAA,EAAe,OAAOA,GAA0B,WAAaA,EAG7DA,EAAsB,QCUtBC,EAAO,SAAS,CAACC,EAAKC,EAAWC,EAAKC,EAAMC,EAAWC,CAAO,CAAC"}

package/build/assets/{StyleGuideRoot-BstqHVIO.js → StyleGuideRoot-CdUtzsMw.js}

@@ -1,4 +1,4 @@
-import{r as u,a9 as v,M as H,J as e,as as we,aP as y,V as me,ab as Ao,ao as R,N as S,a3 as Ce,b2 as Mo,b1 as O,bh as pe,a2 as ro,bw as Yo,aR as P,bN as $o,am as Zo,an as _,ap as Qo,bO as Jo,aq as er,a8 as Xe,at as C,bj as or,bP as Ue,bi as Y,bQ as rr,bR as tr,bS as sr,bT as Z,bU as ar,bV as Ne,bW as D,ax as lr,ar as nr,bf as He,aw as ir,b7 as U,b6 as cr,a6 as dr,a7 as hr,aY as ur,b8 as mr,bX as gr,bu as xr,ac as pr,a0 as vr,W as fr}from"./vendor-DKP6ul09.js";import{b9 as to,ba as K,bb as q,a$ as be,a4 as br,bc as Ye,bd as Ze,be as Ro,aT as jr,bf as so,bg as ao,bh as lo,U as Ge,bi as yr,bj as wr,N as Cr,bk as Sr,bl as kr,aW as no,bm as ze,aq as Tr,f as Nr,bn as Ir,s as Er}from"./index-B2hEC56I.js";import{W as Dr}from"./monaco-C4VaWq8m.js";import{c as ke,G as Lo,m as Q,S as le,L as Ar,I as Ie,b as Ee}from"./IrisGridModel-DAXx34_0.js";import{B as p,u as Po,s as re,q as te,aL as M,K as $,ai as je,ag as Mr,N as io,bD as co,R as $r,C as L,aQ as ve,S as ye,aG as Rr,aj as Lr,d as ho,E as _o,J as uo,bK as J,U as Pr,au as _r,aw as Br}from"./ControlType-C3G8KL5r.js";import{M as mo,H as Fr,A as Vr,T as Or,D as Ur,e as Hr,c as Gr,h as zr,V as E,R as Wr,d as Kr,L as De,f as qr,E as ee,C as Ae,j as Xr}from"./FontBootstrap-T7G9mX1O.js";import{G as se,T as Yr}from"./Grid-BPd5Cp8S.js";import{m as Bo,O as A,C as We,b as Zr,S as Qr,c as de,P as go,h as Jr,e as et,g as ot,L as rt}from"./TokenBoxCellRenderer-Del1y61J.js";import{k as xo,T as b,g as tt,o as st,p as at,P as po,q as z,R as lt,L as nt,D as it}from"./IrisGridShortcuts-BLA6co0D.js";import{N as ct,H as Qe,T as dt,b as ht,j as ut}from"./LocalWorkspaceStorage-DbYhY_qG.js";import"./helpers-BosuxZz1.js";import"./useMergeRef-4fs_JZU-.js";function vo(t,o,r,s,a,l,n){try{var i=t[l](n),d=i.value}catch(h){return void r(h)}i.done?o(d):Promise.resolve(d).then(s,a)}function Me(t){return function(){var o=this,r=arguments;return new Promise(function(s,a){var l=t.apply(o,r);function n(d){vo(l,s,a,n,i,"next",d)}function i(d){vo(l,s,a,n,i,"throw",d)}n(void 0)})}}function V(t,o,r){return(o=mt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function mt(t){var o=gt(t,"string");return typeof o=="symbol"?o:o+""}function gt(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class Je extends ke{constructor(){var{rowCount:o=1e9,columnCount:r=100,floatingTopRowCount:s=0,floatingBottomRowCount:a=0,floatingLeftColumnCount:l=0,floatingRightColumnCount:n=0,isEditable:i=!1,editedData:d=[]}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super(),V(this,"numRows",void 0),V(this,"numColumns",void 0),V(this,"floatingTop",void 0),V(this,"floatingBottom",void 0),V(this,"floatingLeft",void 0),V(this,"floatingRight",void 0),V(this,"editable",void 0),V(this,"editedData",void 0),this.numRows=o,this.numColumns=r,this.floatingTop=s,this.floatingBottom=a,this.floatingLeft=l,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 s,a;return(s=(a=this.editedData[o])===null||a===void 0?void 0:a[r])!==null&&s!==void 0?s:"".concat(o,",").concat(r)}colorForCell(o,r,s){return s.textColor}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}textForRowFooter(o){return"".concat(o)}setValueForCell(o,r,s){var a=this;return Me(function*(){a.editedData[o]==null&&(a.editedData[o]=[]),a.editedData[o][r]="".concat(s)})()}setValueForRanges(o,r){var s=this;return Me(function*(){Lo.forEachCell(o,(a,l)=>{s.setValueForCell(a,l,r)})})()}setValues(o){var r=this;return Me(function*(){for(var s=0;s<o.length;s+=1){var a,l,n=o[s];r.setValueForCell((a=n.column)!==null&&a!==void 0?a:n.x,(l=n.row)!==null&&l!==void 0?l:n.y,n.text)}})()}editValueForCell(o,r){return this.textForCell(o,r)}isValidForCell(o,r,s){return!0}isEditableRange(o){return this.isEditable}delete(o){throw new Error("Method not implemented.")}}function N(t,o,r){return(o=xt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function xt(t){var o=pt(t,"string");return typeof o=="symbol"?o:o+""}function pt(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class T extends Je{constructor(){var{rowCount:o=T.DEFAULT_ROW_COUNT,columnCount:r=T.DEFAULT_COLUMN_COUNT,children:s=new Map,childRowCount:a=Math.ceil(Math.max(T.MIN_CHILD_ROW_COUNT,o*T.DEFAULT_CHILD_ROW_COUNT_FACTOR)),maxDepth:l=T.MAX_DEPTH}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super({rowCount:o,columnCount:r}),N(this,"children",void 0),N(this,"childRowCount",void 0),N(this,"maxDepth",void 0),N(this,"getCachedModelRowOffset",Q((n,i)=>{for(var d=null,h=i,c=[...n].sort((w,B)=>w[0]-B[0]),m=0;m<c.length;m+=1){var[g,f]=c[m];if(h<=g)break;var j=f.rowCount;if(h<=g+j){d=g,h=h-g-1;break}h-=j}return{key:d,offsetRow:h}})),N(this,"getCachedTextForRowHeader",Q((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)})),N(this,"getCachedTextForCell",Q((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)})),N(this,"getCachedIsRowExpandable",Q((n,i,d)=>{var h=this.getCachedDepthForRow(n,i);return h<d})),N(this,"getCachedIsRowExpanded",Q((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)})),N(this,"getCachedDepthForRow",Q((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=s,this.childRowCount=a,this.maxDepth=l}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 s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,{key:a,offsetRow:l}=this.getCachedModelRowOffset(this.children,o),n=new Map(this.children);if(a!=null){var i=this.children.get(a);if(i!==void 0){var{rowCount:d}=i;i.setRowExpanded(l,r,s),this.numRows+=i.rowCount-d}}else if(r){var c=new T({rowCount:this.childRowCount,columnCount:this.numColumns});n.set(l,c),this.numRows+=c.rowCount}else{var h=n.get(l);h!==void 0&&(this.numRows-=h.rowCount,n.delete(l))}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)}}N(T,"DEFAULT_ROW_COUNT",1e9);N(T,"DEFAULT_COLUMN_COUNT",100);N(T,"DEFAULT_CHILD_ROW_COUNT_FACTOR",.01);N(T,"MIN_CHILD_ROW_COUNT",10);N(T,"MAX_DEPTH",10);function $e(t,o,r){return(o=vt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function vt(t){var o=ft(t,"string");return typeof o=="symbol"?o:o+""}function ft(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class bt extends ke{constructor(o,r){var s;super(),$e(this,"data",void 0),$e(this,"columnHeaders",void 0),$e(this,"numberOfColumns",void 0),this.data=o,this.numberOfColumns=Math.max(...o.map(a=>a.length),(s=r?.length)!==null&&s!==void 0?s:0),this.columnHeaders=r}get rowCount(){return this.data.length}get columnCount(){return this.numberOfColumns}textForCell(o,r){var s;return"".concat((s=this.data[r])===null||s===void 0?void 0:s[o])}textForColumnHeader(o){var r,s;return(r=(s=this.columnHeaders)===null||s===void 0?void 0:s[o])!==null&&r!==void 0?r:""}}function Re(t,o,r){return(o=jt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function jt(t){var o=yt(t,"string");return typeof o=="symbol"?o:o+""}function yt(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class wt extends ke{constructor(o,r){super(),Re(this,"numberOfColumns",void 0),Re(this,"numberOfRows",void 0),Re(this,"viewportData",void 0),this.numberOfColumns=o,this.numberOfRows=r}get columnCount(){return this.numberOfColumns}get rowCount(){return this.numberOfRows}textForCell(o,r){var s,a,l,n,i,d,h,c=r-((s=(a=this.viewportData)===null||a===void 0?void 0:a.rowOffset)!==null&&s!==void 0?s:0),m=o-((l=(n=this.viewportData)===null||n===void 0?void 0:n.columnOffset)!==null&&l!==void 0?l: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(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}}function I(t,o,r){return(o=Ct(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Ct(t){var o=St(t,"string");return typeof o=="symbol"?o:o+""}function St(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}var kt="proportional",Tt=Bo.positiveBarColor,Nt=Bo.negativeBarColor,It="beside",Et="LTR",Dt="right";function At(t){return Array.isArray(t)&&t.every(o=>typeof o=="number")}class Mt extends ke{constructor(o){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:new Map,s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:new Map,a=arguments.length>3&&arguments[3]!==void 0?arguments[3]:new Map,l=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(),I(this,"numberOfColumns",void 0),I(this,"numberOfRows",void 0),I(this,"data",void 0),I(this,"columnMins",void 0),I(this,"columnMaxs",void 0),I(this,"columnAxes",void 0),I(this,"valuePlacements",void 0),I(this,"directions",void 0),I(this,"positiveColors",void 0),I(this,"negativeColors",void 0),I(this,"opacities",void 0),I(this,"textAlignments",void 0),I(this,"markers",void 0),this.positiveColors=s,this.negativeColors=a,this.data=o,this.columnAxes=r,this.valuePlacements=l,this.opacities=n,this.directions=i,this.textAlignments=d,this.markers=h,this.numberOfRows=Math.max(...o.map(g=>g.length)),this.numberOfColumns=o.length,this.columnMins=new Map,this.columnMaxs=new Map;for(var c=0;c<o.length;c+=1){var m=o[c];At(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(o,r){var s;return"".concat((s=this.data[o])===null||s===void 0?void 0:s[r])}textForColumnHeader(o){return"".concat(o)}textAlignForCell(o,r){var s;return(s=this.textAlignments.get(o))!==null&&s!==void 0?s:Dt}renderTypeForCell(o,r){return o<20||o%2===r%2?"dataBar":"text"}dataBarOptionsForCell(o,r){var s,a,l,n,i,d,h,c=to(this.columnMins,o),m=to(this.columnMaxs,o),g=(s=this.columnAxes.get(o))!==null&&s!==void 0?s:kt,f=(a=this.valuePlacements.get(o))!==null&&a!==void 0?a:It,j=this.opacities.get(o);j==null||j>1?j=1:j<0&&(j=0);var w=(l=this.directions.get(o))!==null&&l!==void 0?l:Et,B=(n=this.positiveColors.get(o))!==null&&n!==void 0?n:Tt,ae=(i=this.negativeColors.get(o))!==null&&i!==void 0?i:Nt,G=Number((d=this.data[o])===null||d===void 0?void 0:d[r]),X=G>=0?B:ae,Te=(h=this.markers.get(o))!==null&&h!==void 0?h:[];return{columnMin:c,columnMax:m,axis:g,color:X,valuePlacement:f,opacity:j,markers:Te,direction:w,value:G}}}const $t="isolated-section-query",Fo="sample-section";function*ge(t,o){const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",s=r.length;for(let a=t;a<=o;a+=1){const l=a%s;let n=String(Math.floor(a/s));n==="0"&&(n="");const i=r[l],d=`${i}${n}`,h=`${i.repeat(3)}${n}`;yield u.createElement(v,{key:d,textValue:h,children:h})}}function*eo(t,o={}){const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",s=r.length,a=Object.keys(K);for(let l=0;l<t;l+=1){const n=l%s;let i=String(Math.floor(l/s));i==="0"&&(i="");const d=r[n],h=`${d}${i}`,c=o.icons===!0?a[l%a.length]:void 0,m=o.descriptions===!0?`Description ${h}`:void 0,g=c??`${d.repeat(3)}${i}`;yield{key:h,item:{key:(l+1)*100,content:g,textValue:g,description:m,icon:c}}}}function*Vo(t=1){for(;;)t=t*16807%2147483647,yield t/2147483647}function fo(){return window.location.search.includes("isolateSection=true")?window.location.hash.replace(/^#/,""):""}function Oo(){const[t,o]=u.useState(fo);return u.useEffect(()=>{const r=()=>o(fo());return window.addEventListener("hashchange",r),()=>window.removeEventListener("hashchange",r)},[]),t}function Rt(t=1){const[o]=u.useState(()=>Vo(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 Uo(t){return`${Fo}-${t.toLocaleLowerCase().replaceAll(" ","-")}`}function Ho(t,o=[]){const r=Uo(t),s=H(Fo,...o);return{id:r,className:s}}function Lt(t,o=[]){const{id:r,className:s}=Ho(t,o);return{id:r,UNSAFE_className:s}}function x({name:t,className:o="",component:r="div",...s}){const a=Oo(),l=Uo(t);if(!(a===""||a===l))return null;const i=r==="div"?Ho:Lt;return e.jsx(r,{...s,...i(t,[o])})}function k(){}class ue extends u.Component{static renderButtons(){return e.jsxs(e.Fragment,{children:[e.jsx("h5",{children:"Button Kinds"}),e.jsx(x,{name:"buttons-regular",style:{padding:"1rem 0"},children:e.jsxs(we,{children:[e.jsx(p,{kind:"primary",onClick:k,children:"Primary"}),e.jsx(p,{kind:"secondary",onClick:k,children:"Secondary"}),e.jsx(p,{kind:"tertiary",onClick:k,children:"Tertiary"}),e.jsx(p,{kind:"success",onClick:k,children:"Success"}),e.jsx(p,{kind:"danger",onClick:k,children:"Danger"}),e.jsx(p,{kind:"inline",onClick:k,children:"Inline"}),e.jsx(p,{kind:"ghost",onClick:k,children:"Ghost"})]})})]})}static renderLinks(){const o={primary:"accent",secondary:"neutral",success:"positive",info:"info",warning:"notice",danger:"negative"};return e.jsxs(x,{name:"links",style:{paddingTop:"1rem"},children:[e.jsx("h5",{children:"Links"}),e.jsx(y,{gap:"1rem",children:Object.entries(o).map(([r,s])=>e.jsxs("a",{className:`text-${r}`,children:[r," (",s,")"]},r))})]})}static renderSocketedButtons(){return e.jsxs(x,{name:"buttons-socketed",children:[e.jsx("h5",{children:"Socketed Buttons (for linker)"}),e.jsxs(we,{marginBottom:"1rem",children:[e.jsx(le,{onClick:k,children:"Unlinked"}),e.jsx(le,{isLinked:!0,onClick:k,children:"Linked"}),e.jsx(le,{isLinkedSource:!0,onClick:k,children:"Linked Source"}),e.jsx(le,{isLinked:!0,isInvalid:!0,onClick:k,children:"Error"}),e.jsx(le,{disabled:!0,onClick:k,children:"Disabled"})]})]})}constructor(o){super(o),this.state={toggle:!0}}renderInlineButtons(){const{toggle:o}=this.state;return e.jsxs(x,{name:"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:q,tooltip:"test",onClick:k}),"Toggle button (class active):",e.jsx(p,{className:"mx-2",onClick:()=>{this.setState({toggle:!o})},active:o,kind:"inline",icon:q,tooltip:"test"}),"Disabled:",e.jsx(p,{className:"mx-2",kind:"inline",disabled:!0,onClick:k,children:"Disabled"}),"With Text:",e.jsx(p,{className:"mx-2",kind:"inline",icon:q,onClick:k,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:q,tooltip:"test",onClick:k}),e.jsx("span",{className:"mx-2",children:"btn-link:"}),e.jsx(p,{kind:"ghost",onClick:k,children:"Text Button"}),e.jsx("span",{className:"mx-2",children:"btn-link (text w/ optional with icon):"}),e.jsx(p,{kind:"ghost",icon:q,onClick:k,children:"Text Button"})]})}render(){const o=ue.renderButtons(),r=this.renderInlineButtons(),s=ue.renderSocketedButtons(),a=ue.renderLinks();return e.jsxs("div",{children:[e.jsx("h2",{className:"ui-title",children:"Buttons"}),e.jsxs("div",{style:{padding:"1rem 0"},children:[o,r,s,a]})]})}}function Pt(){const t=Po();mo.random=Rt();const[o]=u.useState(()=>new mo(t));return e.jsxs(x,{name:"charts",children:[e.jsx("h2",{className:"ui-title",children:"Chart"}),e.jsx("div",{style:{height:500},children:e.jsx(Ar,{model:o})})]})}const Ke="2px solid var(--dh-color-notice-bg)",_t={"--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"},bo={"--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 Ft(t){const o=be.parseRgba(be.asRgbOrRgbaString(t)??"");if(o==null||o.a<.5)return"white";const{r,g:s,b:a}=o;return be.getBrightness([r,s,a])>=128?"black":"white"}function Vt(t){const o=getComputedStyle(document.documentElement);return t.split(/[\n;]/g).map(s=>/^(?:\s{2}|:root\{)?(--dh-color-(?:[^:]+))/.exec(s)?.[1]).filter(s=>!!s).map(s=>{const a=o.getPropertyValue(s);return s==="--dh-color-chart-colorway"?br(a??"").map(([n,i])=>a.substring(n,i+1)).map((n,i)=>({name:`${s}-${i}`,value:n})):{name:s,value:a}}).flat()}function oe(t,o,r,s=_t){const a=Bt[t];return Vt(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 m=s[d]??c?.[r]??c?.[1]??"???";return m=a[m]??m,i[m]==null&&(i[m]=[]),d in bo&&i[m].push({isLabel:!0,name:bo[d],value:""}),/^--dh-color-gray-(light|mid|dark)$/.test(d)||i[m].push({name:d,value:h}),i},{})}function Ot(){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=Ft(r)},[]),t}function Ut(t,o){const[r,s]=u.useState();return u.useEffect(()=>{if(t.current==null)return;const a=getComputedStyle(t.current,o).getPropertyValue("content"),l=/"(--dh-color-.*?)[,"]/.exec(a)?.[1];if(l==null)return;const n=getComputedStyle(t.current).getPropertyValue(l);s(n)},[t,o]),r}function Le({className:t,children:o}){const r=Ot(),s=Ut(r,":after"),a=u.useMemo(()=>s!=null?{value:s}:null,[s]),l=a!=null&&a.value!=="";return e.jsxs("div",{ref:r,className:t,style:{border:l?void 0:Ke},children:[l&&e.jsx(re,{interactive:!0,children:e.jsx("div",{children:a.value})}),o]})}function Ht(){const t=["100","200","300","400","500","600","700","800","850","8XX","900"].map(s=>e.jsx(Le,{className:H("swatch","gray-swatch",`gray-swatch-${s}`),children:s==="8XX"?"N/A":`Gray-${s}`},s)),o=["red","orange","yellow","green","blue","purple","white","black"].map(s=>e.jsx(Le,{className:H("swatch",`swatch-${s}`),children:s},s)),r=["content-bg","background","foreground","primary","primary-dark","secondary","secondary-hover","success","info","warning","danger","danger-hover"].map(s=>e.jsx(Le,{className:H("swatch",`swatch-${s}`),children:s},s));return e.jsxs(x,{name:"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 Gt 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:Ye,action:()=>{alert(`Alert${r}!`)},shortcut:new te({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[M.CTRL,$.A],macShortcut:[M.CMD,$.A]})},{title:`Log Message${r}`,icon:Ze,action:()=>{console.log(`Logging a message${r}!`)},shortcut:new te({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[M.CTRL,$.L],macShortcut:[M.CMD,$.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(),s=[{title:"Show Shortcuts",icon:Ro,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new te({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[M.CTRL,$.SLASH],macShortcut:[M.CMD,$.SLASH]}),group:je.groups.global}].concat(o),a=()=>new Promise(l=>{setTimeout(()=>{l(o)},3e3)});return e.jsxs(x,{name:"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(je,{actions:s})]}),e.jsxs(p,{kind:"tertiary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(je,{actions:a})]})]})}}class zt extends u.Component{constructor(o){super(o),this.sampleInput=me.createRef(),this.handleUpdateCheckboxMap=this.handleUpdateCheckboxMap.bind(this);const r=["Parent A",new Map([["Child 1",!0],["Child 2",!1]])],s=["Parent B",new Map([["Child 3",!0],["Child 4",!1],["Child 5",!0],["Child 6",!1]])],a=["Leaf Parent",!0];this.state={isShown:!1,checkBoxMap:new Map([r,s,a])}}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(x,{name:"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(Mr,{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(Fr,{menuText:"Checkbox Menu",valueMap:r,onUpdateValueMap:this.handleUpdateCheckboxMap})]})}}class Wt extends u.Component{constructor(o){super(o),this.state={isShown:!1}}render(){const o=[{title:"Show Alert",icon:Ye,action:()=>{alert("Alert!")},shortcut:new te({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[M.CTRL,$.A],macShortcut:[M.CMD,$.A]})},{title:"Log Message",icon:Ze,action:()=>{console.log("Logging a message!")},shortcut:new te({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[M.CTRL,$.L],macShortcut:[M.CMD,$.L]})}],s=[{title:"Show Shortcuts",icon:Ro,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new te({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[M.CTRL,$.SLASH],macShortcut:[M.CMD,$.SLASH]}),group:je.groups.global}].concat(o),{isShown:a}=this.state;return e.jsxs(x,{name:"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:jr,onClick:()=>{},children:e.jsx(io,{actions:s})}),e.jsxs(p,{kind:"primary",style:{marginRight:"1rem",minWidth:"165px"},onClick:()=>{a?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Menu Shown: ",a.toString()]}),e.jsxs("div",{ref:this.button,className:"btn btn-secondary disabled",style:{marginRight:"1rem"},children:["Shown using isShown",e.jsx(io,{isShown:a,onMenuClosed:()=>{this.setState({isShown:!1})},actions:s})]})]})}}const Kt=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")\\
+import{r as u,a9 as v,M as H,J as e,as as we,aP as y,V as me,ab as Ao,ao as R,N as S,a3 as Ce,b2 as Mo,b1 as O,bh as pe,a2 as ro,bw as Yo,aR as P,bN as $o,am as Zo,an as _,ap as Qo,bO as Jo,aq as er,a8 as Xe,at as C,bj as or,bP as Ue,bi as Y,bQ as rr,bR as tr,bS as sr,bT as Z,bU as ar,bV as Ne,bW as D,ax as lr,ar as nr,bf as He,aw as ir,b7 as U,b6 as cr,a6 as dr,a7 as hr,aY as ur,b8 as mr,bX as gr,bu as xr,ac as pr,a0 as vr,W as fr}from"./vendor-DKP6ul09.js";import{b9 as to,ba as K,bb as q,a$ as be,a4 as br,bc as Ye,bd as Ze,be as Ro,aT as jr,bf as so,bg as ao,bh as lo,U as Ge,bi as yr,bj as wr,N as Cr,bk as Sr,bl as kr,aW as no,bm as ze,aq as Tr,f as Nr,bn as Ir,s as Er}from"./index-CBNByNSW.js";import{W as Dr}from"./monaco-C4VaWq8m.js";import{c as ke,G as Lo,m as Q,S as le,L as Ar,I as Ie,b as Ee}from"./IrisGridModel-D4F-tgyo.js";import{B as p,u as Po,s as re,q as te,aL as M,K as $,ai as je,ag as Mr,N as io,bD as co,R as $r,C as L,aQ as ve,S as ye,aG as Rr,aj as Lr,d as ho,E as _o,J as uo,bK as J,U as Pr,au as _r,aw as Br}from"./ControlType-BVvvjMaF.js";import{M as mo,H as Fr,A as Vr,T as Or,D as Ur,e as Hr,c as Gr,h as zr,V as E,R as Wr,d as Kr,L as De,f as qr,E as ee,C as Ae,j as Xr}from"./FontBootstrap-DLw4BBDm.js";import{G as se,T as Yr}from"./Grid-D9-uNWgj.js";import{m as Bo,O as A,C as We,b as Zr,S as Qr,c as de,P as go,h as Jr,e as et,g as ot,L as rt}from"./TokenBoxCellRenderer-FBeqcVyj.js";import{k as xo,T as b,g as tt,o as st,p as at,P as po,q as z,R as lt,L as nt,D as it}from"./IrisGridShortcuts-Bb60KPbS.js";import{N as ct,H as Qe,T as dt,b as ht,j as ut}from"./LocalWorkspaceStorage-Uwwg_fVB.js";import"./helpers-BosuxZz1.js";import"./useMergeRef-4fs_JZU-.js";function vo(t,o,r,s,a,l,n){try{var i=t[l](n),d=i.value}catch(h){return void r(h)}i.done?o(d):Promise.resolve(d).then(s,a)}function Me(t){return function(){var o=this,r=arguments;return new Promise(function(s,a){var l=t.apply(o,r);function n(d){vo(l,s,a,n,i,"next",d)}function i(d){vo(l,s,a,n,i,"throw",d)}n(void 0)})}}function V(t,o,r){return(o=mt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function mt(t){var o=gt(t,"string");return typeof o=="symbol"?o:o+""}function gt(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class Je extends ke{constructor(){var{rowCount:o=1e9,columnCount:r=100,floatingTopRowCount:s=0,floatingBottomRowCount:a=0,floatingLeftColumnCount:l=0,floatingRightColumnCount:n=0,isEditable:i=!1,editedData:d=[]}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super(),V(this,"numRows",void 0),V(this,"numColumns",void 0),V(this,"floatingTop",void 0),V(this,"floatingBottom",void 0),V(this,"floatingLeft",void 0),V(this,"floatingRight",void 0),V(this,"editable",void 0),V(this,"editedData",void 0),this.numRows=o,this.numColumns=r,this.floatingTop=s,this.floatingBottom=a,this.floatingLeft=l,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 s,a;return(s=(a=this.editedData[o])===null||a===void 0?void 0:a[r])!==null&&s!==void 0?s:"".concat(o,",").concat(r)}colorForCell(o,r,s){return s.textColor}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}textForRowFooter(o){return"".concat(o)}setValueForCell(o,r,s){var a=this;return Me(function*(){a.editedData[o]==null&&(a.editedData[o]=[]),a.editedData[o][r]="".concat(s)})()}setValueForRanges(o,r){var s=this;return Me(function*(){Lo.forEachCell(o,(a,l)=>{s.setValueForCell(a,l,r)})})()}setValues(o){var r=this;return Me(function*(){for(var s=0;s<o.length;s+=1){var a,l,n=o[s];r.setValueForCell((a=n.column)!==null&&a!==void 0?a:n.x,(l=n.row)!==null&&l!==void 0?l:n.y,n.text)}})()}editValueForCell(o,r){return this.textForCell(o,r)}isValidForCell(o,r,s){return!0}isEditableRange(o){return this.isEditable}delete(o){throw new Error("Method not implemented.")}}function N(t,o,r){return(o=xt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function xt(t){var o=pt(t,"string");return typeof o=="symbol"?o:o+""}function pt(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class T extends Je{constructor(){var{rowCount:o=T.DEFAULT_ROW_COUNT,columnCount:r=T.DEFAULT_COLUMN_COUNT,children:s=new Map,childRowCount:a=Math.ceil(Math.max(T.MIN_CHILD_ROW_COUNT,o*T.DEFAULT_CHILD_ROW_COUNT_FACTOR)),maxDepth:l=T.MAX_DEPTH}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super({rowCount:o,columnCount:r}),N(this,"children",void 0),N(this,"childRowCount",void 0),N(this,"maxDepth",void 0),N(this,"getCachedModelRowOffset",Q((n,i)=>{for(var d=null,h=i,c=[...n].sort((w,B)=>w[0]-B[0]),m=0;m<c.length;m+=1){var[g,f]=c[m];if(h<=g)break;var j=f.rowCount;if(h<=g+j){d=g,h=h-g-1;break}h-=j}return{key:d,offsetRow:h}})),N(this,"getCachedTextForRowHeader",Q((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)})),N(this,"getCachedTextForCell",Q((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)})),N(this,"getCachedIsRowExpandable",Q((n,i,d)=>{var h=this.getCachedDepthForRow(n,i);return h<d})),N(this,"getCachedIsRowExpanded",Q((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)})),N(this,"getCachedDepthForRow",Q((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=s,this.childRowCount=a,this.maxDepth=l}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 s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,{key:a,offsetRow:l}=this.getCachedModelRowOffset(this.children,o),n=new Map(this.children);if(a!=null){var i=this.children.get(a);if(i!==void 0){var{rowCount:d}=i;i.setRowExpanded(l,r,s),this.numRows+=i.rowCount-d}}else if(r){var c=new T({rowCount:this.childRowCount,columnCount:this.numColumns});n.set(l,c),this.numRows+=c.rowCount}else{var h=n.get(l);h!==void 0&&(this.numRows-=h.rowCount,n.delete(l))}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)}}N(T,"DEFAULT_ROW_COUNT",1e9);N(T,"DEFAULT_COLUMN_COUNT",100);N(T,"DEFAULT_CHILD_ROW_COUNT_FACTOR",.01);N(T,"MIN_CHILD_ROW_COUNT",10);N(T,"MAX_DEPTH",10);function $e(t,o,r){return(o=vt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function vt(t){var o=ft(t,"string");return typeof o=="symbol"?o:o+""}function ft(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class bt extends ke{constructor(o,r){var s;super(),$e(this,"data",void 0),$e(this,"columnHeaders",void 0),$e(this,"numberOfColumns",void 0),this.data=o,this.numberOfColumns=Math.max(...o.map(a=>a.length),(s=r?.length)!==null&&s!==void 0?s:0),this.columnHeaders=r}get rowCount(){return this.data.length}get columnCount(){return this.numberOfColumns}textForCell(o,r){var s;return"".concat((s=this.data[r])===null||s===void 0?void 0:s[o])}textForColumnHeader(o){var r,s;return(r=(s=this.columnHeaders)===null||s===void 0?void 0:s[o])!==null&&r!==void 0?r:""}}function Re(t,o,r){return(o=jt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function jt(t){var o=yt(t,"string");return typeof o=="symbol"?o:o+""}function yt(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class wt extends ke{constructor(o,r){super(),Re(this,"numberOfColumns",void 0),Re(this,"numberOfRows",void 0),Re(this,"viewportData",void 0),this.numberOfColumns=o,this.numberOfRows=r}get columnCount(){return this.numberOfColumns}get rowCount(){return this.numberOfRows}textForCell(o,r){var s,a,l,n,i,d,h,c=r-((s=(a=this.viewportData)===null||a===void 0?void 0:a.rowOffset)!==null&&s!==void 0?s:0),m=o-((l=(n=this.viewportData)===null||n===void 0?void 0:n.columnOffset)!==null&&l!==void 0?l: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(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}}function I(t,o,r){return(o=Ct(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Ct(t){var o=St(t,"string");return typeof o=="symbol"?o:o+""}function St(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}var kt="proportional",Tt=Bo.positiveBarColor,Nt=Bo.negativeBarColor,It="beside",Et="LTR",Dt="right";function At(t){return Array.isArray(t)&&t.every(o=>typeof o=="number")}class Mt extends ke{constructor(o){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:new Map,s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:new Map,a=arguments.length>3&&arguments[3]!==void 0?arguments[3]:new Map,l=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(),I(this,"numberOfColumns",void 0),I(this,"numberOfRows",void 0),I(this,"data",void 0),I(this,"columnMins",void 0),I(this,"columnMaxs",void 0),I(this,"columnAxes",void 0),I(this,"valuePlacements",void 0),I(this,"directions",void 0),I(this,"positiveColors",void 0),I(this,"negativeColors",void 0),I(this,"opacities",void 0),I(this,"textAlignments",void 0),I(this,"markers",void 0),this.positiveColors=s,this.negativeColors=a,this.data=o,this.columnAxes=r,this.valuePlacements=l,this.opacities=n,this.directions=i,this.textAlignments=d,this.markers=h,this.numberOfRows=Math.max(...o.map(g=>g.length)),this.numberOfColumns=o.length,this.columnMins=new Map,this.columnMaxs=new Map;for(var c=0;c<o.length;c+=1){var m=o[c];At(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(o,r){var s;return"".concat((s=this.data[o])===null||s===void 0?void 0:s[r])}textForColumnHeader(o){return"".concat(o)}textAlignForCell(o,r){var s;return(s=this.textAlignments.get(o))!==null&&s!==void 0?s:Dt}renderTypeForCell(o,r){return o<20||o%2===r%2?"dataBar":"text"}dataBarOptionsForCell(o,r){var s,a,l,n,i,d,h,c=to(this.columnMins,o),m=to(this.columnMaxs,o),g=(s=this.columnAxes.get(o))!==null&&s!==void 0?s:kt,f=(a=this.valuePlacements.get(o))!==null&&a!==void 0?a:It,j=this.opacities.get(o);j==null||j>1?j=1:j<0&&(j=0);var w=(l=this.directions.get(o))!==null&&l!==void 0?l:Et,B=(n=this.positiveColors.get(o))!==null&&n!==void 0?n:Tt,ae=(i=this.negativeColors.get(o))!==null&&i!==void 0?i:Nt,G=Number((d=this.data[o])===null||d===void 0?void 0:d[r]),X=G>=0?B:ae,Te=(h=this.markers.get(o))!==null&&h!==void 0?h:[];return{columnMin:c,columnMax:m,axis:g,color:X,valuePlacement:f,opacity:j,markers:Te,direction:w,value:G}}}const $t="isolated-section-query",Fo="sample-section";function*ge(t,o){const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",s=r.length;for(let a=t;a<=o;a+=1){const l=a%s;let n=String(Math.floor(a/s));n==="0"&&(n="");const i=r[l],d=`${i}${n}`,h=`${i.repeat(3)}${n}`;yield u.createElement(v,{key:d,textValue:h,children:h})}}function*eo(t,o={}){const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",s=r.length,a=Object.keys(K);for(let l=0;l<t;l+=1){const n=l%s;let i=String(Math.floor(l/s));i==="0"&&(i="");const d=r[n],h=`${d}${i}`,c=o.icons===!0?a[l%a.length]:void 0,m=o.descriptions===!0?`Description ${h}`:void 0,g=c??`${d.repeat(3)}${i}`;yield{key:h,item:{key:(l+1)*100,content:g,textValue:g,description:m,icon:c}}}}function*Vo(t=1){for(;;)t=t*16807%2147483647,yield t/2147483647}function fo(){return window.location.search.includes("isolateSection=true")?window.location.hash.replace(/^#/,""):""}function Oo(){const[t,o]=u.useState(fo);return u.useEffect(()=>{const r=()=>o(fo());return window.addEventListener("hashchange",r),()=>window.removeEventListener("hashchange",r)},[]),t}function Rt(t=1){const[o]=u.useState(()=>Vo(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 Uo(t){return`${Fo}-${t.toLocaleLowerCase().replaceAll(" ","-")}`}function Ho(t,o=[]){const r=Uo(t),s=H(Fo,...o);return{id:r,className:s}}function Lt(t,o=[]){const{id:r,className:s}=Ho(t,o);return{id:r,UNSAFE_className:s}}function x({name:t,className:o="",component:r="div",...s}){const a=Oo(),l=Uo(t);if(!(a===""||a===l))return null;const i=r==="div"?Ho:Lt;return e.jsx(r,{...s,...i(t,[o])})}function k(){}class ue extends u.Component{static renderButtons(){return e.jsxs(e.Fragment,{children:[e.jsx("h5",{children:"Button Kinds"}),e.jsx(x,{name:"buttons-regular",style:{padding:"1rem 0"},children:e.jsxs(we,{children:[e.jsx(p,{kind:"primary",onClick:k,children:"Primary"}),e.jsx(p,{kind:"secondary",onClick:k,children:"Secondary"}),e.jsx(p,{kind:"tertiary",onClick:k,children:"Tertiary"}),e.jsx(p,{kind:"success",onClick:k,children:"Success"}),e.jsx(p,{kind:"danger",onClick:k,children:"Danger"}),e.jsx(p,{kind:"inline",onClick:k,children:"Inline"}),e.jsx(p,{kind:"ghost",onClick:k,children:"Ghost"})]})})]})}static renderLinks(){const o={primary:"accent",secondary:"neutral",success:"positive",info:"info",warning:"notice",danger:"negative"};return e.jsxs(x,{name:"links",style:{paddingTop:"1rem"},children:[e.jsx("h5",{children:"Links"}),e.jsx(y,{gap:"1rem",children:Object.entries(o).map(([r,s])=>e.jsxs("a",{className:`text-${r}`,children:[r," (",s,")"]},r))})]})}static renderSocketedButtons(){return e.jsxs(x,{name:"buttons-socketed",children:[e.jsx("h5",{children:"Socketed Buttons (for linker)"}),e.jsxs(we,{marginBottom:"1rem",children:[e.jsx(le,{onClick:k,children:"Unlinked"}),e.jsx(le,{isLinked:!0,onClick:k,children:"Linked"}),e.jsx(le,{isLinkedSource:!0,onClick:k,children:"Linked Source"}),e.jsx(le,{isLinked:!0,isInvalid:!0,onClick:k,children:"Error"}),e.jsx(le,{disabled:!0,onClick:k,children:"Disabled"})]})]})}constructor(o){super(o),this.state={toggle:!0}}renderInlineButtons(){const{toggle:o}=this.state;return e.jsxs(x,{name:"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:q,tooltip:"test",onClick:k}),"Toggle button (class active):",e.jsx(p,{className:"mx-2",onClick:()=>{this.setState({toggle:!o})},active:o,kind:"inline",icon:q,tooltip:"test"}),"Disabled:",e.jsx(p,{className:"mx-2",kind:"inline",disabled:!0,onClick:k,children:"Disabled"}),"With Text:",e.jsx(p,{className:"mx-2",kind:"inline",icon:q,onClick:k,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:q,tooltip:"test",onClick:k}),e.jsx("span",{className:"mx-2",children:"btn-link:"}),e.jsx(p,{kind:"ghost",onClick:k,children:"Text Button"}),e.jsx("span",{className:"mx-2",children:"btn-link (text w/ optional with icon):"}),e.jsx(p,{kind:"ghost",icon:q,onClick:k,children:"Text Button"})]})}render(){const o=ue.renderButtons(),r=this.renderInlineButtons(),s=ue.renderSocketedButtons(),a=ue.renderLinks();return e.jsxs("div",{children:[e.jsx("h2",{className:"ui-title",children:"Buttons"}),e.jsxs("div",{style:{padding:"1rem 0"},children:[o,r,s,a]})]})}}function Pt(){const t=Po();mo.random=Rt();const[o]=u.useState(()=>new mo(t));return e.jsxs(x,{name:"charts",children:[e.jsx("h2",{className:"ui-title",children:"Chart"}),e.jsx("div",{style:{height:500},children:e.jsx(Ar,{model:o})})]})}const Ke="2px solid var(--dh-color-notice-bg)",_t={"--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"},bo={"--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 Ft(t){const o=be.parseRgba(be.asRgbOrRgbaString(t)??"");if(o==null||o.a<.5)return"white";const{r,g:s,b:a}=o;return be.getBrightness([r,s,a])>=128?"black":"white"}function Vt(t){const o=getComputedStyle(document.documentElement);return t.split(/[\n;]/g).map(s=>/^(?:\s{2}|:root\{)?(--dh-color-(?:[^:]+))/.exec(s)?.[1]).filter(s=>!!s).map(s=>{const a=o.getPropertyValue(s);return s==="--dh-color-chart-colorway"?br(a??"").map(([n,i])=>a.substring(n,i+1)).map((n,i)=>({name:`${s}-${i}`,value:n})):{name:s,value:a}}).flat()}function oe(t,o,r,s=_t){const a=Bt[t];return Vt(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 m=s[d]??c?.[r]??c?.[1]??"???";return m=a[m]??m,i[m]==null&&(i[m]=[]),d in bo&&i[m].push({isLabel:!0,name:bo[d],value:""}),/^--dh-color-gray-(light|mid|dark)$/.test(d)||i[m].push({name:d,value:h}),i},{})}function Ot(){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=Ft(r)},[]),t}function Ut(t,o){const[r,s]=u.useState();return u.useEffect(()=>{if(t.current==null)return;const a=getComputedStyle(t.current,o).getPropertyValue("content"),l=/"(--dh-color-.*?)[,"]/.exec(a)?.[1];if(l==null)return;const n=getComputedStyle(t.current).getPropertyValue(l);s(n)},[t,o]),r}function Le({className:t,children:o}){const r=Ot(),s=Ut(r,":after"),a=u.useMemo(()=>s!=null?{value:s}:null,[s]),l=a!=null&&a.value!=="";return e.jsxs("div",{ref:r,className:t,style:{border:l?void 0:Ke},children:[l&&e.jsx(re,{interactive:!0,children:e.jsx("div",{children:a.value})}),o]})}function Ht(){const t=["100","200","300","400","500","600","700","800","850","8XX","900"].map(s=>e.jsx(Le,{className:H("swatch","gray-swatch",`gray-swatch-${s}`),children:s==="8XX"?"N/A":`Gray-${s}`},s)),o=["red","orange","yellow","green","blue","purple","white","black"].map(s=>e.jsx(Le,{className:H("swatch",`swatch-${s}`),children:s},s)),r=["content-bg","background","foreground","primary","primary-dark","secondary","secondary-hover","success","info","warning","danger","danger-hover"].map(s=>e.jsx(Le,{className:H("swatch",`swatch-${s}`),children:s},s));return e.jsxs(x,{name:"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 Gt 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:Ye,action:()=>{alert(`Alert${r}!`)},shortcut:new te({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[M.CTRL,$.A],macShortcut:[M.CMD,$.A]})},{title:`Log Message${r}`,icon:Ze,action:()=>{console.log(`Logging a message${r}!`)},shortcut:new te({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[M.CTRL,$.L],macShortcut:[M.CMD,$.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(),s=[{title:"Show Shortcuts",icon:Ro,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new te({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[M.CTRL,$.SLASH],macShortcut:[M.CMD,$.SLASH]}),group:je.groups.global}].concat(o),a=()=>new Promise(l=>{setTimeout(()=>{l(o)},3e3)});return e.jsxs(x,{name:"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(je,{actions:s})]}),e.jsxs(p,{kind:"tertiary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(je,{actions:a})]})]})}}class zt extends u.Component{constructor(o){super(o),this.sampleInput=me.createRef(),this.handleUpdateCheckboxMap=this.handleUpdateCheckboxMap.bind(this);const r=["Parent A",new Map([["Child 1",!0],["Child 2",!1]])],s=["Parent B",new Map([["Child 3",!0],["Child 4",!1],["Child 5",!0],["Child 6",!1]])],a=["Leaf Parent",!0];this.state={isShown:!1,checkBoxMap:new Map([r,s,a])}}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(x,{name:"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(Mr,{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(Fr,{menuText:"Checkbox Menu",valueMap:r,onUpdateValueMap:this.handleUpdateCheckboxMap})]})}}class Wt extends u.Component{constructor(o){super(o),this.state={isShown:!1}}render(){const o=[{title:"Show Alert",icon:Ye,action:()=>{alert("Alert!")},shortcut:new te({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[M.CTRL,$.A],macShortcut:[M.CMD,$.A]})},{title:"Log Message",icon:Ze,action:()=>{console.log("Logging a message!")},shortcut:new te({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[M.CTRL,$.L],macShortcut:[M.CMD,$.L]})}],s=[{title:"Show Shortcuts",icon:Ro,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new te({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[M.CTRL,$.SLASH],macShortcut:[M.CMD,$.SLASH]}),group:je.groups.global}].concat(o),{isShown:a}=this.state;return e.jsxs(x,{name:"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:jr,onClick:()=>{},children:e.jsx(io,{actions:s})}),e.jsxs(p,{kind:"primary",style:{marginRight:"1rem",minWidth:"165px"},onClick:()=>{a?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Menu Shown: ",a.toString()]}),e.jsxs("div",{ref:this.button,className:"btn btn-secondary disabled",style:{marginRight:"1rem"},children:["Shown using isShown",e.jsx(io,{isShown:a,onMenuClosed:()=>{this.setState({isShown:!1})},actions:s})]})]})}}const Kt=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")\\
     .headBy(3, "Sym")\\
     .view("Sym", "Last")
 
@@ -205,4 +205,4 @@ simulation = shares30min.update("Values=(double[])ss.update(Sym, TargetPosition,
   </div>`;return e.jsxs(x,{name:"icons",children:[e.jsx("h2",{className:"ui-title",children:"Icons"}),e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"Icon Composition"}),e.jsx("p",{children:"Icons can be used indivudally or composed together using font-awesome composition:"}),e.jsxs("div",{className:"icons",children:[e.jsx("div",{className:"icon card",children:e.jsx(S,{icon:so})}),e.jsx("div",{className:"icon card",children:e.jsx(S,{icon:ao})}),e.jsx("div",{className:"icon card",children:e.jsx(S,{icon:lo})}),e.jsx("div",{className:"icon card",children:"="}),e.jsxs(p,{kind:"inline",className:"card",onClick:()=>{yo(h).then(()=>{i({text:e.jsx("span",{children:"Copied composition example"})})}).catch(c=>{i({text:e.jsx("span",{className:"text-danger",children:c.message})})})},children:[e.jsx("div",{className:"icon",children:e.jsxs("div",{className:"fa-md fa-layers",children:[e.jsx(S,{mask:so,icon:ao,transform:"down-7 right-7"}),e.jsx(S,{icon:lo})]})}),e.jsx("label",{children:"Custom"})]})]})]})}),e.jsx("hr",{}),e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"All available icons"}),e.jsx("p",{children:"If you cannot find or compose a relevant icon for your use case, please request a new one to be created from design."}),e.jsxs("div",{className:"form-inline mb-3",children:[e.jsx("input",{type:"search",placeholder:"Basic icon search...",value:a,className:"form-control",onChange:c=>{l(c.target.value)}}),e.jsx("span",{className:"mx-2",children:"Show: "}),e.jsx(p,{kind:"inline",active:r,className:"mr-2",onClick:()=>s(!r),icon:r?K.vsCheck:K.vsClose,children:"VS ICONS"}),e.jsx(p,{kind:"inline",active:t,className:"mr-2",onClick:()=>o(!t),icon:t?K.vsCheck:K.vsClose,children:"DH ICONS"}),e.jsxs("small",{children:["(",d.length," icon",d.length===1?"":"s",")"]})]}),e.jsxs("div",{className:"icons",children:[d,d.length===0&&e.jsx("p",{className:"no-result",children:"No icons found."}),e.jsx(Go,{message:n})]})]})})]})}const zo=[{title:"Title 1",value:"Value 1"},{title:"Title 2",value:"Value 2"},{title:"Title 3",value:"Value 3"},{title:"Title 4",value:"Value 4"},{title:"Title 5",value:"Value 5"},{title:"Title 6",value:"Value 6"},{title:"Title 7",value:"Value 7"},{title:"Title 8",value:"Value 8"},{title:"Title 9",value:"Value 9"},{title:"Title 9",value:"Value 9"},{title:"Title 10",value:"Value 10"},{title:"Title 11",value:"Value 11"},{title:"Title 12",value:"Value 12"}],Co=zo.map(({title:t,value:o})=>e.jsx(v,{children:t},o)),ls=[{title:"1 minute",value:1*60*1e3},{title:"5 minutes",value:5*60*1e3},{title:"20 minutes",value:20*60*1e3},{title:"45 minutes",value:45*60*1e3},{title:"1 hour",value:1*60*60*1e3},{title:"4 hours",value:4*60*60*1e3}];function ns(){const[t,o]=u.useState(!1),[r,s]=u.useState(""),[a,l]=u.useState(!0),[n,i]=u.useState(!1),[d,h]=u.useState(!1),[c,m]=u.useState(!1),[g,f]=u.useState(null),[j,w]=u.useState("1"),[B,ae]=u.useState(),[G,X]=u.useState("-DLiveTableMonitor.updateThreads=8 -DLiveTableMonitor.printDependencyInformation=false -Dassertion.heapDump=true -Drequire.heapDump=true -Dassertion.heapDump=true -Drequire.heapDump=true"),Te=u.useCallback(F=>{w(F)},[]),xe=u.useCallback(()=>{o(!t)},[t]),Xo=u.useCallback(F=>{s(F.target.value)},[]);return e.jsxs(x,{name:"inputs",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Inputs"}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col",children:e.jsxs("form",{children:[e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{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 imput"})]}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput2",children:["Input Label",e.jsx("input",{type:"text",className:"form-control",id:"exampleInput2","aria-describedby":"emailHelp",placeholder:"Input Disabled",disabled:!0})]}),e.jsx("small",{className:"form-text text-muted",children:"Disabled input"})]}),e.jsx("div",{className:"form-group",children:e.jsxs("label",{htmlFor:"exampleInputPassword1",children:["Password",e.jsx("input",{type:"password",className:"form-control",id:"exampleInputPassword1",placeholder:"Password",defaultValue:"123456789"})]})}),e.jsx("div",{className:"form-group",children:e.jsx($r,{value:r,placeholder:"Search Input",onChange:Xo})})]})}),e.jsx("div",{className:"col",children:e.jsxs("form",{children:[e.jsx("h5",{children:" Checkboxes "}),e.jsx(L,{className:"form-group",checked:a,onChange:()=>l(!a),children:"Checked checkbox"}),e.jsx(L,{className:"form-group",checked:n,onChange:()=>i(!n),children:"Unchecked checkbox"}),e.jsx(L,{className:"form-group",disabled:!0,checked:null,children:"Disabled checkbox"}),e.jsx(L,{className:"form-group",isInvalid:!0,checked:d,onChange:()=>h(!d),children:"Invalid checkbox"}),e.jsx(L,{className:"form-group",checked:c,onChange:()=>m(!c),children:"Add radio button"}),e.jsx(L,{className:"form-group",checked:g,onChange:()=>{g==null?f(!0):f(g?!1:null)},children:"Indeterminate Cycle"})]})}),e.jsxs("div",{className:"col",children:[e.jsxs("form",{children:[e.jsx("h5",{id:"inputs-radios-heading",children:"Radios"}),e.jsxs(Mo,{"aria-labelledby":"inputs-radios-heading",onChange:Te,value:j,isInvalid:j==="4",description:"Select a radio item",errorMessage:j==="4"?"Invalid radio selected":void 0,children:[e.jsx(O,{value:"1",children:"Toggle this custom radio"}),e.jsx(O,{value:"2",children:"Or toggle this other custom radio"}),e.jsx(O,{value:"3",isDisabled:!0,children:"Disabled radio"}),e.jsx(O,{value:"4",children:"Invalid radio"}),e.jsx(O,{isHidden:!c,value:"5",children:"Extra radio item"})]})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Toggle Buttons"}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{children:String(t)}),e.jsx(ve,{on:t,onClick:xe})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{children:String(!t)}),e.jsx(ve,{on:!t,onClick:xe})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"isInvalid",children:"isInvalid"}),e.jsx(ve,{on:!t,isInvalid:!0,onClick:xe})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"disabled",children:"disabled"}),e.jsx(ve,{on:!t,disabled:!0,onClick:xe})]})]})]}),e.jsxs("div",{className:"col",children:[e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Selection Menu"}),e.jsxs(ye,{onChange:F=>{},defaultValue:"0",className:"custom-select",children:[e.jsx(A,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(A,{value:"1",children:"One"}),e.jsx(A,{value:"2",children:"Two"}),e.jsx(A,{value:"3",children:"Three"})]})]}),e.jsx("div",{className:"form-group",children:e.jsxs(ye,{onChange:F=>{},defaultValue:"0",className:"custom-select",disabled:!0,children:[e.jsx(A,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(A,{value:"1",children:"One"}),e.jsx(A,{value:"2",children:"Two"}),e.jsx(A,{value:"3",children:"Three"})]})}),e.jsx("div",{className:"form-group",children:e.jsxs(ye,{onChange:F=>{},defaultValue:"0",className:"custom-select",isInvalid:!0,children:[e.jsx(A,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(A,{value:"1",children:"One"}),e.jsx(A,{value:"2",children:"Two"}),e.jsx(A,{value:"3",children:"Three"})]})}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Input with Select"}),e.jsx("div",{className:"input-group",children:e.jsx(We,{"aria-label":"ComboBox",width:"100%",children:Co})}),e.jsx("br",{}),e.jsx("div",{className:"input-group",children:e.jsx(We,{"aria-label":"Disabled ComboBox",isDisabled:!0,width:"100%",children:Co})})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"AutoCompleteInput"}),e.jsx(Vr,{options:zo,noMatchText:"No Matches."})]})]}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Time Input"}),e.jsx(Or,{}),e.jsx("br",{}),e.jsx("h5",{children:"Date Input"}),e.jsx(Ur,{}),e.jsx("br",{}),e.jsx("h5",{children:"DateTime Input"}),e.jsx(Zr,{}),e.jsx("br",{}),e.jsx("h5",{children:"Custom Timeselect"}),e.jsx(Hr,{options:ls,value:B??null,onChange:ae,customText:"Custom Timeout",placeholder:"Select a timeout",timeToValue:F=>F*1e3})]})})]}),e.jsx("div",{className:"row",children:e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Auto Resize Textarea"}),e.jsx(Gr,{value:G,delimiter:" -",onChange:X})]})})})]})}class is extends u.PureComponent{constructor(o){super(o),this.handleSelect=this.handleSelect.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.selectedItems=[],this.state={items:[],offset:0,itemCount:5e5}}handleSelect(o){const r=this.selectedItems.indexOf(o);r>=0?this.selectedItems.splice(r,1):this.selectedItems.push(o);const s=r<0,{offset:a}=this.state;let{items:l}=this.state;l=[].concat(l);const n=o-a;n>=0&&n<l.length&&(l[n].isSelected=s),this.setState({items:l})}handleViewportChange(o,r){const{itemCount:s}=this.state,a=r-o+1,l=Math.max(0,o-a),n=Math.min(r+a,s),i=[];for(let h=l;h<=n&&h<=s;h+=1){const c=`Item ${h}`,m=this.selectedItems.indexOf(h)>=0;i.push({value:c,isSelected:m})}const d=l;this.setState({offset:d,items:i})}render(){const{offset:o,items:r,itemCount:s}=this.state;return e.jsx(Qr,{itemCount:s,items:r,offset:o,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}class So extends u.PureComponent{static defaultProps;static propTypes;constructor(o){super(o),this.handleSelect=this.handleSelect.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.selectedItems=[],this.state={items:[],offset:0,itemCount:5e5}}handleSelect(o){const{itemCount:r}=this.state;console.log("Item selected at index",o,"/",r)}handleViewportChange(o,r){const{itemCount:s}=this.state,a=r-o+1,l=Math.max(0,o-a),n=Math.min(r+a,s),i=[];for(let h=l;h<=n;h+=1){const c=`Item ${h}`,m=this.selectedItems.indexOf(h)>=0;i.push({value:c,isSelected:m})}const d=l;this.setState({offset:d,items:i})}render(){const{isMultiSelect:o}=this.props,{offset:r,items:s,itemCount:a}=this.state;return e.jsx(Rr,{isMultiSelect:o,itemCount:a,items:s,offset:r,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}function cs(){return e.jsxs(x,{name:"item-list-inputs",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Item Lists"}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Select List"}),e.jsx("div",{style:{height:"300px"},children:e.jsx(is,{})})]})}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Item List"}),e.jsx("div",{style:{height:"300px"},children:e.jsx(So,{})})]})}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Multi Select Item List"}),e.jsx("div",{style:{height:"300px"},children:e.jsx(So,{isMultiSelect:!0})})]})})]})]})}function ds(){const[t,o]=u.useState(0),[r,s]=u.useState(!0),a=()=>{o(0)};function l(n){return e.jsxs(me.Fragment,{children:[e.jsxs(p,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o(n)},children:[n," ",n>1?"Actions":"Action"]}),e.jsx(Lr,{isOpen:t===n,headerText:"Header Text",bodyText:"This is where the body text goes",onConfirm:a,onCancel:n>=2?a:void 0,onDiscard:n>=3?a:void 0})]},n)}return e.jsxs(x,{name:"modals",children:[e.jsx("h2",{className:"ui-title",children:"Basic Modals"}),e.jsx("div",{style:{padding:"1rem"},children:[1,2,3].map(n=>l(n))}),e.jsx("h2",{className:"ui-title",children:"Custom Modal"}),e.jsx("div",{style:{padding:"1rem"},children:e.jsx("div",{className:"modal-dialog",role:"dialog",children:e.jsxs("div",{className:"modal-content",children:[e.jsxs("div",{className:"modal-header",children:[e.jsx("h5",{className:"modal-title",children:"Modal title"}),e.jsx("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close",children:e.jsx("span",{"aria-hidden":"true",children:"×"})})]}),e.jsxs("div",{className:"modal-body",children:[e.jsx("p",{children:"Modal body text goes here."}),e.jsx(L,{checked:r,onChange:()=>s(!r),children:"Checked checkbox"})]}),e.jsxs("div",{className:"modal-footer",children:[e.jsx(p,{kind:"secondary","data-dismiss":"modal",onClick:()=>{},children:"Close"}),e.jsx(p,{kind:"primary",onClick:()=>{},children:"Save changes"})]})]})})})]})}function hs(){return e.jsxs(x,{name:"progress",children:[e.jsx("h2",{className:"ui-title",children:"Progress"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Determinate Progress Loader"}),e.jsx("br",{}),e.jsx("div",{className:"progress",style:{marginBottom:"1rem"},children:e.jsx("div",{className:"progress-bar bg-primary",style:{width:"25%"},"aria-valuenow":25,"aria-valuemin":0,"aria-valuemax":100})})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Indeterminate Progress Spinner"}),e.jsx(Ge,{className:"loading-spinner-large"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Button Progress Spinner"}),e.jsx(p,{kind:"primary",className:"btn-spinner btn-cancelable",style:{minWidth:"10rem"},onClick:()=>{},children:e.jsxs("span",{children:[e.jsx(Ge,{className:"mr-2 loading-spinner-vertical-align"}),e.jsx("span",{className:"btn-normal-content",children:"Connecting"}),e.jsx("span",{className:"btn-hover-content",children:"Cancel"})]})})]})]})]})}class us extends u.PureComponent{constructor(o){super(o),this.handleSliderChange=this.handleSliderChange.bind(this),this.state={initialStartTime:24*60*60*.25,initialEndTime:24*60*60*.75,startTime:24*60*60*.25,endTime:24*60*60*.75}}handleSliderChange(o){const{startTime:r,endTime:s}=o;this.setState({startTime:r}),this.setState({endTime:s})}render(){const{startTime:o,endTime:r,initialStartTime:s,initialEndTime:a}=this.state,l=o!==s,n=r!==a;return e.jsxs(x,{name:"time-slider-inputs",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Time Slider"}),e.jsx(zr,{startTime:o,endTime:r,isStartModified:l,isEndModified:n,onChange:this.handleSliderChange}),e.jsxs("p",{style:l?{color:"var(--dh-color-modified)"}:{},children:["StartTime: ",ho.formatTime(o)]}),e.jsxs("p",{style:n?{color:"var(--dh-color-modified)"}:{},children:["EndTime: ",ho.formatTime(r)]})]})}}function ms(){const o=[Ze,Ye].map(r=>e.jsx(S,{icon:r},`${r.prefix}-${r.iconName}`));return e.jsxs(x,{name:"tooltips",children:[e.jsx("h2",{className:"ui-title",title:"Make better looking tooltips than this one!",children:"Tooltips"}),e.jsxs("div",{className:"btn btn-primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Simple Tooltip",e.jsx(re,{children:"Text only content"})]}),e.jsxs("div",{className:"btn btn-secondary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Complex Tooltip",e.jsxs(re,{children:[e.jsxs("div",{children:["Here is some ",e.jsx("i",{children:"cool"})," ",e.jsx("b",{children:"text"})]}),e.jsx("hr",{}),e.jsx("div",{children:"And some icons down here"}),e.jsxs("div",{children:[e.jsx(Ge,{className:"loading-spinner-vertical-align"}),o]})]})]}),e.jsxs("div",{className:"btn btn-success",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Interactive Tooltip",e.jsxs(re,{interactive:!0,children:[e.jsx("div",{children:"This tooltip is interactive."}),e.jsx("hr",{}),e.jsx(p,{kind:"primary",onClick:()=>{alert("Button clicked!")},children:"Show Alert"})]})]})]})}function gs(){return e.jsxs(x,{name:"toast",children:[e.jsx("h2",{className:"ui-title",children:"Toast"}),e.jsx("div",{children:e.jsxs(we,{children:[e.jsx(p,{kind:"tertiary",onClick:()=>pe.neutral("Neutral toast",{timeout:5e3}),children:"Show neutral toast"}),e.jsx(p,{kind:"success",onClick:()=>pe.positive("Positive toast",{timeout:5e3}),children:"Show positive toast"}),e.jsx(p,{kind:"danger",onClick:()=>pe.negative("Negative toast",{timeout:5e3}),children:"Show negative toast"}),e.jsx(p,{kind:"primary",onClick:()=>pe.info("Info toast",{timeout:5e3}),children:"Show info toast"})]})})]})}function xs(){return e.jsxs(x,{name:"typography",children:[e.jsx("h2",{className:"ui-title",children:"Typography"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("h1",{className:"text-muted","data-no-menu":!0,children:"h1. Unused"}),e.jsx("h2",{className:"text-muted","data-no-menu":!0,children:"h2. Unused"}),e.jsx("h3",{className:"text-muted","data-no-menu":!0,children:"h3. Unused"}),e.jsx("h4",{"data-no-menu":!0,children:"h4. Standard Heading"}),e.jsx("h5",{"data-no-menu":!0,children:"h5. Small Heading"}),e.jsx("h6",{className:"text-muted","data-no-menu":!0,children:"h6. Unused"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"Fonts"}),e.jsx("p",{children:"UI: Fira Sans;"}),e.jsx("p",{className:"text-monospace",children:"Code: Fira Mono;"}),e.jsx("p",{children:'Tables: Fira Sans; font-feature-settings: "tnum";'}),e.jsx("p",{children:"Default font-size: 14px = 1rem"})]})]})]})}class ps extends u.PureComponent{static propTypes;static defaultProps;constructor(o){super(o),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.itemList=me.createRef(),this.selectedItems=[],this.state={topRow:null,bottomRow:null}}focusItem(o){this.itemList.current&&this.itemList.current.focusItem(o)}handleSelectionChange(o){console.log("Selection changed",o);const{onSelectionChange:r}=this.props;r(o)}handleViewportChange(o,r){const{items:s}=this.props,a=r-o+1,l=Math.max(0,o-a),n=Math.min(r+a,s.length);this.setState({topRow:l,bottomRow:n})}getViewportItems=Ao((o,r,s)=>o==null||r==null?[]:s.slice(o,r));render(){const{draggablePrefix:o,droppableId:r,isDragDisabled:s,isDropDisabled:a,isMultiSelect:l,items:n,selectedRanges:i}=this.props,{topRow:d,bottomRow:h}=this.state;return e.jsx(de,{draggablePrefix:o,droppableId:r,isDragDisabled:s,isDropDisabled:a,isMultiSelect:l,itemCount:n.length,items:this.getViewportItems(d,h,n),offset:d??0,onSelectionChange:this.handleSelectionChange,onViewportChange:this.handleViewportChange,ref:this.itemList,selectedRanges:i})}}const _e=["Draggable Only","Drag and Drop","Droppable Only"],vs=[{isDropDisabled:!0},{},{isDragDisabled:!0}],fs=(t="Item",o=1e3)=>{const r=[];for(let s=0;s<o;s+=1)r.push(`${t}-${s}`);return r};class Se extends u.Component{static handleDragStart(o){console.log("handleDragStart",o)}static handleDragUpdate(o){console.log("handleDragUpdate",o)}constructor(o){super(o),this.handleDragEnd=this.handleDragEnd.bind(this),this.animationFrame=null;const r=[],s=[],a=[];for(let l=0;l<_e.length;l+=1)r[l]=fs(_e[l]),s[l]=[],a[l]=me.createRef();this.state={items:r,lists:a,selectedRanges:s}}componentWillUnmount(){this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame)}handleDragEnd(o){console.log("handleDragEnd",o);const{source:r,destination:s}=o;if(r==null||s==null)return;const a=de.getDraggableIndex(r.droppableId),l=de.getDraggableIndex(s.droppableId),n=a===l;let i=s.index;n&&r.index<s.index&&(i+=1);let d=i;this.setState(({items:h,selectedRanges:c})=>{const m=[...h[a]],g=n?m:[...h[l]],f=xo.reorder(m,c[a],g,i),j=[...h];j[a]=m,j[l]=g,d=n?xo.adjustDestinationIndex(i,c[l]):i;const w=[...c];return w[a]=[],w[l]=[[d,d+f.length-1]],{items:j,selectedRanges:w}},()=>{this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame(()=>{this.animationFrame=null;const{lists:h}=this.state;h[l]?.current?.focusItem(d)})})}handleSelectionChange(o,r){this.setState(({selectedRanges:s})=>{const a=[...s];return a[o]=[...r],{selectedRanges:a}})}getSelectionChangeHandler=ro(o=>this.handleSelectionChange.bind(this,o));getDraggableList=ro((o,r,s,a)=>e.jsx(ps,{items:o,droppableId:de.getDraggableId("drop-list",a),draggablePrefix:de.getDraggableId("draggable-item",a),onSelectionChange:this.getSelectionChangeHandler(a),isMultiSelect:!0,ref:s,selectedRanges:r,...vs[a]}));render(){const{items:o,lists:r,selectedRanges:s}=this.state;return e.jsxs(x,{name:"draggable-lists",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Drag and Drop Lists"}),e.jsx("div",{className:"row",children:e.jsx(Yo,{onDragStart:Se.handleDragStart,onDragUpdate:Se.handleDragUpdate,onDragEnd:this.handleDragEnd,children:_e.map((a,l)=>e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsxs("h5",{children:[a," List"]}),e.jsx("div",{style:{height:"300px"},children:this.getDraggableList(o[l],s[l],r[l],l)})]})},a))})})]})}}function ko({count:t=5,activeKey:o=""}){const[r,s]=u.useState(o),[a,l]=u.useState(()=>{const c=[];for(let m=0;m<t;m+=1)c.push({key:`${m}`,title:`Tab ${m}`,isClosable:m>0});return c}),n=u.useCallback((c,m)=>{l(g=>{const f=[...g],[j]=f.splice(c,1);return f.splice(m,0,j),f})},[]),i=u.useCallback(c=>{s(c)},[]),d=u.useCallback(c=>{l(m=>m.filter(g=>g.key!==c))},[]),h=u.useCallback(c=>[{title:"Select Tab to the Left",group:10,order:10,disabled:a[0].key===c.key,action:()=>{const m=a.findIndex(g=>g.key===c.key);m>0&&s(a[m-1].key)}},{title:"Select Tab to the Right",group:30,order:10,disabled:a[a.length-1].key===c.key,action:()=>{const m=a.findIndex(g=>g.key===c.key);m<a.length-1&&s(a[m+1].key)}}],[a]);return e.jsx(ct,{tabs:a,activeKey:r,onSelect:i,onReorder:n,onClose:d,makeContextActions:h})}let To=0;function bs(){const t=To;return To+=1,t}const js=Vo(25);function Be(t=1,o=5){const r=Number(js.next().value);return Math.floor(r*o)+t}function Fe(t,o=bs()){return{id:o,type:t}}function No(t=Be(),o=Be(),r=Be()){const s=[];for(let a=0;a<t;a+=1)s.push(Fe("SUBMENU"));for(let a=0;a<o;a+=1)s.push(Fe("PAGE"));for(let a=0;a<r;a+=1)s.push(Fe("SWITCH"));return s}function Ve({type:t,id:o}){switch(t){case"SUBMENU":return`Submenu ${o}`;case"PAGE":return`Page ${o}`;case"SWITCH":return`Switch ${o}`}}function ys({type:t}){switch(t){case"SUBMENU":return wr;case"PAGE":return yr;case"SWITCH":return q}}function ws(){const[t,o]=u.useState([]),[r,s]=u.useState(new Map),a=u.useCallback(c=>{o([...t,c])},[t,o]),l=u.useCallback(()=>{const c=[...t];c.pop(),o(c)},[t,o]),n=u.useCallback(()=>{const c=[t[0]];o(c)},[t,o]),i=u.useCallback(c=>{const m=r.get(c)??!1,g=new Map(r);g.set(c,!m),s(g)},[r,s]),d=u.useCallback(c=>{const m=t[t.length-1],{items:g}=m;if(!g)throw new Error("Navigation handleSelect triggered without items to select");const f=g[c];switch(f.type){case"PAGE":a({title:Ve(f)});break;case"SUBMENU":a({title:Ve(f),items:No()});break;case"SWITCH":i(f.id);break}},[t,i,a]);u.useEffect(function(){o([{title:"Navigation Menu",items:No()}])},[]);const h=u.useMemo(()=>t.map(({items:c,title:m},g)=>{if(!c)return e.jsx(go,{onBack:l,onClose:n,title:m,children:e.jsx("div",{children:"Page content!"})},m);let f=null;if(c!=null){const j=c.map(w=>{const B=Ve(w),ae=ys(w);let G,X;return w.type==="SWITCH"&&(G=r.get(w.id)??!1,X=()=>{d(w.id)}),{title:B,icon:ae,isOn:G,onChange:X}});f=e.jsx(et,{onSelect:d,items:j})}else f=e.jsx("div",{children:"Page content"});return e.jsx(go,{onBack:g>0?l:void 0,onClose:g>0?n:void 0,title:m,children:f},m)}),[t,r,d,l,n]);return e.jsxs(x,{name:"navigations",children:[e.jsx("h2",{className:"ui-title",children:"Navigations"}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(ko,{count:100,activeKey:"15"})}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(ko,{})}),e.jsx("div",{className:"navigations",children:e.jsx(Jr,{children:h})})]})}const Cs=":root{--dh-color-gray-50: #1a171a;--dh-color-gray-75: #211f22;--dh-color-gray-100: #2d2a2e;--dh-color-gray-200: #322f33;--dh-color-gray-300: #373438;--dh-color-gray-400: #403e41;--dh-color-gray-500: #5b5a5c;--dh-color-gray-600: #929192;--dh-color-gray-700: #c0bfbf;--dh-color-gray-800: #f0f0ee;--dh-color-gray-900: #fcfcfa;--dh-color-gray-light: var(--dh-color-gray-900);--dh-color-gray-mid: var(--dh-color-gray-600);--dh-color-gray-dark: var(--dh-color-gray-300);--dh-color-black: var(--dh-color-gray-50);--dh-color-white: var(--dh-color-gray-800);--dh-color-true-black: #000000;--dh-color-true-white: #ffffff;--dh-color-red-100: #471521;--dh-color-red-200: #5d1b2b;--dh-color-red-300: #762336;--dh-color-red-400: #912b45;--dh-color-red-500: #ab3452;--dh-color-red-600: #c73f61;--dh-color-red-700: #e14c71;--dh-color-red-800: #f85e85;--dh-color-red-900: #ff7b9e;--dh-color-red-1000: #ff99b6;--dh-color-red-1100: #ffb4c9;--dh-color-red-1200: #ffcbd9;--dh-color-red-1300: #ffdee7;--dh-color-red-1400: #ffecf1;--dh-color-orange-100: #471800;--dh-color-orange-200: #5a2202;--dh-color-orange-300: #702f06;--dh-color-orange-400: #87390c;--dh-color-orange-500: #9f4612;--dh-color-orange-600: #b7541b;--dh-color-orange-700: #d06425;--dh-color-orange-800: #e67533;--dh-color-orange-900: #fa8648;--dh-color-orange-1000: #ffa069;--dh-color-orange-1100: #ffb98d;--dh-color-orange-1200: #ffcfaf;--dh-color-orange-1300: #ffe0cb;--dh-color-orange-1400: #ffeee2;--dh-color-yellow-100: #2e2700;--dh-color-yellow-200: #3d3300;--dh-color-yellow-300: #4d4100;--dh-color-yellow-400: #5f5005;--dh-color-yellow-500: #725f0b;--dh-color-yellow-600: #856e13;--dh-color-yellow-700: #9a811b;--dh-color-yellow-800: #ae9024;--dh-color-yellow-900: #c3a32f;--dh-color-yellow-1000: #d7b53a;--dh-color-yellow-1100: #eac448;--dh-color-yellow-1200: #fad459;--dh-color-yellow-1300: #ffe77a;--dh-color-yellow-1400: #fff3ac;--dh-color-chartreuse-100: #1f2b00;--dh-color-chartreuse-200: #2b3805;--dh-color-chartreuse-300: #39470b;--dh-color-chartreuse-400: #495611;--dh-color-chartreuse-500: #596718;--dh-color-chartreuse-600: #69781f;--dh-color-chartreuse-700: #7a8927;--dh-color-chartreuse-800: #8e9c30;--dh-color-chartreuse-900: #a1ae3a;--dh-color-chartreuse-1000: #b2c046;--dh-color-chartreuse-1100: #c2d153;--dh-color-chartreuse-1200: #d5e166;--dh-color-chartreuse-1300: #e3ee84;--dh-color-chartreuse-1400: #f0f7ae;--dh-color-celery-100: #122d15;--dh-color-celery-200: #173a1a;--dh-color-celery-300: #1e4b22;--dh-color-celery-400: #255c2a;--dh-color-celery-500: #2d6d32;--dh-color-celery-600: #36803d;--dh-color-celery-700: #409347;--dh-color-celery-800: #4da654;--dh-color-celery-900: #5fb967;--dh-color-celery-1000: #77ca7e;--dh-color-celery-1100: #93d999;--dh-color-celery-1200: #b2e5b7;--dh-color-celery-1300: #ceeed1;--dh-color-celery-1400: #e4f6e6;--dh-color-green-100: #22291d;--dh-color-green-200: #2d3625;--dh-color-green-300: #38462d;--dh-color-green-400: #445636;--dh-color-green-500: #50673d;--dh-color-green-600: #5b7a45;--dh-color-green-700: #678c4c;--dh-color-green-800: #74a053;--dh-color-green-900: #81b45a;--dh-color-green-1000: #8ec762;--dh-color-green-1100: #9bd96c;--dh-color-green-1200: #ace97e;--dh-color-green-1300: #c3f59d;--dh-color-green-1400: #dcfbc2;--dh-color-seafoam-100: #1f2925;--dh-color-seafoam-200: #263630;--dh-color-seafoam-300: #2f463e;--dh-color-seafoam-400: #37574b;--dh-color-seafoam-500: #3e6959;--dh-color-seafoam-600: #447b68;--dh-color-seafoam-700: #488f79;--dh-color-seafoam-800: #4ca388;--dh-color-seafoam-900: #4fb798;--dh-color-seafoam-1000: #54cba5;--dh-color-seafoam-1100: #5edeb8;--dh-color-seafoam-1200: #78edc8;--dh-color-seafoam-1300: #9ef8d7;--dh-color-seafoam-1400: #cbfce8;--dh-color-cyan-100: #142b2d;--dh-color-cyan-200: #1a373a;--dh-color-cyan-300: #21474b;--dh-color-cyan-400: #29585c;--dh-color-cyan-500: #31696e;--dh-color-cyan-600: #3a7a81;--dh-color-cyan-700: #438d94;--dh-color-cyan-800: #4da0a8;--dh-color-cyan-900: #59b4bc;--dh-color-cyan-1000: #65c6cf;--dh-color-cyan-1100: #74d6e1;--dh-color-cyan-1200: #88e6f1;--dh-color-cyan-1300: #a4f2fb;--dh-color-cyan-1400: #cafaff;--dh-color-blue-100: #112451;--dh-color-blue-200: #16306c;--dh-color-blue-300: #1d3d88;--dh-color-blue-400: #254ba4;--dh-color-blue-500: #2f5bc0;--dh-color-blue-600: #3b6bda;--dh-color-blue-700: #4c7dee;--dh-color-blue-800: #6390fa;--dh-color-blue-900: #7ca3ff;--dh-color-blue-1000: #97b6ff;--dh-color-blue-1100: #afc8ff;--dh-color-blue-1200: #c7d9ff;--dh-color-blue-1300: #dbe6ff;--dh-color-blue-1400: #ecf1ff;--dh-color-indigo-100: #1a1e62;--dh-color-indigo-200: #252a75;--dh-color-indigo-300: #32388a;--dh-color-indigo-400: #40489f;--dh-color-indigo-500: #4f58b4;--dh-color-indigo-600: #5f68c8;--dh-color-indigo-700: #707bdb;--dh-color-indigo-800: #828ded;--dh-color-indigo-900: #959ffa;--dh-color-indigo-1000: #aab2ff;--dh-color-indigo-1100: #bec5ff;--dh-color-indigo-1200: #d2d6ff;--dh-color-indigo-1300: #e1e5ff;--dh-color-indigo-1400: #eff0ff;--dh-color-purple-100: #311067;--dh-color-purple-200: #3d1f79;--dh-color-purple-300: #4b2f8c;--dh-color-purple-400: #5a3f9f;--dh-color-purple-500: #6850b1;--dh-color-purple-600: #7861c3;--dh-color-purple-700: #8873d5;--dh-color-purple-800: #9887e5;--dh-color-purple-900: #a99af3;--dh-color-purple-1000: #b9aefb;--dh-color-purple-1100: #cac1fe;--dh-color-purple-1200: #dad3ff;--dh-color-purple-1300: #e8e3ff;--dh-color-purple-1400: #f4effe;--dh-color-fuchsia-100: #450f44;--dh-color-fuchsia-200: #551a55;--dh-color-fuchsia-300: #662969;--dh-color-fuchsia-400: #77377e;--dh-color-fuchsia-500: #884794;--dh-color-fuchsia-600: #9858aa;--dh-color-fuchsia-700: #a76bbf;--dh-color-fuchsia-800: #b67ed4;--dh-color-fuchsia-900: #c592e5;--dh-color-fuchsia-1000: #d2a7f0;--dh-color-fuchsia-1100: #debcf6;--dh-color-fuchsia-1200: #e9cff9;--dh-color-fuchsia-1300: #f2e0fb;--dh-color-fuchsia-1400: #f9edfc;--dh-color-magenta-100: #520427;--dh-color-magenta-200: #641034;--dh-color-magenta-300: #791e45;--dh-color-magenta-400: #8d2d57;--dh-color-magenta-500: #a13c69;--dh-color-magenta-600: #b54c7d;--dh-color-magenta-700: #ca5d93;--dh-color-magenta-800: #dc70a8;--dh-color-magenta-900: #ee83ba;--dh-color-magenta-1000: #fb99cd;--dh-color-magenta-1100: #ffb1dc;--dh-color-magenta-1200: #ffc9e7;--dh-color-magenta-1300: #ffddf0;--dh-color-magenta-1400: #ffecf6}",Ss=":root{--dh-color-bg: var(--dh-color-black);--dh-color-content-bg: var(--dh-color-gray-100);--dh-color-subdued-content-bg: var(--dh-color-gray-75);--dh-color-surface-bg: var(--dh-color-gray-200);--dh-color-fg: var(--dh-color-white);--dh-color-border: var(--dh-color-gray-500);--dh-color-hover-border: var(--dh-color-gray-600);--dh-color-border-focus: var(--dh-color-accent-800);--dh-color-disabled-bg: var(--dh-color-gray-300);--dh-color-scrollbar: var(--dh-color-fg);--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-600);--dh-color-text-highlight: color-mix( in srgb, var(--dh-color-blue-700) 30%, transparent );--dh-color-text-hover: var(--dh-color-gray-900);--dh-color-contrast-dark: var(--dh-color-gray-50);--dh-color-contrast-light: var(--dh-color-gray-900);--dh-color-accent-100: var(--dh-color-blue-100);--dh-color-accent-200: var(--dh-color-blue-200);--dh-color-accent-300: var(--dh-color-blue-300);--dh-color-accent-400: var(--dh-color-blue-400);--dh-color-accent-500: var(--dh-color-blue-500);--dh-color-accent-600: var(--dh-color-blue-600);--dh-color-accent-700: var(--dh-color-blue-700);--dh-color-accent-800: var(--dh-color-blue-800);--dh-color-accent-900: var(--dh-color-blue-900);--dh-color-accent-1000: var(--dh-color-blue-1000);--dh-color-accent-1100: var(--dh-color-blue-1100);--dh-color-accent-1200: var(--dh-color-blue-1200);--dh-color-accent-1300: var(--dh-color-blue-1300);--dh-color-accent-1400: var(--dh-color-blue-1400);--dh-color-accent: var(--dh-color-accent-600);--dh-color-accent-bg: var(--dh-color-accent);--dh-color-accent-hover-bg: var(--dh-color-accent-500);--dh-color-accent-down-bg: var(--dh-color-accent-400);--dh-color-accent-key-focus-bg: var(--dh-color-accent-500);--dh-color-accent-contrast: var(--dh-color-contrast-light);--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-red-bg: var(--dh-color-red-700);--dh-color-orange-bg: var(--dh-color-orange-800);--dh-color-yellow-bg: var(--dh-color-yellow-1000);--dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-celery-bg: var(--dh-color-celery-800);--dh-color-green-bg: var(--dh-color-green-700);--dh-color-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-cyan-bg: var(--dh-color-cyan-700);--dh-color-blue-bg: var(--dh-color-blue-700);--dh-color-indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-visual-gray: var(--dh-color-gray-600);--dh-color-visual-red: var(--dh-color-red-800);--dh-color-visual-orange: var(--dh-color-orange-900);--dh-color-visual-yellow: var(--dh-color-yellow-1200);--dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);--dh-color-visual-celery: var(--dh-color-celery-1000);--dh-color-visual-green: var(--dh-color-green-1100);--dh-color-visual-seafoam: var(--dh-color-seafoam-1100);--dh-color-visual-cyan: var(--dh-color-cyan-1100);--dh-color-visual-blue: var(--dh-color-blue-600);--dh-color-visual-indigo: var(--dh-color-indigo-900);--dh-color-visual-purple: var(--dh-color-purple-1100);--dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);--dh-color-visual-magenta: var(--dh-color-magenta-900);--dh-color-visual-positive: var(--dh-color-green-1200);--dh-color-visual-negative: var(--dh-color-red-800);--dh-color-visual-notice: var(--dh-color-yellow-1200);--dh-color-visual-info: var(--dh-color-cyan-1100);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: color-mix( in srgb, var(--dh-color-visual-gray) 20%, transparent );--dh-color-highlight-hover: color-mix( in srgb, var(--dh-color-visual-gray) 18%, transparent );--dh-color-highlight-invalid: color-mix( in srgb, var(--dh-color-visual-red) 15%, transparent );--dh-color-highlight-selected: color-mix( in srgb, var(--dh-color-accent) 9%, transparent );--dh-color-highlight-selected-hover: color-mix( in srgb, var(--dh-color-accent) 15%, transparent );--dh-color-keyboard-selected-bg: color-mix( in srgb, var(--dh-color-accent) 50%, transparent );--dh-color-dropshadow: color-mix( in srgb, var(--dh-color-true-black) 80%, transparent );--dh-color-overlay-modal-bg: color-mix( in srgb, var(--dh-color-visual-gray) 60%, transparent );--dh-color-overlay-hover-bg: color-mix( in srgb, var(--dh-color-visual-gray) 8%, transparent );--dh-color-negative: var(--dh-color-red-600);--dh-color-negative-bg: var(--dh-color-negative);--dh-color-negative-hover-bg: var(--dh-color-red-500);--dh-color-negative-down-bg: var(--dh-color-red-400);--dh-color-negative-key-focus-bg: var(--dh-color-red-500);--dh-color-negative-contrast: var(--dh-color-contrast-light);--dh-color-neutral: var(--dh-color-gray-500);--dh-color-neutral-bg: var(--dh-color-neutral);--dh-color-neutral-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-down-bg: var(--dh-color-gray-200);--dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);--dh-color-neutral-contrast: var(--dh-color-contrast-light);--dh-color-neutral-subdued-bg: var(--dh-color-gray-400);--dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive: var(--dh-color-green-900);--dh-color-positive-bg: var(--dh-color-positive);--dh-color-positive-hover-bg: var(--dh-color-green-800);--dh-color-positive-down-bg: var(--dh-color-green-700);--dh-color-positive-key-focus-bg: var(--dh-color-green-800);--dh-color-positive-contrast: var(--dh-color-contrast-dark);--dh-color-info: var(--dh-color-indigo-900);--dh-color-info-bg: var(--dh-color-info);--dh-color-info-hover-bg: var(--dh-color-indigo-800);--dh-color-info-down-bg: var(--dh-color-indigo-700);--dh-color-info-key-focus-bg: var(--dh-color-indigo-800);--dh-color-info-contrast: var(--dh-color-contrast-dark);--dh-color-notice: var(--dh-color-yellow-1000);--dh-color-notice-bg: var(--dh-color-notice);--dh-color-notice-hover-bg: var(--dh-color-yellow-900);--dh-color-notice-down-bg: var(--dh-color-yellow-800);--dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);--dh-color-notice-contrast: var(--dh-color-contrast-dark);--dh-color-modified: var(--dh-color-yellow-1300)}",ks=":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);--dh-color-chart-indicator-increase: var(--dh-color-visual-green);--dh-color-chart-indicator-decrease: var(--dh-color-visual-red);--dh-color-chart-indicator-gauge: var(--dh-color-green-1000)}",Ts=":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-600);--dh-color-editor-line-number-active-fg: var(--dh-color-gray-800);--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)}",Ns=":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)}",Is=":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 );--dh-toggle-switch-bg: var(--dh-color-gray-500)}",Es="_themeColorsPalette_v5aa0_1",Ds="_swatch_v5aa0_7",As="_themeColors_v5aa0_1",Ms="_label_v5aa0_21",$s="_capitalize_v5aa0_26",W={themeColorsPalette:Es,swatch:Ds,themeColors:As,label:Ms,capitalize:$s};function Rs(){return{"Theme Color Palette":oe("palette",Cs,1),"Semantic Colors":oe("semantic",Ss,1),"Chart Colors":oe("chart",ks,2),"Editor Colors":oe("editor",Ts,2),"Grid Colors":oe("grid",Ns,2),"Component Colors":oe("component",Is,1)}}function Io({name:t,value:o}){return e.jsxs(e.Fragment,{children:[e.jsx("div",{children:t}),e.jsx("div",{children:o}),e.jsx("div",{children:be.normalizeCssColor(o,!0)})]})}function Ls(){const{selectedThemeKey:t}=_o(),o=u.useMemo(Rs,[t]);return e.jsx(e.Fragment,{children:Object.entries(o).map(([r,s],a)=>r==="Theme Color Palette"?e.jsxs(x,{name:r,children:[e.jsx("h2",{className:"ui-title",children:r}),e.jsx("div",{className:W.themeColorsPalette,children:Object.entries(s).map(([l,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:l}),n.map(({name:d,value:h})=>e.jsxs("div",{style:{backgroundColor:h,border:h===""&&d.length>0?Ke:void 0},className:H(W.swatch,"px-0"),children:[e.jsx(re,{interactive:!0,children:e.jsx(Io,{name:d,value:h})}),d&&e.jsx(uo,{copy:d})]},d))]},l))})]},r):e.jsxs(x,{name:r,children:[e.jsx("h2",{className:"ui-title",children:r}),e.jsx("div",{className:W.themeColors,children:Object.entries(s).map(([l,n])=>e.jsxs("div",{style:{gridRow:`span ${n.length+1}`},children:[e.jsx("span",{className:H(W.label,W.capitalize),children:l}),n.map(({isLabel:i,name:d,value:h,note:c})=>i===!0?e.jsx("span",{className:W.label,children:d},d):e.jsxs("div",{className:W.swatch,style:{border:h===""&&d.length>0?Ke:void 0},children:[e.jsx("div",{style:{backgroundColor:h,height:"var(--swatch-height)",aspectRatio:"1 / 1"}}),e.jsx(re,{interactive:!0,children:e.jsx(Io,{name:d,value:h})}),e.jsx("span",{children:d.replace("--dh-color-","")}),d.endsWith("-hue")||c!=null?e.jsx("span",{children:c??h}):null,e.jsx(uo,{copy:d})]},d))]},l))})]},r))})}const Oe="data-menu-category",Ps="data-no-menu",_s="sample-section-e2e-ignore",Wo="spectrum-component-samples",Ko="spectrum-comparison-samples";function Bs(){return e.jsxs("div",{id:Wo,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Spectrum Components"}),e.jsxs(P,{gap:20,columns:$o("0px","1fr"),children:[e.jsxs(x,{name:"spectrum-buttons",component:E,children:[e.jsx("h3",{children:"Buttons"}),e.jsx(Fs,{})]}),e.jsxs(x,{name:"spectrum-collections",component:E,children:[e.jsx("h3",{children:"Collections"}),e.jsx(Hs,{})]}),e.jsxs(x,{name:"spectrum-content",component:E,children:[e.jsx("h3",{children:"Content"}),e.jsx(Us,{})]}),e.jsxs(x,{name:"spectrum-forms",component:E,children:[e.jsx("h3",{children:"Forms"}),e.jsx(Os,{})]}),e.jsxs(x,{name:"spectrum-overlays",component:E,children:[e.jsx("h3",{children:"Overlays"}),e.jsxs(y,{gap:"size-160",children:[e.jsx(Vs,{}),e.jsxs(Zo,{children:[e.jsx(_,{children:"Dialog Trigger"}),t=>e.jsxs(Qo,{children:[e.jsx(Qe,{children:"Some Heading"}),e.jsx(Jo,{children:"Some Header"}),e.jsx(er,{}),e.jsx(Xe,{children:e.jsx(b,{children:"Are you sure?"})}),e.jsxs(we,{children:[e.jsx(C,{variant:"secondary",onPress:t,children:"Cancel"}),e.jsx(C,{variant:"accent",onPress:t,children:"Confirm"})]})]})]})]})]}),e.jsxs(x,{name:"spectrum-well",component:E,children:[e.jsx("h3",{children:"Wells"}),e.jsx(or,{children:"This is a well."})]})]})]})}function Fs(){return e.jsxs(e.Fragment,{children:[e.jsxs(_,{marginBottom:"size-200",children:[e.jsx(R,{children:e.jsx(S,{icon:q})}),e.jsx(b,{children:"Icon Button"})]}),e.jsxs(P,{autoFlow:"column",columnGap:"size-250",rowGap:"size-150",columns:Ue(4,$o(0,"size-2000")),rows:Ue(8,"size-400"),children:[e.jsx("label",{children:'Button style="outline"'}),e.jsx(C,{variant:"primary",style:"outline",children:"Primary"}),e.jsx(C,{variant:"secondary",style:"outline",children:"Secondary"}),e.jsx(C,{variant:"accent",style:"outline",children:"Accent"}),e.jsx(C,{variant:"negative",style:"outline",children:"Negative"}),e.jsx(C,{variant:"primary",staticColor:"black",style:"outline",children:"Static Black"}),e.jsx(C,{variant:"primary",staticColor:"white",style:"outline",children:"Static White"}),e.jsx(C,{variant:"primary",isDisabled:!0,style:"outline",children:"Disabled"}),e.jsx("label",{children:'Button style="fill"'}),e.jsx(C,{variant:"primary",style:"fill",children:"Primary"}),e.jsx(C,{variant:"secondary",style:"fill",children:"Secondary"}),e.jsx(C,{variant:"accent",style:"fill",children:"Accent"}),e.jsx(C,{variant:"negative",style:"fill",children:"Negative"}),e.jsx(C,{variant:"primary",staticColor:"black",style:"fill",children:"Static Black"}),e.jsx(C,{variant:"primary",staticColor:"white",style:"fill",children:"Static White"}),e.jsx(C,{variant:"primary",isDisabled:!0,style:"fill",children:"Disabled"}),e.jsx("label",{children:"Action Button"}),e.jsx(_,{children:"Normal"}),e.jsx(_,{gridRow:"span 3",isQuiet:!0,children:"Quiet"}),e.jsx(_,{staticColor:"black",children:"Static Black"}),e.jsx(_,{staticColor:"white",children:"Static White"}),e.jsx(_,{isDisabled:!0,children:"Disabled"}),e.jsx("label",{children:"Toggle Button"}),e.jsx(Y,{children:"Normal"}),e.jsx(Y,{isQuiet:!0,children:"Quiet"}),e.jsx(Y,{gridRow:"span 2",isEmphasized:!0,children:"Emphasized"}),e.jsx(Y,{staticColor:"black",children:"Static Black"}),e.jsx(Y,{staticColor:"white",children:"Static White"}),e.jsx(Y,{isDisabled:!0,children:"Disabled"})]})]})}function Vs(){return e.jsxs(e.Fragment,{children:[e.jsx(b,{children:"Contextual Help"}),e.jsxs(hr,{variant:"info",children:[e.jsx(Qe,{children:"Need help?"}),e.jsx(Xe,{children:e.jsx(b,{children:"This is a helpful description of the thing you need help with."})})]})]})}function Os(){return e.jsx(nr,{children:e.jsxs(P,{gap:20,columns:Ue("auto-fit","210px"),alignItems:"end",children:[e.jsx(He,{label:"Text Field"}),e.jsxs(ir,{label:"Combobox",menuTrigger:"focus",defaultSelectedKey:"two",children:[e.jsx(v,{children:"One"},"one"),e.jsx(v,{children:"Two"},"two"),e.jsx(v,{children:"Three"},"three")]}),e.jsx(U,{children:"Checkbox"}),e.jsx(cr,{label:"Slider",defaultValue:24}),e.jsx(dr,{children:"Switch"})]})})}function Us(){return e.jsxs(lr,{children:[e.jsx(R,{size:"XL",children:e.jsx(S,{icon:Cr})}),e.jsx(Qe,{children:"Illustrated Message"}),e.jsx(Xe,{children:"This is the content of the message."})]})}function Hs(){return e.jsxs(e.Fragment,{children:[e.jsx("label",{id:"table-view-sample",children:"List View"}),e.jsxs(rr,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",maxWidth:"size-6000",marginBottom:"size-200",children:[e.jsx(v,{children:"One"}),e.jsx(v,{children:"Two"}),e.jsx(v,{children:"Three"}),e.jsx(v,{children:"Four"})]}),e.jsx("label",{id:"table-view-sample",children:"Table View"}),e.jsxs(tr,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",children:[e.jsxs(sr,{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(ar,{children:[e.jsxs(Ne,{children:[e.jsx(D,{children:"John"}),e.jsx(D,{children:"42"}),e.jsx(D,{children:"San Francisco"}),e.jsx(D,{children:"CA"})]}),e.jsxs(Ne,{children:[e.jsx(D,{children:"Jane"}),e.jsx(D,{children:"38"}),e.jsx(D,{children:"San Francisco"}),e.jsx(D,{children:"CA"})]}),e.jsxs(Ne,{children:[e.jsx(D,{children:"Becky"}),e.jsx(D,{children:"12"}),e.jsx(D,{children:"San Francisco"}),e.jsx(D,{children:"CA"})]})]})]})]})}function ne(t){return e.jsx("div",{...t})}function Gs(){const[t,o]=u.useState([]);u.useEffect(()=>{let s={category:"",items:[]};const a=[s],l=document.querySelector(`#${Wo}`),n=document.querySelector(`#sample-section-${Ko}`);document.querySelectorAll(`h2,h3,[${Oe}]`).forEach(i=>{if(i.textContent==null||i.hasAttribute(Ps))return;if(i.hasAttribute(Oe)){s={category:i.getAttribute(Oe)??"",items:[]},a.push(s);return}const h=`${l?.contains(i)===!0?"spectrum-":n?.contains(i)===!0?"spectrum-compare-":""}${i.textContent}`.toLowerCase().replace(/\s/g,"-");i.id=h,s.items.push({id:h,label:i.textContent})}),o(a)},[]),u.useEffect(()=>{const s=window.location.hash===""?null:document.querySelector(window.location.hash);setTimeout(()=>{s?s.scrollIntoView():window.scrollTo({top:0,behavior:"auto"})},0)},[]);const r=u.useCallback(s=>{const a=String(s);document.getElementById(a)?.scrollIntoView({behavior:"smooth"}),setTimeout(()=>{window.location.hash=a},1e3)},[]);return e.jsxs(ur,{children:[e.jsx(_,{children:e.jsx(R,{children:e.jsx(S,{icon:Sr})})}),e.jsx(mr,{items:t,onAction:r,children:({category:s,items:a})=>e.jsx(gr,{items:a,title:s,children:({id:l,label:n})=>e.jsx(v,{children:n},l)},s)})]})}function zs(){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(C,{UNSAFE_className:"goto-top-button",variant:"accent",onPress:t,children:e.jsx(R,{children:e.jsx(S,{icon:kr})})})}const Ws=["Tab 1","Tab 2","Tab 3"];function Ks({isActive:t,title:o}){return e.jsxs("li",{className:H("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 qs(){return e.jsxs(x,{name:"golden-layout",children:[e.jsx("h2",{className:"ui-title",children:"Golden Layout"}),[!1,!0].map(t=>e.jsxs(me.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:Ws.map((o,r)=>e.jsx(Ks,{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 Xs(){return e.jsxs(x,{name:"animations",className:"sample-section-e2e-ignore",children:[e.jsx("h2",{className:"ui-title",children:"Animations"}),e.jsx(E,{position:"relative",height:400,children:e.jsx(Wr,{})})]})}const Eo=[["primary","accent"],["secondary","primary"],["danger","negative"]];function Ys(){const[t,o]=u.useState(!1);return e.jsxs(x,{name:Ko,className:_s,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Bootstrap / Spectrum Comparison"}),e.jsxs(y,{gap:20,wrap:!0,children:[e.jsxs(E,{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"}),Eo.map(([r,s])=>e.jsxs(u.Fragment,{children:[e.jsx(p,{onClick:J,kind:r,icon:no,children:"Button"}),e.jsxs(C,{variant:s,style:"fill",children:[e.jsx(R,{children:e.jsx(S,{icon:no})}),e.jsx(b,{children:"Button"})]})]},r)),e.jsx(p,{onClick:J,kind:"primary",disabled:!0,children:"Disabled"}),e.jsx(C,{variant:"accent",style:"fill",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(E,{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"}),Eo.map(([r,s])=>e.jsxs(u.Fragment,{children:[e.jsx(p,{onClick:J,kind:r,children:r}),e.jsx(C,{variant:s,style:"outline",children:s})]},r)),e.jsx(p,{onClick:J,kind:"secondary",disabled:!0,children:"Disabled"}),e.jsx(C,{variant:"primary",style:"outline",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(E,{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:J,kind:"inline",children:"Inline"}),e.jsx(_,{children:"Action"}),e.jsx(p,{onClick:J,kind:"inline",disabled:!0,children:"Disabled"}),e.jsx(_,{isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(E,{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(r=>e.jsxs(u.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"Select"}),e.jsxs(ye,{disabled:r,placeholder:"Select",onChange:s=>{},className:"custom-select",children:[e.jsxs("option",{disabled:!0,value:"0",children:[r?"":"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(xr,{isDisabled:r,label:r?"Disabled Picker":"Picker",placeholder:"Picker",children:[e.jsx(v,{children:"One"},"1"),e.jsx(v,{children:"Two"},"2"),e.jsx(v,{children:"Three"},"3")]})]},String(r)))]})]}),e.jsxs(E,{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(He,{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(He,{type:"text",label:"Disabled",isDisabled:!0,value:"Disabled"})]})]}),e.jsxs(E,{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(r=>!r),children:"Checkbox"}),e.jsx(U,{children:"Checkbox"}),e.jsx(L,{className:"form-group",disabled:!0,checked:t,onChange:()=>o(r=>!r),children:"Disabled"}),e.jsx(U,{isDisabled:!0,children:"Disabled"})]})]})]})]})}const Zs=[...eo(52)],fe=[...eo(52,{icons:!0})],qo=[...ge(0,51)],Qs=[...ge(52,103)],Js=[...ge(104,155)],ea=[...ge(156,207)],oa=[...ge(208,259)],ra=["String 1","String 2","String 3","","Some really long text that should get truncated",444,999,!0,!1,...qo.map((t,o)=>o%5>0?t:u.cloneElement(t,{...t.props,children:[e.jsx(he,{},`icon-${t.props.children}`),e.jsx(b,{children:t.props.children},`label-${t.props.children}`)]}))];function he(){return e.jsx(R,{children:e.jsx(S,{icon:ze})})}function ta(){const[t,o]=u.useState(200),[r,s]=u.useState(!0),[a,l]=u.useState(fe),n=u.useCallback(h=>l(h===""?fe:fe.filter(({item:c})=>c?.textValue?.includes(h))),[]),i=u.useCallback(async()=>tt({keyedItems:Zs,itemHeight:st.medium,selectedKey:t,topOffset:at}),[t]),d=u.useCallback(h=>{o(h)},[]);return e.jsxs(x,{name:"pickers",children:[e.jsx("h2",{className:"ui-title",children:"Pickers"}),e.jsxs(y,{gap:14,direction:"column",children:[[po,We].map(h=>{const c=m=>`${h===po?"Picker":"ComboBox"} (${m})`;return e.jsxs(y,{direction:"row",gap:14,children:[e.jsx(h,{label:c("Single Child"),tooltip:{placement:"bottom-end"},children:e.jsx(v,{textValue:"Aaa",children:"Aaa"})}),e.jsx(h,{label:c("Mixed Children Types"),defaultSelectedKey:"999",tooltip:!0,children:ra}),e.jsxs(h,{label:c("Sections"),tooltip:!0,children:["String 1","String 2","String 3",e.jsxs(z,{title:"Section",children:[e.jsx(v,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(v,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(v,{textValue:"Complex Ccc",children:[e.jsx(he,{}),e.jsx(b,{children:"Complex Ccc"})]})]}),e.jsxs(z,{children:[e.jsx(v,{textValue:"Item Ddd",children:"Item Ddd"}),e.jsx(v,{textValue:"Item Eee",children:"Item Eee"}),e.jsxs(v,{textValue:"Complex Fff",children:[e.jsx(he,{}),e.jsx(b,{children:"Complex Fff"})]}),e.jsxs(v,{textValue:"Ggg",children:[e.jsx(he,{}),e.jsx(b,{children:"Label"}),e.jsx(b,{slot:"description",children:"Description"})]}),e.jsxs(v,{textValue:"Hhh",children:[e.jsx(he,{}),e.jsx(b,{children:"Label that causes overflow"}),e.jsx(b,{slot:"description",children:"Description that causes overflow"})]})]},"Key B"),e.jsx(z,{title:"Section A",children:qo}),e.jsx(z,{title:"Section B",children:Qs}),e.jsx(z,{children:Js},"Section C"),e.jsx(z,{children:ea},"Section D"),e.jsx(z,{title:"Section E",children:oa})]})]},h.displayName)}),e.jsx(L,{checked:r,onChange:h=>s(h.currentTarget.checked),children:"Show Ions"}),e.jsxs(y,{direction:"row",gap:14,children:[e.jsx(ot,{label:"Picker (Controlled)",getInitialScrollPosition:i,normalizedItems:fe,selectedKey:t,showItemIcons:r,onChange:d}),e.jsx(Kr,{label:"ComboBox (Controlled)",getInitialScrollPosition:i,normalizedItems:a,selectedKey:t,showItemIcons:r,onChange:d,validationState:t==null?"invalid":"valid",errorMessage:"Please select an item.",onInputChange:n})]})]})]})}const sa=[...eo(52,{icons:!0})];function ie(){return e.jsx(R,{slot:"illustration",children:e.jsx(S,{icon:Ir})})}const qe={gap:10,label:{medium:21,large:25.5}};function ce({label:t,direction:o="column",children:r,...s}){return e.jsxs(y,{...s,direction:o,gap:qe.gap,children:[e.jsx(b,{children:t}),r]})}function aa(){const{scale:t}=lt(),[o,r]=u.useState([]),[s,a]=u.useState("compact"),l=qe.label[t]+qe.gap+2+nt[s??"compact"][t],n=u.useCallback(w=>{a(w)},[]),[i,d]=u.useState(!0),[h,c]=u.useState(""),[m,g]=u.useState(""),f=u.useCallback((w,B)=>{c(w),g(B)},[]),j=u.useCallback(w=>{r(w)},[]);return e.jsxs(x,{name:"list-views",children:[e.jsx("h2",{className:"ui-title",children:"List View"}),e.jsxs(P,{gap:14,height:"size-6000",columns:"1fr 1fr 1fr",rows:`auto minmax(${l}px, auto) 1fr auto 1fr`,children:[e.jsx(ce,{alignItems:"center",direction:"row",label:"Density",gridColumn:"span 3",children:e.jsxs(Mo,{"aria-label":"Density",orientation:"horizontal",value:s,onChange:n,children:[e.jsx(O,{value:"compact",children:"Compact"}),e.jsx(O,{value:"regular",children:"Regular"}),e.jsx(O,{value:"spacious",children:"Spacious"})]})}),e.jsx(ce,{label:"Single Child",gridColumn:"span 3",height:"100%",children:e.jsx(De,{density:s,"aria-label":"Single Child",selectionMode:"multiple",children:e.jsx(v,{textValue:"Aaa",children:"Aaa"})})}),e.jsx(ce,{label:"Icons",gridColumn:"span 2",children:e.jsxs(De,{"aria-label":"Icon",density:s,selectionMode:"multiple",children:[e.jsxs(v,{textValue:"Item with icon A",children:[e.jsx(ie,{}),e.jsx(b,{children:"Item with icon A"})]}),e.jsxs(v,{textValue:"Item with icon B",children:[e.jsx(ie,{}),e.jsx(b,{children:"Item with icon B"})]}),e.jsxs(v,{textValue:"Item with icon C",children:[e.jsx(ie,{}),e.jsx(b,{children:"Item with icon C"})]}),e.jsxs(v,{textValue:"Item with icon D",children:[e.jsx(ie,{}),e.jsx(b,{children:"Item with icon D with overflowing content"})]}),e.jsxs(v,{textValue:"Item with icon E",children:[e.jsx(ie,{}),e.jsx(b,{children:"Item with icon E"})]})]})}),e.jsx(ce,{label:"Mixed Children Types",children:e.jsxs(De,{"aria-label":"Mixed Children Types",density:s,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(v,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(v,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(v,{textValue:"Item with Description",children:[e.jsx(b,{children:"Item with Description"}),e.jsx(b,{slot:"description",children:"Description"})]}),e.jsxs(v,{textValue:"Complex Ccc",children:[e.jsx(R,{slot:"image",children:e.jsx(S,{icon:ze})}),e.jsx(b,{children:"Complex Ccc with text that should be truncated"})]}),e.jsxs(v,{textValue:"Complex Ccc with Description",children:[e.jsx(R,{slot:"image",children:e.jsx(S,{icon:ze})}),e.jsx(b,{children:"Complex Ccc with text that should be truncated"}),e.jsx(b,{slot:"description",children:"Description"})]})]})}),e.jsx(y,{gridColumn:"span 3",gap:14,children:e.jsx(L,{checked:i,onChange:w=>d(w.currentTarget.checked),children:"Show Ions"})}),e.jsxs(ce,{label:"Controlled",gridColumn:"span 2",children:[e.jsx(qr,{"aria-label":"Controlled",density:s,normalizedItems:sa,selectionMode:"multiple",selectedKeys:o,showItemIcons:i,onChange:j,actions:e.jsxs(rt,{overflowMode:"collapse",buttonLabelBehavior:"collapse",maxWidth:80,onAction:f,children:[e.jsxs(v,{children:[e.jsx(R,{children:e.jsx(S,{icon:Tr})}),e.jsx(b,{children:"Edit"})]},"Edit"),e.jsxs(v,{children:[e.jsx(R,{children:e.jsx(S,{icon:Nr})}),e.jsx(b,{children:"Delete"})]},"Delete")]})}),h," ",m]})]})]})}function la(){const t={maxHeight:500,display:"flex",flexDirection:"column",maxWidth:400},o="This is a short error message",r=`Mid length error message
 `.repeat(10),s=`Really long error message
 `.repeat(100),a="MidError",l="SuperLongErrorMessageType";return e.jsxs(x,{name:"error-views",children:[e.jsx("h2",{className:"ui-title",title:"Display error messages easily",children:"Error Views"}),e.jsx("h3",{children:"Expandable"}),e.jsxs("div",{className:"row",style:{maxHeight:500},children:[e.jsx("div",{className:"col",style:t,children:e.jsx(ee,{message:o})}),e.jsx("div",{className:"col",style:t,children:e.jsx(ee,{message:r,type:a})}),e.jsx("div",{className:"col",style:t,children:e.jsx(ee,{message:s,type:l})})]}),e.jsx("h3",{children:"Always expanded"}),e.jsxs("div",{className:"row",style:{maxHeight:500},children:[e.jsx("div",{className:"col",style:t,children:e.jsx(ee,{message:o,isExpanded:!0})}),e.jsx("div",{className:"col",style:t,children:e.jsx(ee,{message:r,type:a,isExpanded:!0})}),e.jsx("div",{className:"col",style:t,children:e.jsx(ee,{message:s,type:l,isExpanded:!0})})]})]})}function na(){return e.jsxs(x,{name:"checkbox-groups",children:[e.jsx("h2",{className:"ui-title",children:"Checkbox Groups"}),e.jsxs(y,{gap:"size-100",gridColumn:"span 3",height:"100%",children:[e.jsxs(y,{direction:"column",children:[e.jsx(b,{children:"Single Child"}),e.jsx(Ae,{"aria-label":"Single Child",children:e.jsx(U,{value:"Aaa",children:"Aaa"})})]}),e.jsxs(y,{direction:"column",children:[e.jsx(b,{children:"Multiple Children"}),e.jsxs(Ae,{"aria-label":"Multiple Children",children:[e.jsx(U,{value:"Aaa",children:"Aaa"}),e.jsx(U,{value:"Bbb",children:"Bbb"}),e.jsx(U,{value:"Ccc",children:"Ccc"})]})]}),e.jsxs(y,{direction:"column",children:[e.jsx(b,{children:"Mixed Children Types"}),e.jsxs(Ae,{"aria-label":"Mixed Children Types",children:["String 1","String 2",444,999,!0,!1,e.jsx(U,{children:"Aaa"})]})]})]})]})}const Do={position:"sticky",justifyContent:"end",zIndex:1,UNSAFE_style:{float:"right"}};function ia(){const{themes:t}=_o(),o=t.length>1,r=Oo()!=="";return e.jsx("div",{tabIndex:-1,role:"main",children:e.jsxs("div",{className:H("container","style-guide-container",r&&$t),children:[e.jsx(y,{justifyContent:"space-between",alignItems:"center",marginTop:"2rem",marginBottom:"1rem",children:e.jsx("h1",{style:{paddingTop:"2rem"},children:"Deephaven UI Components"})}),e.jsxs(y,{...Do,UNSAFE_className:r?"hide-when-isolated":void 0,marginTop:-56,top:20,gap:10,alignItems:"end",children:[o?e.jsx(dt,{}):null,e.jsx(Gs,{})]}),e.jsx(y,{...Do,UNSAFE_className:r?"hide-when-isolated":void 0,top:"calc(100vh - 40px)",marginTop:-32,marginEnd:o?-234:0,children:e.jsx(zs,{})}),e.jsx(xs,{}),e.jsx(ne,{"data-menu-category":"Colors"}),e.jsx(Ht,{}),e.jsx(Ls,{}),e.jsx(ne,{"data-menu-category":"Layout"}),e.jsx(qs,{}),e.jsx(ne,{"data-menu-category":"Components"}),e.jsx(ue,{}),e.jsx(hs,{}),e.jsx(ns,{}),e.jsx(aa,{}),e.jsx(ta,{}),e.jsx(cs,{}),e.jsx(Se,{}),e.jsx(us,{}),e.jsx(na,{}),e.jsx(zt,{}),e.jsx(ds,{}),e.jsx(Gt,{}),e.jsx(Wt,{}),e.jsx(ws,{}),e.jsx(gs,{}),e.jsx(ms,{}),e.jsx(as,{}),e.jsx(Xt,{}),e.jsx(rs,{}),e.jsx(Pt,{}),e.jsx(ht,{}),e.jsx(Xs,{}),e.jsx(la,{}),e.jsx(ne,{"data-menu-category":"Spectrum Components"}),e.jsx(Bs,{}),e.jsx(ne,{"data-menu-category":"Spectrum Comparison"}),e.jsx(Ys,{}),e.jsx(pr,{})]})})}function oo(t){const{workspace:o,setWorkspace:r}=t;return u.useEffect(()=>{ut.makeDefaultWorkspace({getLayouts:async()=>[],getLayout:async()=>({})}).then(r)},[r]),o!=null?e.jsx(ia,{}):null}oo.propTypes={workspace:Ce.shape({}),setWorkspace:Ce.func.isRequired};oo.defaultProps={workspace:null};const ca=t=>({workspace:Pr(t)}),da=vr(ca,{setWorkspace:_r})(oo);function Ca(){return it.register(new URL("./download/serviceWorker.js",window.location.href)),Br.init({getWorker:()=>new Dr}),window["__react-beautiful-dnd-disable-dev-warnings"]=!0,e.jsx(Xr,{children:e.jsx(fr,{store:Er,children:e.jsx(da,{})})})}export{Ca as StyleGuideRoot,Ca as default};
-//# sourceMappingURL=StyleGuideRoot-BstqHVIO.js.map
+//# sourceMappingURL=StyleGuideRoot-CdUtzsMw.js.map