@deephaven/code-studio 1.5.3-beta.0 → 1.5.3-beta.1

package/build/assets/{StyleGuideRoot-DhvCRjxL.js → StyleGuideRoot-BBw73VXr.js}

@@ -1,4 +1,4 @@
-var rr=Object.defineProperty;var tr=(t,o,r)=>o in t?rr(t,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[o]=r;var L=(t,o,r)=>tr(t,typeof o!="symbol"?o+"":o,r);import{r as u,a7 as v,L as z,I as e,ar as Se,aN as w,U as xe,ac as Lo,a1 as ke,M as S,a9 as P,b1 as _o,b0 as U,bg as fe,a0 as io,bw as sr,aP as B,bQ as Bo,an as ar,a8 as F,ao as lr,aQ as nr,ap as ir,a6 as oo,as as C,bi as cr,bR as Ke,bh as Q,a5 as dr,aq as hr,be as qe,av as ur,b6 as H,b5 as mr,a4 as gr,aw as xr,bS as pr,bT as vr,bU as fr,bV as J,bW as br,bX as De,bY as A,aX as jr,b7 as yr,bZ as wr,bt as Cr,ad as Sr,Z as kr,V as Tr}from"./vendor-BFFhZ99Y.js";import{bA as co,bB as X,bC as Y,bq as ye,ak as Nr,bD as ro,bE as to,bF as Fo,bk as Ir,bG as ho,bH as uo,bI as mo,a3 as Xe,bJ as Er,bK as Dr,V as Ar,bL as Mr,bM as $r,bn as go,bN as Ye,aS as Rr,f as Pr,bO as Lr,s as _r}from"./index-D7WLNVvn.js";import{a as Br}from"./monaco-CsU3t3B1.js";import{c as Ie,G as Vo,m as ee,S as ie,L as Fr,I as Ae,b as Me}from"./IrisGridModel-Bzvq9WcQ.js";import{B as p,u as Oo,t as se,r as ae,aY as $,K as R,au as we,as as Vr,W as xo,bX as po,Y as Or,C as _,b1 as be,S as Ce,aT as Ur,av as Hr,d as vo,G as Uo,Q as fo,c2 as oe,b5 as Gr,b3 as $e,aG as zr,a9 as Wr,aI as Kr}from"./ControlType-BjxAIldT.js";import{M as bo,H as qr,A as Xr,T as Yr,D as Zr,f as Qr,c as Jr,i as et,V as D,R as ot,d as rt,L as Re,g as tt,E as re,C as Pe,e as st,k as at}from"./FontBootstrap-Chn0Co64.js";import{G as le,T as lt}from"./Grid-e4StjlLs.js";import{l as Ho,O as M,C as Ze,b as nt,S as it,c as ue,P as jo,h as ct,e as dt,g as ht,L as ut}from"./GridTokenMouseHandler-D0Pqy2Vo.js";import{l as yo,T as b,g as mt,p as gt,q as xt,P as wo,r as K,U as pt,L as vt,D as ft}from"./IrisGridShortcuts-C5MgzGK1.js";import{b as bt,H as so,T as jt,k as yt}from"./LocalWorkspaceStorage-CGH1Yjce.js";import"./helpers-BosuxZz1.js";import"./useMergeRef-CjjDys44.js";function Co(t,o,r,s,a,l,n){try{var c=t[l](n),d=c.value}catch(h){return void r(h)}c.done?o(d):Promise.resolve(d).then(s,a)}function Le(t){return function(){var o=this,r=arguments;return new Promise(function(s,a){var l=t.apply(o,r);function n(d){Co(l,s,a,n,c,"next",d)}function c(d){Co(l,s,a,n,c,"throw",d)}n(void 0)})}}function O(t,o,r){return(o=wt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function wt(t){var o=Ct(t,"string");return typeof o=="symbol"?o:o+""}function Ct(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class ao extends Ie{constructor(){var{rowCount:o=1e9,columnCount:r=100,floatingTopRowCount:s=0,floatingBottomRowCount:a=0,floatingLeftColumnCount:l=0,floatingRightColumnCount:n=0,isEditable:c=!1,editedData:d=[]}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super(),O(this,"numRows",void 0),O(this,"numColumns",void 0),O(this,"floatingTop",void 0),O(this,"floatingBottom",void 0),O(this,"floatingLeft",void 0),O(this,"floatingRight",void 0),O(this,"editable",void 0),O(this,"editedData",void 0),this.numRows=o,this.numColumns=r,this.floatingTop=s,this.floatingBottom=a,this.floatingLeft=l,this.floatingRight=n,this.editable=c,this.editedData=d}get rowCount(){return this.numRows}get columnCount(){return this.numColumns}get floatingTopRowCount(){return this.floatingTop}get floatingBottomRowCount(){return this.floatingBottom}get floatingLeftColumnCount(){return this.floatingLeft}get floatingRightColumnCount(){return this.floatingRight}get isEditable(){return this.editable}textForCell(o,r){var s,a;return(s=(a=this.editedData[o])===null||a===void 0?void 0:a[r])!==null&&s!==void 0?s:"".concat(o,",").concat(r)}colorForCell(o,r,s){return s.textColor}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}textForRowFooter(o){return"".concat(o)}setValueForCell(o,r,s){var a=this;return Le(function*(){a.editedData[o]==null&&(a.editedData[o]=[]),a.editedData[o][r]="".concat(s)})()}setValueForRanges(o,r){var s=this;return Le(function*(){Vo.forEachCell(o,(a,l)=>{s.setValueForCell(a,l,r)})})()}setValues(o){var r=this;return Le(function*(){for(var s=0;s<o.length;s+=1){var a,l,n=o[s];r.setValueForCell((a=n.column)!==null&&a!==void 0?a:n.x,(l=n.row)!==null&&l!==void 0?l:n.y,n.text)}})()}editValueForCell(o,r){return this.textForCell(o,r)}isValidForCell(o,r,s){return!0}isEditableRange(o){return this.isEditable}delete(o){throw new Error("Method not implemented.")}}function N(t,o,r){return(o=St(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function St(t){var o=kt(t,"string");return typeof o=="symbol"?o:o+""}function kt(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class T extends ao{constructor(){var{rowCount:o=T.DEFAULT_ROW_COUNT,columnCount:r=T.DEFAULT_COLUMN_COUNT,children:s=new Map,childRowCount:a=Math.ceil(Math.max(T.MIN_CHILD_ROW_COUNT,o*T.DEFAULT_CHILD_ROW_COUNT_FACTOR)),maxDepth:l=T.MAX_DEPTH}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super({rowCount:o,columnCount:r}),N(this,"children",void 0),N(this,"childRowCount",void 0),N(this,"maxDepth",void 0),N(this,"getCachedModelRowOffset",ee((n,c)=>{for(var d=null,h=c,i=[...n].sort((j,I)=>j[0]-I[0]),m=0;m<i.length;m+=1){var[g,f]=i[m];if(h<=g)break;var y=f.rowCount;if(h<=g+y){d=g,h=h-g-1;break}h-=y}return{key:d,offsetRow:h}},{max:1e4})),N(this,"getCachedTextForRowHeader",ee((n,c)=>{var{key:d,offsetRow:h}=this.getCachedModelRowOffset(n,c);if(d!=null){var i=n.get(d);if(i!==void 0)return"".concat(d,".").concat(i.textForRowHeader(h))}return"".concat(h)},{max:1e4})),N(this,"getCachedTextForCell",ee((n,c,d)=>{var{key:h,offsetRow:i}=this.getCachedModelRowOffset(n,d);if(h!=null){var m=n.get(h);if(m!==void 0)return"".concat(h,".").concat(m.textForCell(c,i))}return"".concat(c,",").concat(i)},{max:1e4})),N(this,"getCachedIsRowExpandable",ee((n,c,d)=>{var h=this.getCachedDepthForRow(n,c);return h<d},{max:1e4})),N(this,"getCachedIsRowExpanded",ee((n,c)=>{var{key:d,offsetRow:h}=this.getCachedModelRowOffset(n,c);if(d!=null){var i=n.get(d);if(i!==void 0)return i.isRowExpanded(h)}return n.has(h)},{max:1e4})),N(this,"getCachedDepthForRow",ee((n,c)=>{var{key:d,offsetRow:h}=this.getCachedModelRowOffset(n,c);if(d!=null){var i=n.get(d);if(i!==void 0)return i.depthForRow(h)+1}return 0},{max:1e4})),this.children=s,this.childRowCount=a,this.maxDepth=l}textForCell(o,r){return this.getCachedTextForCell(this.children,o,r)}textForRowHeader(o){return this.getCachedTextForRowHeader(this.children,o)}isRowMovable(o){return!1}get hasExpandableRows(){return!0}get isExpandAllAvailable(){return!1}get floatingBottomRowCount(){return 0}isRowExpandable(o){return this.getCachedIsRowExpandable(this.children,o,this.maxDepth)}isRowExpanded(o){return this.getCachedIsRowExpanded(this.children,o)}setRowExpanded(o,r){var s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,{key:a,offsetRow:l}=this.getCachedModelRowOffset(this.children,o),n=new Map(this.children);if(a!=null){var c=this.children.get(a);if(c!==void 0){var{rowCount:d}=c;c.setRowExpanded(l,r,s),this.numRows+=c.rowCount-d}}else if(r){var i=new T({rowCount:this.childRowCount,columnCount:this.numColumns});n.set(l,i),this.numRows+=i.rowCount}else{var h=n.get(l);h!==void 0&&(this.numRows-=h.rowCount,n.delete(l))}this.children=n}expandAll(){throw new Error("Expand all not implemented.")}collapseAll(){throw new Error("Collapse all not implemented.")}depthForRow(o){return this.getCachedDepthForRow(this.children,o)}}N(T,"DEFAULT_ROW_COUNT",1e9);N(T,"DEFAULT_COLUMN_COUNT",100);N(T,"DEFAULT_CHILD_ROW_COUNT_FACTOR",.01);N(T,"MIN_CHILD_ROW_COUNT",10);N(T,"MAX_DEPTH",10);function _e(t,o,r){return(o=Tt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Tt(t){var o=Nt(t,"string");return typeof o=="symbol"?o:o+""}function Nt(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class It extends Ie{constructor(o,r){var s;super(),_e(this,"data",void 0),_e(this,"columnHeaders",void 0),_e(this,"numberOfColumns",void 0),this.data=o,this.numberOfColumns=Math.max(...o.map(a=>a.length),(s=r==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 Be(t,o,r){return(o=Et(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Et(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||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class At extends Ie{constructor(o,r){super(),Be(this,"numberOfColumns",void 0),Be(this,"numberOfRows",void 0),Be(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,c,d,h,i=r-((s=(a=this.viewportData)===null||a===void 0?void 0:a.rowOffset)!==null&&s!==void 0?s:0),m=o-((l=(n=this.viewportData)===null||n===void 0?void 0:n.columnOffset)!==null&&l!==void 0?l:0);return"".concat((c=(d=this.viewportData)===null||d===void 0||(h=d.data[i])===null||h===void 0?void 0:h[m])!==null&&c!==void 0?c:"")}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}}function E(t,o,r){return(o=Mt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Mt(t){var o=$t(t,"string");return typeof o=="symbol"?o:o+""}function $t(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}var Rt="proportional",Pt=Ho.positiveBarColor,Lt=Ho.negativeBarColor,_t="beside",Bt="LTR",Ft="right";function Vt(t){return Array.isArray(t)&&t.every(o=>typeof o=="number")}class Ot extends Ie{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,c=arguments.length>6&&arguments[6]!==void 0?arguments[6]:new Map,d=arguments.length>7&&arguments[7]!==void 0?arguments[7]:new Map,h=arguments.length>8&&arguments[8]!==void 0?arguments[8]:new Map;super(),E(this,"numberOfColumns",void 0),E(this,"numberOfRows",void 0),E(this,"data",void 0),E(this,"columnMins",void 0),E(this,"columnMaxs",void 0),E(this,"columnAxes",void 0),E(this,"valuePlacements",void 0),E(this,"directions",void 0),E(this,"positiveColors",void 0),E(this,"negativeColors",void 0),E(this,"opacities",void 0),E(this,"textAlignments",void 0),E(this,"markers",void 0),this.positiveColors=s,this.negativeColors=a,this.data=o,this.columnAxes=r,this.valuePlacements=l,this.opacities=n,this.directions=c,this.textAlignments=d,this.markers=h,this.numberOfRows=Math.max(...o.map(g=>g.length)),this.numberOfColumns=o.length,this.columnMins=new Map,this.columnMaxs=new Map;for(var i=0;i<o.length;i+=1){var m=o[i];Vt(m)&&(this.columnMins.set(i,Math.min(...m)),this.columnMaxs.set(i,Math.max(...m)))}}get rowCount(){return this.numberOfRows}get columnCount(){return this.numberOfColumns}textForCell(o,r){var s;return"".concat((s=this.data[o])===null||s===void 0?void 0:s[r])}textForColumnHeader(o){return"".concat(o)}textAlignForCell(o,r){var s;return(s=this.textAlignments.get(o))!==null&&s!==void 0?s:Ft}renderTypeForCell(o,r){return o<20||o%2===r%2?"dataBar":"text"}dataBarOptionsForCell(o,r){var s,a,l,n,c,d,h,i=co(this.columnMins,o),m=co(this.columnMaxs,o),g=(s=this.columnAxes.get(o))!==null&&s!==void 0?s:Rt,f=(a=this.valuePlacements.get(o))!==null&&a!==void 0?a:_t,y=this.opacities.get(o);y==null||y>1?y=1:y<0&&(y=0);var j=(l=this.directions.get(o))!==null&&l!==void 0?l:Bt,I=(n=this.positiveColors.get(o))!==null&&n!==void 0?n:Pt,ne=(c=this.negativeColors.get(o))!==null&&c!==void 0?c:Lt,W=Number((d=this.data[o])===null||d===void 0?void 0:d[r]),Z=W>=0?I:ne,Ee=(h=this.markers.get(o))!==null&&h!==void 0?h:[];return{columnMin:i,columnMax:m,axis:g,color:Z,valuePlacement:f,opacity:y,markers:Ee,direction:j,value:W}}}const Ut="isolated-section-query",Go="sample-section";function*pe(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 c=r[l],d=`${c}${n}`,h=`${c.repeat(3)}${n}`;yield u.createElement(v,{key:d,textValue:h,children:h})}}function*lo(t,o={}){const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",s=r.length,a=Object.keys(X);for(let l=0;l<t;l+=1){const n=l%s;let c=String(Math.floor(l/s));c==="0"&&(c="");const d=r[n],h=`${d}${c}`,i=o.icons===!0?a[l%a.length]:void 0,m=o.descriptions===!0?`Description ${h}`:void 0,g=i??`${d.repeat(3)}${c}`;yield{key:h,item:{key:(l+1)*100,content:g,textValue:g,description:m,icon:i}}}}function*zo(t=1){for(;;)t=t*16807%2147483647,yield t/2147483647}function So(){return window.location.search.includes("isolateSection=true")?window.location.hash.replace(/^#/,""):""}function Wo(){const[t,o]=u.useState(So);return u.useEffect(()=>{const r=()=>o(So());return window.addEventListener("hashchange",r),()=>window.removeEventListener("hashchange",r)},[]),t}function Ht(t=1){const[o]=u.useState(()=>zo(t));return u.useCallback(()=>{const r=o.next();if(r.done===!0)throw new Error("Random number generator unexpectedly finished");return r.value},[o])}function Ko(t){return`${Go}-${t.toLocaleLowerCase().replaceAll(" ","-")}`}function qo(t,o=[]){const r=Ko(t),s=z(Go,...o);return{id:r,className:s}}function Gt(t,o=[]){const{id:r,className:s}=qo(t,o);return{id:r,UNSAFE_className:s}}function x({name:t,className:o="",component:r="div",...s}){const a=Wo(),l=Ko(t);if(!(a===""||a===l))return null;const c=r==="div"?qo:Gt;return e.jsx(r,{...s,...c(t,[o])})}function k(){}class ge extends u.Component{static renderButtons(){return e.jsxs(e.Fragment,{children:[e.jsx("h5",{children:"Button Kinds"}),e.jsx(x,{name:"buttons-regular",style:{padding:"1rem 0"},children:e.jsxs(Se,{children:[e.jsx(p,{kind:"primary",onClick:k,children:"Primary"}),e.jsx(p,{kind:"secondary",onClick:k,children:"Secondary"}),e.jsx(p,{kind:"tertiary",onClick:k,children:"Tertiary"}),e.jsx(p,{kind:"success",onClick:k,children:"Success"}),e.jsx(p,{kind:"danger",onClick:k,children:"Danger"}),e.jsx(p,{kind:"inline",onClick:k,children:"Inline"}),e.jsx(p,{kind:"ghost",onClick:k,children:"Ghost"})]})})]})}static renderLinks(){const o={primary:"accent",secondary:"neutral",success:"positive",info:"info",warning:"notice",danger:"negative"};return e.jsxs(x,{name:"links",style:{paddingTop:"1rem"},children:[e.jsx("h5",{children:"Links"}),e.jsx(w,{gap:"1rem",children:Object.entries(o).map(([r,s])=>e.jsxs("a",{className:`text-${r}`,children:[r," (",s,")"]},r))})]})}static renderSocketedButtons(){return e.jsxs(x,{name:"buttons-socketed",children:[e.jsx("h5",{children:"Socketed Buttons (for linker)"}),e.jsxs(Se,{marginBottom:"1rem",children:[e.jsx(ie,{onClick:k,children:"Unlinked"}),e.jsx(ie,{isLinked:!0,onClick:k,children:"Linked"}),e.jsx(ie,{isLinkedSource:!0,onClick:k,children:"Linked Source"}),e.jsx(ie,{isLinked:!0,isInvalid:!0,onClick:k,children:"Error"}),e.jsx(ie,{disabled:!0,onClick:k,children:"Disabled"})]})]})}constructor(o){super(o),this.state={toggle:!0}}renderInlineButtons(){const{toggle:o}=this.state;return e.jsxs(x,{name:"buttons-inline",style:{padding:"1rem 0"},children:[e.jsx("h5",{children:"Inline Buttons"}),"Regular btn-inline:",e.jsx(p,{className:"mx-2",kind:"inline",icon:Y,tooltip:"test",onClick:k}),"Toggle button (class active):",e.jsx(p,{className:"mx-2",onClick:()=>{this.setState({toggle:!o})},active:o,kind:"inline",icon:Y,tooltip:"test"}),"Disabled:",e.jsx(p,{className:"mx-2",kind:"inline",disabled:!0,onClick:k,children:"Disabled"}),"With Text:",e.jsx(p,{className:"mx-2",kind:"inline",icon:Y,onClick:k,children:e.jsx("span",{children:"Text Button"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("span",{children:"btn-link-icon (no text):"}),e.jsx(p,{kind:"ghost",icon:Y,tooltip:"test",onClick:k}),e.jsx("span",{className:"mx-2",children:"btn-link:"}),e.jsx(p,{kind:"ghost",onClick:k,children:"Text Button"}),e.jsx("span",{className:"mx-2",children:"btn-link (text w/ optional with icon):"}),e.jsx(p,{kind:"ghost",icon:Y,onClick:k,children:"Text Button"})]})}render(){const o=ge.renderButtons(),r=this.renderInlineButtons(),s=ge.renderSocketedButtons(),a=ge.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 zt(){const t=Oo();bo.random=Ht();const[o]=u.useState(()=>new bo(t));return e.jsxs(x,{name:"charts",children:[e.jsx("h2",{className:"ui-title",children:"Chart"}),e.jsx("div",{style:{height:500},children:e.jsx(Fr,{model:o})})]})}const Qe="2px solid var(--dh-color-notice-bg)",Wt={"--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"},ko={"--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"},Kt={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 qt(t){const o=ye.parseRgba(ye.asRgbOrRgbaString(t)??"");if(o==null||o.a<.5)return"white";const{r,g:s,b:a}=o;return ye.getBrightness([r,s,a])>=128?"black":"white"}function Xt(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"?Nr(a??"").map(([n,c])=>a.substring(n,c+1)).map((n,c)=>({name:`${s}-${c}`,value:n})):{name:s,value:a}}).flat()}function te(t,o,r,s=Wt){const a=Kt[t];return Xt(o).reduce((c,{name:d,value:h})=>{if(/^--dh-color-true-(.*?)$/.test(d)||/^--dh-color-gray-(light|mid|dark)$/.test(d))return c;const i=/^--dh-color-([^-]+)(?:-([^-]+))?/.exec(d);let m=s[d]??(i==null?void 0:i[r])??(i==null?void 0:i[1])??"???";return m=a[m]??m,c[m]==null&&(c[m]=[]),d in ko&&c[m].push({isLabel:!0,name:ko[d],value:""}),/^--dh-color-gray-(light|mid|dark)$/.test(d)||c[m].push({name:d,value:h}),c},{})}function Yt(){const t=u.useRef(null);return u.useLayoutEffect(()=>{if(t.current==null)return;const o=getComputedStyle(t.current),{backgroundColor:r}=o;t.current.style.color=qt(r)},[]),t}function Zt(t,o){const[r,s]=u.useState();return u.useEffect(()=>{var c;if(t.current==null)return;const a=getComputedStyle(t.current,o).getPropertyValue("content"),l=(c=/"(--dh-color-.*?)[,"]/.exec(a))==null?void 0:c[1];if(l==null)return;const n=getComputedStyle(t.current).getPropertyValue(l);s(n)},[t,o]),r}function Fe({className:t,children:o}){const r=Yt(),s=Zt(r,":after"),a=u.useMemo(()=>s!=null?{value:s}:null,[s]),l=a!=null&&a.value!=="";return e.jsxs("div",{ref:r,className:t,style:{border:l?void 0:Qe},children:[l&&e.jsx(se,{interactive:!0,children:e.jsx("div",{children:a.value})}),o]})}function Qt(){const t=["100","200","300","400","500","600","700","800","850","8XX","900"].map(s=>e.jsx(Fe,{className:z("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(Fe,{className:z("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(Fe,{className:z("swatch",`swatch-${s}`),children:s},s));return e.jsxs(x,{name:"colors",children:[e.jsx("h2",{className:"ui-title",children:"Colors"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[t,o]}),e.jsx("div",{className:"col",children:r}),e.jsx("div",{className:"col",children:e.jsx("p",{children:"This section is for legacy reference only. Use the css variable based semantic colors in the following sections. You should not be using colors defined in the theme color palette directly."})})]})]})}class Jt extends u.Component{constructor(o){super(o),this.makeContextMenuItems=this.makeContextMenuItems.bind(this)}makeContextMenuItems(o){const r=o!==void 0?` ${o}`:"";return[{title:`Show Alert${r}`,icon:ro,action:()=>{alert(`Alert${r}!`)},shortcut:new ae({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[$.CTRL,R.A],macShortcut:[$.CMD,R.A]})},{title:`Log Message${r}`,icon:to,action:()=>{console.log(`Logging a message${r}!`)},shortcut:new ae({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[$.CTRL,R.L],macShortcut:[$.CMD,R.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:Fo,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new ae({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[$.CTRL,R.SLASH],macShortcut:[$.CMD,R.SLASH]}),group:we.groups.global}].concat(o),a=()=>new Promise(l=>{setTimeout(()=>{l(o)},3e3)});return e.jsxs(x,{name:"context-menus",children:[e.jsx("h2",{className:"ui-title",children:"Context Menu"}),e.jsxs(p,{kind:"primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(we,{actions:s})]}),e.jsxs(p,{kind:"tertiary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(we,{actions:a})]})]})}}class es extends u.Component{constructor(o){super(o),this.sampleInput=xe.createRef(),this.handleUpdateCheckboxMap=this.handleUpdateCheckboxMap.bind(this);const r=["Parent A",new Map([["Child 1",!0],["Child 2",!1]])],s=["Parent B",new Map([["Child 3",!0],["Child 4",!1],["Child 5",!0],["Child 6",!1]])],a=["Leaf Parent",!0];this.state={isShown:!1,checkBoxMap:new Map([r,s,a])}}handleUpdateCheckboxMap(o){this.setState({checkBoxMap:o})}renderChild(){return e.jsxs("div",{className:"p-3",children:[e.jsx("h4",{children:"Sample Child"}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{ref:this.sampleInput,type:"text",className:"form-control",id:"exampleInput1","aria-describedby":"emailHelp",placeholder:"Input Placeholder"})]}),e.jsx("small",{className:"form-text text-muted",children:"Help text for a form input"})]})]})}render(){const{isShown:o,checkBoxMap:r}=this.state;return e.jsxs(x,{name:"dialog",children:[e.jsx("h2",{className:"ui-title",children:"Popover Dialog"}),e.jsx("p",{children:"Popover dialog that can contain interactive elements, can be set to self close on blur."}),e.jsxs(p,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Open Dialog",e.jsx(Vr,{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(qr,{menuText:"Checkbox Menu",valueMap:r,onUpdateValueMap:this.handleUpdateCheckboxMap})]})}}class os extends u.Component{constructor(o){super(o),this.state={isShown:!1}}render(){const o=[{title:"Show Alert",icon:ro,action:()=>{alert("Alert!")},shortcut:new ae({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[$.CTRL,R.A],macShortcut:[$.CMD,R.A]})},{title:"Log Message",icon:to,action:()=>{console.log("Logging a message!")},shortcut:new ae({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[$.CTRL,R.L],macShortcut:[$.CMD,R.L]})}],s=[{title:"Show Shortcuts",icon:Fo,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new ae({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[$.CTRL,R.SLASH],macShortcut:[$.CMD,R.SLASH]}),group:we.groups.global}].concat(o),{isShown:a}=this.state;return e.jsxs(x,{name:"dropdown-menus",children:[e.jsx("h2",{className:"ui-title",children:"Dropdown Menu"}),e.jsx("p",{children:"A simple dropdown menu of actions, can open on click of parent container, or controlled by prop."}),e.jsx(p,{kind:"inline",className:"mx-2",icon:Ir,onClick:()=>{},children:e.jsx(xo,{actions:s})}),e.jsxs(p,{kind:"primary",style:{marginRight:"1rem",minWidth:"165px"},onClick:()=>{a?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Menu Shown: ",a.toString()]}),e.jsxs("div",{ref:this.button,className:"btn btn-secondary disabled",style:{marginRight:"1rem"},children:["Shown using isShown",e.jsx(xo,{isShown:a,onMenuClosed:()=>{this.setState({isShown:!1})},actions:s})]})]})}}const rs=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")\\
+var ar=Object.defineProperty;var lr=(t,o,r)=>o in t?ar(t,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[o]=r;var L=(t,o,r)=>lr(t,typeof o!="symbol"?o+"":o,r);import{r as u,a7 as v,L as z,I as e,ar as Se,aN as w,U as xe,ac as Fo,a1 as ke,M as S,a9 as P,b1 as Vo,b0 as U,bg as fe,a0 as io,bw as nr,aP as F,bQ as Oo,an as co,a8 as _,ao as ho,aQ as ir,ap as uo,a6 as Te,as as C,bi as cr,bR as Xe,bh as Q,a5 as dr,aq as hr,be as Ye,av as ur,b6 as H,b5 as mr,a4 as gr,aw as xr,bS as pr,bT as vr,bU as fr,bV as J,bW as br,bX as Me,bY as A,aX as jr,b7 as yr,bZ as wr,bt as Cr,ad as Sr,Z as kr,V as Tr}from"./vendor-BFFhZ99Y.js";import{bA as mo,bB as X,bC as Y,bq as ye,ak as Nr,bD as to,bE as so,bF as Uo,bk as Ir,bG as go,bH as xo,bI as po,a3 as Ze,bJ as Er,bK as Dr,V as Ar,bL as Mr,bM as $r,bn as vo,bN as Qe,aS as Rr,f as Pr,bO as Lr,s as _r}from"./index-pdJUscwh.js";import{a as Br}from"./monaco-CsU3t3B1.js";import{c as De,G as Ho,m as ee,S as ie,L as Fr,I as $e,b as Re}from"./IrisGridModel-DwJ6GzJw.js";import{B as p,u as Go,t as se,r as ae,aY as $,K as R,au as we,as as Vr,W as fo,bX as bo,Y as Or,C as B,b1 as be,S as Ce,aT as Ur,av as Hr,d as jo,G as zo,Q as yo,c2 as oe,b5 as Gr,b3 as Pe,aG as zr,a9 as Wr,aI as Kr}from"./ControlType-C3fyOy2Q.js";import{M as wo,H as qr,A as Xr,T as Yr,D as Zr,f as Qr,c as Jr,i as et,V as D,R as ot,d as rt,L as Le,g as tt,E as re,C as _e,e as st,k as at}from"./FontBootstrap-Dze7vWde.js";import{G as le,T as lt}from"./Grid-C4vjls-E.js";import{l as Wo,O as M,C as Je,b as nt,S as it,c as ue,P as Co,h as ct,e as dt,g as ht,L as ut}from"./GridTokenMouseHandler-BWdEU5Bi.js";import{l as So,T as b,g as mt,p as gt,q as xt,P as ko,r as K,U as pt,L as vt,D as ft}from"./IrisGridShortcuts-RnUHohcG.js";import{b as bt,H as Ne,T as jt,k as yt}from"./LocalWorkspaceStorage-D1WjEBCd.js";import"./helpers-BosuxZz1.js";import"./useMergeRef-CjjDys44.js";function To(t,o,r,s,a,l,n){try{var c=t[l](n),d=c.value}catch(h){return void r(h)}c.done?o(d):Promise.resolve(d).then(s,a)}function Be(t){return function(){var o=this,r=arguments;return new Promise(function(s,a){var l=t.apply(o,r);function n(d){To(l,s,a,n,c,"next",d)}function c(d){To(l,s,a,n,c,"throw",d)}n(void 0)})}}function O(t,o,r){return(o=wt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function wt(t){var o=Ct(t,"string");return typeof o=="symbol"?o:o+""}function Ct(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class ao extends De{constructor(){var{rowCount:o=1e9,columnCount:r=100,floatingTopRowCount:s=0,floatingBottomRowCount:a=0,floatingLeftColumnCount:l=0,floatingRightColumnCount:n=0,isEditable:c=!1,editedData:d=[]}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super(),O(this,"numRows",void 0),O(this,"numColumns",void 0),O(this,"floatingTop",void 0),O(this,"floatingBottom",void 0),O(this,"floatingLeft",void 0),O(this,"floatingRight",void 0),O(this,"editable",void 0),O(this,"editedData",void 0),this.numRows=o,this.numColumns=r,this.floatingTop=s,this.floatingBottom=a,this.floatingLeft=l,this.floatingRight=n,this.editable=c,this.editedData=d}get rowCount(){return this.numRows}get columnCount(){return this.numColumns}get floatingTopRowCount(){return this.floatingTop}get floatingBottomRowCount(){return this.floatingBottom}get floatingLeftColumnCount(){return this.floatingLeft}get floatingRightColumnCount(){return this.floatingRight}get isEditable(){return this.editable}textForCell(o,r){var s,a;return(s=(a=this.editedData[o])===null||a===void 0?void 0:a[r])!==null&&s!==void 0?s:"".concat(o,",").concat(r)}colorForCell(o,r,s){return s.textColor}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}textForRowFooter(o){return"".concat(o)}setValueForCell(o,r,s){var a=this;return Be(function*(){a.editedData[o]==null&&(a.editedData[o]=[]),a.editedData[o][r]="".concat(s)})()}setValueForRanges(o,r){var s=this;return Be(function*(){Ho.forEachCell(o,(a,l)=>{s.setValueForCell(a,l,r)})})()}setValues(o){var r=this;return Be(function*(){for(var s=0;s<o.length;s+=1){var a,l,n=o[s];r.setValueForCell((a=n.column)!==null&&a!==void 0?a:n.x,(l=n.row)!==null&&l!==void 0?l:n.y,n.text)}})()}editValueForCell(o,r){return this.textForCell(o,r)}isValidForCell(o,r,s){return!0}isEditableRange(o){return this.isEditable}delete(o){throw new Error("Method not implemented.")}}function N(t,o,r){return(o=St(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function St(t){var o=kt(t,"string");return typeof o=="symbol"?o:o+""}function kt(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class T extends ao{constructor(){var{rowCount:o=T.DEFAULT_ROW_COUNT,columnCount:r=T.DEFAULT_COLUMN_COUNT,children:s=new Map,childRowCount:a=Math.ceil(Math.max(T.MIN_CHILD_ROW_COUNT,o*T.DEFAULT_CHILD_ROW_COUNT_FACTOR)),maxDepth:l=T.MAX_DEPTH}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super({rowCount:o,columnCount:r}),N(this,"children",void 0),N(this,"childRowCount",void 0),N(this,"maxDepth",void 0),N(this,"getCachedModelRowOffset",ee((n,c)=>{for(var d=null,h=c,i=[...n].sort((j,I)=>j[0]-I[0]),m=0;m<i.length;m+=1){var[g,f]=i[m];if(h<=g)break;var y=f.rowCount;if(h<=g+y){d=g,h=h-g-1;break}h-=y}return{key:d,offsetRow:h}},{max:1e4})),N(this,"getCachedTextForRowHeader",ee((n,c)=>{var{key:d,offsetRow:h}=this.getCachedModelRowOffset(n,c);if(d!=null){var i=n.get(d);if(i!==void 0)return"".concat(d,".").concat(i.textForRowHeader(h))}return"".concat(h)},{max:1e4})),N(this,"getCachedTextForCell",ee((n,c,d)=>{var{key:h,offsetRow:i}=this.getCachedModelRowOffset(n,d);if(h!=null){var m=n.get(h);if(m!==void 0)return"".concat(h,".").concat(m.textForCell(c,i))}return"".concat(c,",").concat(i)},{max:1e4})),N(this,"getCachedIsRowExpandable",ee((n,c,d)=>{var h=this.getCachedDepthForRow(n,c);return h<d},{max:1e4})),N(this,"getCachedIsRowExpanded",ee((n,c)=>{var{key:d,offsetRow:h}=this.getCachedModelRowOffset(n,c);if(d!=null){var i=n.get(d);if(i!==void 0)return i.isRowExpanded(h)}return n.has(h)},{max:1e4})),N(this,"getCachedDepthForRow",ee((n,c)=>{var{key:d,offsetRow:h}=this.getCachedModelRowOffset(n,c);if(d!=null){var i=n.get(d);if(i!==void 0)return i.depthForRow(h)+1}return 0},{max:1e4})),this.children=s,this.childRowCount=a,this.maxDepth=l}textForCell(o,r){return this.getCachedTextForCell(this.children,o,r)}textForRowHeader(o){return this.getCachedTextForRowHeader(this.children,o)}isRowMovable(o){return!1}get hasExpandableRows(){return!0}get isExpandAllAvailable(){return!1}get floatingBottomRowCount(){return 0}isRowExpandable(o){return this.getCachedIsRowExpandable(this.children,o,this.maxDepth)}isRowExpanded(o){return this.getCachedIsRowExpanded(this.children,o)}setRowExpanded(o,r){var s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,{key:a,offsetRow:l}=this.getCachedModelRowOffset(this.children,o),n=new Map(this.children);if(a!=null){var c=this.children.get(a);if(c!==void 0){var{rowCount:d}=c;c.setRowExpanded(l,r,s),this.numRows+=c.rowCount-d}}else if(r){var i=new T({rowCount:this.childRowCount,columnCount:this.numColumns});n.set(l,i),this.numRows+=i.rowCount}else{var h=n.get(l);h!==void 0&&(this.numRows-=h.rowCount,n.delete(l))}this.children=n}expandAll(){throw new Error("Expand all not implemented.")}collapseAll(){throw new Error("Collapse all not implemented.")}depthForRow(o){return this.getCachedDepthForRow(this.children,o)}}N(T,"DEFAULT_ROW_COUNT",1e9);N(T,"DEFAULT_COLUMN_COUNT",100);N(T,"DEFAULT_CHILD_ROW_COUNT_FACTOR",.01);N(T,"MIN_CHILD_ROW_COUNT",10);N(T,"MAX_DEPTH",10);function Fe(t,o,r){return(o=Tt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Tt(t){var o=Nt(t,"string");return typeof o=="symbol"?o:o+""}function Nt(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class It extends De{constructor(o,r){var s;super(),Fe(this,"data",void 0),Fe(this,"columnHeaders",void 0),Fe(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 Ve(t,o,r){return(o=Et(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Et(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||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class At extends De{constructor(o,r){super(),Ve(this,"numberOfColumns",void 0),Ve(this,"numberOfRows",void 0),Ve(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,c,d,h,i=r-((s=(a=this.viewportData)===null||a===void 0?void 0:a.rowOffset)!==null&&s!==void 0?s:0),m=o-((l=(n=this.viewportData)===null||n===void 0?void 0:n.columnOffset)!==null&&l!==void 0?l:0);return"".concat((c=(d=this.viewportData)===null||d===void 0||(h=d.data[i])===null||h===void 0?void 0:h[m])!==null&&c!==void 0?c:"")}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}}function E(t,o,r){return(o=Mt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Mt(t){var o=$t(t,"string");return typeof o=="symbol"?o:o+""}function $t(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o||"default");if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}var Rt="proportional",Pt=Wo.positiveBarColor,Lt=Wo.negativeBarColor,_t="beside",Bt="LTR",Ft="right";function Vt(t){return Array.isArray(t)&&t.every(o=>typeof o=="number")}class Ot extends De{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,c=arguments.length>6&&arguments[6]!==void 0?arguments[6]:new Map,d=arguments.length>7&&arguments[7]!==void 0?arguments[7]:new Map,h=arguments.length>8&&arguments[8]!==void 0?arguments[8]:new Map;super(),E(this,"numberOfColumns",void 0),E(this,"numberOfRows",void 0),E(this,"data",void 0),E(this,"columnMins",void 0),E(this,"columnMaxs",void 0),E(this,"columnAxes",void 0),E(this,"valuePlacements",void 0),E(this,"directions",void 0),E(this,"positiveColors",void 0),E(this,"negativeColors",void 0),E(this,"opacities",void 0),E(this,"textAlignments",void 0),E(this,"markers",void 0),this.positiveColors=s,this.negativeColors=a,this.data=o,this.columnAxes=r,this.valuePlacements=l,this.opacities=n,this.directions=c,this.textAlignments=d,this.markers=h,this.numberOfRows=Math.max(...o.map(g=>g.length)),this.numberOfColumns=o.length,this.columnMins=new Map,this.columnMaxs=new Map;for(var i=0;i<o.length;i+=1){var m=o[i];Vt(m)&&(this.columnMins.set(i,Math.min(...m)),this.columnMaxs.set(i,Math.max(...m)))}}get rowCount(){return this.numberOfRows}get columnCount(){return this.numberOfColumns}textForCell(o,r){var s;return"".concat((s=this.data[o])===null||s===void 0?void 0:s[r])}textForColumnHeader(o){return"".concat(o)}textAlignForCell(o,r){var s;return(s=this.textAlignments.get(o))!==null&&s!==void 0?s:Ft}renderTypeForCell(o,r){return o<20||o%2===r%2?"dataBar":"text"}dataBarOptionsForCell(o,r){var s,a,l,n,c,d,h,i=mo(this.columnMins,o),m=mo(this.columnMaxs,o),g=(s=this.columnAxes.get(o))!==null&&s!==void 0?s:Rt,f=(a=this.valuePlacements.get(o))!==null&&a!==void 0?a:_t,y=this.opacities.get(o);y==null||y>1?y=1:y<0&&(y=0);var j=(l=this.directions.get(o))!==null&&l!==void 0?l:Bt,I=(n=this.positiveColors.get(o))!==null&&n!==void 0?n:Pt,ne=(c=this.negativeColors.get(o))!==null&&c!==void 0?c:Lt,W=Number((d=this.data[o])===null||d===void 0?void 0:d[r]),Z=W>=0?I:ne,Ae=(h=this.markers.get(o))!==null&&h!==void 0?h:[];return{columnMin:i,columnMax:m,axis:g,color:Z,valuePlacement:f,opacity:y,markers:Ae,direction:j,value:W}}}const Ut="isolated-section-query",Ko="sample-section";function*pe(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 c=r[l],d=`${c}${n}`,h=`${c.repeat(3)}${n}`;yield u.createElement(v,{key:d,textValue:h,children:h})}}function*lo(t,o={}){const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",s=r.length,a=Object.keys(X);for(let l=0;l<t;l+=1){const n=l%s;let c=String(Math.floor(l/s));c==="0"&&(c="");const d=r[n],h=`${d}${c}`,i=o.icons===!0?a[l%a.length]:void 0,m=o.descriptions===!0?`Description ${h}`:void 0,g=i??`${d.repeat(3)}${c}`;yield{key:h,item:{key:(l+1)*100,content:g,textValue:g,description:m,icon:i}}}}function*qo(t=1){for(;;)t=t*16807%2147483647,yield t/2147483647}function No(){return window.location.search.includes("isolateSection=true")?window.location.hash.replace(/^#/,""):""}function Xo(){const[t,o]=u.useState(No);return u.useEffect(()=>{const r=()=>o(No());return window.addEventListener("hashchange",r),()=>window.removeEventListener("hashchange",r)},[]),t}function Ht(t=1){const[o]=u.useState(()=>qo(t));return u.useCallback(()=>{const r=o.next();if(r.done===!0)throw new Error("Random number generator unexpectedly finished");return r.value},[o])}function Yo(t){return`${Ko}-${t.toLocaleLowerCase().replaceAll(" ","-")}`}function Zo(t,o=[]){const r=Yo(t),s=z(Ko,...o);return{id:r,className:s}}function Gt(t,o=[]){const{id:r,className:s}=Zo(t,o);return{id:r,UNSAFE_className:s}}function x({name:t,className:o="",component:r="div",...s}){const a=Xo(),l=Yo(t);if(!(a===""||a===l))return null;const c=r==="div"?Zo:Gt;return e.jsx(r,{...s,...c(t,[o])})}function k(){}class ge extends u.Component{static renderButtons(){return e.jsxs(e.Fragment,{children:[e.jsx("h5",{children:"Button Kinds"}),e.jsx(x,{name:"buttons-regular",style:{padding:"1rem 0"},children:e.jsxs(Se,{children:[e.jsx(p,{kind:"primary",onClick:k,children:"Primary"}),e.jsx(p,{kind:"secondary",onClick:k,children:"Secondary"}),e.jsx(p,{kind:"tertiary",onClick:k,children:"Tertiary"}),e.jsx(p,{kind:"success",onClick:k,children:"Success"}),e.jsx(p,{kind:"danger",onClick:k,children:"Danger"}),e.jsx(p,{kind:"inline",onClick:k,children:"Inline"}),e.jsx(p,{kind:"ghost",onClick:k,children:"Ghost"})]})})]})}static renderLinks(){const o={primary:"accent",secondary:"neutral",success:"positive",info:"info",warning:"notice",danger:"negative"};return e.jsxs(x,{name:"links",style:{paddingTop:"1rem"},children:[e.jsx("h5",{children:"Links"}),e.jsx(w,{gap:"1rem",children:Object.entries(o).map(([r,s])=>e.jsxs("a",{className:`text-${r}`,children:[r," (",s,")"]},r))})]})}static renderSocketedButtons(){return e.jsxs(x,{name:"buttons-socketed",children:[e.jsx("h5",{children:"Socketed Buttons (for linker)"}),e.jsxs(Se,{marginBottom:"1rem",children:[e.jsx(ie,{onClick:k,children:"Unlinked"}),e.jsx(ie,{isLinked:!0,onClick:k,children:"Linked"}),e.jsx(ie,{isLinkedSource:!0,onClick:k,children:"Linked Source"}),e.jsx(ie,{isLinked:!0,isInvalid:!0,onClick:k,children:"Error"}),e.jsx(ie,{disabled:!0,onClick:k,children:"Disabled"})]})]})}constructor(o){super(o),this.state={toggle:!0}}renderInlineButtons(){const{toggle:o}=this.state;return e.jsxs(x,{name:"buttons-inline",style:{padding:"1rem 0"},children:[e.jsx("h5",{children:"Inline Buttons"}),"Regular btn-inline:",e.jsx(p,{className:"mx-2",kind:"inline",icon:Y,tooltip:"test",onClick:k}),"Toggle button (class active):",e.jsx(p,{className:"mx-2",onClick:()=>{this.setState({toggle:!o})},active:o,kind:"inline",icon:Y,tooltip:"test"}),"Disabled:",e.jsx(p,{className:"mx-2",kind:"inline",disabled:!0,onClick:k,children:"Disabled"}),"With Text:",e.jsx(p,{className:"mx-2",kind:"inline",icon:Y,onClick:k,children:e.jsx("span",{children:"Text Button"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("span",{children:"btn-link-icon (no text):"}),e.jsx(p,{kind:"ghost",icon:Y,tooltip:"test",onClick:k}),e.jsx("span",{className:"mx-2",children:"btn-link:"}),e.jsx(p,{kind:"ghost",onClick:k,children:"Text Button"}),e.jsx("span",{className:"mx-2",children:"btn-link (text w/ optional with icon):"}),e.jsx(p,{kind:"ghost",icon:Y,onClick:k,children:"Text Button"})]})}render(){const o=ge.renderButtons(),r=this.renderInlineButtons(),s=ge.renderSocketedButtons(),a=ge.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 zt(){const t=Go();wo.random=Ht();const[o]=u.useState(()=>new wo(t));return e.jsxs(x,{name:"charts",children:[e.jsx("h2",{className:"ui-title",children:"Chart"}),e.jsx("div",{style:{height:500},children:e.jsx(Fr,{model:o})})]})}const eo="2px solid var(--dh-color-notice-bg)",Wt={"--dh-color-black":"gray","--dh-color-white":"gray","--dh-color-border":"General","--dh-color-bg":"General","--dh-color-surface-bg":"General","--dh-color-fg":"General","--dh-color-content-bg":"General","--dh-color-subdued-content-bg":"General","--dh-color-dropshadow":"General","--dh-color-keyboard-selected-bg":"Misc","--dh-color-hover-border":"Misc","--dh-color-visual-positive":"Visual Status","--dh-color-visual-negative":"Visual Status","--dh-color-visual-notice":"Visual Status","--dh-color-visual-info":"Visual Status","--dh-color-gray-bg":"Default Background","--dh-color-red-bg":"Default Background","--dh-color-orange-bg":"Default Background","--dh-color-yellow-bg":"Default Background","--dh-color-chartreuse-bg":"Default Background","--dh-color-celery-bg":"Default Background","--dh-color-green-bg":"Default Background","--dh-color-seafoam-bg":"Default Background","--dh-color-cyan-bg":"Default Background","--dh-color-blue-bg":"Default Background","--dh-color-indigo-bg":"Default Background","--dh-color-purple-bg":"Default Background","--dh-color-fuchsia-bg":"Default Background","--dh-color-magenta-bg":"Default Background","--dh-color-editor-bg":"editor","--dh-color-editor-fg":"editor","--dh-color-editor-context-menu-bg":"menus","--dh-color-editor-context-menu-fg":"menus","--dh-color-editor-menu-selection-bg":"menus","--dh-color-grid-bg":"grid","--dh-color-grid-number-positive":"Data Types","--dh-color-grid-number-negative":"Data Types","--dh-color-grid-number-zero":"Data Types","--dh-color-grid-date":"Data Types","--dh-color-grid-string-null":"Data Types"},Io={"--dh-color-black":"","--dh-color-action-active-bg":"Action.active","--dh-color-action-down-bg":"Action:active","--dh-color-action-hover-bg":"Action:hover","--dh-color-action-active-hover-bg":"Action.active:hover","--dh-color-action-disabled-bg":"Action:disabled"},Kt={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 qt(t){const o=ye.parseRgba(ye.asRgbOrRgbaString(t)??"");if(o==null||o.a<.5)return"white";const{r,g:s,b:a}=o;return ye.getBrightness([r,s,a])>=128?"black":"white"}function Xt(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"?Nr(a??"").map(([n,c])=>a.substring(n,c+1)).map((n,c)=>({name:`${s}-${c}`,value:n})):{name:s,value:a}}).flat()}function te(t,o,r,s=Wt){const a=Kt[t];return Xt(o).reduce((c,{name:d,value:h})=>{if(/^--dh-color-true-(.*?)$/.test(d)||/^--dh-color-gray-(light|mid|dark)$/.test(d))return c;const i=/^--dh-color-([^-]+)(?:-([^-]+))?/.exec(d);let m=s[d]??(i==null?void 0:i[r])??(i==null?void 0:i[1])??"???";return m=a[m]??m,c[m]==null&&(c[m]=[]),d in Io&&c[m].push({isLabel:!0,name:Io[d],value:""}),/^--dh-color-gray-(light|mid|dark)$/.test(d)||c[m].push({name:d,value:h}),c},{})}function Yt(){const t=u.useRef(null);return u.useLayoutEffect(()=>{if(t.current==null)return;const o=getComputedStyle(t.current),{backgroundColor:r}=o;t.current.style.color=qt(r)},[]),t}function Zt(t,o){const[r,s]=u.useState();return u.useEffect(()=>{var c;if(t.current==null)return;const a=getComputedStyle(t.current,o).getPropertyValue("content"),l=(c=/"(--dh-color-.*?)[,"]/.exec(a))==null?void 0:c[1];if(l==null)return;const n=getComputedStyle(t.current).getPropertyValue(l);s(n)},[t,o]),r}function Oe({className:t,children:o}){const r=Yt(),s=Zt(r,":after"),a=u.useMemo(()=>s!=null?{value:s}:null,[s]),l=a!=null&&a.value!=="";return e.jsxs("div",{ref:r,className:t,style:{border:l?void 0:eo},children:[l&&e.jsx(se,{interactive:!0,children:e.jsx("div",{children:a.value})}),o]})}function Qt(){const t=["100","200","300","400","500","600","700","800","850","8XX","900"].map(s=>e.jsx(Oe,{className:z("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(Oe,{className:z("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(Oe,{className:z("swatch",`swatch-${s}`),children:s},s));return e.jsxs(x,{name:"colors",children:[e.jsx("h2",{className:"ui-title",children:"Colors"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[t,o]}),e.jsx("div",{className:"col",children:r}),e.jsx("div",{className:"col",children:e.jsx("p",{children:"This section is for legacy reference only. Use the css variable based semantic colors in the following sections. You should not be using colors defined in the theme color palette directly."})})]})]})}class Jt extends u.Component{constructor(o){super(o),this.makeContextMenuItems=this.makeContextMenuItems.bind(this)}makeContextMenuItems(o){const r=o!==void 0?` ${o}`:"";return[{title:`Show Alert${r}`,icon:to,action:()=>{alert(`Alert${r}!`)},shortcut:new ae({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[$.CTRL,R.A],macShortcut:[$.CMD,R.A]})},{title:`Log Message${r}`,icon:so,action:()=>{console.log(`Logging a message${r}!`)},shortcut:new ae({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[$.CTRL,R.L],macShortcut:[$.CMD,R.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:Uo,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new ae({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[$.CTRL,R.SLASH],macShortcut:[$.CMD,R.SLASH]}),group:we.groups.global}].concat(o),a=()=>new Promise(l=>{setTimeout(()=>{l(o)},3e3)});return e.jsxs(x,{name:"context-menus",children:[e.jsx("h2",{className:"ui-title",children:"Context Menu"}),e.jsxs(p,{kind:"primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(we,{actions:s})]}),e.jsxs(p,{kind:"tertiary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(we,{actions:a})]})]})}}class es extends u.Component{constructor(o){super(o),this.sampleInput=xe.createRef(),this.handleUpdateCheckboxMap=this.handleUpdateCheckboxMap.bind(this);const r=["Parent A",new Map([["Child 1",!0],["Child 2",!1]])],s=["Parent B",new Map([["Child 3",!0],["Child 4",!1],["Child 5",!0],["Child 6",!1]])],a=["Leaf Parent",!0];this.state={isShown:!1,checkBoxMap:new Map([r,s,a])}}handleUpdateCheckboxMap(o){this.setState({checkBoxMap:o})}renderChild(){return e.jsxs("div",{className:"p-3",children:[e.jsx("h4",{children:"Sample Child"}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{ref:this.sampleInput,type:"text",className:"form-control",id:"exampleInput1","aria-describedby":"emailHelp",placeholder:"Input Placeholder"})]}),e.jsx("small",{className:"form-text text-muted",children:"Help text for a form input"})]})]})}render(){const{isShown:o,checkBoxMap:r}=this.state;return e.jsxs(x,{name:"dialog",children:[e.jsx("h2",{className:"ui-title",children:"Popover Dialog"}),e.jsx("p",{children:"Popover dialog that can contain interactive elements, can be set to self close on blur."}),e.jsxs(p,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Open Dialog",e.jsx(Vr,{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(qr,{menuText:"Checkbox Menu",valueMap:r,onUpdateValueMap:this.handleUpdateCheckboxMap})]})}}class os extends u.Component{constructor(o){super(o),this.state={isShown:!1}}render(){const o=[{title:"Show Alert",icon:to,action:()=>{alert("Alert!")},shortcut:new ae({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[$.CTRL,R.A],macShortcut:[$.CMD,R.A]})},{title:"Log Message",icon:so,action:()=>{console.log("Logging a message!")},shortcut:new ae({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[$.CTRL,R.L],macShortcut:[$.CMD,R.L]})}],s=[{title:"Show Shortcuts",icon:Uo,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new ae({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[$.CTRL,R.SLASH],macShortcut:[$.CMD,R.SLASH]}),group:we.groups.global}].concat(o),{isShown:a}=this.state;return e.jsxs(x,{name:"dropdown-menus",children:[e.jsx("h2",{className:"ui-title",children:"Dropdown Menu"}),e.jsx("p",{children:"A simple dropdown menu of actions, can open on click of parent container, or controlled by prop."}),e.jsx(p,{kind:"inline",className:"mx-2",icon:Ir,onClick:()=>{},children:e.jsx(fo,{actions:s})}),e.jsxs(p,{kind:"primary",style:{marginRight:"1rem",minWidth:"165px"},onClick:()=>{a?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Menu Shown: ",a.toString()]}),e.jsxs("div",{ref:this.button,className:"btn btn-secondary disabled",style:{marginRight:"1rem"},children:["Shown using isShown",e.jsx(fo,{isShown:a,onMenuClosed:()=>{this.setState({isShown:!1})},actions:s})]})]})}}const rs=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")\\
     .headBy(3, "Sym")\\
     .view("Sym", "Last")
 
@@ -194,7 +194,7 @@ ss = new SimulatorState()
 simulation = shares30min.update("Values=(double[])ss.update(Sym, TargetPosition, SharesTraded30Min)", "PositionChange=Values[0]", "Position=Values[1]")
      .dropColumns("Values")
 
-`,To={testPython:rs,testGroovy:ts};function ss(){return e.jsxs(x,{name:"editors",children:[e.jsx("h2",{className:"ui-title",children:"Editor"}),e.jsx("h5",{className:"sub-title",children:"Python"}),e.jsx("div",{style:{height:400,position:"relative"},children:e.jsx(po,{settings:{language:"python",value:To.testPython}})}),e.jsx("h5",{className:"sub-title",children:"Groovy"}),e.jsx("div",{style:{height:400,position:"relative"},children:e.jsx(po,{settings:{language:"groovy",value:To.testGroovy}})})]})}const as=[];class Ve extends Ae{constructor(r,s=new T){super(r);L(this,"model");L(this,"editedData");L(this,"getCachedColumns",Lo(r=>{const s=[];for(let a=0;a<r;a+=1)s.push({name:this.model.textForColumnHeader(a,0),type:"java.lang.String",description:`Mock column ${a}`});return s}));this.model=s,this.editedData=[]}get rowCount(){return this.model.rowCount}get columnCount(){return this.model.columnCount}get floatingTopRowCount(){return 3}get floatingBottomRowCount(){return 3}get isEditable(){return!0}isEditableRange(r){return this.isEditable}setValues(r){throw new Error("Method not implemented.")}delete(r){throw new Error("Method not implemented.")}get pendingRowCount(){return 0}set pendingRowCount(r){}get pendingDataMap(){return new Map}set pendingDataMap(r){}updateFrozenColumns(r){}getColumnIndexByName(r){return Number(r)}textForCell(r,s){var a;return((a=this.editedData[r])==null?void 0:a[s])??this.model.textForCell(r,s)}textForRowHeader(r){return this.model.textForRowHeader(r)}textForRowFooter(r){return this.model.textForRowHeader(r)}textForColumnHeader(r,s){return this.model.textForColumnHeader(r,s)}get hasExpandableRows(){return this.model.hasExpandableRows}get isExpandAllAvailable(){return!1}isRowExpandable(r){return this.model.isRowExpandable(r)}isRowExpanded(r){return this.model.isRowExpanded(r)}setRowExpanded(r,s,a=!1){this.model.setRowExpanded(r,s,a)}expandAll(){throw new Error("Expand all not implemented.")}collapseAll(){throw new Error("Collapse all not implemented.")}depthForRow(r){return this.model.depthForRow(r)}get columns(){return this.getCachedColumns(this.columnCount)}get groupedColumns(){return as}get description(){return"A mock used for testing."}get customColumns(){return[]}set customColumns(r){}get formatColumns(){return[]}set formatColumns(r){}get sort(){return[]}set sort(r){}get filter(){return[]}set filter(r){}get partition(){return[]}set partition(r){}get partitionColumns(){return[]}set partitionColumns(r){}set formatter(r){}get columnAlignmentMap(){return new Map}set columnAlignmentMap(r){}displayString(r){return`${r}`}valueForCell(r,s){return this.textForCell(r,s)}formatForCell(r,s){}setViewport(){this.dispatchEvent(new CustomEvent(Ae.EVENT.UPDATED))}async setValueForCell(r,s,a){this.editedData[r]==null&&(this.editedData[r]=[]),this.editedData[r][s]=`${a}`,this.dispatchEvent(new CustomEvent(Ae.EVENT.UPDATED))}async setValueForRanges(r,s){Vo.forEachCell(r,(a,l)=>{this.setValueForCell(a,l,s)})}editValueForCell(r,s){return this.textForCell(r,s)}isValidForCell(r,s,a){return!0}async columnStatistics(r){throw new Error("Not defined in mock")}async commitPending(){throw new Error("Not defined in mock")}async export(){throw new Error("Not defined in mock")}get pendingDataErrors(){throw new Error("Not defined in mock")}get rollupConfig(){throw new Error("Not defined in mock")}set rollupConfig(r){throw new Error("Not defined in mock")}get selectDistinctColumns(){throw new Error("Not defined in mock")}set selectDistinctColumns(r){throw new Error("Not defined in mock")}async snapshot(r){throw new Error("Not defined in mock")}async textSnapshot(){throw new Error("Not defined in mock")}get totalsConfig(){throw new Error("Not defined in mock")}set totalsConfig(r){throw new Error("Not defined in mock")}valuesTable(r){throw new Error("Not defined in mock")}seekRow(r,s,a,l,n,c,d){throw new Error("Method not implemented.")}get columnHeaderGroups(){return[]}set columnHeaderGroups(r){}get columnHeaderGroupMap(){return new Map}getColumnHeaderParentGroup(){}get initialMovedColumns(){return[]}get initialMovedRows(){return[]}get initialColumnHeaderGroups(){return[]}}function ls(){const[t]=u.useState(()=>new It([["Matthew Austins","Toronto",35,22],["Doug Millgore","Toronto",14,33],["Bart Marchant","Boston",20,14],["Luigi Dabest","Pittsburgh",66,33]],["Name","Team","Goals","Assists"]));return e.jsx(le,{model:t})}function ns(){const[t]=u.useState(()=>new ao({isEditable:!0,rowCount:Number.MAX_SAFE_INTEGER,columnCount:Number.MAX_SAFE_INTEGER}));return e.jsx(le,{model:t})}function is(){const[t]=u.useState(()=>new T);return e.jsx(le,{model:t})}function cs(){const[t]=u.useState(()=>new At(1e9,1e6)),o=u.useRef(null),[r,s]=u.useState({top:0,bottom:0,left:0,right:0}),a=u.useCallback(h=>{const{top:i,bottom:m,left:g,right:f}=h;s({top:i,bottom:m,left:g,right:f})},[]),{top:l,bottom:n,left:c,right:d}=r;return u.useEffect(function(){let i=!1;return setTimeout(()=>{var g;if(i)return;const m=[];for(let f=l;f<=n;f+=1){const y=[];for(let j=c;j<=d;j+=1)y.push(`${f},${j}`);m.push(y)}t.viewportData={rowOffset:l,columnOffset:c,data:m},(g=o.current)==null||g.forceUpdate()},250),()=>{i=!0}},[l,n,c,d,t]),e.jsx(le,{model:t,onViewChanged:a,ref:o})}function ds(){const t=[100,50,20,10,-10,-20,-50,-30,100,0,1],o=[],r=new Map([[0,"proportional"],[1,"middle"],[2,"directional"],[6,"directional"],[7,"directional"],[8,"directional"],[9,"directional"],[10,"directional"]]),s=new Map([[3,"#72d7df"],[4,"#ac9cf4"]]);s.set(5,["#f3cd5b","#9edc6f"]),s.set(19,["#42f54b","#42b9f5","#352aa8"]);const a=new Map([[3,"#f3cd5b"],[4,"#ac9cf4"]]);a.set(5,["#f95d84","#f3cd5b"]),a.set(19,["#e05536","#e607de","#e6e207"]);const l=new Map([[6,"hide"],[7,"overlap"],[8,"overlap"],[9,"overlap"]]),n=new Map([[7,.5],[8,.5],[9,.5]]),c=new Map([[8,"RTL"],[10,"RTL"],[16,"RTL"],[19,"RTL"]]),d=new Map([[9,"left"],[11,"left"]]),h=new Map([[12,[{value:13,color:"white"},{value:14,color:"gray"}]]]);for(let m=0;m<13;m+=1)o.push(t.slice());o.push([70,60,30,20,-10,-30,-20,-50,80,50,10]),o.push([50,20,10,0,0,-10,-30,10,90,20,40]),o.push([-100,-90,-80,-70,-60,-50,-40,-30,-20,-10,0]),o.push(t.slice()),o.push([100,10.5,11.234,-20.5,-50,-2.5,-15.1234,94.254,25,44.4444,-50.5]),o.push([1e6,10,200,-2e4,-2e6,-25,-9e5,8e5,1e5,45e4,1]),o.push(t.slice()),o.push(t.slice()),o.push(t.slice());const[i]=u.useState(()=>new Ot(o,r,s,a,l,n,c,d,h));return e.jsx(le,{model:i})}function hs(){const t=Oo(),[o]=u.useState(new Ve(t,new T)),[r]=u.useState(new Ve(t,new T)),[s]=u.useState(new Ve(t,new T)),[a]=u.useState(new ao),[l]=u.useState({autoSelectRow:!0}),[n]=u.useState({rowHeight:40});return e.jsx("div",{children:e.jsxs(lt.Provider,{value:n,children:[e.jsx("h2",{className:"ui-title",children:"Grid"}),e.jsx(x,{name:"grids-grid",component:w,children:e.jsx(le,{model:a,theme:l})}),e.jsx("h2",{className:"ui-title",children:"Static Data"}),e.jsx(x,{name:"grids-static",component:w,height:200,children:e.jsx(ls,{})}),e.jsx("h2",{className:"ui-title",children:"Data Bar"}),e.jsx(x,{name:"grids-data-bar",component:w,height:500,children:e.jsx(ds,{})}),e.jsx("h2",{className:"ui-title",children:"Quadrillion rows and columns"}),e.jsx(x,{name:"grids-quadrillion",component:w,position:"relative",height:500,children:e.jsx(ns,{})}),e.jsx("h2",{className:"ui-title",children:"Async example"}),e.jsx(x,{name:"grids-async",component:w,position:"relative",height:500,children:e.jsx(cs,{})}),e.jsx("h2",{className:"ui-title",children:"Tree Grid"}),e.jsx(x,{name:"grids-tree",component:w,height:500,children:e.jsx(is,{})}),e.jsx("h2",{className:"ui-title",children:"Iris Grid"}),e.jsx(x,{name:"grids-iris",component:w,height:500,children:e.jsx(Me,{model:o,density:"regular"})}),e.jsx("h2",{className:"ui-title",children:"Iris Grid Compact"}),e.jsx(x,{name:"grids-iris-compact",component:w,height:500,children:e.jsx(Me,{model:r,density:"compact"})}),e.jsx("h2",{className:"ui-title",children:"Iris Grid Spacious"}),e.jsx(x,{name:"grids-iris-spacious",component:w,height:500,children:e.jsx(Me,{model:s,density:"spacious"})})]})})}async function No(t){try{return await navigator.clipboard.writeText(t)}catch(o){throw new Error(`Unable to copy: ${o}`)}}const us="dh",ms="vs",Io=(t,o)=>o.toLowerCase()+t.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join("");function Xo({message:t,message:{text:o}}){const[r,s]=u.useState(!1);return u.useEffect(function(){if(o==null||o==="")return;s(!0);const l=setTimeout(()=>{s(!1)},2e3);return()=>{clearTimeout(l)}},[t,o]),e.jsx("p",{className:r?"flash in":"flash out",children:o})}Xo.propTypes={message:ke.shape({text:ke.node}).isRequired};function gs(){const[t,o]=u.useState(!0),[r,s]=u.useState(!0),[a,l]=u.useState(""),[n,c]=u.useState({text:""}),d=Object.values(X).filter(i=>{const m=Io(i.iconName,i.prefix).toLowerCase().indexOf(a.replace(/\s/g,"").replace(/-/g,"").toLowerCase())!==-1,g=t&&i.prefix===us,f=r&&i.prefix===ms;return m&&(g||f)}).map(i=>{const m=Io(i.iconName,i.prefix);return e.jsxs(p,{kind:"inline",className:"card",onClick:()=>{No(m).then(()=>{c({text:e.jsxs("span",{children:[e.jsx(S,{icon:X.vsOutput})," Copied text:"," ",e.jsx("strong",{children:m})]})})}).catch(g=>{c({text:e.jsx("span",{className:"text-danger",children:g.message})})})},children:[e.jsx(P,{size:"L",children:e.jsx(S,{icon:i})}),e.jsx("label",{title:m,children:m})]},m)}),h=`
+`,Eo={testPython:rs,testGroovy:ts};function ss(){return e.jsxs(x,{name:"editors",children:[e.jsx("h2",{className:"ui-title",children:"Editor"}),e.jsx("h5",{className:"sub-title",children:"Python"}),e.jsx("div",{style:{height:400,position:"relative"},children:e.jsx(bo,{settings:{language:"python",value:Eo.testPython}})}),e.jsx("h5",{className:"sub-title",children:"Groovy"}),e.jsx("div",{style:{height:400,position:"relative"},children:e.jsx(bo,{settings:{language:"groovy",value:Eo.testGroovy}})})]})}const as=[];class Ue extends $e{constructor(r,s=new T){super(r);L(this,"model");L(this,"editedData");L(this,"getCachedColumns",Fo(r=>{const s=[];for(let a=0;a<r;a+=1)s.push({name:this.model.textForColumnHeader(a,0),type:"java.lang.String",description:`Mock column ${a}`});return s}));this.model=s,this.editedData=[]}get rowCount(){return this.model.rowCount}get columnCount(){return this.model.columnCount}get floatingTopRowCount(){return 3}get floatingBottomRowCount(){return 3}get isEditable(){return!0}isEditableRange(r){return this.isEditable}setValues(r){throw new Error("Method not implemented.")}delete(r){throw new Error("Method not implemented.")}get pendingRowCount(){return 0}set pendingRowCount(r){}get pendingDataMap(){return new Map}set pendingDataMap(r){}updateFrozenColumns(r){}getColumnIndexByName(r){return Number(r)}textForCell(r,s){var a;return((a=this.editedData[r])==null?void 0:a[s])??this.model.textForCell(r,s)}textForRowHeader(r){return this.model.textForRowHeader(r)}textForRowFooter(r){return this.model.textForRowHeader(r)}textForColumnHeader(r,s){return this.model.textForColumnHeader(r,s)}get hasExpandableRows(){return this.model.hasExpandableRows}get isExpandAllAvailable(){return!1}isRowExpandable(r){return this.model.isRowExpandable(r)}isRowExpanded(r){return this.model.isRowExpanded(r)}setRowExpanded(r,s,a=!1){this.model.setRowExpanded(r,s,a)}expandAll(){throw new Error("Expand all not implemented.")}collapseAll(){throw new Error("Collapse all not implemented.")}depthForRow(r){return this.model.depthForRow(r)}get columns(){return this.getCachedColumns(this.columnCount)}get groupedColumns(){return as}get description(){return"A mock used for testing."}get customColumns(){return[]}set customColumns(r){}get formatColumns(){return[]}set formatColumns(r){}get sort(){return[]}set sort(r){}get filter(){return[]}set filter(r){}get partition(){return[]}set partition(r){}get partitionColumns(){return[]}set partitionColumns(r){}set formatter(r){}get columnAlignmentMap(){return new Map}set columnAlignmentMap(r){}displayString(r){return`${r}`}valueForCell(r,s){return this.textForCell(r,s)}formatForCell(r,s){}setViewport(){this.dispatchEvent(new CustomEvent($e.EVENT.UPDATED))}async setValueForCell(r,s,a){this.editedData[r]==null&&(this.editedData[r]=[]),this.editedData[r][s]=`${a}`,this.dispatchEvent(new CustomEvent($e.EVENT.UPDATED))}async setValueForRanges(r,s){Ho.forEachCell(r,(a,l)=>{this.setValueForCell(a,l,s)})}editValueForCell(r,s){return this.textForCell(r,s)}isValidForCell(r,s,a){return!0}async columnStatistics(r){throw new Error("Not defined in mock")}async commitPending(){throw new Error("Not defined in mock")}async export(){throw new Error("Not defined in mock")}get pendingDataErrors(){throw new Error("Not defined in mock")}get rollupConfig(){throw new Error("Not defined in mock")}set rollupConfig(r){throw new Error("Not defined in mock")}get selectDistinctColumns(){throw new Error("Not defined in mock")}set selectDistinctColumns(r){throw new Error("Not defined in mock")}async snapshot(r){throw new Error("Not defined in mock")}async textSnapshot(){throw new Error("Not defined in mock")}get totalsConfig(){throw new Error("Not defined in mock")}set totalsConfig(r){throw new Error("Not defined in mock")}valuesTable(r){throw new Error("Not defined in mock")}seekRow(r,s,a,l,n,c,d){throw new Error("Method not implemented.")}get columnHeaderGroups(){return[]}set columnHeaderGroups(r){}get columnHeaderGroupMap(){return new Map}getColumnHeaderParentGroup(){}get initialMovedColumns(){return[]}get initialMovedRows(){return[]}get initialColumnHeaderGroups(){return[]}}function ls(){const[t]=u.useState(()=>new It([["Matthew Austins","Toronto",35,22],["Doug Millgore","Toronto",14,33],["Bart Marchant","Boston",20,14],["Luigi Dabest","Pittsburgh",66,33]],["Name","Team","Goals","Assists"]));return e.jsx(le,{model:t})}function ns(){const[t]=u.useState(()=>new ao({isEditable:!0,rowCount:Number.MAX_SAFE_INTEGER,columnCount:Number.MAX_SAFE_INTEGER}));return e.jsx(le,{model:t})}function is(){const[t]=u.useState(()=>new T);return e.jsx(le,{model:t})}function cs(){const[t]=u.useState(()=>new At(1e9,1e6)),o=u.useRef(null),[r,s]=u.useState({top:0,bottom:0,left:0,right:0}),a=u.useCallback(h=>{const{top:i,bottom:m,left:g,right:f}=h;s({top:i,bottom:m,left:g,right:f})},[]),{top:l,bottom:n,left:c,right:d}=r;return u.useEffect(function(){let i=!1;return setTimeout(()=>{var g;if(i)return;const m=[];for(let f=l;f<=n;f+=1){const y=[];for(let j=c;j<=d;j+=1)y.push(`${f},${j}`);m.push(y)}t.viewportData={rowOffset:l,columnOffset:c,data:m},(g=o.current)==null||g.forceUpdate()},250),()=>{i=!0}},[l,n,c,d,t]),e.jsx(le,{model:t,onViewChanged:a,ref:o})}function ds(){const t=[100,50,20,10,-10,-20,-50,-30,100,0,1],o=[],r=new Map([[0,"proportional"],[1,"middle"],[2,"directional"],[6,"directional"],[7,"directional"],[8,"directional"],[9,"directional"],[10,"directional"]]),s=new Map([[3,"#72d7df"],[4,"#ac9cf4"]]);s.set(5,["#f3cd5b","#9edc6f"]),s.set(19,["#42f54b","#42b9f5","#352aa8"]);const a=new Map([[3,"#f3cd5b"],[4,"#ac9cf4"]]);a.set(5,["#f95d84","#f3cd5b"]),a.set(19,["#e05536","#e607de","#e6e207"]);const l=new Map([[6,"hide"],[7,"overlap"],[8,"overlap"],[9,"overlap"]]),n=new Map([[7,.5],[8,.5],[9,.5]]),c=new Map([[8,"RTL"],[10,"RTL"],[16,"RTL"],[19,"RTL"]]),d=new Map([[9,"left"],[11,"left"]]),h=new Map([[12,[{value:13,color:"white"},{value:14,color:"gray"}]]]);for(let m=0;m<13;m+=1)o.push(t.slice());o.push([70,60,30,20,-10,-30,-20,-50,80,50,10]),o.push([50,20,10,0,0,-10,-30,10,90,20,40]),o.push([-100,-90,-80,-70,-60,-50,-40,-30,-20,-10,0]),o.push(t.slice()),o.push([100,10.5,11.234,-20.5,-50,-2.5,-15.1234,94.254,25,44.4444,-50.5]),o.push([1e6,10,200,-2e4,-2e6,-25,-9e5,8e5,1e5,45e4,1]),o.push(t.slice()),o.push(t.slice()),o.push(t.slice());const[i]=u.useState(()=>new Ot(o,r,s,a,l,n,c,d,h));return e.jsx(le,{model:i})}function hs(){const t=Go(),[o]=u.useState(new Ue(t,new T)),[r]=u.useState(new Ue(t,new T)),[s]=u.useState(new Ue(t,new T)),[a]=u.useState(new ao),[l]=u.useState({autoSelectRow:!0}),[n]=u.useState({rowHeight:40});return e.jsx("div",{children:e.jsxs(lt.Provider,{value:n,children:[e.jsx("h2",{className:"ui-title",children:"Grid"}),e.jsx(x,{name:"grids-grid",component:w,children:e.jsx(le,{model:a,theme:l})}),e.jsx("h2",{className:"ui-title",children:"Static Data"}),e.jsx(x,{name:"grids-static",component:w,height:200,children:e.jsx(ls,{})}),e.jsx("h2",{className:"ui-title",children:"Data Bar"}),e.jsx(x,{name:"grids-data-bar",component:w,height:500,children:e.jsx(ds,{})}),e.jsx("h2",{className:"ui-title",children:"Quadrillion rows and columns"}),e.jsx(x,{name:"grids-quadrillion",component:w,position:"relative",height:500,children:e.jsx(ns,{})}),e.jsx("h2",{className:"ui-title",children:"Async example"}),e.jsx(x,{name:"grids-async",component:w,position:"relative",height:500,children:e.jsx(cs,{})}),e.jsx("h2",{className:"ui-title",children:"Tree Grid"}),e.jsx(x,{name:"grids-tree",component:w,height:500,children:e.jsx(is,{})}),e.jsx("h2",{className:"ui-title",children:"Iris Grid"}),e.jsx(x,{name:"grids-iris",component:w,height:500,children:e.jsx(Re,{model:o,density:"regular"})}),e.jsx("h2",{className:"ui-title",children:"Iris Grid Compact"}),e.jsx(x,{name:"grids-iris-compact",component:w,height:500,children:e.jsx(Re,{model:r,density:"compact"})}),e.jsx("h2",{className:"ui-title",children:"Iris Grid Spacious"}),e.jsx(x,{name:"grids-iris-spacious",component:w,height:500,children:e.jsx(Re,{model:s,density:"spacious"})})]})})}async function Do(t){try{return await navigator.clipboard.writeText(t)}catch(o){throw new Error(`Unable to copy: ${o}`)}}const us="dh",ms="vs",Ao=(t,o)=>o.toLowerCase()+t.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join("");function Qo({message:t,message:{text:o}}){const[r,s]=u.useState(!1);return u.useEffect(function(){if(o==null||o==="")return;s(!0);const l=setTimeout(()=>{s(!1)},2e3);return()=>{clearTimeout(l)}},[t,o]),e.jsx("p",{className:r?"flash in":"flash out",children:o})}Qo.propTypes={message:ke.shape({text:ke.node}).isRequired};function gs(){const[t,o]=u.useState(!0),[r,s]=u.useState(!0),[a,l]=u.useState(""),[n,c]=u.useState({text:""}),d=Object.values(X).filter(i=>{const m=Ao(i.iconName,i.prefix).toLowerCase().indexOf(a.replace(/\s/g,"").replace(/-/g,"").toLowerCase())!==-1,g=t&&i.prefix===us,f=r&&i.prefix===ms;return m&&(g||f)}).map(i=>{const m=Ao(i.iconName,i.prefix);return e.jsxs(p,{kind:"inline",className:"card",onClick:()=>{Do(m).then(()=>{c({text:e.jsxs("span",{children:[e.jsx(S,{icon:X.vsOutput})," Copied text:"," ",e.jsx("strong",{children:m})]})})}).catch(g=>{c({text:e.jsx("span",{className:"text-danger",children:g.message})})})},children:[e.jsx(P,{size:"L",children:e.jsx(S,{icon:i})}),e.jsx("label",{title:m,children:m})]},m)}),h=`
   <div className="fa-md fa-layers">
     <FontAwesomeIcon
       mask={vsOrganization}
@@ -202,7 +202,7 @@ simulation = shares30min.update("Values=(double[])ss.update(Sym, TargetPosition,
       transform="down-7 right-7"
     />
     <FontAwesomeIcon icon={dhAddSmall} />
-  </div>`;return e.jsxs(x,{name:"icons",children:[e.jsx("h2",{className:"ui-title",children:"Icons"}),e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"Icon Composition"}),e.jsx("p",{children:"Icons can be used indivudally or composed together using font-awesome composition:"}),e.jsxs("div",{className:"icons",children:[e.jsx("div",{className:"icon card",children:e.jsx(S,{icon:ho})}),e.jsx("div",{className:"icon card",children:e.jsx(S,{icon:uo})}),e.jsx("div",{className:"icon card",children:e.jsx(S,{icon:mo})}),e.jsx("div",{className:"icon card",children:"="}),e.jsxs(p,{kind:"inline",className:"card",onClick:()=>{No(h).then(()=>{c({text:e.jsx("span",{children:"Copied composition example"})})}).catch(i=>{c({text:e.jsx("span",{className:"text-danger",children:i.message})})})},children:[e.jsx("div",{className:"icon",children:e.jsxs("div",{className:"fa-md fa-layers",children:[e.jsx(S,{mask:ho,icon:uo,transform:"down-7 right-7"}),e.jsx(S,{icon:mo})]})}),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:i=>{l(i.target.value)}}),e.jsx("span",{className:"mx-2",children:"Show: "}),e.jsx(p,{kind:"inline",active:r,className:"mr-2",onClick:()=>s(!r),icon:r?X.vsCheck:X.vsClose,children:"VS ICONS"}),e.jsx(p,{kind:"inline",active:t,className:"mr-2",onClick:()=>o(!t),icon:t?X.vsCheck:X.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(Xo,{message:n})]})]})})]})}const Yo=[{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"}],Eo=Yo.map(({title:t,value:o})=>e.jsx(v,{children:t},o)),xs=[{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 ps(){const[t,o]=u.useState(!1),[r,s]=u.useState(""),[a,l]=u.useState(!0),[n,c]=u.useState(!1),[d,h]=u.useState(!1),[i,m]=u.useState(!1),[g,f]=u.useState(null),[y,j]=u.useState("1"),[I,ne]=u.useState(),[W,Z]=u.useState("-DLiveTableMonitor.updateThreads=8 -DLiveTableMonitor.printDependencyInformation=false -Dassertion.heapDump=true -Drequire.heapDump=true -Dassertion.heapDump=true -Drequire.heapDump=true"),Ee=u.useCallback(V=>{j(V)},[]),ve=u.useCallback(()=>{o(!t)},[t]),or=u.useCallback(V=>{s(V.target.value)},[]);return e.jsxs(x,{name:"inputs",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Inputs"}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col",children:e.jsxs("form",{children:[e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{type:"text",className:"form-control",id:"exampleInput1","aria-describedby":"emailHelp",placeholder:"Input Placeholder"})]}),e.jsx("small",{className:"form-text text-muted",children:"Help text for a form imput"})]}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput2",children:["Input Label",e.jsx("input",{type:"text",className:"form-control",id:"exampleInput2","aria-describedby":"emailHelp",placeholder:"Input Disabled",disabled:!0})]}),e.jsx("small",{className:"form-text text-muted",children:"Disabled input"})]}),e.jsx("div",{className:"form-group",children:e.jsxs("label",{htmlFor:"exampleInputPassword1",children:["Password",e.jsx("input",{type:"password",className:"form-control",id:"exampleInputPassword1",placeholder:"Password",defaultValue:"123456789"})]})}),e.jsx("div",{className:"form-group",children:e.jsx(Or,{value:r,placeholder:"Search Input",onChange:or})})]})}),e.jsx("div",{className:"col",children:e.jsxs("form",{children:[e.jsx("h5",{children:" Checkboxes "}),e.jsx(_,{className:"form-group",checked:a,onChange:()=>l(!a),children:"Checked checkbox"}),e.jsx(_,{className:"form-group",checked:n,onChange:()=>c(!n),children:"Unchecked checkbox"}),e.jsx(_,{className:"form-group",disabled:!0,checked:null,children:"Disabled checkbox"}),e.jsx(_,{className:"form-group",isInvalid:!0,checked:d,onChange:()=>h(!d),children:"Invalid checkbox"}),e.jsx(_,{className:"form-group",checked:i,onChange:()=>m(!i),children:"Add radio button"}),e.jsx(_,{className:"form-group",checked:g,onChange:()=>{g==null?f(!0):f(g?!1:null)},children:"Indeterminate Cycle"})]})}),e.jsxs("div",{className:"col",children:[e.jsxs("form",{children:[e.jsx("h5",{id:"inputs-radios-heading",children:"Radios"}),e.jsxs(_o,{"aria-labelledby":"inputs-radios-heading",onChange:Ee,value:y,isInvalid:y==="4",description:"Select a radio item",errorMessage:y==="4"?"Invalid radio selected":void 0,children:[e.jsx(U,{value:"1",children:"Toggle this custom radio"}),e.jsx(U,{value:"2",children:"Or toggle this other custom radio"}),e.jsx(U,{value:"3",isDisabled:!0,children:"Disabled radio"}),e.jsx(U,{value:"4",children:"Invalid radio"}),e.jsx(U,{isHidden:!i,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(be,{on:t,onClick:ve})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{children:String(!t)}),e.jsx(be,{on:!t,onClick:ve})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"isInvalid",children:"isInvalid"}),e.jsx(be,{on:!t,isInvalid:!0,onClick:ve})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"disabled",children:"disabled"}),e.jsx(be,{on:!t,disabled:!0,onClick:ve})]})]})]}),e.jsxs("div",{className:"col",children:[e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Selection Menu"}),e.jsxs(Ce,{onChange:V=>{},defaultValue:"0",className:"custom-select",children:[e.jsx(M,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(M,{value:"1",children:"One"}),e.jsx(M,{value:"2",children:"Two"}),e.jsx(M,{value:"3",children:"Three"})]})]}),e.jsx("div",{className:"form-group",children:e.jsxs(Ce,{onChange:V=>{},defaultValue:"0",className:"custom-select",disabled:!0,children:[e.jsx(M,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(M,{value:"1",children:"One"}),e.jsx(M,{value:"2",children:"Two"}),e.jsx(M,{value:"3",children:"Three"})]})}),e.jsx("div",{className:"form-group",children:e.jsxs(Ce,{onChange:V=>{},defaultValue:"0",className:"custom-select",isInvalid:!0,children:[e.jsx(M,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(M,{value:"1",children:"One"}),e.jsx(M,{value:"2",children:"Two"}),e.jsx(M,{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(Ze,{"aria-label":"ComboBox",width:"100%",children:Eo})}),e.jsx("br",{}),e.jsx("div",{className:"input-group",children:e.jsx(Ze,{"aria-label":"Disabled ComboBox",isDisabled:!0,width:"100%",children:Eo})})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"AutoCompleteInput"}),e.jsx(Xr,{options:Yo,noMatchText:"No Matches."})]})]}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Time Input"}),e.jsx(Yr,{}),e.jsx("br",{}),e.jsx("h5",{children:"Date Input"}),e.jsx(Zr,{}),e.jsx("br",{}),e.jsx("h5",{children:"DateTime Input"}),e.jsx(nt,{}),e.jsx("br",{}),e.jsx("h5",{children:"Custom Timeselect"}),e.jsx(Qr,{options:xs,value:I??null,onChange:ne,customText:"Custom Timeout",placeholder:"Select a timeout",timeToValue:V=>V*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(Jr,{value:W,delimiter:" -",onChange:Z})]})})})]})}class vs extends u.PureComponent{constructor(o){super(o),this.handleSelect=this.handleSelect.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.selectedItems=[],this.state={items:[],offset:0,itemCount:5e5}}handleSelect(o){const r=this.selectedItems.indexOf(o);r>=0?this.selectedItems.splice(r,1):this.selectedItems.push(o);const s=r<0,{offset:a}=this.state;let{items:l}=this.state;l=[].concat(l);const n=o-a;n>=0&&n<l.length&&(l[n].isSelected=s),this.setState({items:l})}handleViewportChange(o,r){const{itemCount:s}=this.state,a=r-o+1,l=Math.max(0,o-a),n=Math.min(r+a,s),c=[];for(let h=l;h<=n&&h<=s;h+=1){const i=`Item ${h}`,m=this.selectedItems.indexOf(h)>=0;c.push({value:i,isSelected:m})}const d=l;this.setState({offset:d,items:c})}render(){const{offset:o,items:r,itemCount:s}=this.state;return e.jsx(it,{itemCount:s,items:r,offset:o,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}class Te extends u.PureComponent{constructor(o){super(o),this.handleSelect=this.handleSelect.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.selectedItems=[],this.state={items:[],offset:0,itemCount:5e5}}handleSelect(o){const{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),c=[];for(let h=l;h<=n;h+=1){const i=`Item ${h}`,m=this.selectedItems.indexOf(h)>=0;c.push({value:i,isSelected:m})}const d=l;this.setState({offset:d,items:c})}render(){const{isMultiSelect:o}=this.props,{offset:r,items:s,itemCount:a}=this.state;return e.jsx(Ur,{isMultiSelect:o,itemCount:a,items:s,offset:r,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}L(Te,"defaultProps"),L(Te,"propTypes");function fs(){return e.jsxs(x,{name:"item-list-inputs",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Item Lists"}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Select List"}),e.jsx("div",{style:{height:"300px"},children:e.jsx(vs,{})})]})}),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(Te,{})})]})}),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(Te,{isMultiSelect:!0})})]})})]})]})}function bs(){const[t,o]=u.useState(0),[r,s]=u.useState(!0),a=()=>{o(0)};function l(n){return e.jsxs(xe.Fragment,{children:[e.jsxs(p,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o(n)},children:[n," ",n>1?"Actions":"Action"]}),e.jsx(Hr,{isOpen:t===n,headerText:"Header Text",bodyText:"This is where the body text goes",onConfirm:a,onCancel:n>=2?a:void 0,onDiscard:n>=3?a:void 0})]},n)}return e.jsxs(x,{name:"modals",children:[e.jsx("h2",{className:"ui-title",children:"Basic Modals"}),e.jsx("div",{style:{padding:"1rem"},children:[1,2,3].map(n=>l(n))}),e.jsx("h2",{className:"ui-title",children:"Custom Modal"}),e.jsx("div",{style:{padding:"1rem"},children:e.jsx("div",{className:"modal-dialog",role:"dialog",children:e.jsxs("div",{className:"modal-content",children:[e.jsxs("div",{className:"modal-header",children:[e.jsx("h5",{className:"modal-title",children:"Modal title"}),e.jsx("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close",children:e.jsx("span",{"aria-hidden":"true",children:"×"})})]}),e.jsxs("div",{className:"modal-body",children:[e.jsx("p",{children:"Modal body text goes here."}),e.jsx(_,{checked:r,onChange:()=>s(!r),children:"Checked checkbox"})]}),e.jsxs("div",{className:"modal-footer",children:[e.jsx(p,{kind:"secondary","data-dismiss":"modal",onClick:()=>{},children:"Close"}),e.jsx(p,{kind:"primary",onClick:()=>{},children:"Save changes"})]})]})})})]})}function js(){return e.jsxs(x,{name:"progress",children:[e.jsx("h2",{className:"ui-title",children:"Progress"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Determinate Progress Loader"}),e.jsx("br",{}),e.jsx("div",{className:"progress",style:{marginBottom:"1rem"},children:e.jsx("div",{className:"progress-bar bg-primary",style:{width:"25%"},"aria-valuenow":25,"aria-valuemin":0,"aria-valuemax":100})})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Indeterminate Progress Spinner"}),e.jsx(Xe,{className:"loading-spinner-large"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Button Progress Spinner"}),e.jsx(p,{kind:"primary",className:"btn-spinner btn-cancelable",style:{minWidth:"10rem"},onClick:()=>{},children:e.jsxs("span",{children:[e.jsx(Xe,{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 ys extends u.PureComponent{constructor(o){super(o),this.handleSliderChange=this.handleSliderChange.bind(this),this.state={initialStartTime:24*60*60*.25,initialEndTime:24*60*60*.75,startTime:24*60*60*.25,endTime:24*60*60*.75}}handleSliderChange(o){const{startTime:r,endTime:s}=o;this.setState({startTime:r}),this.setState({endTime:s})}render(){const{startTime:o,endTime:r,initialStartTime:s,initialEndTime:a}=this.state,l=o!==s,n=r!==a;return e.jsxs(x,{name:"time-slider-inputs",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Time Slider"}),e.jsx(et,{startTime:o,endTime:r,isStartModified:l,isEndModified:n,onChange:this.handleSliderChange}),e.jsxs("p",{style:l?{color:"var(--dh-color-modified)"}:{},children:["StartTime: ",vo.formatTime(o)]}),e.jsxs("p",{style:n?{color:"var(--dh-color-modified)"}:{},children:["EndTime: ",vo.formatTime(r)]})]})}}function ws(){const o=[to,ro].map(r=>e.jsx(S,{icon:r},`${r.prefix}-${r.iconName}`));return e.jsxs(x,{name:"tooltips",children:[e.jsx("h2",{className:"ui-title",title:"Make better looking tooltips than this one!",children:"Tooltips"}),e.jsxs("div",{className:"btn btn-primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Simple Tooltip",e.jsx(se,{children:"Text only content"})]}),e.jsxs("div",{className:"btn btn-secondary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Complex Tooltip",e.jsxs(se,{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(Xe,{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(se,{interactive:!0,children:[e.jsx("div",{children:"This tooltip is interactive."}),e.jsx("hr",{}),e.jsx(p,{kind:"primary",onClick:()=>{alert("Button clicked!")},children:"Show Alert"})]})]})]})}function Cs(){return e.jsxs(x,{name:"toast",children:[e.jsx("h2",{className:"ui-title",children:"Toast"}),e.jsx("div",{children:e.jsxs(Se,{children:[e.jsx(p,{kind:"tertiary",onClick:()=>fe.neutral("Neutral toast",{timeout:5e3}),children:"Show neutral toast"}),e.jsx(p,{kind:"success",onClick:()=>fe.positive("Positive toast",{timeout:5e3}),children:"Show positive toast"}),e.jsx(p,{kind:"danger",onClick:()=>fe.negative("Negative toast",{timeout:5e3}),children:"Show negative toast"}),e.jsx(p,{kind:"primary",onClick:()=>fe.info("Info toast",{timeout:5e3}),children:"Show info toast"})]})})]})}function Ss(){return e.jsxs(x,{name:"typography",children:[e.jsx("h2",{className:"ui-title",children:"Typography"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("h1",{className:"text-muted","data-no-menu":!0,children:"h1. Unused"}),e.jsx("h2",{className:"text-muted","data-no-menu":!0,children:"h2. Unused"}),e.jsx("h3",{className:"text-muted","data-no-menu":!0,children:"h3. Unused"}),e.jsx("h4",{"data-no-menu":!0,children:"h4. Standard Heading"}),e.jsx("h5",{"data-no-menu":!0,children:"h5. Small Heading"}),e.jsx("h6",{className:"text-muted","data-no-menu":!0,children:"h6. Unused"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"Fonts"}),e.jsx("p",{children:"UI: Fira Sans;"}),e.jsx("p",{className:"text-monospace",children:"Code: Fira Mono;"}),e.jsx("p",{children:'Tables: Fira Sans; font-feature-settings: "tnum";'}),e.jsx("p",{children:"Default font-size: 14px = 1rem"})]})]})]})}class Je extends u.PureComponent{constructor(r){super(r);L(this,"getViewportItems",Lo((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=xe.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),c=Math.min(s+l,a.length);this.setState({topRow:n,bottomRow:c})}render(){const{draggablePrefix:r,droppableId:s,isDragDisabled:a,isDropDisabled:l,isMultiSelect:n,items:c,selectedRanges:d}=this.props,{topRow:h,bottomRow:i}=this.state;return e.jsx(ue,{draggablePrefix:r,droppableId:s,isDragDisabled:a,isDropDisabled:l,isMultiSelect:n,itemCount:c.length,items:this.getViewportItems(h,i,c),offset:h??0,onSelectionChange:this.handleSelectionChange,onViewportChange:this.handleViewportChange,ref:this.itemList,selectedRanges:d})}}L(Je,"propTypes"),L(Je,"defaultProps");const Oe=["Draggable Only","Drag and Drop","Droppable Only"],ks=[{isDropDisabled:!0},{},{isDragDisabled:!0}],Ts=(t="Item",o=1e3)=>{const r=[];for(let s=0;s<o;s+=1)r.push(`${t}-${s}`);return r};class Ne extends u.Component{constructor(r){super(r);L(this,"getSelectionChangeHandler",io(r=>this.handleSelectionChange.bind(this,r),{max:1e3}));L(this,"getDraggableList",io((r,s,a,l)=>e.jsx(Je,{items:r,droppableId:ue.getDraggableId("drop-list",l),draggablePrefix:ue.getDraggableId("draggable-item",l),onSelectionChange:this.getSelectionChangeHandler(l),isMultiSelect:!0,ref:a,selectedRanges:s,...ks[l]}),{max:1e3}));this.handleDragEnd=this.handleDragEnd.bind(this),this.animationFrame=null;const s=[],a=[],l=[];for(let n=0;n<Oe.length;n+=1)s[n]=Ts(Oe[n]),a[n]=[],l[n]=xe.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=ue.getDraggableIndex(s.droppableId),n=ue.getDraggableIndex(a.droppableId),c=l===n;let d=a.index;c&&s.index<a.index&&(d+=1);let h=d;this.setState(({items:i,selectedRanges:m})=>{const g=[...i[l]],f=c?g:[...i[n]],y=yo.reorder(g,m[l],f,d),j=[...i];j[l]=g,j[n]=f,h=c?yo.adjustDestinationIndex(d,m[n]):d;const I=[...m];return I[l]=[],I[n]=[[h,h+y.length-1]],{items:j,selectedRanges:I}},()=>{this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame(()=>{var m,g;this.animationFrame=null;const{lists:i}=this.state;(g=(m=i[n])==null?void 0:m.current)==null||g.focusItem(h)})})}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(x,{name:"draggable-lists",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Drag and Drop Lists"}),e.jsx("div",{className:"row",children:e.jsx(sr,{onDragStart:Ne.handleDragStart,onDragUpdate:Ne.handleDragUpdate,onDragEnd:this.handleDragEnd,children:Oe.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 Do({count:t=5,activeKey:o=""}){const[r,s]=u.useState(o),[a,l]=u.useState(()=>{const i=[];for(let m=0;m<t;m+=1)i.push({key:`${m}`,title:`Tab ${m}`,isClosable:m>0});return i}),n=u.useCallback((i,m)=>{l(g=>{const f=[...g],[y]=f.splice(i,1);return f.splice(m,0,y),f})},[]),c=u.useCallback(i=>{s(i)},[]),d=u.useCallback(i=>{l(m=>m.filter(g=>g.key!==i))},[]),h=u.useCallback(i=>[{title:"Select Tab to the Left",group:10,order:10,disabled:a[0].key===i.key,action:()=>{const m=a.findIndex(g=>g.key===i.key);m>0&&s(a[m-1].key)}},{title:"Select Tab to the Right",group:30,order:10,disabled:a[a.length-1].key===i.key,action:()=>{const m=a.findIndex(g=>g.key===i.key);m<a.length-1&&s(a[m+1].key)}}],[a]);return e.jsx(bt,{tabs:a,activeKey:r,onSelect:c,onReorder:n,onClose:d,makeContextActions:h})}let Ao=0;function Ns(){const t=Ao;return Ao+=1,t}const Is=zo(25);function Ue(t=1,o=5){const r=Number(Is.next().value);return Math.floor(r*o)+t}function He(t,o=Ns()){return{id:o,type:t}}function Mo(t=Ue(),o=Ue(),r=Ue()){const s=[];for(let a=0;a<t;a+=1)s.push(He("SUBMENU"));for(let a=0;a<o;a+=1)s.push(He("PAGE"));for(let a=0;a<r;a+=1)s.push(He("SWITCH"));return s}function Ge({type:t,id:o}){switch(t){case"SUBMENU":return`Submenu ${o}`;case"PAGE":return`Page ${o}`;case"SWITCH":return`Switch ${o}`}}function Es({type:t}){switch(t){case"SUBMENU":return Dr;case"PAGE":return Er;case"SWITCH":return Y}}function Ds(){const[t,o]=u.useState([]),[r,s]=u.useState(new Map),a=u.useCallback(i=>{o([...t,i])},[t,o]),l=u.useCallback(()=>{const i=[...t];i.pop(),o(i)},[t,o]),n=u.useCallback(()=>{const i=[t[0]];o(i)},[t,o]),c=u.useCallback(i=>{const m=r.get(i)??!1,g=new Map(r);g.set(i,!m),s(g)},[r,s]),d=u.useCallback(i=>{const m=t[t.length-1],{items:g}=m;if(!g)throw new Error("Navigation handleSelect triggered without items to select");const f=g[i];switch(f.type){case"PAGE":a({title:Ge(f)});break;case"SUBMENU":a({title:Ge(f),items:Mo()});break;case"SWITCH":c(f.id);break}},[t,c,a]);u.useEffect(function(){o([{title:"Navigation Menu",items:Mo()}])},[]);const h=u.useMemo(()=>t.map(({items:i,title:m},g)=>{if(!i)return e.jsx(jo,{onBack:l,onClose:n,title:m,children:e.jsx("div",{children:"Page content!"})},m);let f=null;if(i!=null){const y=i.map(j=>{const I=Ge(j),ne=Es(j);let W,Z;return j.type==="SWITCH"&&(W=r.get(j.id)??!1,Z=()=>{d(j.id)}),{title:I,icon:ne,isOn:W,onChange:Z}});f=e.jsx(dt,{onSelect:d,items:y})}else f=e.jsx("div",{children:"Page content"});return e.jsx(jo,{onBack:g>0?l:void 0,onClose:g>0?n:void 0,title:m,children:f},m)}),[t,r,d,l,n]);return e.jsxs(x,{name:"navigations",children:[e.jsx("h2",{className:"ui-title",children:"Navigations"}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(Do,{count:100,activeKey:"15"})}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(Do,{})}),e.jsx("div",{className:"navigations",children:e.jsx(ct,{children:h})})]})}const As=":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}",Ms=":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)}",$s=":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)}",Rs=":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)}",Ps=":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)}",Ls=":root{--dh-color-loading-spinner-primary: var(--dh-color-accent-bg);--dh-color-loading-spinner-secondary: color-mix( in srgb, var(--dh-color-gray-800) 50%, transparent );--dh-color-quickactions-bg: color-mix( in srgb, var(--dh-color-visual-gray) 90%, transparent );--dh-color-radial-reaction: color-mix( in srgb, var(--dh-color-visual-gray) 60%, transparent );--dh-color-colorpicker-border: color-mix( in srgb, var(--dh-color-visual-gray) 10%, transparent );--dh-logo-img: var(--dh-logo-dark-img);--dh-color-login-form-bg: var(--dh-color-gray-400);--dh-color-login-status-message: var(--dh-color-gray-600);--dh-color-login-logo-bg: var(--dh-color-gray-900);--dh-color-login-footer-fg: var(--dh-color-gray-700);--dh-color-random-area-plot-animation-fg-fill: color-mix( in srgb, var(--dh-color-accent) 8%, transparent );--dh-color-random-area-plot-animation-fg-stroke: color-mix( in srgb, var(--dh-color-accent) 20%, transparent );--dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);--dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);--dh-color-action-bg: var(--dh-color-gray-75);--dh-color-action-fg: var(--dh-color-text);--dh-color-action-border: var(--dh-color-border);--dh-color-action-down-bg: var(--dh-color-gray-300);--dh-color-action-hover-bg: var(--dh-color-gray-50);--dh-color-action-hover-fg: var(--dh-color-text-hover);--dh-color-action-hover-border: var(--dh-color-hover-border);--dh-color-action-active-bg: var(--dh-color-gray-800);--dh-color-action-active-fg: var(--dh-color-gray-50);--dh-color-action-active-border: var(--dh-color-gray-800);--dh-color-action-active-hover-bg: var(--dh-color-gray-900);--dh-color-action-active-hover-fg: var(--dh-color-gray-50);--dh-color-action-active-hover-border: var(--dh-color-gray-900);--dh-color-action-disabled-bg: transparent;--dh-color-action-disabled-fg: var(--dh-color-text-disabled);--dh-color-action-disabled-border: var(--dh-color-gray-300);--dh-color-icon-fg: var(--dh-color-gray-700);--dh-color-icon-disabled-fg: var(--dh-color-gray-400);--dh-color-input-bg: var(--dh-color-gray-75);--dh-color-input-fg: var(--dh-color-text);--dh-color-input-border: var(--dh-color-border);--dh-color-input-placeholder: var(--dh-color-gray-600);--dh-color-input-active-bg: var(--dh-color-input-bg);--dh-color-input-disabled-bg: var(--dh-color-disabled-bg);--dh-color-input-disabled-border: transparent;--dh-color-input-disabled-fg: var(--dh-color-text-disabled);--dh-color-input-hover-border: var(--dh-color-hover-border);--dh-color-input-focus-border: var(--dh-color-border-focus);--dh-color-search-icon: var(--dh-color-fg);--dh-color-form-control-error: var(--dh-color-visual-negative);--dh-color-form-control-error-shadow: color-mix( in srgb, var(--dh-color-visual-negative) 25%, transparent );--dh-color-label-text: var(--dh-color-gray-700);--dh-color-selector-fg: var(--dh-color-icon-fg);--dh-color-selector-bg: var(--dh-color-gray-75);--dh-color-selector-hover-bg: var(--dh-color-gray-50);--dh-color-selector-hover-fg: var(--dh-color-gray-900);--dh-color-selector-disabled-fg: var(--dh-color-icon-disabled-fg);--dh-color-item-list-bg: transparent;--dh-color-item-list-active-bg: var(--dh-color-highlight-active);--dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);--dh-color-item-list-selected-fg: var(--dh-color-text);--dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);--dh-color-item-list-selected-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);--dh-color-item-list-selected-border: var(--dh-color-accent-900);--dh-color-item-list-drop-target-fg: var(--dh-color-white);--dh-color-item-list-keyboard-selected-bg: color-mix( in srgb, var(--dh-color-accent) 50%, transparent );--dh-color-golden-layout-tab-header-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-selected-bg: var(--dh-color-content-bg);--dh-color-menu-item-fg: var(--dh-color-gray-700);--dh-color-hr: var(--dh-color-gray-300);--dh-color-dialog-title-fg: var(--dh-color-heading-text);--dh-color-dialog-fg: var(--dh-color-text);--dh-color-popover-bg: var(--dh-color-bg);--dh-color-tooltip-bg: var(--dh-color-gray-400);--dh-color-tooltip-fg: var(--dh-color-fg);--dh-color-tooltip-box-shadow: var(--dh-color-dropshadow);--dh-color-well-bg: color-mix( in srgb, var(--dh-color-visual-gray) 2%, transparent );--dh-color-well-border: color-mix( in srgb, var(--dh-color-visual-gray) 5%, transparent );--dh-toggle-switch-bg: var(--dh-color-gray-500)}",_s="_themeColorsPalette_v5aa0_1",Bs="_swatch_v5aa0_7",Fs="_themeColors_v5aa0_1",Vs="_label_v5aa0_21",Os="_capitalize_v5aa0_26",q={themeColorsPalette:_s,swatch:Bs,themeColors:Fs,label:Vs,capitalize:Os};function Us(){return{"Theme Color Palette":te("palette",As,1),"Semantic Colors":te("semantic",Ms,1),"Chart Colors":te("chart",$s,2),"Editor Colors":te("editor",Rs,2),"Grid Colors":te("grid",Ps,2),"Component Colors":te("component",Ls,1)}}function $o({name:t,value:o}){return e.jsxs(e.Fragment,{children:[e.jsx("div",{children:t}),e.jsx("div",{children:o}),e.jsx("div",{children:ye.normalizeCssColor(o,!0)})]})}function Hs(){const{selectedThemeKey:t}=Uo(),o=u.useMemo(Us,[t]);return e.jsx(e.Fragment,{children:Object.entries(o).map(([r,s],a)=>r==="Theme Color Palette"?e.jsxs(x,{name:r,children:[e.jsx("h2",{className:"ui-title",children:r}),e.jsx("div",{className:q.themeColorsPalette,children:Object.entries(s).map(([l,n],c)=>e.jsxs(u.Fragment,{children:[(c===0||c===1)&&n.map(({name:d},h)=>e.jsx("div",{style:{gridColumnStart:h+2,textAlign:"center"},className:"mt-3",children:d.split("-").pop()},d)),e.jsx("div",{className:"text-right pr-2",children:l}),n.map(({name:d,value:h})=>e.jsxs("div",{style:{backgroundColor:h,border:h===""&&d.length>0?Qe:void 0},className:z(q.swatch,"px-0"),children:[e.jsx(se,{interactive:!0,children:e.jsx($o,{name:d,value:h})}),d&&e.jsx(fo,{copy:d})]},d))]},l))})]},r):e.jsxs(x,{name:r,children:[e.jsx("h2",{className:"ui-title",children:r}),e.jsx("div",{className:q.themeColors,children:Object.entries(s).map(([l,n])=>e.jsxs("div",{style:{gridRow:`span ${n.length+1}`},children:[e.jsx("span",{className:z(q.label,q.capitalize),children:l}),n.map(({isLabel:c,name:d,value:h,note:i})=>c===!0?e.jsx("span",{className:q.label,children:d},d):e.jsxs("div",{className:q.swatch,style:{border:h===""&&d.length>0?Qe:void 0},children:[e.jsx("div",{style:{backgroundColor:h,height:"var(--swatch-height)",aspectRatio:"1 / 1"}}),e.jsx(se,{interactive:!0,children:e.jsx($o,{name:d,value:h})}),e.jsx("span",{children:d.replace("--dh-color-","")}),d.endsWith("-hue")||i!=null?e.jsx("span",{children:i??h}):null,e.jsx(fo,{copy:d})]},d))]},l))})]},r))})}const ze="data-menu-category",Gs="data-no-menu",zs="sample-section-e2e-ignore",Zo="spectrum-component-samples",Qo="spectrum-comparison-samples";function Ws(){return e.jsxs("div",{id:Zo,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Spectrum Components"}),e.jsxs(B,{gap:20,columns:Bo("0px","1fr"),children:[e.jsxs(x,{name:"spectrum-buttons",component:D,children:[e.jsx("h3",{children:"Buttons"}),e.jsx(Ks,{})]}),e.jsxs(x,{name:"spectrum-collections",component:D,children:[e.jsx("h3",{children:"Collections"}),e.jsx(Zs,{})]}),e.jsxs(x,{name:"spectrum-content",component:D,children:[e.jsx("h3",{children:"Content"}),e.jsx(Ys,{})]}),e.jsxs(x,{name:"spectrum-forms",component:D,children:[e.jsx("h3",{children:"Forms"}),e.jsx(Xs,{})]}),e.jsxs(x,{name:"spectrum-overlays",component:D,children:[e.jsx("h3",{children:"Overlays"}),e.jsxs(w,{gap:"size-160",children:[e.jsx(qs,{}),e.jsxs(ar,{children:[e.jsx(F,{children:"Dialog Trigger"}),t=>e.jsxs(lr,{children:[e.jsx(so,{children:"Some Heading"}),e.jsx(nr,{children:"Some Header"}),e.jsx(ir,{}),e.jsx(oo,{children:e.jsx(b,{children:"Are you sure?"})}),e.jsxs(Se,{children:[e.jsx(C,{variant:"secondary",onPress:t,children:"Cancel"}),e.jsx(C,{variant:"accent",onPress:t,children:"Confirm"})]})]})]})]})]}),e.jsxs(x,{name:"spectrum-well",component:D,children:[e.jsx("h3",{children:"Wells"}),e.jsx(cr,{children:"This is a well."})]})]})]})}function Ks(){return e.jsxs(e.Fragment,{children:[e.jsxs(F,{marginBottom:"size-200",children:[e.jsx(P,{children:e.jsx(S,{icon:Y})}),e.jsx(b,{children:"Icon Button"})]}),e.jsxs(B,{autoFlow:"column",columnGap:"size-250",rowGap:"size-150",columns:Ke(4,Bo(0,"size-2000")),rows:Ke(8,"size-400"),children:[e.jsx("label",{children:'Button style="outline"'}),e.jsx(C,{variant:"primary",style:"outline",children:"Primary"}),e.jsx(C,{variant:"secondary",style:"outline",children:"Secondary"}),e.jsx(C,{variant:"accent",style:"outline",children:"Accent"}),e.jsx(C,{variant:"negative",style:"outline",children:"Negative"}),e.jsx(C,{variant:"primary",staticColor:"black",style:"outline",children:"Static Black"}),e.jsx(C,{variant:"primary",staticColor:"white",style:"outline",children:"Static White"}),e.jsx(C,{variant:"primary",isDisabled:!0,style:"outline",children:"Disabled"}),e.jsx("label",{children:'Button style="fill"'}),e.jsx(C,{variant:"primary",style:"fill",children:"Primary"}),e.jsx(C,{variant:"secondary",style:"fill",children:"Secondary"}),e.jsx(C,{variant:"accent",style:"fill",children:"Accent"}),e.jsx(C,{variant:"negative",style:"fill",children:"Negative"}),e.jsx(C,{variant:"primary",staticColor:"black",style:"fill",children:"Static Black"}),e.jsx(C,{variant:"primary",staticColor:"white",style:"fill",children:"Static White"}),e.jsx(C,{variant:"primary",isDisabled:!0,style:"fill",children:"Disabled"}),e.jsx("label",{children:"Action Button"}),e.jsx(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(Q,{children:"Normal"}),e.jsx(Q,{isQuiet:!0,children:"Quiet"}),e.jsx(Q,{gridRow:"span 2",isEmphasized:!0,children:"Emphasized"}),e.jsx(Q,{staticColor:"black",children:"Static Black"}),e.jsx(Q,{staticColor:"white",children:"Static White"}),e.jsx(Q,{isDisabled:!0,children:"Disabled"})]})]})}function qs(){return e.jsxs(e.Fragment,{children:[e.jsx(b,{children:"Contextual Help"}),e.jsxs(dr,{variant:"info",children:[e.jsx(so,{children:"Need help?"}),e.jsx(oo,{children:e.jsx(b,{children:"This is a helpful description of the thing you need help with."})})]})]})}function Xs(){return e.jsx(hr,{children:e.jsxs(B,{gap:20,columns:Ke("auto-fit","210px"),alignItems:"end",children:[e.jsx(qe,{label:"Text Field"}),e.jsxs(ur,{label:"Combobox",menuTrigger:"focus",defaultSelectedKey:"two",children:[e.jsx(v,{children:"One"},"one"),e.jsx(v,{children:"Two"},"two"),e.jsx(v,{children:"Three"},"three")]}),e.jsx(H,{children:"Checkbox"}),e.jsx(mr,{label:"Slider",defaultValue:24}),e.jsx(gr,{children:"Switch"})]})})}function Ys(){return e.jsxs(xr,{children:[e.jsx(P,{size:"XL",children:e.jsx(S,{icon:Ar})}),e.jsx(so,{children:"Illustrated Message"}),e.jsx(oo,{children:"This is the content of the message."})]})}function Zs(){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(v,{children:"One"}),e.jsx(v,{children:"Two"}),e.jsx(v,{children:"Three"}),e.jsx(v,{children:"Four"})]}),e.jsx("label",{id:"table-view-sample",children:"Table View"}),e.jsxs(vr,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",children:[e.jsxs(fr,{children:[e.jsxs(J,{title:"Person",children:[e.jsx(J,{allowsResizing:!0,children:"Name"}),e.jsx(J,{children:"Age"})]}),e.jsxs(J,{title:"Address",children:[e.jsx(J,{allowsResizing:!0,children:"City"}),e.jsx(J,{children:"State"})]})]}),e.jsxs(br,{children:[e.jsxs(De,{children:[e.jsx(A,{children:"John"}),e.jsx(A,{children:"42"}),e.jsx(A,{children:"San Francisco"}),e.jsx(A,{children:"CA"})]}),e.jsxs(De,{children:[e.jsx(A,{children:"Jane"}),e.jsx(A,{children:"38"}),e.jsx(A,{children:"San Francisco"}),e.jsx(A,{children:"CA"})]}),e.jsxs(De,{children:[e.jsx(A,{children:"Becky"}),e.jsx(A,{children:"12"}),e.jsx(A,{children:"San Francisco"}),e.jsx(A,{children:"CA"})]})]})]})]})}function ce(t){return e.jsx("div",{...t})}function Qs(){const[t,o]=u.useState([]);u.useEffect(()=>{let s={category:"",items:[]};const a=[s],l=document.querySelector(`#${Zo}`),n=document.querySelector(`#sample-section-${Qo}`);document.querySelectorAll(`h2,h3,[${ze}]`).forEach(c=>{if(c.textContent==null||c.hasAttribute(Gs))return;if(c.hasAttribute(ze)){s={category:c.getAttribute(ze)??"",items:[]},a.push(s);return}const h=`${(l==null?void 0:l.contains(c))===!0?"spectrum-":(n==null?void 0:n.contains(c))===!0?"spectrum-compare-":""}${c.textContent}`.toLowerCase().replace(/\s/g,"-");c.id=h,s.items.push({id:h,label:c.textContent})}),o(a)},[]),u.useEffect(()=>{const s=window.location.hash===""?null:document.querySelector(window.location.hash);setTimeout(()=>{s?s.scrollIntoView():window.scrollTo({top:0,behavior:"auto"})},0)},[]);const r=u.useCallback(s=>{const a=String(s),l=document.getElementById(a);l==null||l.scrollIntoView({behavior:"smooth"}),setTimeout(()=>{window.location.hash=a},1e3)},[]);return e.jsxs(jr,{children:[e.jsx(F,{children:e.jsx(P,{children:e.jsx(S,{icon:Mr})})}),e.jsx(yr,{items:t,onAction:r,children:({category:s,items:a})=>e.jsx(wr,{items:a,title:s,children:({id:l,label:n})=>e.jsx(v,{children:n},l)},s)})]})}function Js(){const t=u.useCallback(()=>{window.scrollTo({top:0,behavior:"smooth"}),setTimeout(()=>{window.location.hash=""},500)},[]);return u.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(C,{UNSAFE_className:"goto-top-button",variant:"accent",onPress:t,children:e.jsx(P,{children:e.jsx(S,{icon:$r})})})}const ea=["Tab 1","Tab 2","Tab 3"];function oa({isActive:t,title:o}){return e.jsxs("li",{className:z("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 ra(){return e.jsxs(x,{name:"golden-layout",children:[e.jsx("h2",{className:"ui-title",children:"Golden Layout"}),[!1,!0].map(t=>e.jsxs(xe.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:ea.map((o,r)=>e.jsx(oa,{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 ta(){return e.jsxs(x,{name:"animations",className:"sample-section-e2e-ignore",children:[e.jsx("h2",{className:"ui-title",children:"Animations"}),e.jsx(D,{position:"relative",height:400,children:e.jsx(ot,{})})]})}const Ro=[["primary","accent"],["secondary","primary"],["danger","negative"]];function sa(){const[t,o]=u.useState(!1);return e.jsxs(x,{name:Qo,className:zs,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Bootstrap / Spectrum Comparison"}),e.jsxs(w,{gap:20,wrap:!0,children:[e.jsxs(D,{children:[e.jsx("h3",{children:"Buttons - Filled"}),e.jsxs(B,{gap:20,columns:"repeat(2, 120px)",autoRows:"40x",justifyItems:"start",alignItems:"start",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),Ro.map(([r,s])=>e.jsxs(u.Fragment,{children:[e.jsx(p,{onClick:oe,kind:r,icon:go,children:"Button"}),e.jsxs(C,{variant:s,style:"fill",children:[e.jsx(P,{children:e.jsx(S,{icon:go})}),e.jsx(b,{children:"Button"})]})]},r)),e.jsx(p,{onClick:oe,kind:"primary",disabled:!0,children:"Disabled"}),e.jsx(C,{variant:"accent",style:"fill",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(D,{children:[e.jsx("h3",{children:"Buttons - Outline"}),e.jsxs(B,{gap:20,columns:"repeat(2, 120px)",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),Ro.map(([r,s])=>e.jsxs(u.Fragment,{children:[e.jsx(p,{onClick:oe,kind:r,children:r}),e.jsx(C,{variant:s,style:"outline",children:s})]},r)),e.jsx(p,{onClick:oe,kind:"secondary",disabled:!0,children:"Disabled"}),e.jsx(C,{variant:"primary",style:"outline",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(D,{children:[e.jsx("h3",{children:"Action Buttons"}),e.jsxs(B,{gap:20,columns:"repeat(2, 120px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsx(p,{onClick:oe,kind:"inline",children:"Inline"}),e.jsx(F,{children:"Action"}),e.jsx(p,{onClick:oe,kind:"inline",disabled:!0,children:"Disabled"}),e.jsx(F,{isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(D,{children:[e.jsx("h3",{children:"Pickers"}),e.jsxs(B,{gap:20,columns:"repeat(2, 192px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),[!1,!0].map(r=>e.jsxs(u.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"Select"}),e.jsxs(Ce,{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(Cr,{isDisabled:r,label:r?"Disabled Picker":"Picker",placeholder:"Picker",children:[e.jsx(v,{children:"One"},"1"),e.jsx(v,{children:"Two"},"2"),e.jsx(v,{children:"Three"},"3")]})]},String(r)))]})]}),e.jsxs(D,{children:[e.jsx("h3",{children:"Text Field"}),e.jsxs(B,{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(qe,{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(qe,{type:"text",label:"Disabled",isDisabled:!0,value:"Disabled"})]})]}),e.jsxs(D,{children:[e.jsx("h3",{children:"Checkbox"}),e.jsxs(B,{gap:20,columns:"repeat(2, 120px)",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsx(_,{className:"form-group",checked:t,onChange:()=>o(r=>!r),children:"Checkbox"}),e.jsx(H,{children:"Checkbox"}),e.jsx(_,{className:"form-group",disabled:!0,checked:t,onChange:()=>o(r=>!r),children:"Disabled"}),e.jsx(H,{isDisabled:!0,children:"Disabled"})]})]})]})]})}const aa=[...lo(52)],je=[...lo(52,{icons:!0})],Jo=[...pe(0,51)],la=[...pe(52,103)],na=[...pe(104,155)],ia=[...pe(156,207)],ca=[...pe(208,259)],da=["String 1","String 2","String 3","","Some really long text that should get truncated",444,999,!0,!1,...Jo.map((t,o)=>o%5>0?t:u.cloneElement(t,{...t.props,children:[e.jsx(me,{},`icon-${t.props.children}`),e.jsx(b,{children:t.props.children},`label-${t.props.children}`)]}))];function me(){return e.jsx(P,{children:e.jsx(S,{icon:Ye})})}function ha(){const[t,o]=u.useState(200),[r,s]=u.useState(!0),[a,l]=u.useState(je),n=u.useCallback(h=>l(h===""?je:je.filter(({item:i})=>{var m;return(m=i==null?void 0:i.textValue)==null?void 0:m.includes(h)})),[]),c=u.useCallback(async()=>mt({keyedItems:aa,itemHeight:gt.medium,selectedKey:t,topOffset:xt}),[t]),d=u.useCallback(h=>{o(h)},[]);return e.jsxs(x,{name:"pickers",children:[e.jsx("h2",{className:"ui-title",children:"Pickers"}),e.jsxs(w,{gap:14,direction:"column",children:[[wo,Ze].map(h=>{const i=m=>`${h===wo?"Picker":"ComboBox"} (${m})`;return e.jsxs(w,{direction:"row",gap:14,children:[e.jsx(h,{label:i("Single Child"),tooltip:{placement:"bottom-end"},children:e.jsx(v,{textValue:"Aaa",children:"Aaa"})}),e.jsx(h,{label:i("Mixed Children Types"),defaultSelectedKey:"999",tooltip:!0,children:da}),e.jsxs(h,{label:i("Sections"),tooltip:!0,children:["String 1","String 2","String 3",e.jsxs(K,{title:"Section",children:[e.jsx(v,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(v,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(v,{textValue:"Complex Ccc",children:[e.jsx(me,{}),e.jsx(b,{children:"Complex Ccc"})]})]}),e.jsxs(K,{children:[e.jsx(v,{textValue:"Item Ddd",children:"Item Ddd"}),e.jsx(v,{textValue:"Item Eee",children:"Item Eee"}),e.jsxs(v,{textValue:"Complex Fff",children:[e.jsx(me,{}),e.jsx(b,{children:"Complex Fff"})]}),e.jsxs(v,{textValue:"Ggg",children:[e.jsx(me,{}),e.jsx(b,{children:"Label"}),e.jsx(b,{slot:"description",children:"Description"})]}),e.jsxs(v,{textValue:"Hhh",children:[e.jsx(me,{}),e.jsx(b,{children:"Label that causes overflow"}),e.jsx(b,{slot:"description",children:"Description that causes overflow"})]})]},"Key B"),e.jsx(K,{title:"Section A",children:Jo}),e.jsx(K,{title:"Section B",children:la}),e.jsx(K,{children:na},"Section C"),e.jsx(K,{children:ia},"Section D"),e.jsx(K,{title:"Section E",children:ca})]})]},h.displayName)}),e.jsx(_,{checked:r,onChange:h=>s(h.currentTarget.checked),children:"Show Ions"}),e.jsxs(w,{direction:"row",gap:14,children:[e.jsx(ht,{label:"Picker (Controlled)",getInitialScrollPosition:c,normalizedItems:je,selectedKey:t,showItemIcons:r,onChange:d}),e.jsx(rt,{label:"ComboBox (Controlled)",getInitialScrollPosition:c,normalizedItems:a,selectedKey:t,showItemIcons:r,onChange:d,validationState:t==null?"invalid":"valid",errorMessage:"Please select an item.",onInputChange:n})]})]})]})}const ua=[...lo(52,{icons:!0})];function de(){return e.jsx(P,{slot:"illustration",children:e.jsx(S,{icon:Lr})})}const eo={gap:10,label:{medium:21,large:25.5}};function he({label:t,direction:o="column",children:r,...s}){return e.jsxs(w,{...s,direction:o,gap:eo.gap,children:[e.jsx(b,{children:t}),r]})}function ma(){const{scale:t}=pt(),[o,r]=u.useState([]),[s,a]=u.useState("compact"),l=eo.label[t]+eo.gap+2+vt[s??"compact"][t],n=u.useCallback(j=>{a(j)},[]),[c,d]=u.useState(!0),[h,i]=u.useState(""),[m,g]=u.useState(""),f=u.useCallback((j,I)=>{i(j),g(I)},[]),y=u.useCallback(j=>{r(j)},[]);return e.jsxs(x,{name:"list-views",children:[e.jsx("h2",{className:"ui-title",children:"List View"}),e.jsxs(B,{gap:14,height:"size-6000",columns:"1fr 1fr 1fr",rows:`auto minmax(${l}px, auto) 1fr auto 1fr`,children:[e.jsx(he,{alignItems:"center",direction:"row",label:"Density",gridColumn:"span 3",children:e.jsxs(_o,{"aria-label":"Density",orientation:"horizontal",value:s,onChange:n,children:[e.jsx(U,{value:"compact",children:"Compact"}),e.jsx(U,{value:"regular",children:"Regular"}),e.jsx(U,{value:"spacious",children:"Spacious"})]})}),e.jsx(he,{label:"Single Child",gridColumn:"span 3",height:"100%",children:e.jsx(Re,{density:s,"aria-label":"Single Child",selectionMode:"multiple",children:e.jsx(v,{textValue:"Aaa",children:"Aaa"})})}),e.jsx(he,{label:"Icons",gridColumn:"span 2",children:e.jsxs(Re,{"aria-label":"Icon",density:s,selectionMode:"multiple",children:[e.jsxs(v,{textValue:"Item with icon A",children:[e.jsx(de,{}),e.jsx(b,{children:"Item with icon A"})]}),e.jsxs(v,{textValue:"Item with icon B",children:[e.jsx(de,{}),e.jsx(b,{children:"Item with icon B"})]}),e.jsxs(v,{textValue:"Item with icon C",children:[e.jsx(de,{}),e.jsx(b,{children:"Item with icon C"})]}),e.jsxs(v,{textValue:"Item with icon D",children:[e.jsx(de,{}),e.jsx(b,{children:"Item with icon D with overflowing content"})]}),e.jsxs(v,{textValue:"Item with icon E",children:[e.jsx(de,{}),e.jsx(b,{children:"Item with icon E"})]})]})}),e.jsx(he,{label:"Mixed Children Types",children:e.jsxs(Re,{"aria-label":"Mixed Children Types",density:s,maxWidth:"size-2400",selectionMode:"multiple",defaultSelectedKeys:["999",444],children:["String 1","String 2","String 3","","Some really long text that should get truncated",444,999,!0,!1,e.jsx(v,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(v,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(v,{textValue:"Item with Description",children:[e.jsx(b,{children:"Item with Description"}),e.jsx(b,{slot:"description",children:"Description"})]}),e.jsxs(v,{textValue:"Complex Ccc",children:[e.jsx(P,{slot:"image",children:e.jsx(S,{icon:Ye})}),e.jsx(b,{children:"Complex Ccc with text that should be truncated"})]}),e.jsxs(v,{textValue:"Complex Ccc with Description",children:[e.jsx(P,{slot:"image",children:e.jsx(S,{icon:Ye})}),e.jsx(b,{children:"Complex Ccc with text that should be truncated"}),e.jsx(b,{slot:"description",children:"Description"})]})]})}),e.jsx(w,{gridColumn:"span 3",gap:14,children:e.jsx(_,{checked:c,onChange:j=>d(j.currentTarget.checked),children:"Show Ions"})}),e.jsxs(he,{label:"Controlled",gridColumn:"span 2",children:[e.jsx(tt,{"aria-label":"Controlled",density:s,normalizedItems:ua,selectionMode:"multiple",selectedKeys:o,showItemIcons:c,onChange:y,actions:e.jsxs(ut,{overflowMode:"collapse",buttonLabelBehavior:"collapse",maxWidth:80,onAction:f,children:[e.jsxs(v,{children:[e.jsx(P,{children:e.jsx(S,{icon:Rr})}),e.jsx(b,{children:"Edit"})]},"Edit"),e.jsxs(v,{children:[e.jsx(P,{children:e.jsx(S,{icon:Pr})}),e.jsx(b,{children:"Delete"})]},"Delete")]})}),h," ",m]})]})]})}function ga(){const t={maxHeight:500,display:"flex",flexDirection:"column",maxWidth:400},o="This is a short error message",r=`Mid length error message
+  </div>`;return e.jsxs(x,{name:"icons",children:[e.jsx("h2",{className:"ui-title",children:"Icons"}),e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"Icon Composition"}),e.jsx("p",{children:"Icons can be used indivudally or composed together using font-awesome composition:"}),e.jsxs("div",{className:"icons",children:[e.jsx("div",{className:"icon card",children:e.jsx(S,{icon:go})}),e.jsx("div",{className:"icon card",children:e.jsx(S,{icon:xo})}),e.jsx("div",{className:"icon card",children:e.jsx(S,{icon:po})}),e.jsx("div",{className:"icon card",children:"="}),e.jsxs(p,{kind:"inline",className:"card",onClick:()=>{Do(h).then(()=>{c({text:e.jsx("span",{children:"Copied composition example"})})}).catch(i=>{c({text:e.jsx("span",{className:"text-danger",children:i.message})})})},children:[e.jsx("div",{className:"icon",children:e.jsxs("div",{className:"fa-md fa-layers",children:[e.jsx(S,{mask:go,icon:xo,transform:"down-7 right-7"}),e.jsx(S,{icon:po})]})}),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:i=>{l(i.target.value)}}),e.jsx("span",{className:"mx-2",children:"Show: "}),e.jsx(p,{kind:"inline",active:r,className:"mr-2",onClick:()=>s(!r),icon:r?X.vsCheck:X.vsClose,children:"VS ICONS"}),e.jsx(p,{kind:"inline",active:t,className:"mr-2",onClick:()=>o(!t),icon:t?X.vsCheck:X.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(Qo,{message:n})]})]})})]})}const Jo=[{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"}],Mo=Jo.map(({title:t,value:o})=>e.jsx(v,{children:t},o)),xs=[{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 ps(){const[t,o]=u.useState(!1),[r,s]=u.useState(""),[a,l]=u.useState(!0),[n,c]=u.useState(!1),[d,h]=u.useState(!1),[i,m]=u.useState(!1),[g,f]=u.useState(null),[y,j]=u.useState("1"),[I,ne]=u.useState(),[W,Z]=u.useState("-DLiveTableMonitor.updateThreads=8 -DLiveTableMonitor.printDependencyInformation=false -Dassertion.heapDump=true -Drequire.heapDump=true -Dassertion.heapDump=true -Drequire.heapDump=true"),Ae=u.useCallback(V=>{j(V)},[]),ve=u.useCallback(()=>{o(!t)},[t]),sr=u.useCallback(V=>{s(V.target.value)},[]);return e.jsxs(x,{name:"inputs",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Inputs"}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col",children:e.jsxs("form",{children:[e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{type:"text",className:"form-control",id:"exampleInput1","aria-describedby":"emailHelp",placeholder:"Input Placeholder"})]}),e.jsx("small",{className:"form-text text-muted",children:"Help text for a form imput"})]}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput2",children:["Input Label",e.jsx("input",{type:"text",className:"form-control",id:"exampleInput2","aria-describedby":"emailHelp",placeholder:"Input Disabled",disabled:!0})]}),e.jsx("small",{className:"form-text text-muted",children:"Disabled input"})]}),e.jsx("div",{className:"form-group",children:e.jsxs("label",{htmlFor:"exampleInputPassword1",children:["Password",e.jsx("input",{type:"password",className:"form-control",id:"exampleInputPassword1",placeholder:"Password",defaultValue:"123456789"})]})}),e.jsx("div",{className:"form-group",children:e.jsx(Or,{value:r,placeholder:"Search Input",onChange:sr})})]})}),e.jsx("div",{className:"col",children:e.jsxs("form",{children:[e.jsx("h5",{children:" Checkboxes "}),e.jsx(B,{className:"form-group",checked:a,onChange:()=>l(!a),children:"Checked checkbox"}),e.jsx(B,{className:"form-group",checked:n,onChange:()=>c(!n),children:"Unchecked checkbox"}),e.jsx(B,{className:"form-group",disabled:!0,checked:null,children:"Disabled checkbox"}),e.jsx(B,{className:"form-group",isInvalid:!0,checked:d,onChange:()=>h(!d),children:"Invalid checkbox"}),e.jsx(B,{className:"form-group",checked:i,onChange:()=>m(!i),children:"Add radio button"}),e.jsx(B,{className:"form-group",checked:g,onChange:()=>{g==null?f(!0):f(g?!1:null)},children:"Indeterminate Cycle"})]})}),e.jsxs("div",{className:"col",children:[e.jsxs("form",{children:[e.jsx("h5",{id:"inputs-radios-heading",children:"Radios"}),e.jsxs(Vo,{"aria-labelledby":"inputs-radios-heading",onChange:Ae,value:y,isInvalid:y==="4",description:"Select a radio item",errorMessage:y==="4"?"Invalid radio selected":void 0,children:[e.jsx(U,{value:"1",children:"Toggle this custom radio"}),e.jsx(U,{value:"2",children:"Or toggle this other custom radio"}),e.jsx(U,{value:"3",isDisabled:!0,children:"Disabled radio"}),e.jsx(U,{value:"4",children:"Invalid radio"}),e.jsx(U,{isHidden:!i,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(be,{on:t,onClick:ve})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{children:String(!t)}),e.jsx(be,{on:!t,onClick:ve})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"isInvalid",children:"isInvalid"}),e.jsx(be,{on:!t,isInvalid:!0,onClick:ve})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"disabled",children:"disabled"}),e.jsx(be,{on:!t,disabled:!0,onClick:ve})]})]})]}),e.jsxs("div",{className:"col",children:[e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Selection Menu"}),e.jsxs(Ce,{onChange:V=>{},defaultValue:"0",className:"custom-select",children:[e.jsx(M,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(M,{value:"1",children:"One"}),e.jsx(M,{value:"2",children:"Two"}),e.jsx(M,{value:"3",children:"Three"})]})]}),e.jsx("div",{className:"form-group",children:e.jsxs(Ce,{onChange:V=>{},defaultValue:"0",className:"custom-select",disabled:!0,children:[e.jsx(M,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(M,{value:"1",children:"One"}),e.jsx(M,{value:"2",children:"Two"}),e.jsx(M,{value:"3",children:"Three"})]})}),e.jsx("div",{className:"form-group",children:e.jsxs(Ce,{onChange:V=>{},defaultValue:"0",className:"custom-select",isInvalid:!0,children:[e.jsx(M,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(M,{value:"1",children:"One"}),e.jsx(M,{value:"2",children:"Two"}),e.jsx(M,{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(Je,{"aria-label":"ComboBox",width:"100%",children:Mo})}),e.jsx("br",{}),e.jsx("div",{className:"input-group",children:e.jsx(Je,{"aria-label":"Disabled ComboBox",isDisabled:!0,width:"100%",children:Mo})})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"AutoCompleteInput"}),e.jsx(Xr,{options:Jo,noMatchText:"No Matches."})]})]}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Time Input"}),e.jsx(Yr,{}),e.jsx("br",{}),e.jsx("h5",{children:"Date Input"}),e.jsx(Zr,{}),e.jsx("br",{}),e.jsx("h5",{children:"DateTime Input"}),e.jsx(nt,{}),e.jsx("br",{}),e.jsx("h5",{children:"Custom Timeselect"}),e.jsx(Qr,{options:xs,value:I??null,onChange:ne,customText:"Custom Timeout",placeholder:"Select a timeout",timeToValue:V=>V*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(Jr,{value:W,delimiter:" -",onChange:Z})]})})})]})}class vs extends u.PureComponent{constructor(o){super(o),this.handleSelect=this.handleSelect.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.selectedItems=[],this.state={items:[],offset:0,itemCount:5e5}}handleSelect(o){const r=this.selectedItems.indexOf(o);r>=0?this.selectedItems.splice(r,1):this.selectedItems.push(o);const s=r<0,{offset:a}=this.state;let{items:l}=this.state;l=[].concat(l);const n=o-a;n>=0&&n<l.length&&(l[n].isSelected=s),this.setState({items:l})}handleViewportChange(o,r){const{itemCount:s}=this.state,a=r-o+1,l=Math.max(0,o-a),n=Math.min(r+a,s),c=[];for(let h=l;h<=n&&h<=s;h+=1){const i=`Item ${h}`,m=this.selectedItems.indexOf(h)>=0;c.push({value:i,isSelected:m})}const d=l;this.setState({offset:d,items:c})}render(){const{offset:o,items:r,itemCount:s}=this.state;return e.jsx(it,{itemCount:s,items:r,offset:o,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}class Ie extends u.PureComponent{constructor(o){super(o),this.handleSelect=this.handleSelect.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.selectedItems=[],this.state={items:[],offset:0,itemCount:5e5}}handleSelect(o){const{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),c=[];for(let h=l;h<=n;h+=1){const i=`Item ${h}`,m=this.selectedItems.indexOf(h)>=0;c.push({value:i,isSelected:m})}const d=l;this.setState({offset:d,items:c})}render(){const{isMultiSelect:o}=this.props,{offset:r,items:s,itemCount:a}=this.state;return e.jsx(Ur,{isMultiSelect:o,itemCount:a,items:s,offset:r,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}L(Ie,"defaultProps"),L(Ie,"propTypes");function fs(){return e.jsxs(x,{name:"item-list-inputs",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Item Lists"}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Select List"}),e.jsx("div",{style:{height:"300px"},children:e.jsx(vs,{})})]})}),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(Ie,{})})]})}),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(Ie,{isMultiSelect:!0})})]})})]})]})}function bs(){const[t,o]=u.useState(0),[r,s]=u.useState(!0),a=()=>{o(0)};function l(n){return e.jsxs(xe.Fragment,{children:[e.jsxs(p,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o(n)},children:[n," ",n>1?"Actions":"Action"]}),e.jsx(Hr,{isOpen:t===n,headerText:"Header Text",bodyText:"This is where the body text goes",onConfirm:a,onCancel:n>=2?a:void 0,onDiscard:n>=3?a:void 0})]},n)}return e.jsxs(x,{name:"modals",children:[e.jsx("h2",{className:"ui-title",children:"Basic Modals"}),e.jsx("div",{style:{padding:"1rem"},children:[1,2,3].map(n=>l(n))}),e.jsx("h2",{className:"ui-title",children:"Custom Modal"}),e.jsx("div",{style:{padding:"1rem"},children:e.jsx("div",{className:"modal-dialog",role:"dialog",children:e.jsxs("div",{className:"modal-content",children:[e.jsxs("div",{className:"modal-header",children:[e.jsx("h5",{className:"modal-title",children:"Modal title"}),e.jsx("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close",children:e.jsx("span",{"aria-hidden":"true",children:"×"})})]}),e.jsxs("div",{className:"modal-body",children:[e.jsx("p",{children:"Modal body text goes here."}),e.jsx(B,{checked:r,onChange:()=>s(!r),children:"Checked checkbox"})]}),e.jsxs("div",{className:"modal-footer",children:[e.jsx(p,{kind:"secondary","data-dismiss":"modal",onClick:()=>{},children:"Close"}),e.jsx(p,{kind:"primary",onClick:()=>{},children:"Save changes"})]})]})})})]})}function js(){return e.jsxs(x,{name:"progress",children:[e.jsx("h2",{className:"ui-title",children:"Progress"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Determinate Progress Loader"}),e.jsx("br",{}),e.jsx("div",{className:"progress",style:{marginBottom:"1rem"},children:e.jsx("div",{className:"progress-bar bg-primary",style:{width:"25%"},"aria-valuenow":25,"aria-valuemin":0,"aria-valuemax":100})})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Indeterminate Progress Spinner"}),e.jsx(Ze,{className:"loading-spinner-large"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Button Progress Spinner"}),e.jsx(p,{kind:"primary",className:"btn-spinner btn-cancelable",style:{minWidth:"10rem"},onClick:()=>{},children:e.jsxs("span",{children:[e.jsx(Ze,{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 ys extends u.PureComponent{constructor(o){super(o),this.handleSliderChange=this.handleSliderChange.bind(this),this.state={initialStartTime:24*60*60*.25,initialEndTime:24*60*60*.75,startTime:24*60*60*.25,endTime:24*60*60*.75}}handleSliderChange(o){const{startTime:r,endTime:s}=o;this.setState({startTime:r}),this.setState({endTime:s})}render(){const{startTime:o,endTime:r,initialStartTime:s,initialEndTime:a}=this.state,l=o!==s,n=r!==a;return e.jsxs(x,{name:"time-slider-inputs",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Time Slider"}),e.jsx(et,{startTime:o,endTime:r,isStartModified:l,isEndModified:n,onChange:this.handleSliderChange}),e.jsxs("p",{style:l?{color:"var(--dh-color-modified)"}:{},children:["StartTime: ",jo.formatTime(o)]}),e.jsxs("p",{style:n?{color:"var(--dh-color-modified)"}:{},children:["EndTime: ",jo.formatTime(r)]})]})}}function ws(){const o=[so,to].map(r=>e.jsx(S,{icon:r},`${r.prefix}-${r.iconName}`));return e.jsxs(x,{name:"tooltips",children:[e.jsx("h2",{className:"ui-title",title:"Make better looking tooltips than this one!",children:"Tooltips"}),e.jsxs("div",{className:"btn btn-primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Simple Tooltip",e.jsx(se,{children:"Text only content"})]}),e.jsxs("div",{className:"btn btn-secondary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Complex Tooltip",e.jsxs(se,{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(Ze,{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(se,{interactive:!0,children:[e.jsx("div",{children:"This tooltip is interactive."}),e.jsx("hr",{}),e.jsx(p,{kind:"primary",onClick:()=>{alert("Button clicked!")},children:"Show Alert"})]})]})]})}function Cs(){return e.jsxs(x,{name:"toast",children:[e.jsx("h2",{className:"ui-title",children:"Toast"}),e.jsx("div",{children:e.jsxs(Se,{children:[e.jsx(p,{kind:"tertiary",onClick:()=>fe.neutral("Neutral toast",{timeout:5e3}),children:"Show neutral toast"}),e.jsx(p,{kind:"success",onClick:()=>fe.positive("Positive toast",{timeout:5e3}),children:"Show positive toast"}),e.jsx(p,{kind:"danger",onClick:()=>fe.negative("Negative toast",{timeout:5e3}),children:"Show negative toast"}),e.jsx(p,{kind:"primary",onClick:()=>fe.info("Info toast",{timeout:5e3}),children:"Show info toast"})]})})]})}function Ss(){return e.jsxs(x,{name:"typography",children:[e.jsx("h2",{className:"ui-title",children:"Typography"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("h1",{className:"text-muted","data-no-menu":!0,children:"h1. Unused"}),e.jsx("h2",{className:"text-muted","data-no-menu":!0,children:"h2. Unused"}),e.jsx("h3",{className:"text-muted","data-no-menu":!0,children:"h3. Unused"}),e.jsx("h4",{"data-no-menu":!0,children:"h4. Standard Heading"}),e.jsx("h5",{"data-no-menu":!0,children:"h5. Small Heading"}),e.jsx("h6",{className:"text-muted","data-no-menu":!0,children:"h6. Unused"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"Fonts"}),e.jsx("p",{children:"UI: Fira Sans;"}),e.jsx("p",{className:"text-monospace",children:"Code: Fira Mono;"}),e.jsx("p",{children:'Tables: Fira Sans; font-feature-settings: "tnum";'}),e.jsx("p",{children:"Default font-size: 14px = 1rem"})]})]})]})}class oo extends u.PureComponent{constructor(r){super(r);L(this,"getViewportItems",Fo((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=xe.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),c=Math.min(s+l,a.length);this.setState({topRow:n,bottomRow:c})}render(){const{draggablePrefix:r,droppableId:s,isDragDisabled:a,isDropDisabled:l,isMultiSelect:n,items:c,selectedRanges:d}=this.props,{topRow:h,bottomRow:i}=this.state;return e.jsx(ue,{draggablePrefix:r,droppableId:s,isDragDisabled:a,isDropDisabled:l,isMultiSelect:n,itemCount:c.length,items:this.getViewportItems(h,i,c),offset:h??0,onSelectionChange:this.handleSelectionChange,onViewportChange:this.handleViewportChange,ref:this.itemList,selectedRanges:d})}}L(oo,"propTypes"),L(oo,"defaultProps");const He=["Draggable Only","Drag and Drop","Droppable Only"],ks=[{isDropDisabled:!0},{},{isDragDisabled:!0}],Ts=(t="Item",o=1e3)=>{const r=[];for(let s=0;s<o;s+=1)r.push(`${t}-${s}`);return r};class Ee extends u.Component{constructor(r){super(r);L(this,"getSelectionChangeHandler",io(r=>this.handleSelectionChange.bind(this,r),{max:1e3}));L(this,"getDraggableList",io((r,s,a,l)=>e.jsx(oo,{items:r,droppableId:ue.getDraggableId("drop-list",l),draggablePrefix:ue.getDraggableId("draggable-item",l),onSelectionChange:this.getSelectionChangeHandler(l),isMultiSelect:!0,ref:a,selectedRanges:s,...ks[l]}),{max:1e3}));this.handleDragEnd=this.handleDragEnd.bind(this),this.animationFrame=null;const s=[],a=[],l=[];for(let n=0;n<He.length;n+=1)s[n]=Ts(He[n]),a[n]=[],l[n]=xe.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=ue.getDraggableIndex(s.droppableId),n=ue.getDraggableIndex(a.droppableId),c=l===n;let d=a.index;c&&s.index<a.index&&(d+=1);let h=d;this.setState(({items:i,selectedRanges:m})=>{const g=[...i[l]],f=c?g:[...i[n]],y=So.reorder(g,m[l],f,d),j=[...i];j[l]=g,j[n]=f,h=c?So.adjustDestinationIndex(d,m[n]):d;const I=[...m];return I[l]=[],I[n]=[[h,h+y.length-1]],{items:j,selectedRanges:I}},()=>{this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame(()=>{var m,g;this.animationFrame=null;const{lists:i}=this.state;(g=(m=i[n])==null?void 0:m.current)==null||g.focusItem(h)})})}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(x,{name:"draggable-lists",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Drag and Drop Lists"}),e.jsx("div",{className:"row",children:e.jsx(nr,{onDragStart:Ee.handleDragStart,onDragUpdate:Ee.handleDragUpdate,onDragEnd:this.handleDragEnd,children:He.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 $o({count:t=5,activeKey:o=""}){const[r,s]=u.useState(o),[a,l]=u.useState(()=>{const i=[];for(let m=0;m<t;m+=1)i.push({key:`${m}`,title:`Tab ${m}`,isClosable:m>0});return i}),n=u.useCallback((i,m)=>{l(g=>{const f=[...g],[y]=f.splice(i,1);return f.splice(m,0,y),f})},[]),c=u.useCallback(i=>{s(i)},[]),d=u.useCallback(i=>{l(m=>m.filter(g=>g.key!==i))},[]),h=u.useCallback(i=>[{title:"Select Tab to the Left",group:10,order:10,disabled:a[0].key===i.key,action:()=>{const m=a.findIndex(g=>g.key===i.key);m>0&&s(a[m-1].key)}},{title:"Select Tab to the Right",group:30,order:10,disabled:a[a.length-1].key===i.key,action:()=>{const m=a.findIndex(g=>g.key===i.key);m<a.length-1&&s(a[m+1].key)}}],[a]);return e.jsx(bt,{tabs:a,activeKey:r,onSelect:c,onReorder:n,onClose:d,makeContextActions:h})}let Ro=0;function Ns(){const t=Ro;return Ro+=1,t}const Is=qo(25);function Ge(t=1,o=5){const r=Number(Is.next().value);return Math.floor(r*o)+t}function ze(t,o=Ns()){return{id:o,type:t}}function Po(t=Ge(),o=Ge(),r=Ge()){const s=[];for(let a=0;a<t;a+=1)s.push(ze("SUBMENU"));for(let a=0;a<o;a+=1)s.push(ze("PAGE"));for(let a=0;a<r;a+=1)s.push(ze("SWITCH"));return s}function We({type:t,id:o}){switch(t){case"SUBMENU":return`Submenu ${o}`;case"PAGE":return`Page ${o}`;case"SWITCH":return`Switch ${o}`}}function Es({type:t}){switch(t){case"SUBMENU":return Dr;case"PAGE":return Er;case"SWITCH":return Y}}function Ds(){const[t,o]=u.useState([]),[r,s]=u.useState(new Map),a=u.useCallback(i=>{o([...t,i])},[t,o]),l=u.useCallback(()=>{const i=[...t];i.pop(),o(i)},[t,o]),n=u.useCallback(()=>{const i=[t[0]];o(i)},[t,o]),c=u.useCallback(i=>{const m=r.get(i)??!1,g=new Map(r);g.set(i,!m),s(g)},[r,s]),d=u.useCallback(i=>{const m=t[t.length-1],{items:g}=m;if(!g)throw new Error("Navigation handleSelect triggered without items to select");const f=g[i];switch(f.type){case"PAGE":a({title:We(f)});break;case"SUBMENU":a({title:We(f),items:Po()});break;case"SWITCH":c(f.id);break}},[t,c,a]);u.useEffect(function(){o([{title:"Navigation Menu",items:Po()}])},[]);const h=u.useMemo(()=>t.map(({items:i,title:m},g)=>{if(!i)return e.jsx(Co,{onBack:l,onClose:n,title:m,children:e.jsx("div",{children:"Page content!"})},m);let f=null;if(i!=null){const y=i.map(j=>{const I=We(j),ne=Es(j);let W,Z;return j.type==="SWITCH"&&(W=r.get(j.id)??!1,Z=()=>{d(j.id)}),{title:I,icon:ne,isOn:W,onChange:Z}});f=e.jsx(dt,{onSelect:d,items:y})}else f=e.jsx("div",{children:"Page content"});return e.jsx(Co,{onBack:g>0?l:void 0,onClose:g>0?n:void 0,title:m,children:f},m)}),[t,r,d,l,n]);return e.jsxs(x,{name:"navigations",children:[e.jsx("h2",{className:"ui-title",children:"Navigations"}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx($o,{count:100,activeKey:"15"})}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx($o,{})}),e.jsx("div",{className:"navigations",children:e.jsx(ct,{children:h})})]})}const As=":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}",Ms=":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)}",$s=":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)}",Rs=":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)}",Ps=":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)}",Ls=":root{--dh-color-loading-spinner-primary: var(--dh-color-accent-bg);--dh-color-loading-spinner-secondary: color-mix( in srgb, var(--dh-color-gray-800) 50%, transparent );--dh-color-quickactions-bg: color-mix( in srgb, var(--dh-color-visual-gray) 90%, transparent );--dh-color-radial-reaction: color-mix( in srgb, var(--dh-color-visual-gray) 60%, transparent );--dh-color-colorpicker-border: color-mix( in srgb, var(--dh-color-visual-gray) 10%, transparent );--dh-logo-img: var(--dh-logo-dark-img);--dh-color-login-form-bg: var(--dh-color-gray-400);--dh-color-login-status-message: var(--dh-color-gray-600);--dh-color-login-logo-bg: var(--dh-color-gray-900);--dh-color-login-footer-fg: var(--dh-color-gray-700);--dh-color-random-area-plot-animation-fg-fill: color-mix( in srgb, var(--dh-color-accent) 8%, transparent );--dh-color-random-area-plot-animation-fg-stroke: color-mix( in srgb, var(--dh-color-accent) 20%, transparent );--dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);--dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);--dh-color-action-bg: var(--dh-color-gray-75);--dh-color-action-fg: var(--dh-color-text);--dh-color-action-border: var(--dh-color-border);--dh-color-action-down-bg: var(--dh-color-gray-300);--dh-color-action-hover-bg: var(--dh-color-gray-50);--dh-color-action-hover-fg: var(--dh-color-text-hover);--dh-color-action-hover-border: var(--dh-color-hover-border);--dh-color-action-active-bg: var(--dh-color-gray-800);--dh-color-action-active-fg: var(--dh-color-gray-50);--dh-color-action-active-border: var(--dh-color-gray-800);--dh-color-action-active-hover-bg: var(--dh-color-gray-900);--dh-color-action-active-hover-fg: var(--dh-color-gray-50);--dh-color-action-active-hover-border: var(--dh-color-gray-900);--dh-color-action-disabled-bg: transparent;--dh-color-action-disabled-fg: var(--dh-color-text-disabled);--dh-color-action-disabled-border: var(--dh-color-gray-300);--dh-color-icon-fg: var(--dh-color-gray-700);--dh-color-icon-disabled-fg: var(--dh-color-gray-400);--dh-color-input-bg: var(--dh-color-gray-75);--dh-color-input-fg: var(--dh-color-text);--dh-color-input-border: var(--dh-color-border);--dh-color-input-placeholder: var(--dh-color-gray-600);--dh-color-input-active-bg: var(--dh-color-input-bg);--dh-color-input-disabled-bg: var(--dh-color-disabled-bg);--dh-color-input-disabled-border: transparent;--dh-color-input-disabled-fg: var(--dh-color-text-disabled);--dh-color-input-hover-border: var(--dh-color-hover-border);--dh-color-input-focus-border: var(--dh-color-border-focus);--dh-color-search-icon: var(--dh-color-fg);--dh-color-form-control-error: var(--dh-color-visual-negative);--dh-color-form-control-error-shadow: color-mix( in srgb, var(--dh-color-visual-negative) 25%, transparent );--dh-color-label-text: var(--dh-color-gray-700);--dh-color-selector-fg: var(--dh-color-icon-fg);--dh-color-selector-bg: var(--dh-color-gray-75);--dh-color-selector-hover-bg: var(--dh-color-gray-50);--dh-color-selector-hover-fg: var(--dh-color-gray-900);--dh-color-selector-disabled-fg: var(--dh-color-icon-disabled-fg);--dh-color-item-list-bg: transparent;--dh-color-item-list-active-bg: var(--dh-color-highlight-active);--dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);--dh-color-item-list-selected-fg: var(--dh-color-text);--dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);--dh-color-item-list-selected-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);--dh-color-item-list-selected-border: var(--dh-color-accent-900);--dh-color-item-list-drop-target-fg: var(--dh-color-white);--dh-color-item-list-keyboard-selected-bg: color-mix( in srgb, var(--dh-color-accent) 50%, transparent );--dh-color-golden-layout-tab-header-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-selected-bg: var(--dh-color-content-bg);--dh-color-menu-item-fg: var(--dh-color-gray-700);--dh-color-hr: var(--dh-color-gray-300);--dh-color-dialog-title-fg: var(--dh-color-heading-text);--dh-color-dialog-fg: var(--dh-color-text);--dh-color-popover-bg: var(--dh-color-bg);--dh-color-tooltip-bg: var(--dh-color-gray-400);--dh-color-tooltip-fg: var(--dh-color-fg);--dh-color-tooltip-box-shadow: var(--dh-color-dropshadow);--dh-color-well-bg: color-mix( in srgb, var(--dh-color-visual-gray) 2%, transparent );--dh-color-well-border: color-mix( in srgb, var(--dh-color-visual-gray) 5%, transparent );--dh-toggle-switch-bg: var(--dh-color-gray-500)}",_s="_themeColorsPalette_v5aa0_1",Bs="_swatch_v5aa0_7",Fs="_themeColors_v5aa0_1",Vs="_label_v5aa0_21",Os="_capitalize_v5aa0_26",q={themeColorsPalette:_s,swatch:Bs,themeColors:Fs,label:Vs,capitalize:Os};function Us(){return{"Theme Color Palette":te("palette",As,1),"Semantic Colors":te("semantic",Ms,1),"Chart Colors":te("chart",$s,2),"Editor Colors":te("editor",Rs,2),"Grid Colors":te("grid",Ps,2),"Component Colors":te("component",Ls,1)}}function Lo({name:t,value:o}){return e.jsxs(e.Fragment,{children:[e.jsx("div",{children:t}),e.jsx("div",{children:o}),e.jsx("div",{children:ye.normalizeCssColor(o,!0)})]})}function Hs(){const{selectedThemeKey:t}=zo(),o=u.useMemo(Us,[t]);return e.jsx(e.Fragment,{children:Object.entries(o).map(([r,s],a)=>r==="Theme Color Palette"?e.jsxs(x,{name:r,children:[e.jsx("h2",{className:"ui-title",children:r}),e.jsx("div",{className:q.themeColorsPalette,children:Object.entries(s).map(([l,n],c)=>e.jsxs(u.Fragment,{children:[(c===0||c===1)&&n.map(({name:d},h)=>e.jsx("div",{style:{gridColumnStart:h+2,textAlign:"center"},className:"mt-3",children:d.split("-").pop()},d)),e.jsx("div",{className:"text-right pr-2",children:l}),n.map(({name:d,value:h})=>e.jsxs("div",{style:{backgroundColor:h,border:h===""&&d.length>0?eo:void 0},className:z(q.swatch,"px-0"),children:[e.jsx(se,{interactive:!0,children:e.jsx(Lo,{name:d,value:h})}),d&&e.jsx(yo,{copy:d})]},d))]},l))})]},r):e.jsxs(x,{name:r,children:[e.jsx("h2",{className:"ui-title",children:r}),e.jsx("div",{className:q.themeColors,children:Object.entries(s).map(([l,n])=>e.jsxs("div",{style:{gridRow:`span ${n.length+1}`},children:[e.jsx("span",{className:z(q.label,q.capitalize),children:l}),n.map(({isLabel:c,name:d,value:h,note:i})=>c===!0?e.jsx("span",{className:q.label,children:d},d):e.jsxs("div",{className:q.swatch,style:{border:h===""&&d.length>0?eo:void 0},children:[e.jsx("div",{style:{backgroundColor:h,height:"var(--swatch-height)",aspectRatio:"1 / 1"}}),e.jsx(se,{interactive:!0,children:e.jsx(Lo,{name:d,value:h})}),e.jsx("span",{children:d.replace("--dh-color-","")}),d.endsWith("-hue")||i!=null?e.jsx("span",{children:i??h}):null,e.jsx(yo,{copy:d})]},d))]},l))})]},r))})}const Ke="data-menu-category",Gs="data-no-menu",zs="sample-section-e2e-ignore",er="spectrum-component-samples",or="spectrum-comparison-samples";function Ws(){return e.jsxs("div",{id:er,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Spectrum Components"}),e.jsxs(F,{gap:20,columns:Oo("0px","1fr"),children:[e.jsxs(x,{name:"spectrum-buttons",component:D,children:[e.jsx("h3",{children:"Buttons"}),e.jsx(Ks,{})]}),e.jsxs(x,{name:"spectrum-collections",component:D,children:[e.jsx("h3",{children:"Collections"}),e.jsx(Zs,{})]}),e.jsxs(x,{name:"spectrum-content",component:D,children:[e.jsx("h3",{children:"Content"}),e.jsx(Ys,{})]}),e.jsxs(x,{name:"spectrum-forms",component:D,children:[e.jsx("h3",{children:"Forms"}),e.jsx(Xs,{})]}),e.jsxs(x,{name:"spectrum-overlays",component:D,children:[e.jsx("h3",{children:"Overlays"}),e.jsxs(w,{gap:"size-160",children:[e.jsx(qs,{}),e.jsxs(co,{children:[e.jsx(_,{children:"Dialog Trigger"}),t=>e.jsxs(ho,{children:[e.jsx(Ne,{children:"Some Heading"}),e.jsx(ir,{children:"Some Header"}),e.jsx(uo,{}),e.jsx(Te,{children:e.jsx(b,{children:"Are you sure?"})}),e.jsxs(Se,{children:[e.jsx(C,{variant:"secondary",onPress:t,children:"Cancel"}),e.jsx(C,{variant:"accent",onPress:t,children:"Confirm"})]})]})]}),e.jsxs(co,{type:"popover",children:[e.jsx(_,{children:"Popover"}),e.jsxs(ho,{children:[e.jsx(Ne,{children:"Popover"}),e.jsx(uo,{}),e.jsx(Te,{children:e.jsx(b,{children:"This is a popover."})})]})]})]})]}),e.jsxs(x,{name:"spectrum-well",component:D,children:[e.jsx("h3",{children:"Wells"}),e.jsx(cr,{children:"This is a well."})]})]})]})}function Ks(){return e.jsxs(e.Fragment,{children:[e.jsxs(_,{marginBottom:"size-200",children:[e.jsx(P,{children:e.jsx(S,{icon:Y})}),e.jsx(b,{children:"Icon Button"})]}),e.jsxs(F,{autoFlow:"column",columnGap:"size-250",rowGap:"size-150",columns:Xe(4,Oo(0,"size-2000")),rows:Xe(8,"size-400"),children:[e.jsx("label",{children:'Button style="outline"'}),e.jsx(C,{variant:"primary",style:"outline",children:"Primary"}),e.jsx(C,{variant:"secondary",style:"outline",children:"Secondary"}),e.jsx(C,{variant:"accent",style:"outline",children:"Accent"}),e.jsx(C,{variant:"negative",style:"outline",children:"Negative"}),e.jsx(C,{variant:"primary",staticColor:"black",style:"outline",children:"Static Black"}),e.jsx(C,{variant:"primary",staticColor:"white",style:"outline",children:"Static White"}),e.jsx(C,{variant:"primary",isDisabled:!0,style:"outline",children:"Disabled"}),e.jsx("label",{children:'Button style="fill"'}),e.jsx(C,{variant:"primary",style:"fill",children:"Primary"}),e.jsx(C,{variant:"secondary",style:"fill",children:"Secondary"}),e.jsx(C,{variant:"accent",style:"fill",children:"Accent"}),e.jsx(C,{variant:"negative",style:"fill",children:"Negative"}),e.jsx(C,{variant:"primary",staticColor:"black",style:"fill",children:"Static Black"}),e.jsx(C,{variant:"primary",staticColor:"white",style:"fill",children:"Static White"}),e.jsx(C,{variant:"primary",isDisabled:!0,style:"fill",children:"Disabled"}),e.jsx("label",{children:"Action Button"}),e.jsx(_,{children:"Normal"}),e.jsx(_,{gridRow:"span 3",isQuiet:!0,children:"Quiet"}),e.jsx(_,{staticColor:"black",children:"Static Black"}),e.jsx(_,{staticColor:"white",children:"Static White"}),e.jsx(_,{isDisabled:!0,children:"Disabled"}),e.jsx("label",{children:"Toggle Button"}),e.jsx(Q,{children:"Normal"}),e.jsx(Q,{isQuiet:!0,children:"Quiet"}),e.jsx(Q,{gridRow:"span 2",isEmphasized:!0,children:"Emphasized"}),e.jsx(Q,{staticColor:"black",children:"Static Black"}),e.jsx(Q,{staticColor:"white",children:"Static White"}),e.jsx(Q,{isDisabled:!0,children:"Disabled"})]})]})}function qs(){return e.jsxs(e.Fragment,{children:[e.jsx(b,{children:"Contextual Help"}),e.jsxs(dr,{variant:"info",children:[e.jsx(Ne,{children:"Need help?"}),e.jsx(Te,{children:e.jsx(b,{children:"This is a helpful description of the thing you need help with."})})]})]})}function Xs(){return e.jsx(hr,{children:e.jsxs(F,{gap:20,columns:Xe("auto-fit","210px"),alignItems:"end",children:[e.jsx(Ye,{label:"Text Field"}),e.jsxs(ur,{label:"Combobox",menuTrigger:"focus",defaultSelectedKey:"two",children:[e.jsx(v,{children:"One"},"one"),e.jsx(v,{children:"Two"},"two"),e.jsx(v,{children:"Three"},"three")]}),e.jsx(H,{children:"Checkbox"}),e.jsx(mr,{label:"Slider",defaultValue:24}),e.jsx(gr,{children:"Switch"})]})})}function Ys(){return e.jsxs(xr,{children:[e.jsx(P,{size:"XL",children:e.jsx(S,{icon:Ar})}),e.jsx(Ne,{children:"Illustrated Message"}),e.jsx(Te,{children:"This is the content of the message."})]})}function Zs(){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(v,{children:"One"}),e.jsx(v,{children:"Two"}),e.jsx(v,{children:"Three"}),e.jsx(v,{children:"Four"})]}),e.jsx("label",{id:"table-view-sample",children:"Table View"}),e.jsxs(vr,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",children:[e.jsxs(fr,{children:[e.jsxs(J,{title:"Person",children:[e.jsx(J,{allowsResizing:!0,children:"Name"}),e.jsx(J,{children:"Age"})]}),e.jsxs(J,{title:"Address",children:[e.jsx(J,{allowsResizing:!0,children:"City"}),e.jsx(J,{children:"State"})]})]}),e.jsxs(br,{children:[e.jsxs(Me,{children:[e.jsx(A,{children:"John"}),e.jsx(A,{children:"42"}),e.jsx(A,{children:"San Francisco"}),e.jsx(A,{children:"CA"})]}),e.jsxs(Me,{children:[e.jsx(A,{children:"Jane"}),e.jsx(A,{children:"38"}),e.jsx(A,{children:"San Francisco"}),e.jsx(A,{children:"CA"})]}),e.jsxs(Me,{children:[e.jsx(A,{children:"Becky"}),e.jsx(A,{children:"12"}),e.jsx(A,{children:"San Francisco"}),e.jsx(A,{children:"CA"})]})]})]})]})}function ce(t){return e.jsx("div",{...t})}function Qs(){const[t,o]=u.useState([]);u.useEffect(()=>{let s={category:"",items:[]};const a=[s],l=document.querySelector(`#${er}`),n=document.querySelector(`#sample-section-${or}`);document.querySelectorAll(`h2,h3,[${Ke}]`).forEach(c=>{if(c.textContent==null||c.hasAttribute(Gs))return;if(c.hasAttribute(Ke)){s={category:c.getAttribute(Ke)??"",items:[]},a.push(s);return}const h=`${(l==null?void 0:l.contains(c))===!0?"spectrum-":(n==null?void 0:n.contains(c))===!0?"spectrum-compare-":""}${c.textContent}`.toLowerCase().replace(/\s/g,"-");c.id=h,s.items.push({id:h,label:c.textContent})}),o(a)},[]),u.useEffect(()=>{const s=window.location.hash===""?null:document.querySelector(window.location.hash);setTimeout(()=>{s?s.scrollIntoView():window.scrollTo({top:0,behavior:"auto"})},0)},[]);const r=u.useCallback(s=>{const a=String(s),l=document.getElementById(a);l==null||l.scrollIntoView({behavior:"smooth"}),setTimeout(()=>{window.location.hash=a},1e3)},[]);return e.jsxs(jr,{children:[e.jsx(_,{children:e.jsx(P,{children:e.jsx(S,{icon:Mr})})}),e.jsx(yr,{items:t,onAction:r,children:({category:s,items:a})=>e.jsx(wr,{items:a,title:s,children:({id:l,label:n})=>e.jsx(v,{children:n},l)},s)})]})}function Js(){const t=u.useCallback(()=>{window.scrollTo({top:0,behavior:"smooth"}),setTimeout(()=>{window.location.hash=""},500)},[]);return u.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(C,{UNSAFE_className:"goto-top-button",variant:"accent",onPress:t,children:e.jsx(P,{children:e.jsx(S,{icon:$r})})})}const ea=["Tab 1","Tab 2","Tab 3"];function oa({isActive:t,title:o}){return e.jsxs("li",{className:z("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 ra(){return e.jsxs(x,{name:"golden-layout",children:[e.jsx("h2",{className:"ui-title",children:"Golden Layout"}),[!1,!0].map(t=>e.jsxs(xe.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:ea.map((o,r)=>e.jsx(oa,{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 ta(){return e.jsxs(x,{name:"animations",className:"sample-section-e2e-ignore",children:[e.jsx("h2",{className:"ui-title",children:"Animations"}),e.jsx(D,{position:"relative",height:400,children:e.jsx(ot,{})})]})}const _o=[["primary","accent"],["secondary","primary"],["danger","negative"]];function sa(){const[t,o]=u.useState(!1);return e.jsxs(x,{name:or,className:zs,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Bootstrap / Spectrum Comparison"}),e.jsxs(w,{gap:20,wrap:!0,children:[e.jsxs(D,{children:[e.jsx("h3",{children:"Buttons - Filled"}),e.jsxs(F,{gap:20,columns:"repeat(2, 120px)",autoRows:"40x",justifyItems:"start",alignItems:"start",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),_o.map(([r,s])=>e.jsxs(u.Fragment,{children:[e.jsx(p,{onClick:oe,kind:r,icon:vo,children:"Button"}),e.jsxs(C,{variant:s,style:"fill",children:[e.jsx(P,{children:e.jsx(S,{icon:vo})}),e.jsx(b,{children:"Button"})]})]},r)),e.jsx(p,{onClick:oe,kind:"primary",disabled:!0,children:"Disabled"}),e.jsx(C,{variant:"accent",style:"fill",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(D,{children:[e.jsx("h3",{children:"Buttons - Outline"}),e.jsxs(F,{gap:20,columns:"repeat(2, 120px)",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),_o.map(([r,s])=>e.jsxs(u.Fragment,{children:[e.jsx(p,{onClick:oe,kind:r,children:r}),e.jsx(C,{variant:s,style:"outline",children:s})]},r)),e.jsx(p,{onClick:oe,kind:"secondary",disabled:!0,children:"Disabled"}),e.jsx(C,{variant:"primary",style:"outline",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(D,{children:[e.jsx("h3",{children:"Action Buttons"}),e.jsxs(F,{gap:20,columns:"repeat(2, 120px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsx(p,{onClick:oe,kind:"inline",children:"Inline"}),e.jsx(_,{children:"Action"}),e.jsx(p,{onClick:oe,kind:"inline",disabled:!0,children:"Disabled"}),e.jsx(_,{isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(D,{children:[e.jsx("h3",{children:"Pickers"}),e.jsxs(F,{gap:20,columns:"repeat(2, 192px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),[!1,!0].map(r=>e.jsxs(u.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"Select"}),e.jsxs(Ce,{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(Cr,{isDisabled:r,label:r?"Disabled Picker":"Picker",placeholder:"Picker",children:[e.jsx(v,{children:"One"},"1"),e.jsx(v,{children:"Two"},"2"),e.jsx(v,{children:"Three"},"3")]})]},String(r)))]})]}),e.jsxs(D,{children:[e.jsx("h3",{children:"Text Field"}),e.jsxs(F,{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(Ye,{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(Ye,{type:"text",label:"Disabled",isDisabled:!0,value:"Disabled"})]})]}),e.jsxs(D,{children:[e.jsx("h3",{children:"Checkbox"}),e.jsxs(F,{gap:20,columns:"repeat(2, 120px)",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsx(B,{className:"form-group",checked:t,onChange:()=>o(r=>!r),children:"Checkbox"}),e.jsx(H,{children:"Checkbox"}),e.jsx(B,{className:"form-group",disabled:!0,checked:t,onChange:()=>o(r=>!r),children:"Disabled"}),e.jsx(H,{isDisabled:!0,children:"Disabled"})]})]})]})]})}const aa=[...lo(52)],je=[...lo(52,{icons:!0})],rr=[...pe(0,51)],la=[...pe(52,103)],na=[...pe(104,155)],ia=[...pe(156,207)],ca=[...pe(208,259)],da=["String 1","String 2","String 3","","Some really long text that should get truncated",444,999,!0,!1,...rr.map((t,o)=>o%5>0?t:u.cloneElement(t,{...t.props,children:[e.jsx(me,{},`icon-${t.props.children}`),e.jsx(b,{children:t.props.children},`label-${t.props.children}`)]}))];function me(){return e.jsx(P,{children:e.jsx(S,{icon:Qe})})}function ha(){const[t,o]=u.useState(200),[r,s]=u.useState(!0),[a,l]=u.useState(je),n=u.useCallback(h=>l(h===""?je:je.filter(({item:i})=>{var m;return(m=i==null?void 0:i.textValue)==null?void 0:m.includes(h)})),[]),c=u.useCallback(async()=>mt({keyedItems:aa,itemHeight:gt.medium,selectedKey:t,topOffset:xt}),[t]),d=u.useCallback(h=>{o(h)},[]);return e.jsxs(x,{name:"pickers",children:[e.jsx("h2",{className:"ui-title",children:"Pickers"}),e.jsxs(w,{gap:14,direction:"column",children:[[ko,Je].map(h=>{const i=m=>`${h===ko?"Picker":"ComboBox"} (${m})`;return e.jsxs(w,{direction:"row",gap:14,children:[e.jsx(h,{label:i("Single Child"),tooltip:{placement:"bottom-end"},children:e.jsx(v,{textValue:"Aaa",children:"Aaa"})}),e.jsx(h,{label:i("Mixed Children Types"),defaultSelectedKey:"999",tooltip:!0,children:da}),e.jsxs(h,{label:i("Sections"),tooltip:!0,children:["String 1","String 2","String 3",e.jsxs(K,{title:"Section",children:[e.jsx(v,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(v,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(v,{textValue:"Complex Ccc",children:[e.jsx(me,{}),e.jsx(b,{children:"Complex Ccc"})]})]}),e.jsxs(K,{children:[e.jsx(v,{textValue:"Item Ddd",children:"Item Ddd"}),e.jsx(v,{textValue:"Item Eee",children:"Item Eee"}),e.jsxs(v,{textValue:"Complex Fff",children:[e.jsx(me,{}),e.jsx(b,{children:"Complex Fff"})]}),e.jsxs(v,{textValue:"Ggg",children:[e.jsx(me,{}),e.jsx(b,{children:"Label"}),e.jsx(b,{slot:"description",children:"Description"})]}),e.jsxs(v,{textValue:"Hhh",children:[e.jsx(me,{}),e.jsx(b,{children:"Label that causes overflow"}),e.jsx(b,{slot:"description",children:"Description that causes overflow"})]})]},"Key B"),e.jsx(K,{title:"Section A",children:rr}),e.jsx(K,{title:"Section B",children:la}),e.jsx(K,{children:na},"Section C"),e.jsx(K,{children:ia},"Section D"),e.jsx(K,{title:"Section E",children:ca})]})]},h.displayName)}),e.jsx(B,{checked:r,onChange:h=>s(h.currentTarget.checked),children:"Show Ions"}),e.jsxs(w,{direction:"row",gap:14,children:[e.jsx(ht,{label:"Picker (Controlled)",getInitialScrollPosition:c,normalizedItems:je,selectedKey:t,showItemIcons:r,onChange:d}),e.jsx(rt,{label:"ComboBox (Controlled)",getInitialScrollPosition:c,normalizedItems:a,selectedKey:t,showItemIcons:r,onChange:d,validationState:t==null?"invalid":"valid",errorMessage:"Please select an item.",onInputChange:n})]})]})]})}const ua=[...lo(52,{icons:!0})];function de(){return e.jsx(P,{slot:"illustration",children:e.jsx(S,{icon:Lr})})}const ro={gap:10,label:{medium:21,large:25.5}};function he({label:t,direction:o="column",children:r,...s}){return e.jsxs(w,{...s,direction:o,gap:ro.gap,children:[e.jsx(b,{children:t}),r]})}function ma(){const{scale:t}=pt(),[o,r]=u.useState([]),[s,a]=u.useState("compact"),l=ro.label[t]+ro.gap+2+vt[s??"compact"][t],n=u.useCallback(j=>{a(j)},[]),[c,d]=u.useState(!0),[h,i]=u.useState(""),[m,g]=u.useState(""),f=u.useCallback((j,I)=>{i(j),g(I)},[]),y=u.useCallback(j=>{r(j)},[]);return e.jsxs(x,{name:"list-views",children:[e.jsx("h2",{className:"ui-title",children:"List View"}),e.jsxs(F,{gap:14,height:"size-6000",columns:"1fr 1fr 1fr",rows:`auto minmax(${l}px, auto) 1fr auto 1fr`,children:[e.jsx(he,{alignItems:"center",direction:"row",label:"Density",gridColumn:"span 3",children:e.jsxs(Vo,{"aria-label":"Density",orientation:"horizontal",value:s,onChange:n,children:[e.jsx(U,{value:"compact",children:"Compact"}),e.jsx(U,{value:"regular",children:"Regular"}),e.jsx(U,{value:"spacious",children:"Spacious"})]})}),e.jsx(he,{label:"Single Child",gridColumn:"span 3",height:"100%",children:e.jsx(Le,{density:s,"aria-label":"Single Child",selectionMode:"multiple",children:e.jsx(v,{textValue:"Aaa",children:"Aaa"})})}),e.jsx(he,{label:"Icons",gridColumn:"span 2",children:e.jsxs(Le,{"aria-label":"Icon",density:s,selectionMode:"multiple",children:[e.jsxs(v,{textValue:"Item with icon A",children:[e.jsx(de,{}),e.jsx(b,{children:"Item with icon A"})]}),e.jsxs(v,{textValue:"Item with icon B",children:[e.jsx(de,{}),e.jsx(b,{children:"Item with icon B"})]}),e.jsxs(v,{textValue:"Item with icon C",children:[e.jsx(de,{}),e.jsx(b,{children:"Item with icon C"})]}),e.jsxs(v,{textValue:"Item with icon D",children:[e.jsx(de,{}),e.jsx(b,{children:"Item with icon D with overflowing content"})]}),e.jsxs(v,{textValue:"Item with icon E",children:[e.jsx(de,{}),e.jsx(b,{children:"Item with icon E"})]})]})}),e.jsx(he,{label:"Mixed Children Types",children:e.jsxs(Le,{"aria-label":"Mixed Children Types",density:s,maxWidth:"size-2400",selectionMode:"multiple",defaultSelectedKeys:["999",444],children:["String 1","String 2","String 3","","Some really long text that should get truncated",444,999,!0,!1,e.jsx(v,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(v,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(v,{textValue:"Item with Description",children:[e.jsx(b,{children:"Item with Description"}),e.jsx(b,{slot:"description",children:"Description"})]}),e.jsxs(v,{textValue:"Complex Ccc",children:[e.jsx(P,{slot:"image",children:e.jsx(S,{icon:Qe})}),e.jsx(b,{children:"Complex Ccc with text that should be truncated"})]}),e.jsxs(v,{textValue:"Complex Ccc with Description",children:[e.jsx(P,{slot:"image",children:e.jsx(S,{icon:Qe})}),e.jsx(b,{children:"Complex Ccc with text that should be truncated"}),e.jsx(b,{slot:"description",children:"Description"})]})]})}),e.jsx(w,{gridColumn:"span 3",gap:14,children:e.jsx(B,{checked:c,onChange:j=>d(j.currentTarget.checked),children:"Show Ions"})}),e.jsxs(he,{label:"Controlled",gridColumn:"span 2",children:[e.jsx(tt,{"aria-label":"Controlled",density:s,normalizedItems:ua,selectionMode:"multiple",selectedKeys:o,showItemIcons:c,onChange:y,actions:e.jsxs(ut,{overflowMode:"collapse",buttonLabelBehavior:"collapse",maxWidth:80,onAction:f,children:[e.jsxs(v,{children:[e.jsx(P,{children:e.jsx(S,{icon:Rr})}),e.jsx(b,{children:"Edit"})]},"Edit"),e.jsxs(v,{children:[e.jsx(P,{children:e.jsx(S,{icon:Pr})}),e.jsx(b,{children:"Delete"})]},"Delete")]})}),h," ",m]})]})]})}function ga(){const t={maxHeight:500,display:"flex",flexDirection:"column",maxWidth:400},o="This is a short error message",r=`Mid length error message
 `.repeat(10),s=`Really long error message
-`.repeat(100),a="MidError",l="SuperLongErrorMessageType";return e.jsxs(x,{name:"error-views",children:[e.jsx("h2",{className:"ui-title",title:"Display error messages easily",children:"Error Views"}),e.jsx("h3",{children:"Expandable"}),e.jsxs("div",{className:"row",style:{maxHeight:500},children:[e.jsx("div",{className:"col",style:t,children:e.jsx(re,{message:o})}),e.jsx("div",{className:"col",style:t,children:e.jsx(re,{message:r,type:a})}),e.jsx("div",{className:"col",style:t,children:e.jsx(re,{message:s,type:l})})]}),e.jsx("h3",{children:"Always expanded"}),e.jsxs("div",{className:"row",style:{maxHeight:500},children:[e.jsx("div",{className:"col",style:t,children:e.jsx(re,{message:o,isExpanded:!0})}),e.jsx("div",{className:"col",style:t,children:e.jsx(re,{message:r,type:a,isExpanded:!0})}),e.jsx("div",{className:"col",style:t,children:e.jsx(re,{message:s,type:l,isExpanded:!0})})]})]})}function er({value:t}){return e.jsx(p,{kind:"primary",onClick:()=>{},children:t})}er.displayName="FooComponent";const G=Gr(er);function xa({value:t}){return e.jsx(G,{value:`${t}.${t}`})}function pa({value:t}){return e.jsxs("div",{children:[e.jsx(G,{value:t}),e.jsx(G,{value:t})]})}function We({value:t}){return e.jsx(p,{kind:"danger",onClick:()=>{},children:t.split("").reverse().join("")})}function va(){const[t,o]=u.useState("hello");return e.jsxs(x,{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(G,{value:t})}),e.jsx("small",{children:"Replaced with Reverse"}),e.jsx("div",{children:e.jsx($e,{value:new Map([[G,We]]),children:e.jsx(G,{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([[G,We]]),children:e.jsx(xa,{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([[G,We]]),children:e.jsx(pa,{value:t})})})]})]})]})}function fa(){return e.jsxs(x,{name:"checkbox-groups",children:[e.jsx("h2",{className:"ui-title",children:"Checkbox Groups"}),e.jsxs(w,{gap:"size-100",gridColumn:"span 3",height:"100%",children:[e.jsxs(w,{direction:"column",children:[e.jsx(b,{children:"Single Child"}),e.jsx(Pe,{"aria-label":"Single Child",children:e.jsx(H,{value:"Aaa",children:"Aaa"})})]}),e.jsxs(w,{direction:"column",children:[e.jsx(b,{children:"Multiple Children"}),e.jsxs(Pe,{"aria-label":"Multiple Children",children:[e.jsx(H,{value:"Aaa",children:"Aaa"}),e.jsx(H,{value:"Bbb",children:"Bbb"}),e.jsx(H,{value:"Ccc",children:"Ccc"})]})]}),e.jsxs(w,{direction:"column",children:[e.jsx(b,{children:"Mixed Children Types"}),e.jsxs(Pe,{"aria-label":"Mixed Children Types",children:["String 1","String 2",444,999,!0,!1,e.jsx(H,{children:"Aaa"})]})]})]})]})}const Po={position:"sticky",justifyContent:"end",zIndex:1,UNSAFE_style:{float:"right"}};function ba(){const{themes:t}=Uo(),o=t.length>1,r=Wo()!=="";return e.jsx("div",{tabIndex:-1,role:"main",children:e.jsxs("div",{className:z("container","style-guide-container",r&&Ut),children:[e.jsx(w,{justifyContent:"space-between",alignItems:"center",marginTop:"2rem",marginBottom:"1rem",children:e.jsx("h1",{style:{paddingTop:"2rem"},children:"Deephaven UI Components"})}),e.jsxs(w,{...Po,UNSAFE_className:r?"hide-when-isolated":void 0,marginTop:-56,top:20,gap:10,alignItems:"end",children:[o?e.jsx(jt,{}):null,e.jsx(Qs,{})]}),e.jsx(w,{...Po,UNSAFE_className:r?"hide-when-isolated":void 0,top:"calc(100vh - 40px)",marginTop:-32,marginEnd:o?-234:0,children:e.jsx(Js,{})}),e.jsx(Ss,{}),e.jsx(ce,{"data-menu-category":"Colors"}),e.jsx(Qt,{}),e.jsx(Hs,{}),e.jsx(ce,{"data-menu-category":"Layout"}),e.jsx(ra,{}),e.jsx(ce,{"data-menu-category":"Components"}),e.jsx(ge,{}),e.jsx(js,{}),e.jsx(ps,{}),e.jsx(ma,{}),e.jsx(ha,{}),e.jsx(fs,{}),e.jsx(Ne,{}),e.jsx(ys,{}),e.jsx(fa,{}),e.jsx(es,{}),e.jsx(bs,{}),e.jsx(Jt,{}),e.jsx(os,{}),e.jsx(Ds,{}),e.jsx(Cs,{}),e.jsx(ws,{}),e.jsx(gs,{}),e.jsx(ss,{}),e.jsx(hs,{}),e.jsx(zt,{}),e.jsx(st,{}),e.jsx(ta,{}),e.jsx(ga,{}),e.jsx(va,{}),e.jsx(ce,{"data-menu-category":"Spectrum Components"}),e.jsx(Ws,{}),e.jsx(ce,{"data-menu-category":"Spectrum Comparison"}),e.jsx(sa,{}),e.jsx(Sr,{})]})})}function no(t){const{workspace:o,setWorkspace:r}=t;return u.useEffect(()=>{yt.makeDefaultWorkspace({getLayouts:async()=>[],getLayout:async()=>({})}).then(r)},[r]),o!=null?e.jsx(ba,{}):null}no.propTypes={workspace:ke.shape({}),setWorkspace:ke.func.isRequired};no.defaultProps={workspace:null};const ja=t=>({workspace:Wr(t)}),ya=kr(ja,{setWorkspace:zr})(no);function Pa(){return u.useEffect(function(){ft.register(new URL("./download/serviceWorker.js",window.location.href)),Kr.init({getWorker:()=>new Br}),window["__react-beautiful-dnd-disable-dev-warnings"]=!0},[]),e.jsx(at,{children:e.jsx(Tr,{store:_r,children:e.jsx(ya,{})})})}export{Pa as StyleGuideRoot,Pa as default};
-//# sourceMappingURL=StyleGuideRoot-DhvCRjxL.js.map
+`.repeat(100),a="MidError",l="SuperLongErrorMessageType";return e.jsxs(x,{name:"error-views",children:[e.jsx("h2",{className:"ui-title",title:"Display error messages easily",children:"Error Views"}),e.jsx("h3",{children:"Expandable"}),e.jsxs("div",{className:"row",style:{maxHeight:500},children:[e.jsx("div",{className:"col",style:t,children:e.jsx(re,{message:o})}),e.jsx("div",{className:"col",style:t,children:e.jsx(re,{message:r,type:a})}),e.jsx("div",{className:"col",style:t,children:e.jsx(re,{message:s,type:l})})]}),e.jsx("h3",{children:"Always expanded"}),e.jsxs("div",{className:"row",style:{maxHeight:500},children:[e.jsx("div",{className:"col",style:t,children:e.jsx(re,{message:o,isExpanded:!0})}),e.jsx("div",{className:"col",style:t,children:e.jsx(re,{message:r,type:a,isExpanded:!0})}),e.jsx("div",{className:"col",style:t,children:e.jsx(re,{message:s,type:l,isExpanded:!0})})]})]})}function tr({value:t}){return e.jsx(p,{kind:"primary",onClick:()=>{},children:t})}tr.displayName="FooComponent";const G=Gr(tr);function xa({value:t}){return e.jsx(G,{value:`${t}.${t}`})}function pa({value:t}){return e.jsxs("div",{children:[e.jsx(G,{value:t}),e.jsx(G,{value:t})]})}function qe({value:t}){return e.jsx(p,{kind:"danger",onClick:()=>{},children:t.split("").reverse().join("")})}function va(){const[t,o]=u.useState("hello");return e.jsxs(x,{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(G,{value:t})}),e.jsx("small",{children:"Replaced with Reverse"}),e.jsx("div",{children:e.jsx(Pe,{value:new Map([[G,qe]]),children:e.jsx(G,{value:t})})})]}),e.jsxs("div",{className:"col",children:[e.jsx("small",{children:"Nested component replaced"}),e.jsx("div",{children:e.jsx(Pe,{value:new Map([[G,qe]]),children:e.jsx(xa,{value:t})})})]}),e.jsxs("div",{className:"col",children:[e.jsx("small",{children:"Multiple Components replaced"}),e.jsx("div",{children:e.jsx(Pe,{value:new Map([[G,qe]]),children:e.jsx(pa,{value:t})})})]})]})]})}function fa(){return e.jsxs(x,{name:"checkbox-groups",children:[e.jsx("h2",{className:"ui-title",children:"Checkbox Groups"}),e.jsxs(w,{gap:"size-100",gridColumn:"span 3",height:"100%",children:[e.jsxs(w,{direction:"column",children:[e.jsx(b,{children:"Single Child"}),e.jsx(_e,{"aria-label":"Single Child",children:e.jsx(H,{value:"Aaa",children:"Aaa"})})]}),e.jsxs(w,{direction:"column",children:[e.jsx(b,{children:"Multiple Children"}),e.jsxs(_e,{"aria-label":"Multiple Children",children:[e.jsx(H,{value:"Aaa",children:"Aaa"}),e.jsx(H,{value:"Bbb",children:"Bbb"}),e.jsx(H,{value:"Ccc",children:"Ccc"})]})]}),e.jsxs(w,{direction:"column",children:[e.jsx(b,{children:"Mixed Children Types"}),e.jsxs(_e,{"aria-label":"Mixed Children Types",children:["String 1","String 2",444,999,!0,!1,e.jsx(H,{children:"Aaa"})]})]})]})]})}const Bo={position:"sticky",justifyContent:"end",zIndex:1,UNSAFE_style:{float:"right"}};function ba(){const{themes:t}=zo(),o=t.length>1,r=Xo()!=="";return e.jsx("div",{tabIndex:-1,role:"main",children:e.jsxs("div",{className:z("container","style-guide-container",r&&Ut),children:[e.jsx(w,{justifyContent:"space-between",alignItems:"center",marginTop:"2rem",marginBottom:"1rem",children:e.jsx("h1",{style:{paddingTop:"2rem"},children:"Deephaven UI Components"})}),e.jsxs(w,{...Bo,UNSAFE_className:r?"hide-when-isolated":void 0,marginTop:-56,top:20,gap:10,alignItems:"end",children:[o?e.jsx(jt,{}):null,e.jsx(Qs,{})]}),e.jsx(w,{...Bo,UNSAFE_className:r?"hide-when-isolated":void 0,top:"calc(100vh - 40px)",marginTop:-32,marginEnd:o?-234:0,children:e.jsx(Js,{})}),e.jsx(Ss,{}),e.jsx(ce,{"data-menu-category":"Colors"}),e.jsx(Qt,{}),e.jsx(Hs,{}),e.jsx(ce,{"data-menu-category":"Layout"}),e.jsx(ra,{}),e.jsx(ce,{"data-menu-category":"Components"}),e.jsx(ge,{}),e.jsx(js,{}),e.jsx(ps,{}),e.jsx(ma,{}),e.jsx(ha,{}),e.jsx(fs,{}),e.jsx(Ee,{}),e.jsx(ys,{}),e.jsx(fa,{}),e.jsx(es,{}),e.jsx(bs,{}),e.jsx(Jt,{}),e.jsx(os,{}),e.jsx(Ds,{}),e.jsx(Cs,{}),e.jsx(ws,{}),e.jsx(gs,{}),e.jsx(ss,{}),e.jsx(hs,{}),e.jsx(zt,{}),e.jsx(st,{}),e.jsx(ta,{}),e.jsx(ga,{}),e.jsx(va,{}),e.jsx(ce,{"data-menu-category":"Spectrum Components"}),e.jsx(Ws,{}),e.jsx(ce,{"data-menu-category":"Spectrum Comparison"}),e.jsx(sa,{}),e.jsx(Sr,{})]})})}function no(t){const{workspace:o,setWorkspace:r}=t;return u.useEffect(()=>{yt.makeDefaultWorkspace({getLayouts:async()=>[],getLayout:async()=>({})}).then(r)},[r]),o!=null?e.jsx(ba,{}):null}no.propTypes={workspace:ke.shape({}),setWorkspace:ke.func.isRequired};no.defaultProps={workspace:null};const ja=t=>({workspace:Wr(t)}),ya=kr(ja,{setWorkspace:zr})(no);function Pa(){return u.useEffect(function(){ft.register(new URL("./download/serviceWorker.js",window.location.href)),Kr.init({getWorker:()=>new Br}),window["__react-beautiful-dnd-disable-dev-warnings"]=!0},[]),e.jsx(at,{children:e.jsx(Tr,{store:_r,children:e.jsx(ya,{})})})}export{Pa as StyleGuideRoot,Pa as default};
+//# sourceMappingURL=StyleGuideRoot-BBw73VXr.js.map