@deephaven/code-studio 1.23.1-alpha-pivot-builder.5e6a5fd.0 → 1.24.0

package/build/assets/Plot-TfxZDgHj.js

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

package/build/assets/{Plot-DMjw9GWc.js.map → Plot-TfxZDgHj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Plot-DMjw9GWc.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-TfxZDgHj.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-ef0IRrqv.js → Plotly-FpWpXJKa.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-2vlwy6OF.js";const n=typeof t=="function"?t:t.default;a.register([o,e,s,r,l,c]);export{n as c};
-//# sourceMappingURL=Plotly-ef0IRrqv.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-nqq5FPz9.js";const n=typeof t=="function"?t:t.default;a.register([o,e,s,r,l,c]);export{n as c};
+//# sourceMappingURL=Plotly-FpWpXJKa.js.map

package/build/assets/{Plotly-ef0IRrqv.js.map → Plotly-FpWpXJKa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Plotly-ef0IRrqv.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-FpWpXJKa.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-CkzqrSfN.js → StyleGuideRoot-CsC10VTl.js}

@@ -1,4 +1,4 @@
-var hr=Object.defineProperty;var ur=(t,o,r)=>o in t?hr(t,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[o]=r;var z=(t,o,r)=>ur(t,typeof o!="symbol"?o+"":o,r);import{r as c,a7 as b,K as Q,I as e,at as Ee,aP as S,U as be,ad as Ko,a9 as V,M as N,b3 as qo,b2 as X,bj as ye,a1 as ho,bD as mr,aR as U,ap as uo,a8 as F,aq as mo,aS as gr,ar as go,a6 as Ae,au as k,bl as xr,b$ as Xo,bk as se,c0 as Ye,c1 as pr,c2 as vr,c3 as fr,c4 as ae,c5 as br,c6 as Le,c7 as L,ay as jr,as as yr,bh as Ze,ax as wr,b9 as Y,b8 as Cr,a4 as Sr,a5 as kr,aZ as Tr,ba as Nr,ao as Ir,bB as Dr,ae as Er,_ as Ar,W as Mr}from"./vendor-CLIsHur_.js";import{bB as xo,bC as re,bD as te,br as ke,ak as $r,bE as ao,bF as lo,bG as Yo,bl as Rr,bH as po,bI as vo,bJ as fo,a3 as Qe,bK as Lr,bL as Pr,V as _r,bM as Br,bN as Vr,bo,bO as Je,aS as Fr,f as Or,bP as Hr,s as Ur}from"./index-DnWZTVNG.js";import{a as Gr}from"./monaco-DaE0jI-i.js";import{c as Re,G as Zo,m as le,S as me,L as zr,I as Pe,b as Te}from"./IrisGridModel-B-vB6agk.js";import{B as y,u as no,t as ce,r as de,a$ as _,K as B,aw as Ne,au as Wr,Y as jo,c0 as yo,_ as Kr,C as O,b4 as we,S as Ie,aV as qr,ax as Xr,d as wo,J as Qo,V as Co,H as Me,G as w,c7 as ne,b6 as _e,b9 as Yr,aI as Zr,a4 as Qr,aK as Jr}from"./ControlType-C5Q1eDNC.js";import{l as So,H as et,A as ot,T as rt,D as tt,g as st,d as at,k as lt,V as R,R as nt,M as Ce,e as it,L as Be,i as ct,E as W,C as Ve,f as dt,h as ht}from"./MockChartModel-Cjl4VuVX.js";import{G as he,T as ut}from"./Grid-DOvwp--4.js";import{l as Jo,O as P,C as eo,b as mt,S as gt,c as ve,P as ko,h as xt,e as pt,g as vt,L as ft}from"./GridTokenMouseHandler-BDmSZTDp.js";import{p as To,g as bt,v as jt,w as yt,P as No,x as A,O as wt,L as Ct,D as St}from"./IrisGridShortcuts-BpBm81KU.js";import{b as kt,T as Tt,k as Nt}from"./LocalWorkspaceStorage-_btrBS65.js";import"./helpers-BosuxZz1.js";import"./useMergeRef-BO8MVMb8.js";function Io(t,o,r,s,a,l,n){try{var i=t[l](n),d=i.value}catch(m){return void r(m)}i.done?o(d):Promise.resolve(d).then(s,a)}function Fe(t){return function(){var o=this,r=arguments;return new Promise(function(s,a){var l=t.apply(o,r);function n(d){Io(l,s,a,n,i,"next",d)}function i(d){Io(l,s,a,n,i,"throw",d)}n(void 0)})}}function q(t,o,r){return(o=It(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function It(t){var o=Dt(t,"string");return typeof o=="symbol"?o:o+""}function Dt(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 io extends Re{constructor(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=o.rowCount,s=r===void 0?1e9:r,a=o.columnCount,l=a===void 0?100:a,n=o.floatingTopRowCount,i=n===void 0?0:n,d=o.floatingBottomRowCount,m=d===void 0?0:d,h=o.floatingLeftColumnCount,u=h===void 0?0:h,x=o.floatingRightColumnCount,p=x===void 0?0:x,j=o.isEditable,g=j===void 0?!1:j,v=o.editedData,C=v===void 0?[]:v;super(),q(this,"numRows",void 0),q(this,"numColumns",void 0),q(this,"floatingTop",void 0),q(this,"floatingBottom",void 0),q(this,"floatingLeft",void 0),q(this,"floatingRight",void 0),q(this,"editable",void 0),q(this,"editedData",void 0),this.numRows=s,this.numColumns=l,this.floatingTop=i,this.floatingBottom=m,this.floatingLeft=u,this.floatingRight=p,this.editable=g,this.editedData=C}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 Fe(function*(){a.editedData[o]==null&&(a.editedData[o]=[]),a.editedData[o][r]="".concat(s)})()}setValueForRanges(o,r){var s=this;return Fe(function*(){Zo.forEachCell(o,(a,l)=>{s.setValueForCell(a,l,r)})})()}setValues(o){var r=this;return Fe(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 Et(t,o){return Rt(t)||$t(t,o)||Mt(t,o)||At()}function At(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+var hr=Object.defineProperty;var ur=(t,o,r)=>o in t?hr(t,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[o]=r;var z=(t,o,r)=>ur(t,typeof o!="symbol"?o+"":o,r);import{r as c,a7 as b,K as Q,I as e,at as Ee,aP as S,U as be,ad as Ko,a9 as V,M as N,b3 as qo,b2 as X,bj as ye,a1 as ho,bD as mr,aR as U,ap as uo,a8 as F,aq as mo,aS as gr,ar as go,a6 as Ae,au as k,bl as xr,b$ as Xo,bk as se,c0 as Ye,c1 as pr,c2 as vr,c3 as fr,c4 as ae,c5 as br,c6 as Le,c7 as L,ay as jr,as as yr,bh as Ze,ax as wr,b9 as Y,b8 as Cr,a4 as Sr,a5 as kr,aZ as Tr,ba as Nr,ao as Ir,bB as Dr,ae as Er,_ as Ar,W as Mr}from"./vendor-CLIsHur_.js";import{bB as xo,bC as re,bD as te,br as ke,ak as $r,bE as ao,bF as lo,bG as Yo,bl as Rr,bH as po,bI as vo,bJ as fo,a3 as Qe,bK as Lr,bL as Pr,V as _r,bM as Br,bN as Vr,bo,bO as Je,aS as Fr,f as Or,bP as Hr,s as Ur}from"./index-CnqPj7XI.js";import{a as Gr}from"./monaco-DaE0jI-i.js";import{c as Re,G as Zo,m as le,S as me,L as zr,I as Pe,b as Te}from"./IrisGridModel-CTEHb6PR.js";import{B as y,u as no,t as ce,r as de,a$ as _,K as B,aw as Ne,au as Wr,Y as jo,c0 as yo,_ as Kr,C as O,b4 as we,S as Ie,aV as qr,ax as Xr,d as wo,J as Qo,V as Co,H as Me,G as w,c7 as ne,b6 as _e,b9 as Yr,aI as Zr,a4 as Qr,aK as Jr}from"./ControlType-D-FHrjeq.js";import{l as So,H as et,A as ot,T as rt,D as tt,g as st,d as at,k as lt,V as R,R as nt,M as Ce,e as it,L as Be,i as ct,E as W,C as Ve,f as dt,h as ht}from"./MockChartModel-C6mOxwl_.js";import{G as he,T as ut}from"./Grid-BwyyEvwo.js";import{l as Jo,O as P,C as eo,b as mt,S as gt,c as ve,P as ko,h as xt,e as pt,g as vt,L as ft}from"./GridTokenMouseHandler-B_9H24FK.js";import{p as To,g as bt,v as jt,w as yt,P as No,x as A,O as wt,L as Ct,D as St}from"./IrisGridShortcuts-CQDzwWKt.js";import{b as kt,T as Tt,k as Nt}from"./LocalWorkspaceStorage-DPIAZC1H.js";import"./helpers-BosuxZz1.js";import"./useMergeRef-BO8MVMb8.js";function Io(t,o,r,s,a,l,n){try{var i=t[l](n),d=i.value}catch(m){return void r(m)}i.done?o(d):Promise.resolve(d).then(s,a)}function Fe(t){return function(){var o=this,r=arguments;return new Promise(function(s,a){var l=t.apply(o,r);function n(d){Io(l,s,a,n,i,"next",d)}function i(d){Io(l,s,a,n,i,"throw",d)}n(void 0)})}}function q(t,o,r){return(o=It(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function It(t){var o=Dt(t,"string");return typeof o=="symbol"?o:o+""}function Dt(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 io extends Re{constructor(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=o.rowCount,s=r===void 0?1e9:r,a=o.columnCount,l=a===void 0?100:a,n=o.floatingTopRowCount,i=n===void 0?0:n,d=o.floatingBottomRowCount,m=d===void 0?0:d,h=o.floatingLeftColumnCount,u=h===void 0?0:h,x=o.floatingRightColumnCount,p=x===void 0?0:x,j=o.isEditable,g=j===void 0?!1:j,v=o.editedData,C=v===void 0?[]:v;super(),q(this,"numRows",void 0),q(this,"numColumns",void 0),q(this,"floatingTop",void 0),q(this,"floatingBottom",void 0),q(this,"floatingLeft",void 0),q(this,"floatingRight",void 0),q(this,"editable",void 0),q(this,"editedData",void 0),this.numRows=s,this.numColumns=l,this.floatingTop=i,this.floatingBottom=m,this.floatingLeft=u,this.floatingRight=p,this.editable=g,this.editedData=C}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 Fe(function*(){a.editedData[o]==null&&(a.editedData[o]=[]),a.editedData[o][r]="".concat(s)})()}setValueForRanges(o,r){var s=this;return Fe(function*(){Zo.forEachCell(o,(a,l)=>{s.setValueForCell(a,l,r)})})()}setValues(o){var r=this;return Fe(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 Et(t,o){return Rt(t)||$t(t,o)||Mt(t,o)||At()}function At(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Mt(t,o){if(t){if(typeof t=="string")return Do(t,o);var r={}.toString.call(t).slice(8,-1);return r==="Object"&&t.constructor&&(r=t.constructor.name),r==="Map"||r==="Set"?Array.from(t):r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Do(t,o):void 0}}function Do(t,o){(o==null||o>t.length)&&(o=t.length);for(var r=0,s=Array(o);r<o;r++)s[r]=t[r];return s}function $t(t,o){var r=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(r!=null){var s,a,l,n,i=[],d=!0,m=!1;try{if(l=(r=r.call(t)).next,o!==0)for(;!(d=(s=l.call(r)).done)&&(i.push(s.value),i.length!==o);d=!0);}catch(h){m=!0,a=h}finally{try{if(!d&&r.return!=null&&(n=r.return(),Object(n)!==n))return}finally{if(m)throw a}}return i}}function Rt(t){if(Array.isArray(t))return t}function M(t,o,r){return(o=Lt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Lt(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 D extends io{constructor(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=o.rowCount,s=r===void 0?D.DEFAULT_ROW_COUNT:r,a=o.columnCount,l=a===void 0?D.DEFAULT_COLUMN_COUNT:a,n=o.children,i=n===void 0?new Map:n,d=o.childRowCount,m=d===void 0?Math.ceil(Math.max(D.MIN_CHILD_ROW_COUNT,s*D.DEFAULT_CHILD_ROW_COUNT_FACTOR)):d,h=o.maxDepth,u=h===void 0?D.MAX_DEPTH:h;super({rowCount:s,columnCount:l}),M(this,"children",void 0),M(this,"childRowCount",void 0),M(this,"maxDepth",void 0),M(this,"getCachedModelRowOffset",le((x,p)=>{for(var j=null,g=p,v=[...x].sort((J,H)=>J[0]-H[0]),C=0;C<v.length;C+=1){var E=Et(v[C],2),T=E[0],ue=E[1];if(g<=T)break;var G=ue.rowCount;if(g<=T+G){j=T,g=g-T-1;break}g-=G}return{key:j,offsetRow:g}},{max:1e4})),M(this,"getCachedTextForRowHeader",le((x,p)=>{var j=this.getCachedModelRowOffset(x,p),g=j.key,v=j.offsetRow;if(g!=null){var C=x.get(g);if(C!==void 0)return"".concat(g,".").concat(C.textForRowHeader(v))}return"".concat(v)},{max:1e4})),M(this,"getCachedTextForCell",le((x,p,j)=>{var g=this.getCachedModelRowOffset(x,j),v=g.key,C=g.offsetRow;if(v!=null){var E=x.get(v);if(E!==void 0)return"".concat(v,".").concat(E.textForCell(p,C))}return"".concat(p,",").concat(C)},{max:1e4})),M(this,"getCachedIsRowExpandable",le((x,p,j)=>{var g=this.getCachedDepthForRow(x,p);return g<j},{max:1e4})),M(this,"getCachedIsRowExpanded",le((x,p)=>{var j=this.getCachedModelRowOffset(x,p),g=j.key,v=j.offsetRow;if(g!=null){var C=x.get(g);if(C!==void 0)return C.isRowExpanded(v)}return x.has(v)},{max:1e4})),M(this,"getCachedDepthForRow",le((x,p)=>{var j=this.getCachedModelRowOffset(x,p),g=j.key,v=j.offsetRow;if(g!=null){var C=x.get(g);if(C!==void 0)return C.depthForRow(v)+1}return 0},{max:1e4})),this.children=i,this.childRowCount=m,this.maxDepth=u}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,a=this.getCachedModelRowOffset(this.children,o),l=a.key,n=a.offsetRow,i=new Map(this.children);if(l!=null){var d=this.children.get(l);if(d!==void 0){var m=d.rowCount;d.setRowExpanded(n,r,s),this.numRows+=d.rowCount-m}}else if(r){var u=new D({rowCount:this.childRowCount,columnCount:this.numColumns});i.set(n,u),this.numRows+=u.rowCount}else{var h=i.get(n);h!==void 0&&(this.numRows-=h.rowCount,i.delete(n))}this.children=i}expandAll(){throw new Error("Expand all not implemented.")}collapseAll(){throw new Error("Collapse all not implemented.")}depthForRow(o){return this.getCachedDepthForRow(this.children,o)}}M(D,"DEFAULT_ROW_COUNT",1e9);M(D,"DEFAULT_COLUMN_COUNT",100);M(D,"DEFAULT_CHILD_ROW_COUNT_FACTOR",.01);M(D,"MIN_CHILD_ROW_COUNT",10);M(D,"MAX_DEPTH",10);function Oe(t,o,r){return(o=_t(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function _t(t){var o=Bt(t,"string");return typeof o=="symbol"?o:o+""}function Bt(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 Vt extends Re{constructor(o,r){var s;super(),Oe(this,"data",void 0),Oe(this,"columnHeaders",void 0),Oe(this,"numberOfColumns",void 0),this.data=o,this.numberOfColumns=Math.max(...o.map(a=>a.length),(s=r==null?void 0: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 He(t,o,r){return(o=Ft(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Ft(t){var o=Ot(t,"string");return typeof o=="symbol"?o:o+""}function Ot(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 Ht extends Re{constructor(o,r){super(),He(this,"numberOfColumns",void 0),He(this,"numberOfRows",void 0),He(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,m=r-((s=(a=this.viewportData)===null||a===void 0?void 0:a.rowOffset)!==null&&s!==void 0?s:0),h=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||(d=d.data[m])===null||d===void 0?void 0:d[h])!==null&&i!==void 0?i:"")}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}}function $(t,o,r){return(o=Ut(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Ut(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)}var zt="proportional",Wt=Jo.positiveBarColor,Kt=Jo.negativeBarColor,qt="beside",Xt="LTR",Yt="right";function Zt(t){return Array.isArray(t)&&t.every(o=>typeof o=="number")}class Qt extends Re{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,m=arguments.length>8&&arguments[8]!==void 0?arguments[8]:new Map;super(),$(this,"numberOfColumns",void 0),$(this,"numberOfRows",void 0),$(this,"data",void 0),$(this,"columnMins",void 0),$(this,"columnMaxs",void 0),$(this,"columnAxes",void 0),$(this,"valuePlacements",void 0),$(this,"directions",void 0),$(this,"positiveColors",void 0),$(this,"negativeColors",void 0),$(this,"opacities",void 0),$(this,"textAlignments",void 0),$(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=m,this.numberOfRows=Math.max(...o.map(x=>x.length)),this.numberOfColumns=o.length,this.columnMins=new Map,this.columnMaxs=new Map;for(var h=0;h<o.length;h+=1){var u=o[h];Zt(u)&&(this.columnMins.set(h,Math.min(...u)),this.columnMaxs.set(h,Math.max(...u)))}}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:Yt}renderTypeForCell(o,r){return o<20||o%2===r%2?"dataBar":"text"}dataBarOptionsForCell(o,r){var s,a,l,n,i,d,m,h=xo(this.columnMins,o),u=xo(this.columnMaxs,o),x=(s=this.columnAxes.get(o))!==null&&s!==void 0?s:zt,p=(a=this.valuePlacements.get(o))!==null&&a!==void 0?a:qt,j=this.opacities.get(o);j==null||j>1?j=1:j<0&&(j=0);var g=(l=this.directions.get(o))!==null&&l!==void 0?l:Xt,v=(n=this.positiveColors.get(o))!==null&&n!==void 0?n:Wt,C=(i=this.negativeColors.get(o))!==null&&i!==void 0?i:Kt,E=Number((d=this.data[o])===null||d===void 0?void 0:d[r]),T=E>=0?v:C,ue=(m=this.markers.get(o))!==null&&m!==void 0?m:[],G=Array.isArray(T)&&T.length>1,J;return G?J=E>=0?T[T.length-1]:T[0]:J=Array.isArray(T)?T[0]:T,{columnMin:h,columnMax:u,axis:x,color:T,textColor:J,valuePlacement:p,opacity:j,markers:ue,direction:g,value:E}}}const Jt="isolated-section-query",er="sample-section";function*je(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}`,m=`${i.repeat(3)}${n}`;yield c.createElement(b,{key:d,textValue:m,children:m})}}function*co(t,o={}){const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",s=r.length,a=Object.keys(re);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],m=`${d}${i}`,h=o.icons===!0?a[l%a.length]:void 0,u=o.descriptions===!0?`Description ${m}`:void 0,x=h??`${d.repeat(3)}${i}`;yield{key:m,item:{key:(l+1)*100,content:x,textValue:x,description:u,icon:h}}}}function*or(t=1){for(;;)t=t*16807%2147483647,yield t/2147483647}function Eo(){return window.location.search.includes("isolateSection=true")?window.location.hash.replace(/^#/,""):""}function rr(){const[t,o]=c.useState(Eo);return c.useEffect(()=>{const r=()=>o(Eo());return window.addEventListener("hashchange",r),()=>window.removeEventListener("hashchange",r)},[]),t}function es(t=1){const[o]=c.useState(()=>or(t));return c.useCallback(()=>{const r=o.next();if(r.done===!0)throw new Error("Random number generator unexpectedly finished");return r.value},[o])}function tr(t){return`${er}-${t.toLocaleLowerCase().replaceAll(" ","-")}`}function sr(t,o=[]){const r=tr(t),s=Q(er,...o);return{id:r,className:s}}function os(t,o=[]){const{id:r,className:s}=sr(t,o);return{id:r,UNSAFE_className:s}}function f({name:t,className:o="",component:r="div",...s}){const a=rr(),l=tr(t);if(!(a===""||a===l))return null;const i=r==="div"?sr:os;return e.jsx(r,{...s,...i(t,[o])})}function I(){}class fe extends c.Component{static renderButtons(){return e.jsxs(e.Fragment,{children:[e.jsx("h5",{children:"Button Kinds"}),e.jsx(f,{name:"buttons-regular",style:{padding:"1rem 0"},children:e.jsxs(Ee,{children:[e.jsx(y,{kind:"primary",onClick:I,children:"Primary"}),e.jsx(y,{kind:"secondary",onClick:I,children:"Secondary"}),e.jsx(y,{kind:"tertiary",onClick:I,children:"Tertiary"}),e.jsx(y,{kind:"success",onClick:I,children:"Success"}),e.jsx(y,{kind:"danger",onClick:I,children:"Danger"}),e.jsx(y,{kind:"inline",onClick:I,children:"Inline"}),e.jsx(y,{kind:"ghost",onClick:I,children:"Ghost"})]})})]})}static renderLinks(){const o={primary:"accent",secondary:"neutral",success:"positive",info:"info",warning:"notice",danger:"negative"};return e.jsxs(f,{name:"links",style:{paddingTop:"1rem"},children:[e.jsx("h5",{children:"Links"}),e.jsx(S,{gap:"1rem",children:Object.entries(o).map(([r,s])=>e.jsxs("a",{className:`text-${r}`,children:[r," (",s,")"]},r))})]})}static renderSocketedButtons(){return e.jsxs(f,{name:"buttons-socketed",children:[e.jsx("h5",{children:"Socketed Buttons (for linker)"}),e.jsxs(Ee,{marginBottom:"1rem",children:[e.jsx(me,{onClick:I,children:"Unlinked"}),e.jsx(me,{isLinked:!0,onClick:I,children:"Linked"}),e.jsx(me,{isLinkedSource:!0,onClick:I,children:"Linked Source"}),e.jsx(me,{isLinked:!0,isInvalid:!0,onClick:I,children:"Error"}),e.jsx(me,{disabled:!0,onClick:I,children:"Disabled"})]})]})}constructor(o){super(o),this.state={toggle:!0}}renderInlineButtons(){const{toggle:o}=this.state;return e.jsxs(f,{name:"buttons-inline",style:{padding:"1rem 0"},children:[e.jsx("h5",{children:"Inline Buttons"}),"Regular btn-inline:",e.jsx(y,{className:"mx-2",kind:"inline",icon:te,tooltip:"test",onClick:I}),"Toggle button (class active):",e.jsx(y,{className:"mx-2",onClick:()=>{this.setState({toggle:!o})},active:o,kind:"inline",icon:te,tooltip:"test"}),"Disabled:",e.jsx(y,{className:"mx-2",kind:"inline",disabled:!0,onClick:I,children:"Disabled"}),"With Text:",e.jsx(y,{className:"mx-2",kind:"inline",icon:te,onClick:I,children:e.jsx("span",{children:"Text Button"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("span",{children:"btn-link-icon (no text):"}),e.jsx(y,{kind:"ghost",icon:te,tooltip:"test",onClick:I}),e.jsx("span",{className:"mx-2",children:"btn-link:"}),e.jsx(y,{kind:"ghost",onClick:I,children:"Text Button"}),e.jsx("span",{className:"mx-2",children:"btn-link (text w/ optional with icon):"}),e.jsx(y,{kind:"ghost",icon:te,onClick:I,children:"Text Button"})]})}render(){const o=fe.renderButtons(),r=this.renderInlineButtons(),s=fe.renderSocketedButtons(),a=fe.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 rs(){const t=no();So.random=es();const[o]=c.useState(()=>new So(t));return e.jsxs(f,{name:"charts",children:[e.jsx("h2",{className:"ui-title",children:"Chart"}),e.jsx("div",{style:{height:500},children:e.jsx(zr,{model:o})})]})}const oo="2px solid var(--dh-color-notice-bg)",ts={"--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"},Ao={"--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"},ss={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 as(t){const o=ke.parseRgba(ke.asRgbOrRgbaString(t)??"");if(o==null||o.a<.5)return"white";const{r,g:s,b:a}=o;return ke.getBrightness([r,s,a])>=128?"black":"white"}function ls(t){const o=getComputedStyle(document.documentElement);return t.split(/[\n;]/g).map(s=>{var a;return(a=/^(?:\s{2}|:root\{)?(--dh-color-(?:[^:]+))/.exec(s))==null?void 0:a[1]}).filter(s=>!!s).map(s=>{const a=o.getPropertyValue(s);return s==="--dh-color-chart-colorway"?$r(a??"").map(([n,i])=>a.substring(n,i+1)).map((n,i)=>({name:`${s}-${i}`,value:n})):{name:s,value:a}}).flat()}function ie(t,o,r,s=ts){const a=ss[t];return ls(o).reduce((i,{name:d,value:m})=>{if(/^--dh-color-true-(.*?)$/.test(d)||/^--dh-color-gray-(light|mid|dark)$/.test(d))return i;const h=/^--dh-color-([^-]+)(?:-([^-]+))?/.exec(d);let u=s[d]??(h==null?void 0:h[r])??(h==null?void 0:h[1])??"???";return u=a[u]??u,u==="map"||(i[u]==null&&(i[u]=[]),d in Ao&&i[u].push({isLabel:!0,name:Ao[d],value:""}),/^--dh-color-gray-(light|mid|dark)$/.test(d))||i[u].push({name:d,value:m}),i},{})}function ns(){const t=c.useRef(null);return c.useLayoutEffect(()=>{if(t.current==null)return;const o=getComputedStyle(t.current),{backgroundColor:r}=o;t.current.style.color=as(r)},[]),t}function is(t,o){const[r,s]=c.useState();return c.useEffect(()=>{var i;if(t.current==null)return;const a=getComputedStyle(t.current,o).getPropertyValue("content"),l=(i=/"(--dh-color-.*?)[,"]/.exec(a))==null?void 0:i[1];if(l==null)return;const n=getComputedStyle(t.current).getPropertyValue(l);s(n)},[t,o]),r}function Ue({className:t,children:o}){const r=ns(),s=is(r,":after"),a=c.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:oo},children:[l&&e.jsx(ce,{interactive:!0,children:e.jsx("div",{children:a.value})}),o]})}function cs(){const t=["100","200","300","400","500","600","700","800","850","8XX","900"].map(s=>e.jsx(Ue,{className:Q("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(Ue,{className:Q("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(Ue,{className:Q("swatch",`swatch-${s}`),children:s},s));return e.jsxs(f,{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 ds extends c.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:ao,action:()=>{alert(`Alert${r}!`)},shortcut:new de({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[_.CTRL,B.A],macShortcut:[_.CMD,B.A]})},{title:`Log Message${r}`,icon:lo,action:()=>{console.log(`Logging a message${r}!`)},shortcut:new de({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[_.CTRL,B.L],macShortcut:[_.CMD,B.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:Yo,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new de({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[_.CTRL,B.SLASH],macShortcut:[_.CMD,B.SLASH]}),group:Ne.groups.global}].concat(o),a=()=>new Promise(l=>{setTimeout(()=>{l(o)},3e3)});return e.jsxs(f,{name:"context-menus",children:[e.jsx("h2",{className:"ui-title",children:"Context Menu"}),e.jsxs(y,{kind:"primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(Ne,{actions:s})]}),e.jsxs(y,{kind:"tertiary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(Ne,{actions:a})]})]})}}class hs extends c.Component{constructor(o){super(o),this.sampleInput=be.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(f,{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(y,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Open Dialog",e.jsx(Wr,{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(et,{menuText:"Checkbox Menu",valueMap:r,onUpdateValueMap:this.handleUpdateCheckboxMap})]})}}class us extends c.Component{constructor(o){super(o),this.state={isShown:!1}}render(){const o=[{title:"Show Alert",icon:ao,action:()=>{alert("Alert!")},shortcut:new de({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[_.CTRL,B.A],macShortcut:[_.CMD,B.A]})},{title:"Log Message",icon:lo,action:()=>{console.log("Logging a message!")},shortcut:new de({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[_.CTRL,B.L],macShortcut:[_.CMD,B.L]})}],s=[{title:"Show Shortcuts",icon:Yo,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new de({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[_.CTRL,B.SLASH],macShortcut:[_.CMD,B.SLASH]}),group:Ne.groups.global}].concat(o),{isShown:a}=this.state;return e.jsxs(f,{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(y,{kind:"inline",className:"mx-2",icon:Rr,onClick:()=>{},children:e.jsx(jo,{actions:s})}),e.jsxs(y,{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(jo,{isShown:a,onMenuClosed:()=>{this.setState({isShown:!1})},actions:s})]})]})}}const ms=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")\\
     .headBy(3, "Sym")\\
     .view("Sym", "Last")
@@ -206,4 +206,4 @@ simulation = shares30min.update("Values=(double[])ss.update(Sym, TargetPosition,
   </div>`;return e.jsxs(f,{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(N,{icon:po})}),e.jsx("div",{className:"icon card",children:e.jsx(N,{icon:vo})}),e.jsx("div",{className:"icon card",children:e.jsx(N,{icon:fo})}),e.jsx("div",{className:"icon card",children:"="}),e.jsxs(y,{kind:"inline",className:"card",onClick:()=>{$o(m).then(()=>{i({text:e.jsx("span",{children:"Copied composition example"})})}).catch(h=>{i({text:e.jsx("span",{className:"text-danger",children:h.message})})})},children:[e.jsx("div",{className:"icon",children:e.jsxs("div",{className:"fa-md fa-layers",children:[e.jsx(N,{mask:po,icon:vo,transform:"down-7 right-7"}),e.jsx(N,{icon:fo})]})}),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:h=>{l(h.target.value)}}),e.jsx("span",{className:"mx-2",children:"Show: "}),e.jsx(y,{kind:"inline",active:r,className:"mr-2",onClick:()=>s(!r),icon:r?re.vsCheck:re.vsClose,children:"VS ICONS"}),e.jsx(y,{kind:"inline",active:t,className:"mr-2",onClick:()=>o(!t),icon:t?re.vsCheck:re.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(Ds,{message:n})]})]})})]})}const ir=[{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"}],Lo=ir.map(({title:t,value:o})=>e.jsx(b,{children:t},o)),As=[{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 Ms(){const[t,o]=c.useState(!1),[r,s]=c.useState(""),[a,l]=c.useState(!0),[n,i]=c.useState(!1),[d,m]=c.useState(!1),[h,u]=c.useState(!1),[x,p]=c.useState(null),[j,g]=c.useState("1"),[v,C]=c.useState(),[E,T]=c.useState("-DLiveTableMonitor.updateThreads=8 -DLiveTableMonitor.printDependencyInformation=false -Dassertion.heapDump=true -Drequire.heapDump=true -Dassertion.heapDump=true -Drequire.heapDump=true"),ue=c.useCallback(H=>{g(H)},[]),G=c.useCallback(()=>{o(!t)},[t]),J=c.useCallback(H=>{s(H.target.value)},[]);return e.jsxs(f,{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(Kr,{value:r,placeholder:"Search Input",onChange:J})})]})}),e.jsx("div",{className:"col",children:e.jsxs("form",{children:[e.jsx("h5",{children:" Checkboxes "}),e.jsx(O,{className:"form-group",checked:a,onChange:()=>l(!a),children:"Checked checkbox"}),e.jsx(O,{className:"form-group",checked:n,onChange:()=>i(!n),children:"Unchecked checkbox"}),e.jsx(O,{className:"form-group",disabled:!0,checked:null,children:"Disabled checkbox"}),e.jsx(O,{className:"form-group",isInvalid:!0,checked:d,onChange:()=>m(!d),children:"Invalid checkbox"}),e.jsx(O,{className:"form-group",checked:h,onChange:()=>u(!h),children:"Add radio button"}),e.jsx(O,{className:"form-group",checked:x,onChange:()=>{x==null?p(!0):p(x?!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(qo,{"aria-labelledby":"inputs-radios-heading",onChange:ue,value:j,isInvalid:j==="4",description:"Select a radio item",errorMessage:j==="4"?"Invalid radio selected":void 0,children:[e.jsx(X,{value:"1",children:"Toggle this custom radio"}),e.jsx(X,{value:"2",children:"Or toggle this other custom radio"}),e.jsx(X,{value:"3",isDisabled:!0,children:"Disabled radio"}),e.jsx(X,{value:"4",children:"Invalid radio"}),e.jsx(X,{isHidden:!h,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(we,{on:t,onClick:G})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{children:String(!t)}),e.jsx(we,{on:!t,onClick:G})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"isInvalid",children:"isInvalid"}),e.jsx(we,{on:!t,isInvalid:!0,onClick:G})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"disabled",children:"disabled"}),e.jsx(we,{on:!t,disabled:!0,onClick:G})]})]})]}),e.jsxs("div",{className:"col",children:[e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Selection Menu"}),e.jsxs(Ie,{onChange:H=>{},defaultValue:"0",className:"custom-select",children:[e.jsx(P,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(P,{value:"1",children:"One"}),e.jsx(P,{value:"2",children:"Two"}),e.jsx(P,{value:"3",children:"Three"})]})]}),e.jsx("div",{className:"form-group",children:e.jsxs(Ie,{onChange:H=>{},defaultValue:"0",className:"custom-select",disabled:!0,children:[e.jsx(P,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(P,{value:"1",children:"One"}),e.jsx(P,{value:"2",children:"Two"}),e.jsx(P,{value:"3",children:"Three"})]})}),e.jsx("div",{className:"form-group",children:e.jsxs(Ie,{onChange:H=>{},defaultValue:"0",className:"custom-select",isInvalid:!0,children:[e.jsx(P,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(P,{value:"1",children:"One"}),e.jsx(P,{value:"2",children:"Two"}),e.jsx(P,{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(eo,{"aria-label":"ComboBox",width:"100%",children:Lo})}),e.jsx("br",{}),e.jsx("div",{className:"input-group",children:e.jsx(eo,{"aria-label":"Disabled ComboBox",isDisabled:!0,width:"100%",children:Lo})})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"AutoCompleteInput"}),e.jsx(ot,{options:ir,noMatchText:"No Matches."})]})]}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Time Input"}),e.jsx(rt,{}),e.jsx("br",{}),e.jsx("h5",{children:"Date Input"}),e.jsx(tt,{}),e.jsx("br",{}),e.jsx("h5",{children:"DateTime Input"}),e.jsx(mt,{}),e.jsx("br",{}),e.jsx("h5",{children:"Custom Timeselect"}),e.jsx(st,{options:As,value:v??null,onChange:C,customText:"Custom Timeout",placeholder:"Select a timeout",timeToValue:H=>H*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(at,{value:E,delimiter:" -",onChange:T})]})})})]})}class $s extends c.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 m=l;m<=n&&m<=s;m+=1){const h=`Item ${m}`,u=this.selectedItems.indexOf(m)>=0;i.push({value:h,isSelected:u})}const d=l;this.setState({offset:d,items:i})}render(){const{offset:o,items:r,itemCount:s}=this.state;return e.jsx(gt,{itemCount:s,items:r,offset:o,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}class ro extends c.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{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 m=l;m<=n;m+=1){const h=`Item ${m}`,u=this.selectedItems.indexOf(m)>=0;i.push({value:h,isSelected:u})}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(qr,{isMultiSelect:o,itemCount:a,items:s,offset:r,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}z(ro,"defaultProps");function Rs(){return e.jsxs(f,{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($s,{})})]})}),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(ro,{})})]})}),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(ro,{isMultiSelect:!0})})]})})]})]})}function Ls(){const[t,o]=c.useState(0),[r,s]=c.useState(!0),a=()=>{o(0)};function l(n){return e.jsxs(be.Fragment,{children:[e.jsxs(y,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o(n)},children:[n," ",n>1?"Actions":"Action"]}),e.jsx(Xr,{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(f,{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(O,{checked:r,onChange:()=>s(!r),children:"Checked checkbox"})]}),e.jsxs("div",{className:"modal-footer",children:[e.jsx(y,{kind:"secondary","data-dismiss":"modal",onClick:()=>{},children:"Close"}),e.jsx(y,{kind:"primary",onClick:()=>{},children:"Save changes"})]})]})})})]})}function Ps(){return e.jsxs(f,{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(Qe,{className:"loading-spinner-large"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Button Progress Spinner"}),e.jsx(y,{kind:"primary",className:"btn-spinner btn-cancelable",style:{minWidth:"10rem"},onClick:()=>{},children:e.jsxs("span",{children:[e.jsx(Qe,{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 _s extends c.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(f,{name:"time-slider-inputs",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Time Slider"}),e.jsx(lt,{startTime:o,endTime:r,isStartModified:l,isEndModified:n,onChange:this.handleSliderChange}),e.jsxs("p",{style:l?{color:"var(--dh-color-modified)"}:{},children:["StartTime: ",wo.formatTime(o)]}),e.jsxs("p",{style:n?{color:"var(--dh-color-modified)"}:{},children:["EndTime: ",wo.formatTime(r)]})]})}}function Bs(){const o=[lo,ao].map(r=>e.jsx(N,{icon:r},`${r.prefix}-${r.iconName}`));return e.jsxs(f,{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(ce,{children:"Text only content"})]}),e.jsxs("div",{className:"btn btn-secondary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Complex Tooltip",e.jsxs(ce,{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(Qe,{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(ce,{interactive:!0,children:[e.jsx("div",{children:"This tooltip is interactive."}),e.jsx("hr",{}),e.jsx(y,{kind:"primary",onClick:()=>{alert("Button clicked!")},children:"Show Alert"})]})]})]})}function Vs(){return e.jsxs(f,{name:"toast",children:[e.jsx("h2",{className:"ui-title",children:"Toast"}),e.jsx("div",{children:e.jsxs(Ee,{children:[e.jsx(y,{kind:"tertiary",onClick:()=>ye.neutral("Neutral toast",{timeout:5e3}),children:"Show neutral toast"}),e.jsx(y,{kind:"success",onClick:()=>ye.positive("Positive toast",{timeout:5e3}),children:"Show positive toast"}),e.jsx(y,{kind:"danger",onClick:()=>ye.negative("Negative toast",{timeout:5e3}),children:"Show negative toast"}),e.jsx(y,{kind:"primary",onClick:()=>ye.info("Info toast",{timeout:5e3}),children:"Show info toast"})]})})]})}function Fs(){return e.jsxs(f,{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 cr extends c.PureComponent{constructor(r){super(r);z(this,"getViewportItems",Ko((r,s,a)=>r==null||s==null?[]:a.slice(r,s)));this.handleSelectionChange=this.handleSelectionChange.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.itemList=be.createRef(),this.selectedItems=[],this.state={topRow:null,bottomRow:null}}focusItem(r){this.itemList.current&&this.itemList.current.focusItem(r)}handleSelectionChange(r){console.log("Selection changed",r);const{onSelectionChange:s}=this.props;s(r)}handleViewportChange(r,s){const{items:a}=this.props,l=s-r+1,n=Math.max(0,r-l),i=Math.min(s+l,a.length);this.setState({topRow:n,bottomRow:i})}render(){const{draggablePrefix:r,droppableId:s,isDragDisabled:a,isDropDisabled:l,isMultiSelect:n,items:i,selectedRanges:d}=this.props,{topRow:m,bottomRow:h}=this.state;return e.jsx(ve,{draggablePrefix:r,droppableId:s,isDragDisabled:a,isDropDisabled:l,isMultiSelect:n,itemCount:i.length,items:this.getViewportItems(m,h,i),offset:m??0,onSelectionChange:this.handleSelectionChange,onViewportChange:this.handleViewportChange,ref:this.itemList,selectedRanges:d})}}z(cr,"defaultProps");const ze=["Draggable Only","Drag and Drop","Droppable Only"],Os=[{isDropDisabled:!0},{},{isDragDisabled:!0}],Hs=(t="Item",o=1e3)=>{const r=[];for(let s=0;s<o;s+=1)r.push(`${t}-${s}`);return r};class $e extends c.Component{constructor(r){super(r);z(this,"getSelectionChangeHandler",ho(r=>this.handleSelectionChange.bind(this,r),{max:1e3}));z(this,"getDraggableList",ho((r,s,a,l)=>e.jsx(cr,{items:r,droppableId:ve.getDraggableId("drop-list",l),draggablePrefix:ve.getDraggableId("draggable-item",l),onSelectionChange:this.getSelectionChangeHandler(l),isMultiSelect:!0,ref:a,selectedRanges:s,...Os[l]}),{max:1e3}));this.handleDragEnd=this.handleDragEnd.bind(this),this.animationFrame=null;const s=[],a=[],l=[];for(let n=0;n<ze.length;n+=1)s[n]=Hs(ze[n]),a[n]=[],l[n]=be.createRef();this.state={items:s,lists:l,selectedRanges:a}}static handleDragStart(r){console.log("handleDragStart",r)}static handleDragUpdate(r){console.log("handleDragUpdate",r)}componentWillUnmount(){this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame)}handleDragEnd(r){console.log("handleDragEnd",r);const{source:s,destination:a}=r;if(s==null||a==null)return;const l=ve.getDraggableIndex(s.droppableId),n=ve.getDraggableIndex(a.droppableId),i=l===n;let d=a.index;i&&s.index<a.index&&(d+=1);let m=d;this.setState(({items:h,selectedRanges:u})=>{const x=[...h[l]],p=i?x:[...h[n]],j=To.reorder(x,u[l],p,d),g=[...h];g[l]=x,g[n]=p,m=i?To.adjustDestinationIndex(d,u[n]):d;const v=[...u];return v[l]=[],v[n]=[[m,m+j.length-1]],{items:g,selectedRanges:v}},()=>{this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame(()=>{var u,x;this.animationFrame=null;const{lists:h}=this.state;(x=(u=h[n])==null?void 0:u.current)==null||x.focusItem(m)})})}handleSelectionChange(r,s){this.setState(({selectedRanges:a})=>{const l=[...a];return l[r]=[...s],{selectedRanges:l}})}render(){const{items:r,lists:s,selectedRanges:a}=this.state;return e.jsxs(f,{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(mr,{onDragStart:$e.handleDragStart,onDragUpdate:$e.handleDragUpdate,onDragEnd:this.handleDragEnd,children:ze.map((l,n)=>e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsxs("h5",{children:[l," List"]}),e.jsx("div",{style:{height:"300px"},children:this.getDraggableList(r[n],a[n],s[n],n)})]})},l))})})]})}}function Po({count:t=5,activeKey:o=""}){const[r,s]=c.useState(o),[a,l]=c.useState(()=>{const h=[];for(let u=0;u<t;u+=1)h.push({key:`${u}`,title:`Tab ${u}`,isClosable:u>0});return h}),n=c.useCallback((h,u)=>{l(x=>{const p=[...x],[j]=p.splice(h,1);return p.splice(u,0,j),p})},[]),i=c.useCallback(h=>{s(h)},[]),d=c.useCallback(h=>{l(u=>u.filter(x=>x.key!==h))},[]),m=c.useCallback(h=>[{title:"Select Tab to the Left",group:10,order:10,disabled:a[0].key===h.key,action:()=>{const u=a.findIndex(x=>x.key===h.key);u>0&&s(a[u-1].key)}},{title:"Select Tab to the Right",group:30,order:10,disabled:a[a.length-1].key===h.key,action:()=>{const u=a.findIndex(x=>x.key===h.key);u<a.length-1&&s(a[u+1].key)}}],[a]);return e.jsx(kt,{tabs:a,activeKey:r,onSelect:i,onReorder:n,onClose:d,makeContextActions:m})}let _o=0;function Us(){const t=_o;return _o+=1,t}const Gs=or(25);function We(t=1,o=5){const r=Number(Gs.next().value);return Math.floor(r*o)+t}function Ke(t,o=Us()){return{id:o,type:t}}function Bo(t=We(),o=We(),r=We()){const s=[];for(let a=0;a<t;a+=1)s.push(Ke("SUBMENU"));for(let a=0;a<o;a+=1)s.push(Ke("PAGE"));for(let a=0;a<r;a+=1)s.push(Ke("SWITCH"));return s}function qe({type:t,id:o}){switch(t){case"SUBMENU":return`Submenu ${o}`;case"PAGE":return`Page ${o}`;case"SWITCH":return`Switch ${o}`}}function zs({type:t}){switch(t){case"SUBMENU":return Pr;case"PAGE":return Lr;case"SWITCH":return te}}function Ws(){const[t,o]=c.useState([]),[r,s]=c.useState(new Map),a=c.useCallback(h=>{o([...t,h])},[t,o]),l=c.useCallback(()=>{const h=[...t];h.pop(),o(h)},[t,o]),n=c.useCallback(()=>{const h=[t[0]];o(h)},[t,o]),i=c.useCallback(h=>{const u=r.get(h)??!1,x=new Map(r);x.set(h,!u),s(x)},[r,s]),d=c.useCallback(h=>{const u=t[t.length-1],{items:x}=u;if(!x)throw new Error("Navigation handleSelect triggered without items to select");const p=x[h];switch(p.type){case"PAGE":a({title:qe(p)});break;case"SUBMENU":a({title:qe(p),items:Bo()});break;case"SWITCH":i(p.id);break}},[t,i,a]);c.useEffect(function(){o([{title:"Navigation Menu",items:Bo()}])},[]);const m=c.useMemo(()=>t.map(({items:h,title:u},x)=>{if(!h)return e.jsx(ko,{onBack:l,onClose:n,title:u,children:e.jsx("div",{children:"Page content!"})},u);let p=null;if(h!=null){const j=h.map(g=>{const v=qe(g),C=zs(g);let E,T;return g.type==="SWITCH"&&(E=r.get(g.id)??!1,T=()=>{d(g.id)}),{title:v,icon:C,isOn:E,onChange:T}});p=e.jsx(pt,{onSelect:d,items:j})}else p=e.jsx("div",{children:"Page content"});return e.jsx(ko,{onBack:x>0?l:void 0,onClose:x>0?n:void 0,title:u,children:p},u)}),[t,r,d,l,n]);return e.jsxs(f,{name:"navigations",children:[e.jsx("h2",{className:"ui-title",children:"Navigations"}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(Po,{count:100,activeKey:"15"})}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(Po,{})}),e.jsx("div",{className:"navigations",children:e.jsx(xt,{children:m})})]})}const Ks=":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}",qs=":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-black) 50%, transparent );--dh-color-overlay-hover-bg: color-mix( in srgb, var(--dh-color-white) 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)}",Xs=":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);--dh-color-chart-map-style: dark}",Ys=":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: color-mix( in srgb, var(--dh-color-orange-800) 35%, transparent );--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);--dh-color-editor-diff-inserted-text-bg: color-mix( in srgb, var(--dh-color-positive) 35%, transparent );--dh-color-editor-diff-removed-text-bg: color-mix( in srgb, var(--dh-color-negative) 35%, transparent );--dh-color-editor-diff-inserted-line-bg: color-mix( in srgb, var(--dh-color-positive) 20%, transparent );--dh-color-editor-diff-removed-line-bg: color-mix( in srgb, var(--dh-color-negative) 20%, transparent )}",Zs=":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)}",Qs=":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-popover-border: var(--dh-color-gray-400);--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)}",Js="_themeColorsPalette_v5aa0_1",ea="_swatch_v5aa0_7",oa="_themeColors_v5aa0_1",ra="_label_v5aa0_21",ta="_capitalize_v5aa0_26",ee={themeColorsPalette:Js,swatch:ea,themeColors:oa,label:ra,capitalize:ta};function sa(){return{"Theme Color Palette":ie("palette",Ks,1),"Semantic Colors":ie("semantic",qs,1),"Chart Colors":ie("chart",Xs,2),"Editor Colors":ie("editor",Ys,2),"Grid Colors":ie("grid",Zs,2),"Component Colors":ie("component",Qs,1)}}function Vo({name:t,value:o}){return e.jsxs(e.Fragment,{children:[e.jsx("div",{children:t}),e.jsx("div",{children:o}),e.jsx("div",{children:ke.normalizeCssColor(o,!0)})]})}function aa(){const{selectedThemeKey:t}=Qo(),o=c.useMemo(sa,[t]);return e.jsx(e.Fragment,{children:Object.entries(o).map(([r,s],a)=>r==="Theme Color Palette"?e.jsxs(f,{name:r,children:[e.jsx("h2",{className:"ui-title",children:r}),e.jsx("div",{className:ee.themeColorsPalette,children:Object.entries(s).map(([l,n],i)=>e.jsxs(c.Fragment,{children:[(i===0||i===1)&&n.map(({name:d},m)=>e.jsx("div",{style:{gridColumnStart:m+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:m})=>e.jsxs("div",{style:{backgroundColor:m,border:m===""&&d.length>0?oo:void 0},className:Q(ee.swatch,"px-0"),children:[e.jsx(ce,{interactive:!0,children:e.jsx(Vo,{name:d,value:m})}),d&&e.jsx(Co,{copy:d,isQuiet:!0})]},d))]},l))})]},r):e.jsxs(f,{name:r,children:[e.jsx("h2",{className:"ui-title",children:r}),e.jsx("div",{className:ee.themeColors,children:Object.entries(s).map(([l,n])=>e.jsxs("div",{style:{gridRow:`span ${n.length+1}`},children:[e.jsx("span",{className:Q(ee.label,ee.capitalize),children:l}),n.map(({isLabel:i,name:d,value:m,note:h})=>i===!0?e.jsx("span",{className:ee.label,children:d},d):e.jsxs("div",{className:ee.swatch,style:{border:m===""&&d.length>0?oo:void 0},children:[e.jsx("div",{style:{backgroundColor:m,height:"var(--swatch-height)",aspectRatio:"1 / 1"}}),e.jsx(ce,{interactive:!0,children:e.jsx(Vo,{name:d,value:m})}),e.jsx("span",{children:d.replace("--dh-color-","")}),d.endsWith("-hue")||h!=null?e.jsx("span",{children:h??m}):null,e.jsx(Co,{copy:d,isQuiet:!0})]},d))]},l))})]},r))})}function la(){return e.jsxs("div",{id:lr,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Spectrum Components"}),e.jsxs(U,{gap:20,columns:Xo("0px","1fr"),children:[e.jsxs(f,{name:"spectrum-buttons",component:R,children:[e.jsx("h3",{children:"Buttons"}),e.jsx(na,{})]}),e.jsxs(f,{name:"spectrum-collections",component:R,children:[e.jsx("h3",{children:"Collections"}),e.jsx(ha,{})]}),e.jsxs(f,{name:"spectrum-content",component:R,children:[e.jsx("h3",{children:"Content"}),e.jsx(da,{})]}),e.jsxs(f,{name:"spectrum-forms",component:R,children:[e.jsx("h3",{children:"Forms"}),e.jsx(ca,{})]}),e.jsxs(f,{name:"spectrum-overlays",component:R,children:[e.jsx("h3",{children:"Overlays"}),e.jsxs(S,{gap:"size-160",children:[e.jsx(ia,{}),e.jsxs(uo,{children:[e.jsx(F,{children:"Dialog Trigger"}),t=>e.jsxs(mo,{children:[e.jsx(Me,{children:"Some Heading"}),e.jsx(gr,{children:"Some Header"}),e.jsx(go,{}),e.jsx(Ae,{children:e.jsx(w,{children:"Are you sure?"})}),e.jsxs(Ee,{children:[e.jsx(k,{variant:"secondary",onPress:t,children:"Cancel"}),e.jsx(k,{variant:"accent",onPress:t,children:"Confirm"})]})]})]}),e.jsxs(uo,{type:"popover",children:[e.jsx(F,{children:"Popover"}),e.jsxs(mo,{children:[e.jsx(Me,{children:"Popover"}),e.jsx(go,{}),e.jsx(Ae,{children:e.jsx(w,{children:"This is a popover."})})]})]})]})]}),e.jsxs(f,{name:"spectrum-well",component:R,children:[e.jsx("h3",{children:"Wells"}),e.jsx(xr,{children:"This is a well."})]})]})]})}function na(){return e.jsxs(e.Fragment,{children:[e.jsxs(F,{marginBottom:"size-200",children:[e.jsx(V,{children:e.jsx(N,{icon:te})}),e.jsx(w,{children:"Icon Button"})]}),e.jsxs(U,{autoFlow:"column",columnGap:"size-250",rowGap:"size-150",columns:Ye(4,Xo(0,"size-2000")),rows:Ye(8,"size-400"),children:[e.jsx("label",{children:'Button style="outline"'}),e.jsx(k,{variant:"primary",style:"outline",children:"Primary"}),e.jsx(k,{variant:"secondary",style:"outline",children:"Secondary"}),e.jsx(k,{variant:"accent",style:"outline",children:"Accent"}),e.jsx(k,{variant:"negative",style:"outline",children:"Negative"}),e.jsx(k,{variant:"primary",staticColor:"black",style:"outline",children:"Static Black"}),e.jsx(k,{variant:"primary",staticColor:"white",style:"outline",children:"Static White"}),e.jsx(k,{variant:"primary",isDisabled:!0,style:"outline",children:"Disabled"}),e.jsx("label",{children:'Button style="fill"'}),e.jsx(k,{variant:"primary",style:"fill",children:"Primary"}),e.jsx(k,{variant:"secondary",style:"fill",children:"Secondary"}),e.jsx(k,{variant:"accent",style:"fill",children:"Accent"}),e.jsx(k,{variant:"negative",style:"fill",children:"Negative"}),e.jsx(k,{variant:"primary",staticColor:"black",style:"fill",children:"Static Black"}),e.jsx(k,{variant:"primary",staticColor:"white",style:"fill",children:"Static White"}),e.jsx(k,{variant:"primary",isDisabled:!0,style:"fill",children:"Disabled"}),e.jsx("label",{children:"Action Button"}),e.jsx(F,{children:"Normal"}),e.jsx(F,{gridRow:"span 3",isQuiet:!0,children:"Quiet"}),e.jsx(F,{staticColor:"black",children:"Static Black"}),e.jsx(F,{staticColor:"white",children:"Static White"}),e.jsx(F,{isDisabled:!0,children:"Disabled"}),e.jsx("label",{children:"Toggle Button"}),e.jsx(se,{children:"Normal"}),e.jsx(se,{isQuiet:!0,children:"Quiet"}),e.jsx(se,{gridRow:"span 2",isEmphasized:!0,children:"Emphasized"}),e.jsx(se,{staticColor:"black",children:"Static Black"}),e.jsx(se,{staticColor:"white",children:"Static White"}),e.jsx(se,{isDisabled:!0,children:"Disabled"})]})]})}function ia(){return e.jsxs(e.Fragment,{children:[e.jsx(w,{children:"Contextual Help"}),e.jsxs(kr,{variant:"info",children:[e.jsx(Me,{children:"Need help?"}),e.jsx(Ae,{children:e.jsx(w,{children:"This is a helpful description of the thing you need help with."})})]})]})}function ca(){return e.jsx(yr,{children:e.jsxs(U,{gap:20,columns:Ye("auto-fit","210px"),alignItems:"end",children:[e.jsx(Ze,{label:"Text Field"}),e.jsxs(wr,{label:"Combobox",menuTrigger:"focus",defaultSelectedKey:"two",children:[e.jsx(b,{children:"One"},"one"),e.jsx(b,{children:"Two"},"two"),e.jsx(b,{children:"Three"},"three")]}),e.jsx(Y,{children:"Checkbox"}),e.jsx(Cr,{label:"Slider",defaultValue:24}),e.jsx(Sr,{children:"Switch"})]})})}function da(){return e.jsxs(jr,{children:[e.jsx(V,{size:"XL",children:e.jsx(N,{icon:_r})}),e.jsx(Me,{children:"Illustrated Message"}),e.jsx(Ae,{children:"This is the content of the message."})]})}function ha(){return e.jsxs(e.Fragment,{children:[e.jsx("label",{id:"table-view-sample",children:"List View"}),e.jsxs(pr,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",maxWidth:"size-6000",marginBottom:"size-200",children:[e.jsx(b,{children:"One"}),e.jsx(b,{children:"Two"}),e.jsx(b,{children:"Three"}),e.jsx(b,{children:"Four"})]}),e.jsx("label",{id:"table-view-sample",children:"Table View"}),e.jsxs(vr,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",children:[e.jsxs(fr,{children:[e.jsxs(ae,{title:"Person",children:[e.jsx(ae,{allowsResizing:!0,children:"Name"}),e.jsx(ae,{children:"Age"})]}),e.jsxs(ae,{title:"Address",children:[e.jsx(ae,{allowsResizing:!0,children:"City"}),e.jsx(ae,{children:"State"})]})]}),e.jsxs(br,{children:[e.jsxs(Le,{children:[e.jsx(L,{children:"John"}),e.jsx(L,{children:"42"}),e.jsx(L,{children:"San Francisco"}),e.jsx(L,{children:"CA"})]}),e.jsxs(Le,{children:[e.jsx(L,{children:"Jane"}),e.jsx(L,{children:"38"}),e.jsx(L,{children:"San Francisco"}),e.jsx(L,{children:"CA"})]}),e.jsxs(Le,{children:[e.jsx(L,{children:"Becky"}),e.jsx(L,{children:"12"}),e.jsx(L,{children:"San Francisco"}),e.jsx(L,{children:"CA"})]})]})]})]})}function ge(t){return e.jsx("div",{...t})}function ua(){const[t,o]=c.useState([]);c.useEffect(()=>{let s={category:"",items:[]};const a=[s],l=document.querySelector(`#${lr}`),n=document.querySelector(`#sample-section-${nr}`);document.querySelectorAll(`h2,h3,[${Ge}]`).forEach(i=>{if(i.textContent==null||i.hasAttribute(ks))return;if(i.hasAttribute(Ge)){s={category:i.getAttribute(Ge)??"",items:[]},a.push(s);return}const m=`${(l==null?void 0:l.contains(i))===!0?"spectrum-":(n==null?void 0:n.contains(i))===!0?"spectrum-compare-":""}${i.textContent}`.toLowerCase().replace(/\s/g,"-");i.id=m,s.items.push({id:m,label:i.textContent})}),o(a)},[]),c.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=c.useCallback(s=>{const a=String(s),l=document.getElementById(a);l==null||l.scrollIntoView({behavior:"smooth"}),setTimeout(()=>{window.location.hash=a},1e3)},[]);return e.jsxs(Tr,{children:[e.jsx(F,{children:e.jsx(V,{children:e.jsx(N,{icon:Br})})}),e.jsx(Nr,{items:t,onAction:r,children:({category:s,items:a})=>e.jsx(Ir,{items:a,title:s,children:({id:l,label:n})=>e.jsx(b,{children:n},l)},s)})]})}function ma(){const t=c.useCallback(()=>{window.scrollTo({top:0,behavior:"smooth"}),setTimeout(()=>{window.location.hash=""},500)},[]);return c.useEffect(()=>{var s;const o=((s=document.querySelector("h2"))==null?void 0:s.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(k,{UNSAFE_className:"goto-top-button",variant:"accent",onPress:t,children:e.jsx(V,{children:e.jsx(N,{icon:Vr})})})}const ga=["Tab 1","Tab 2","Tab 3"];function xa({isActive:t,title:o}){return e.jsxs("li",{className:Q("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 pa(){return e.jsxs(f,{name:"golden-layout",children:[e.jsx("h2",{className:"ui-title",children:"Golden Layout"}),[!1,!0].map(t=>e.jsxs(be.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:ga.map((o,r)=>e.jsx(xa,{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 va(){return e.jsxs(f,{name:"animations",className:"sample-section-e2e-ignore",children:[e.jsx("h2",{className:"ui-title",children:"Animations"}),e.jsx(R,{position:"relative",height:400,children:e.jsx(nt,{})})]})}const Fo=[["primary","accent"],["secondary","primary"],["danger","negative"]];function fa(){const[t,o]=c.useState(!1);return e.jsxs(f,{name:nr,className:ar,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Bootstrap / Spectrum Comparison"}),e.jsxs(S,{gap:20,wrap:!0,children:[e.jsxs(R,{children:[e.jsx("h3",{children:"Buttons - Filled"}),e.jsxs(U,{gap:20,columns:"repeat(2, 120px)",autoRows:"40x",justifyItems:"start",alignItems:"start",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),Fo.map(([r,s])=>e.jsxs(c.Fragment,{children:[e.jsx(y,{onClick:ne,kind:r,icon:bo,children:"Button"}),e.jsxs(k,{variant:s,style:"fill",children:[e.jsx(V,{children:e.jsx(N,{icon:bo})}),e.jsx(w,{children:"Button"})]})]},r)),e.jsx(y,{onClick:ne,kind:"primary",disabled:!0,children:"Disabled"}),e.jsx(k,{variant:"accent",style:"fill",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(R,{children:[e.jsx("h3",{children:"Buttons - Outline"}),e.jsxs(U,{gap:20,columns:"repeat(2, 120px)",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),Fo.map(([r,s])=>e.jsxs(c.Fragment,{children:[e.jsx(y,{onClick:ne,kind:r,children:r}),e.jsx(k,{variant:s,style:"outline",children:s})]},r)),e.jsx(y,{onClick:ne,kind:"secondary",disabled:!0,children:"Disabled"}),e.jsx(k,{variant:"primary",style:"outline",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(R,{children:[e.jsx("h3",{children:"Action Buttons"}),e.jsxs(U,{gap:20,columns:"repeat(2, 120px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsx(y,{onClick:ne,kind:"inline",children:"Inline"}),e.jsx(F,{children:"Action"}),e.jsx(y,{onClick:ne,kind:"inline",disabled:!0,children:"Disabled"}),e.jsx(F,{isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(R,{children:[e.jsx("h3",{children:"Pickers"}),e.jsxs(U,{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(c.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"Select"}),e.jsxs(Ie,{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(Dr,{isDisabled:r,label:r?"Disabled Picker":"Picker",placeholder:"Picker",children:[e.jsx(b,{children:"One"},"1"),e.jsx(b,{children:"Two"},"2"),e.jsx(b,{children:"Three"},"3")]})]},String(r)))]})]}),e.jsxs(R,{children:[e.jsx("h3",{children:"Text Field"}),e.jsxs(U,{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(Ze,{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(Ze,{type:"text",label:"Disabled",isDisabled:!0,value:"Disabled"})]})]}),e.jsxs(R,{children:[e.jsx("h3",{children:"Checkbox"}),e.jsxs(U,{gap:20,columns:"repeat(2, 120px)",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsx(O,{className:"form-group",checked:t,onChange:()=>o(r=>!r),children:"Checkbox"}),e.jsx(Y,{children:"Checkbox"}),e.jsx(O,{className:"form-group",disabled:!0,checked:t,onChange:()=>o(r=>!r),children:"Disabled"}),e.jsx(Y,{isDisabled:!0,children:"Disabled"})]})]})]})]})}const Se=[...co(52)],oe=[...co(52,{icons:!0})],to=[...je(0,51)],Oo=[...je(52,103)],Ho=[...je(104,155)],Uo=[...je(156,207)],Go=[...je(208,259)],zo=["String 1","String 2","String 3","","Some really long text that should get truncated",444,999,!0,!1,...to.map((t,o)=>o%5>0?t:c.cloneElement(t,{...t.props,children:[e.jsx(K,{},`icon-${t.props.children}`),e.jsx(w,{children:t.props.children},`label-${t.props.children}`)]}))];function K(){return e.jsx(V,{children:e.jsx(N,{icon:Je})})}function ba(){const[t,o]=c.useState(200),[r,s]=c.useState(!0),[a,l]=c.useState(oe),n=c.useCallback(g=>l(g===""?oe:oe.filter(({item:v})=>{var C;return(C=v==null?void 0:v.textValue)==null?void 0:C.includes(g)})),[]),i=c.useCallback(async()=>bt({keyedItems:Se,itemHeight:jt.medium,selectedKey:t,topOffset:yt}),[t]),d=c.useCallback(g=>{o(g)},[]),[m,h]=c.useState([String(Se[0].key),String(Se[1].key),String(Se[2].key)]),u=c.useCallback(g=>{h(g)},[]),[x,p]=c.useState(oe),j=c.useCallback(g=>p(g===""?oe:oe.filter(({item:v})=>{var C;return(C=v==null?void 0:v.textValue)==null?void 0:C.includes(g)})),[]);return e.jsxs(f,{name:"pickers",children:[e.jsx("h2",{className:"ui-title",children:"Pickers"}),e.jsxs(S,{gap:14,direction:"column",children:[[No,eo].map(g=>{const v=C=>`${g===No?"Picker":"ComboBox"} (${C})`;return e.jsxs(S,{direction:"row",gap:14,children:[e.jsx(g,{label:v("Single Child"),tooltip:{placement:"bottom-end"},children:e.jsx(b,{textValue:"Aaa",children:"Aaa"})}),e.jsx(g,{label:v("Mixed Children Types"),defaultSelectedKey:"999",tooltip:!0,children:zo}),e.jsxs(g,{label:v("Sections"),tooltip:!0,children:["String 1","String 2","String 3",e.jsxs(A,{title:"Section",children:[e.jsx(b,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(b,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(b,{textValue:"Complex Ccc",children:[e.jsx(K,{}),e.jsx(w,{children:"Complex Ccc"})]})]}),e.jsxs(A,{children:[e.jsx(b,{textValue:"Item Ddd",children:"Item Ddd"}),e.jsx(b,{textValue:"Item Eee",children:"Item Eee"}),e.jsxs(b,{textValue:"Complex Fff",children:[e.jsx(K,{}),e.jsx(w,{children:"Complex Fff"})]}),e.jsxs(b,{textValue:"Ggg",children:[e.jsx(K,{}),e.jsx(w,{children:"Label"}),e.jsx(w,{slot:"description",children:"Description"})]}),e.jsxs(b,{textValue:"Hhh",children:[e.jsx(K,{}),e.jsx(w,{children:"Label that causes overflow"}),e.jsx(w,{slot:"description",children:"Description that causes overflow"})]})]},"Key B"),e.jsx(A,{title:"Section A",children:to}),e.jsx(A,{title:"Section B",children:Oo}),e.jsx(A,{children:Ho},"Section C"),e.jsx(A,{children:Uo},"Section D"),e.jsx(A,{title:"Section E",children:Go})]})]},g.displayName)}),e.jsxs(S,{direction:"row",gap:14,children:[e.jsx(Ce,{label:"MultiSelect (Single Child)",tooltip:{placement:"bottom-end"},children:e.jsx(b,{textValue:"Aaa",children:"Aaa"})}),e.jsx(Ce,{label:"MultiSelect (Mixed Children Types)",defaultSelectedKeys:["999"],tooltip:!0,children:zo}),e.jsxs(Ce,{label:"MultiSelect (Sections)",tooltip:!0,children:["String 1","String 2","String 3",e.jsxs(A,{title:"Section",children:[e.jsx(b,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(b,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(b,{textValue:"Complex Ccc",children:[e.jsx(K,{}),e.jsx(w,{children:"Complex Ccc"})]})]}),e.jsxs(A,{children:[e.jsx(b,{textValue:"Item Ddd",children:"Item Ddd"}),e.jsx(b,{textValue:"Item Eee",children:"Item Eee"}),e.jsxs(b,{textValue:"Complex Fff",children:[e.jsx(K,{}),e.jsx(w,{children:"Complex Fff"})]}),e.jsxs(b,{textValue:"Ggg",children:[e.jsx(K,{}),e.jsx(w,{children:"Label"}),e.jsx(w,{slot:"description",children:"Description"})]}),e.jsxs(b,{textValue:"Hhh",children:[e.jsx(K,{}),e.jsx(w,{children:"Label that causes overflow"}),e.jsx(w,{slot:"description",children:"Description that causes overflow"})]})]},"Key B"),e.jsx(A,{title:"Section A",children:to}),e.jsx(A,{title:"Section B",children:Oo}),e.jsx(A,{children:Ho},"Section C"),e.jsx(A,{children:Uo},"Section D"),e.jsx(A,{title:"Section E",children:Go})]})]}),e.jsx(O,{checked:r,onChange:g=>s(g.currentTarget.checked),children:"Show Icons"}),e.jsxs(S,{direction:"row",gap:14,children:[e.jsx(vt,{label:"Picker (Controlled)",getInitialScrollPosition:i,normalizedItems:oe,selectedKey:t,showItemIcons:r,onChange:d}),e.jsx(it,{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}),e.jsx(Ce,{label:"MultiSelect (Controlled)",selectedKeys:m,onChange:u,onSearchTextChange:j,children:x.map(({key:g,item:v})=>e.jsx(b,{textValue:(v==null?void 0:v.textValue)??String(g),children:(v==null?void 0:v.textValue)??String(g)},String(g)))})]})]})]})}const ja=[...co(52,{icons:!0})];function xe(){return e.jsx(V,{slot:"illustration",children:e.jsx(N,{icon:Hr})})}const so={gap:10,label:{medium:21,large:25.5}};function pe({label:t,direction:o="column",children:r,...s}){return e.jsxs(S,{...s,direction:o,gap:so.gap,children:[e.jsx(w,{children:t}),r]})}function ya(){const{scale:t}=wt(),[o,r]=c.useState([]),[s,a]=c.useState("compact"),l=so.label[t]+so.gap+2+Ct[s??"compact"][t],n=c.useCallback(g=>{a(g)},[]),[i,d]=c.useState(!0),[m,h]=c.useState(""),[u,x]=c.useState(""),p=c.useCallback((g,v)=>{h(g),x(v)},[]),j=c.useCallback(g=>{r(g)},[]);return e.jsxs(f,{name:"list-views",children:[e.jsx("h2",{className:"ui-title",children:"List View"}),e.jsxs(U,{gap:14,height:"size-6000",columns:"1fr 1fr 1fr",rows:`auto minmax(${l}px, auto) 1fr auto 1fr`,children:[e.jsx(pe,{alignItems:"center",direction:"row",label:"Density",gridColumn:"span 3",children:e.jsxs(qo,{"aria-label":"Density",orientation:"horizontal",value:s,onChange:n,children:[e.jsx(X,{value:"compact",children:"Compact"}),e.jsx(X,{value:"regular",children:"Regular"}),e.jsx(X,{value:"spacious",children:"Spacious"})]})}),e.jsx(pe,{label:"Single Child",gridColumn:"span 3",height:"100%",children:e.jsx(Be,{density:s,"aria-label":"Single Child",selectionMode:"multiple",children:e.jsx(b,{textValue:"Aaa",children:"Aaa"})})}),e.jsx(pe,{label:"Icons",gridColumn:"span 2",children:e.jsxs(Be,{"aria-label":"Icon",density:s,selectionMode:"multiple",children:[e.jsxs(b,{textValue:"Item with icon A",children:[e.jsx(xe,{}),e.jsx(w,{children:"Item with icon A"})]}),e.jsxs(b,{textValue:"Item with icon B",children:[e.jsx(xe,{}),e.jsx(w,{children:"Item with icon B"})]}),e.jsxs(b,{textValue:"Item with icon C",children:[e.jsx(xe,{}),e.jsx(w,{children:"Item with icon C"})]}),e.jsxs(b,{textValue:"Item with icon D",children:[e.jsx(xe,{}),e.jsx(w,{children:"Item with icon D with overflowing content"})]}),e.jsxs(b,{textValue:"Item with icon E",children:[e.jsx(xe,{}),e.jsx(w,{children:"Item with icon E"})]})]})}),e.jsx(pe,{label:"Mixed Children Types",children:e.jsxs(Be,{"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(b,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(b,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(b,{textValue:"Item with Description",children:[e.jsx(w,{children:"Item with Description"}),e.jsx(w,{slot:"description",children:"Description"})]}),e.jsxs(b,{textValue:"Complex Ccc",children:[e.jsx(V,{slot:"image",children:e.jsx(N,{icon:Je})}),e.jsx(w,{children:"Complex Ccc with text that should be truncated"})]}),e.jsxs(b,{textValue:"Complex Ccc with Description",children:[e.jsx(V,{slot:"image",children:e.jsx(N,{icon:Je})}),e.jsx(w,{children:"Complex Ccc with text that should be truncated"}),e.jsx(w,{slot:"description",children:"Description"})]})]})}),e.jsx(S,{gridColumn:"span 3",gap:14,children:e.jsx(O,{checked:i,onChange:g=>d(g.currentTarget.checked),children:"Show Ions"})}),e.jsxs(pe,{label:"Controlled",gridColumn:"span 2",children:[e.jsx(ct,{"aria-label":"Controlled",density:s,normalizedItems:ja,selectionMode:"multiple",selectedKeys:o,showItemIcons:i,onChange:j,actions:e.jsxs(ft,{overflowMode:"collapse",buttonLabelBehavior:"collapse",maxWidth:80,onAction:p,children:[e.jsxs(b,{children:[e.jsx(V,{children:e.jsx(N,{icon:Fr})}),e.jsx(w,{children:"Edit"})]},"Edit"),e.jsxs(b,{children:[e.jsx(V,{children:e.jsx(N,{icon:Or})}),e.jsx(w,{children:"Delete"})]},"Delete")]})}),m," ",u]})]})]})}function wa(){const[t,o]=c.useState(!1),[r,s]=c.useState(!1),[a,l]=c.useState(!1),n={maxHeight:500,display:"flex",flexDirection:"column",maxWidth:400},i="This is a short error message",d=`Mid length error message
 `.repeat(10),m=`Really long error message
 `.repeat(100),h="MidError",u="SuperLongErrorMessageType",x=t||r||a,p=()=>{o(!1),s(!1),l(!1)};return e.jsxs(f,{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:n,children:e.jsx(W,{message:i})}),e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:d,type:h})}),e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:m,type:u})})]}),e.jsx("h3",{children:"Always expanded"}),e.jsxs("div",{className:"row",style:{maxHeight:500},children:[e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:i,isExpanded:!0})}),e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:d,type:h,isExpanded:!0})}),e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:m,type:u,isExpanded:!0})})]}),e.jsxs("h3",{children:["Dismissable",x&&e.jsx(y,{kind:"primary",onClick:p,style:{marginLeft:"1rem"},children:"Reset"})]}),e.jsxs("div",{className:"row",style:{maxHeight:500},children:[e.jsx("div",{className:"col",style:n,children:!t&&e.jsx(W,{message:i,onDismiss:()=>{o(!0)}})}),e.jsx("div",{className:"col",style:n,children:!r&&e.jsx(W,{message:d,type:h,onDismiss:()=>{s(!0)}})}),e.jsx("div",{className:"col",style:n,children:!a&&e.jsx(W,{message:m,type:u,onDismiss:()=>{l(!0)}})})]})]})}function dr({value:t}){return e.jsx(y,{kind:"primary",onClick:()=>{},children:t})}dr.displayName="FooComponent";const Z=Yr(dr);function Ca({value:t}){return e.jsx(Z,{value:`${t}.${t}`})}function Sa({value:t}){return e.jsxs("div",{children:[e.jsx(Z,{value:t}),e.jsx(Z,{value:t})]})}function Xe({value:t}){return e.jsx(y,{kind:"danger",onClick:()=>{},children:t.split("").reverse().join("")})}function ka(){const[t,o]=c.useState("hello");return e.jsxs(f,{name:"xcomponents",children:[e.jsx("h2",{className:"ui-title",children:"XComponents"}),e.jsxs("p",{children:["XComponents are a way to replace a component with another component without needing to pass props all the way down the component tree. This can be useful in cases where we have a component deep down in the component tree that we want to replace with a different component, but don't want to have to provide props at the top level just to hook into that.",e.jsx("br",{}),"Below is a component that is simply a button displaying the text inputted in the input field. We will replace this component with a new component that reverses the text, straight up, then in a nested scenario, and then multiple instances."]}),e.jsx("div",{className:"form-group",children:e.jsxs("label",{htmlFor:"xcomponentsInput",children:["Input Value:",e.jsx("input",{type:"text",className:"form-control",id:"xcomponentsInput",value:t,onChange:r=>o(r.target.value)})]})}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("small",{children:"Original Component"}),e.jsx("div",{children:e.jsx(Z,{value:t})}),e.jsx("small",{children:"Replaced with Reverse"}),e.jsx("div",{children:e.jsx(_e,{value:new Map([[Z,Xe]]),children:e.jsx(Z,{value:t})})})]}),e.jsxs("div",{className:"col",children:[e.jsx("small",{children:"Nested component replaced"}),e.jsx("div",{children:e.jsx(_e,{value:new Map([[Z,Xe]]),children:e.jsx(Ca,{value:t})})})]}),e.jsxs("div",{className:"col",children:[e.jsx("small",{children:"Multiple Components replaced"}),e.jsx("div",{children:e.jsx(_e,{value:new Map([[Z,Xe]]),children:e.jsx(Sa,{value:t})})})]})]})]})}function Ta(){return e.jsxs(f,{name:"checkbox-groups",children:[e.jsx("h2",{className:"ui-title",children:"Checkbox Groups"}),e.jsxs(S,{gap:"size-100",gridColumn:"span 3",height:"100%",children:[e.jsxs(S,{direction:"column",children:[e.jsx(w,{children:"Single Child"}),e.jsx(Ve,{"aria-label":"Single Child",children:e.jsx(Y,{value:"Aaa",children:"Aaa"})})]}),e.jsxs(S,{direction:"column",children:[e.jsx(w,{children:"Multiple Children"}),e.jsxs(Ve,{"aria-label":"Multiple Children",children:[e.jsx(Y,{value:"Aaa",children:"Aaa"}),e.jsx(Y,{value:"Bbb",children:"Bbb"}),e.jsx(Y,{value:"Ccc",children:"Ccc"})]})]}),e.jsxs(S,{direction:"column",children:[e.jsx(w,{children:"Mixed Children Types"}),e.jsxs(Ve,{"aria-label":"Mixed Children Types",children:["String 1","String 2",444,999,!0,!1,e.jsx(Y,{children:"Aaa"})]})]})]})]})}const Wo={position:"sticky",justifyContent:"end",zIndex:1,UNSAFE_style:{float:"right"}};function Na(){const{themes:t}=Qo(),o=t.length>1,r=rr()!=="";return e.jsx("div",{tabIndex:-1,role:"main",children:e.jsxs("div",{className:Q("container","style-guide-container",r&&Jt),children:[e.jsx(S,{justifyContent:"space-between",alignItems:"center",marginTop:"2rem",marginBottom:"1rem",children:e.jsx("h1",{style:{paddingTop:"2rem"},children:"Deephaven UI Components"})}),e.jsxs(S,{...Wo,UNSAFE_className:r?"hide-when-isolated":void 0,marginTop:-56,top:20,gap:10,alignItems:"end",children:[o?e.jsx(Tt,{}):null,e.jsx(ua,{})]}),e.jsx(S,{...Wo,UNSAFE_className:r?"hide-when-isolated":void 0,top:"calc(100vh - 40px)",marginTop:-32,marginEnd:o?-234:0,children:e.jsx(ma,{})}),e.jsx(Fs,{}),e.jsx(ge,{"data-menu-category":"Colors"}),e.jsx(cs,{}),e.jsx(aa,{}),e.jsx(ge,{"data-menu-category":"Layout"}),e.jsx(pa,{}),e.jsx(ge,{"data-menu-category":"Components"}),e.jsx(fe,{}),e.jsx(Ps,{}),e.jsx(Ms,{}),e.jsx(ya,{}),e.jsx(ba,{}),e.jsx(Rs,{}),e.jsx($e,{}),e.jsx(_s,{}),e.jsx(Ta,{}),e.jsx(hs,{}),e.jsx(Ls,{}),e.jsx(ds,{}),e.jsx(us,{}),e.jsx(Ws,{}),e.jsx(Vs,{}),e.jsx(Bs,{}),e.jsx(Es,{}),e.jsx(xs,{}),e.jsx(Ts,{}),e.jsx(rs,{}),e.jsx(dt,{}),e.jsx(va,{}),e.jsx(wa,{}),e.jsx(ka,{}),e.jsx(ge,{"data-menu-category":"Spectrum Components"}),e.jsx(la,{}),e.jsx(ge,{"data-menu-category":"Spectrum Comparison"}),e.jsx(fa,{}),e.jsx(Er,{})]})})}function Ia(t){const{workspace:o,setWorkspace:r}=t;return c.useEffect(()=>{Nt.makeDefaultWorkspace({getLayouts:async()=>[],getLayout:async()=>({})}).then(r)},[r]),o!=null?e.jsx(Na,{}):null}const Da=t=>({workspace:Qr(t)}),Ea=Ar(Da,{setWorkspace:Zr})(Ia);function Ga(){return c.useEffect(function(){St.register(new URL("./download/serviceWorker.js",window.location.href)),Jr.init({getWorker:()=>new Gr}),window["__@hello-pangea/dnd-disable-dev-warnings"]=!0},[]),e.jsx(ht,{children:e.jsx(Mr,{store:Ur,children:e.jsx(Ea,{})})})}export{Ga as StyleGuideRoot,Ga as default};
-//# sourceMappingURL=StyleGuideRoot-CkzqrSfN.js.map
+//# sourceMappingURL=StyleGuideRoot-CsC10VTl.js.map