@deephaven/code-studio 0.74.1-beta.5 → 0.74.1-beta.7

package/build/assets/{StyleGuideRoot-409f95c4.js → StyleGuideRoot-f452c271.js}

@@ -1,4 +1,4 @@
-import{r as u,ag as x,K,I as e,ax as S,M as ue,_ as Sr,V as je,L as w,a7 as B,U as Qe,bc as Or,az as P,bw as Tr,a5 as Ur,a6 as L,a8 as Gr,bx as Hr,a9 as zr,aa as ze,ac as Wr,ad as j,aZ as Kr,by as Fe,aY as Y,as as qr,ab as Yr,aW as Ve,ah as kr,bz as Oe,aO as Zr,aQ as Xr,ai as Qr,bA as Jr,bB as eo,bC as ro,bD as Z,bE as oo,bF as Se,bG as E,aG as to,bH as ao,aN as O,ba as lo,bI as so,bJ as Te,Q as no,a4 as io}from"./vendor-1c7cd2d2.js";import{aV as Je,aW as W,aL as he,a2 as co,aX as We,aY as Ke,aZ as Nr,aE as ho,a_ as X,a$ as er,F as rr,b0 as or,I as Ue,b1 as uo,b2 as mo,K as go,b3 as xo,b4 as vo,aH as tr,b5 as Ir,b6 as po}from"./index-3118c828.js";import{W as fo}from"./monaco-b5248072.js";import{f as we,d as Dr,m as Q,B as bo,S as se,L as jo,c as ke,I as yo,R as Er,a as U}from"./IrisGridModel-286de6a1.js";import{B as f,u as Ar,s as oe,q as te,aV as $,K as M,al as fe,aj as wo,J as ar,cF as lr,Q as Co,C as _,aY as xe,S as be,aQ as So,am as To,d as sr,a_ as $r,A as nr,bx as J,bA as ko,bB as No,an as Io,az as Do,a7 as Eo,aF as Ao,w as $o}from"./ControlType-8746e4cd.js";import{$ as ir,p as Mo,A as Ro,x as Po,D as Lo,o as _o,n as Bo,y as Fo,V as I,H as qe,T as y,w as Vo,g as Oo,P as Ne,v as Uo,L as ve,a1 as Go}from"./FontBootstrap-2c3b2d76.js";import{G as ae,T as Ho}from"./Grid-02175dfc.js";import{G as Mr,O as A,C as Ge,a as zo,S as Wo,b as ie,P as cr,e as Ko,c as qo}from"./GridRenderer-39392b9e.js";import{a as dr,D as Yo}from"./IrisGridShortcuts-6c03cc6c.js";import{N as Zo,T as Xo}from"./useUser-fe0a9ddb.js";import{L as Qo}from"./AppRoot-05dbe676.js";import"./helpers-de833af9.js";function hr(a,r,o,t,l,s,n){try{var i=a[s](n),c=i.value}catch(h){o(h);return}i.done?r(c):Promise.resolve(c).then(t,l)}function Ie(a){return function(){var r=this,o=arguments;return new Promise(function(t,l){var s=a.apply(r,o);function n(c){hr(s,t,l,n,i,"next",c)}function i(c){hr(s,t,l,n,i,"throw",c)}n(void 0)})}}function V(a,r,o){return r=Jo(r),r in a?Object.defineProperty(a,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[r]=o,a}function Jo(a){var r=et(a,"string");return typeof r=="symbol"?r:String(r)}function et(a,r){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(a)}class rt extends we{constructor(){var{rowCount:r=1e9,columnCount:o=100,floatingTopRowCount:t=0,floatingBottomRowCount:l=0,floatingLeftColumnCount:s=0,floatingRightColumnCount:n=0,isEditable:i=!1,editedData:c=[]}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super(),V(this,"numRows",void 0),V(this,"numColumns",void 0),V(this,"floatingTop",void 0),V(this,"floatingBottom",void 0),V(this,"floatingLeft",void 0),V(this,"floatingRight",void 0),V(this,"editable",void 0),V(this,"editedData",void 0),this.numRows=r,this.numColumns=o,this.floatingTop=t,this.floatingBottom=l,this.floatingLeft=s,this.floatingRight=n,this.editable=i,this.editedData=c}get rowCount(){return this.numRows}get columnCount(){return this.numColumns}get floatingTopRowCount(){return this.floatingTop}get floatingBottomRowCount(){return this.floatingBottom}get floatingLeftColumnCount(){return this.floatingLeft}get floatingRightColumnCount(){return this.floatingRight}get isEditable(){return this.editable}textForCell(r,o){var t,l;return(t=(l=this.editedData[r])===null||l===void 0?void 0:l[o])!==null&&t!==void 0?t:"".concat(r,",").concat(o)}colorForCell(r,o,t){return t.textColor}textForColumnHeader(r){return"".concat(r)}textForRowHeader(r){return"".concat(r)}textForRowFooter(r){return"".concat(r)}setValueForCell(r,o,t){var l=this;return Ie(function*(){l.editedData[r]==null&&(l.editedData[r]=[]),l.editedData[r][o]="".concat(t)})()}setValueForRanges(r,o){var t=this;return Ie(function*(){Dr.forEachCell(r,(l,s)=>{t.setValueForCell(l,s,o)})})()}setValues(r){var o=this;return Ie(function*(){for(var t=0;t<r.length;t+=1){var l,s,n=r[t];o.setValueForCell((l=n.column)!==null&&l!==void 0?l:n.x,(s=n.row)!==null&&s!==void 0?s:n.y,n.text)}})()}editValueForCell(r,o){return this.textForCell(r,o)}isValidForCell(r,o,t){return!0}isEditableRange(r){return this.isEditable}delete(r){throw new Error("Method not implemented.")}}const Ye=rt;function T(a,r,o){return r=ot(r),r in a?Object.defineProperty(a,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[r]=o,a}function ot(a){var r=tt(a,"string");return typeof r=="symbol"?r:String(r)}function tt(a,r){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(a)}class D extends Ye{constructor(){var{rowCount:r=D.DEFAULT_ROW_COUNT,columnCount:o=D.DEFAULT_COLUMN_COUNT,children:t=new Map,childRowCount:l=Math.ceil(Math.max(D.MIN_CHILD_ROW_COUNT,r*D.DEFAULT_CHILD_ROW_COUNT_FACTOR)),maxDepth:s=D.MAX_DEPTH}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super({rowCount:r,columnCount:o}),T(this,"children",void 0),T(this,"childRowCount",void 0),T(this,"maxDepth",void 0),T(this,"getCachedModelRowOffset",Q((n,i)=>{for(var c=null,h=i,d=[...n].sort((C,G)=>C[0]-G[0]),m=0;m<d.length;m+=1){var[g,v]=d[m];if(h<=g)break;var b=v.rowCount;if(h<=g+b){c=g,h=h-g-1;break}h-=b}return{key:c,offsetRow:h}})),T(this,"getCachedTextForRowHeader",Q((n,i)=>{var{key:c,offsetRow:h}=this.getCachedModelRowOffset(n,i);if(c!=null){var d=n.get(c);if(d!==void 0)return"".concat(c,".").concat(d.textForRowHeader(h))}return"".concat(h)})),T(this,"getCachedTextForCell",Q((n,i,c)=>{var{key:h,offsetRow:d}=this.getCachedModelRowOffset(n,c);if(h!=null){var m=n.get(h);if(m!==void 0)return"".concat(h,".").concat(m.textForCell(i,d))}return"".concat(i,",").concat(d)})),T(this,"getCachedIsRowExpandable",Q((n,i,c)=>{var h=this.getCachedDepthForRow(n,i);return h<c})),T(this,"getCachedIsRowExpanded",Q((n,i)=>{var{key:c,offsetRow:h}=this.getCachedModelRowOffset(n,i);if(c!=null){var d=n.get(c);if(d!==void 0)return d.isRowExpanded(h)}return n.has(h)})),T(this,"getCachedDepthForRow",Q((n,i)=>{var{key:c,offsetRow:h}=this.getCachedModelRowOffset(n,i);if(c!=null){var d=n.get(c);if(d!==void 0)return d.depthForRow(h)+1}return 0})),this.children=t,this.childRowCount=l,this.maxDepth=s}textForCell(r,o){return this.getCachedTextForCell(this.children,r,o)}textForRowHeader(r){return this.getCachedTextForRowHeader(this.children,r)}isRowMovable(r){return!1}get hasExpandableRows(){return!0}get isExpandAllAvailable(){return!1}get floatingBottomRowCount(){return 0}isRowExpandable(r){return this.getCachedIsRowExpandable(this.children,r,this.maxDepth)}isRowExpanded(r){return this.getCachedIsRowExpanded(this.children,r)}setRowExpanded(r,o){var t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,{key:l,offsetRow:s}=this.getCachedModelRowOffset(this.children,r),n=new Map(this.children);if(l!=null){var i=this.children.get(l);if(i!==void 0){var{rowCount:c}=i;i.setRowExpanded(s,o,t),this.numRows+=i.rowCount-c}}else if(o){var d=new D({rowCount:this.childRowCount,columnCount:this.numColumns});n.set(s,d),this.numRows+=d.rowCount}else{var h=n.get(s);h!==void 0&&(this.numRows-=h.rowCount,n.delete(s))}this.children=n}expandAll(){throw new Error("Expand all not implemented.")}collapseAll(){throw new Error("Collapse all not implemented.")}depthForRow(r){return this.getCachedDepthForRow(this.children,r)}}T(D,"DEFAULT_ROW_COUNT",1e9);T(D,"DEFAULT_COLUMN_COUNT",100);T(D,"DEFAULT_CHILD_ROW_COUNT_FACTOR",.01);T(D,"MIN_CHILD_ROW_COUNT",10);T(D,"MAX_DEPTH",10);const Ze=D;function De(a,r,o){return r=at(r),r in a?Object.defineProperty(a,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[r]=o,a}function at(a){var r=lt(a,"string");return typeof r=="symbol"?r:String(r)}function lt(a,r){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(a)}class st extends we{constructor(r,o){var t;super(),De(this,"data",void 0),De(this,"columnHeaders",void 0),De(this,"numberOfColumns",void 0),this.data=r,this.numberOfColumns=Math.max(...r.map(l=>l.length),(t=o?.length)!==null&&t!==void 0?t:0),this.columnHeaders=o}get rowCount(){return this.data.length}get columnCount(){return this.numberOfColumns}textForCell(r,o){var t;return"".concat((t=this.data[o])===null||t===void 0?void 0:t[r])}textForColumnHeader(r){var o,t;return(o=(t=this.columnHeaders)===null||t===void 0?void 0:t[r])!==null&&o!==void 0?o:""}}const nt=st;function Ee(a,r,o){return r=it(r),r in a?Object.defineProperty(a,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[r]=o,a}function it(a){var r=ct(a,"string");return typeof r=="symbol"?r:String(r)}function ct(a,r){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(a)}class dt extends we{constructor(r,o){super(),Ee(this,"numberOfColumns",void 0),Ee(this,"numberOfRows",void 0),Ee(this,"viewportData",void 0),this.numberOfColumns=r,this.numberOfRows=o}get columnCount(){return this.numberOfColumns}get rowCount(){return this.numberOfRows}textForCell(r,o){var t,l,s,n,i,c,h,d=o-((t=(l=this.viewportData)===null||l===void 0?void 0:l.rowOffset)!==null&&t!==void 0?t:0),m=r-((s=(n=this.viewportData)===null||n===void 0?void 0:n.columnOffset)!==null&&s!==void 0?s:0);return"".concat((i=(c=this.viewportData)===null||c===void 0||(h=c.data[d])===null||h===void 0?void 0:h[m])!==null&&i!==void 0?i:"")}textForColumnHeader(r){return"".concat(r)}textForRowHeader(r){return"".concat(r)}}const ht=dt;function k(a,r,o){return r=ut(r),r in a?Object.defineProperty(a,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[r]=o,a}function ut(a){var r=mt(a,"string");return typeof r=="symbol"?r:String(r)}function mt(a,r){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(a)}var gt="proportional",xt=Mr.positiveBarColor,vt=Mr.negativeBarColor,pt="beside",ft="LTR",bt="right";function jt(a){return Array.isArray(a)&&a.every(r=>typeof r=="number")}class yt extends we{constructor(r){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:new Map,t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:new Map,l=arguments.length>3&&arguments[3]!==void 0?arguments[3]:new Map,s=arguments.length>4&&arguments[4]!==void 0?arguments[4]:new Map,n=arguments.length>5&&arguments[5]!==void 0?arguments[5]:new Map,i=arguments.length>6&&arguments[6]!==void 0?arguments[6]:new Map,c=arguments.length>7&&arguments[7]!==void 0?arguments[7]:new Map,h=arguments.length>8&&arguments[8]!==void 0?arguments[8]:new Map;super(),k(this,"numberOfColumns",void 0),k(this,"numberOfRows",void 0),k(this,"data",void 0),k(this,"columnMins",void 0),k(this,"columnMaxs",void 0),k(this,"columnAxes",void 0),k(this,"valuePlacements",void 0),k(this,"directions",void 0),k(this,"positiveColors",void 0),k(this,"negativeColors",void 0),k(this,"opacities",void 0),k(this,"textAlignments",void 0),k(this,"markers",void 0),this.positiveColors=t,this.negativeColors=l,this.data=r,this.columnAxes=o,this.valuePlacements=s,this.opacities=n,this.directions=i,this.textAlignments=c,this.markers=h,this.numberOfRows=Math.max(...r.map(g=>g.length)),this.numberOfColumns=r.length,this.columnMins=new Map,this.columnMaxs=new Map;for(var d=0;d<r.length;d+=1){var m=r[d];jt(m)&&(this.columnMins.set(d,Math.min(...m)),this.columnMaxs.set(d,Math.max(...m)))}}get rowCount(){return this.numberOfRows}get columnCount(){return this.numberOfColumns}textForCell(r,o){var t;return"".concat((t=this.data[r])===null||t===void 0?void 0:t[o])}textForColumnHeader(r){return"".concat(r)}textAlignForCell(r,o){var t;return(t=this.textAlignments.get(r))!==null&&t!==void 0?t:bt}renderTypeForCell(r,o){return r<20||r%2===o%2?"dataBar":"text"}dataBarOptionsForCell(r,o){var t,l,s,n,i,c,h,d=Je(this.columnMins,r),m=Je(this.columnMaxs,r),g=(t=this.columnAxes.get(r))!==null&&t!==void 0?t:gt,v=(l=this.valuePlacements.get(r))!==null&&l!==void 0?l:pt,b=this.opacities.get(r);b==null||b>1?b=1:b<0&&(b=0);var C=(s=this.directions.get(r))!==null&&s!==void 0?s:ft,G=(n=this.positiveColors.get(r))!==null&&n!==void 0?n:xt,le=(i=this.negativeColors.get(r))!==null&&i!==void 0?i:vt,H=Number((c=this.data[r])===null||c===void 0?void 0:c[o]),q=H>=0?G:le,Ce=(h=this.markers.get(r))!==null&&h!==void 0?h:[];return{columnMin:d,columnMax:m,axis:g,color:q,valuePlacement:v,opacity:b,markers:Ce,direction:C,value:H}}}const wt=yt,Ae="hide-from-e2e-tests",ur="sample-section";function*me(a,r){const o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",t=o.length;for(let l=a;l<=r;l+=1){const s=l%t;let n=String(Math.floor(l/t));n==="0"&&(n="");const i=o[s],c=`${i}${n}`,h=`${i.repeat(3)}${n}`;yield u.createElement(x,{key:c,textValue:h,children:h})}}function*Rr(a){const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",o=r.length;for(let t=0;t<a;t+=1){const l=t%o;let s=String(Math.floor(t/o));s==="0"&&(s="");const n=r[l],i=`${n}${s}`,c=`${n.repeat(3)}${s}`;yield{key:i,item:{key:(t+1)*100,content:c,textValue:c}}}}function*Pr(a=1){for(;;)a=a*16807%2147483647,yield a/2147483647}function Ct(a=1){const[r]=u.useState(()=>Pr(a));return u.useCallback(()=>{const o=r.next();if(o.done===!0)throw new Error("Random number generator unexpectedly finished");return o.value},[r])}function p(a,r=[]){const o=`${ur}-${a.toLocaleLowerCase().replaceAll(" ","-")}`,t=K(ur,...r);return{id:o,className:t}}function N(a,r=[]){const{id:o,className:t}=p(a,r);return{id:o,UNSAFE_className:t}}function R(){}class re extends u.Component{static renderButtonBrand(r,o){const t=r.length?`btn-${r}-${o}`:`btn-${o}`;return e.jsx(bo,{className:t,style:{marginBottom:"1rem",marginRight:"1rem"},children:o},o)}static renderButtons(r){const o=["primary","secondary","success","warning","danger","info"].map(t=>re.renderButtonBrand(r,t));return e.jsxs("div",{...p(`buttons-${r.length?"outline":"regular"}`),children:[e.jsx("h5",{children:r.length?"Outline":"Regular"}),o]},r)}static renderLinks(){const r={primary:"accent",secondary:"neutral",success:"positive",info:"info",warning:"notice",danger:"negative"};return e.jsxs("div",{...p("links"),style:{paddingTop:"1rem"},children:[e.jsx("h5",{children:"Links"}),e.jsx(S,{gap:"1rem",children:Object.entries(r).map(([o,t])=>e.jsxs("a",{className:`text-${o}`,children:[o," (",t,")"]},o))})]})}static renderSocketedButtons(){return e.jsxs("div",{...p("buttons-socketed"),children:[e.jsx("h5",{children:"Socketed Buttons (for linker)"}),e.jsx(se,{style:{marginBottom:"1rem",marginRight:"1rem"},onClick:R,children:"Unlinked"}),e.jsx(se,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinked:!0,onClick:R,children:"Linked"}),e.jsx(se,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinkedSource:!0,onClick:R,children:"Linked Source"}),e.jsx(se,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinked:!0,isInvalid:!0,onClick:R,children:"Error"}),e.jsx(se,{style:{marginBottom:"1rem",marginRight:"1rem"},disabled:!0,onClick:R,children:"Disabled"})]})}constructor(r){super(r),this.state={toggle:!0}}renderInlineButtons(){const{toggle:r}=this.state;return e.jsxs("div",{...p("buttons-inline"),style:{padding:"1rem 0"},children:[e.jsx("h5",{children:"Inline Buttons"}),"Regular btn-inline:",e.jsx(f,{className:"mx-2",kind:"inline",icon:W,tooltip:"test",onClick:R}),"Toggle button (class active):",e.jsx(f,{className:"mx-2",onClick:()=>{this.setState({toggle:!r})},active:r,kind:"inline",icon:W,tooltip:"test"}),"Disabled:",e.jsx(f,{className:"mx-2",kind:"inline",disabled:!0,onClick:R,children:"Disabled"}),"With Text:",e.jsx(f,{className:"mx-2",kind:"inline",icon:W,onClick:R,children:e.jsx("span",{children:"Text Button"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("span",{children:"btn-link-icon (no text):"}),e.jsx(f,{kind:"ghost",icon:W,tooltip:"test",onClick:R}),e.jsx("span",{className:"mx-2",children:"btn-link:"}),e.jsx(f,{kind:"ghost",onClick:R,children:"Text Button"}),e.jsx("span",{className:"mx-2",children:"btn-link (text w/ optional with icon):"}),e.jsx(f,{kind:"ghost",icon:W,onClick:R,children:"Text Button"})]})}render(){const r=["","outline"].map(s=>re.renderButtons(s)),o=this.renderInlineButtons(),t=re.renderSocketedButtons(),l=re.renderLinks();return e.jsxs("div",{children:[e.jsx("h2",{className:"ui-title",children:"Buttons"}),e.jsxs("div",{style:{padding:"1rem 0"},children:[r,o,t,l]})]})}}function St(){const a=Ar();ir.random=Ct();const[r]=u.useState(()=>new ir(a));return e.jsxs("div",{...p("charts"),children:[e.jsx("h2",{className:"ui-title",children:"Chart"}),e.jsx("div",{style:{height:500},children:e.jsx(jo,{model:r})})]})}const He="2px solid var(--dh-color-notice-bg)",Tt={"--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"},mr={"--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 ce(a){const r=he.parseRgba(he.asRgbOrRgbaString(a)??"");if(r==null||r.a<.5)return"white";const{r:o,g:t,b:l}=r;return he.getBrightness([o,t,l])>=128?"black":"white"}function Nt(a){const r=getComputedStyle(document.documentElement);return a.split(/[\n;]/g).map(t=>/^(?:\s{2}|:root\{)?(--dh-color-(?:[^:]+))/.exec(t)?.[1]).filter(t=>!!t).map(t=>{const l=r.getPropertyValue(t);return t==="--dh-color-chart-colorway"?co(l??"").map(([n,i])=>l.substring(n,i+1)).map((n,i)=>({name:`${t}-${i}`,value:n})):{name:t,value:l}}).flat()}function ee(a,r,o,t=Tt){const l=kt[a];return Nt(r).reduce((i,{name:c,value:h})=>{if(/^--dh-color-true-(.*?)$/.test(c)||/^--dh-color-gray-(light|mid|dark)$/.test(c))return i;const d=/^--dh-color-([^-]+)(?:-([^-]+))?/.exec(c);let m=t[c]??d?.[o]??d?.[1]??"???";return m=l[m]??m,i[m]==null&&(i[m]=[]),c in mr&&i[m].push({isLabel:!0,name:mr[c],value:""}),/^--dh-color-gray-(light|mid|dark)$/.test(c)||i[m].push({name:c,value:h}),i},{})}function It(){const a=u.useRef(null);return u.useLayoutEffect(()=>{if(a.current==null)return;const r=getComputedStyle(a.current),{backgroundColor:o}=r;a.current.style.color=ce(o)},[]),a}function Dt(a,r){const[o,t]=u.useState();return u.useEffect(()=>{if(a.current==null)return;const l=getComputedStyle(a.current,r).getPropertyValue("content"),s=/"(--dh-color-.*?)[,"]/.exec(l)?.[1];if(s==null)return;const n=getComputedStyle(a.current).getPropertyValue(s);t(n)},[a,r]),o}function $e({className:a,children:r}){const o=It(),t=Dt(o,":after"),l=u.useMemo(()=>t!=null?{value:t}:null,[t]),s=l!=null&&l.value!=="";return e.jsxs("div",{ref:o,className:a,style:{border:s?void 0:He},children:[s&&e.jsx(oe,{interactive:!0,children:e.jsx("div",{children:l.value})}),r]})}function Et(){const a=["100","200","300","400","500","600","700","800","850","8XX","900"].map(t=>e.jsx($e,{className:K("swatch","gray-swatch",`gray-swatch-${t}`),children:t==="8XX"?"N/A":`Gray-${t}`},t)),r=["red","orange","yellow","green","blue","purple","white","black"].map(t=>e.jsx($e,{className:K("swatch",`swatch-${t}`),children:t},t)),o=["content-bg","background","foreground","primary","primary-dark","secondary","secondary-hover","success","info","warning","danger","danger-hover"].map(t=>e.jsx($e,{className:K("swatch",`swatch-${t}`),children:t},t));return e.jsxs("div",{...p("colors"),children:[e.jsx("h2",{className:"ui-title",children:"Colors"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[a,r]}),e.jsx("div",{className:"col",children:o}),e.jsx("div",{className:"col",children:e.jsx("p",{children:"This section is for legacy reference only. Use the css variable based semantic colors in the following sections. You should not be using colors defined in the theme color palette directly."})})]})]})}class At extends u.Component{constructor(r){super(r),this.makeContextMenuItems=this.makeContextMenuItems.bind(this)}makeContextMenuItems(r){const o=r!==void 0?` ${r}`:"";return[{title:`Show Alert${o}`,icon:We,action:()=>{alert(`Alert${o}!`)},shortcut:new te({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[$.CTRL,M.A],macShortcut:[$.CMD,M.A]})},{title:`Log Message${o}`,icon:Ke,action:()=>{console.log(`Logging a message${o}!`)},shortcut:new te({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[$.CTRL,M.L],macShortcut:[$.CMD,M.L]})},{title:"Sub-menu",actions:()=>this.makeContextMenuItems((r??0)+1),order:3}].concat(new Array(10).fill({title:`Disabled Option${o}`,disabled:!0,order:2}))}render(){const r=this.makeContextMenuItems(),t=[{title:"Show Shortcuts",icon:Nr,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new te({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[$.CTRL,M.SLASH],macShortcut:[$.CMD,M.SLASH]}),group:fe.groups.global}].concat(r),l=()=>new Promise(s=>{setTimeout(()=>{s(r)},3e3)});return e.jsxs("div",{...p("context-menus"),children:[e.jsx("h2",{className:"ui-title",children:"Context Menu"}),e.jsxs(f,{kind:"primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(fe,{actions:t})]}),e.jsxs(f,{kind:"tertiary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(fe,{actions:l})]})]})}}class $t extends u.Component{constructor(r){super(r),this.sampleInput=ue.createRef(),this.handleUpdateCheckboxMap=this.handleUpdateCheckboxMap.bind(this);const o=["Parent A",new Map([["Child 1",!0],["Child 2",!1]])],t=["Parent B",new Map([["Child 3",!0],["Child 4",!1],["Child 5",!0],["Child 6",!1]])],l=["Leaf Parent",!0];this.state={isShown:!1,checkBoxMap:new Map([o,t,l])}}handleUpdateCheckboxMap(r){this.setState({checkBoxMap:r})}renderChild(){return e.jsxs("div",{className:"p-3",children:[e.jsx("h4",{children:"Sample Child"}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{ref:this.sampleInput,type:"text",className:"form-control",id:"exampleInput1","aria-describedby":"emailHelp",placeholder:"Input Placeholder"})]}),e.jsx("small",{className:"form-text text-muted",children:"Help text for a form input"})]})]})}render(){const{isShown:r,checkBoxMap:o}=this.state;return e.jsxs("div",{...p("dialog"),children:[e.jsx("h2",{className:"ui-title",children:"Popover Dialog"}),e.jsx("p",{children:"Popover dialog that can contain interactive elements, can be set to self close on blur."}),e.jsxs(f,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{r?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Open Dialog",e.jsx(wo,{options:{placement:"bottom"},isShown:r,onEntered:()=>{this.sampleInput.current&&this.sampleInput.current.focus()},onExited:()=>{this.setState({isShown:!1})},closeOnBlur:!0,interactive:!0,children:this.renderChild()})]}),e.jsx("p",{children:"The Hierarchical Checkbox Menu uses a popover dialog to display hierarchical groups of checkboxes."}),e.jsx(Mo,{menuText:"Checkbox Menu",valueMap:o,onUpdateValueMap:this.handleUpdateCheckboxMap})]})}}class Mt extends u.Component{constructor(r){super(r),this.state={isShown:!1}}render(){const r=[{title:"Show Alert",icon:We,action:()=>{alert("Alert!")},shortcut:new te({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[$.CTRL,M.A],macShortcut:[$.CMD,M.A]})},{title:"Log Message",icon:Ke,action:()=>{console.log("Logging a message!")},shortcut:new te({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[$.CTRL,M.L],macShortcut:[$.CMD,M.L]})}],t=[{title:"Show Shortcuts",icon:Nr,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new te({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[$.CTRL,M.SLASH],macShortcut:[$.CMD,M.SLASH]}),group:fe.groups.global}].concat(r),{isShown:l}=this.state;return e.jsxs("div",{...p("dropdown-menus"),children:[e.jsx("h2",{className:"ui-title",children:"Dropdown Menu"}),e.jsx("p",{children:"A simple dropdown menu of actions, can open on click of parent container, or controlled by prop."}),e.jsx(f,{kind:"inline",className:"mx-2",icon:ho,onClick:()=>{},children:e.jsx(ar,{actions:t})}),e.jsxs(f,{kind:"primary",style:{marginRight:"1rem",minWidth:"165px"},onClick:()=>{l?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Menu Shown: ",l.toString()]}),e.jsxs("div",{ref:this.button,className:"btn btn-secondary disabled",style:{marginRight:"1rem"},children:["Shown using isShown",e.jsx(ar,{isShown:l,onMenuClosed:()=>{this.setState({isShown:!1})},actions:t})]})]})}}const Rt=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")\\
+import{r as u,ag as x,K as q,I as e,ax as S,M as me,_ as Tr,V as ye,L as w,a7 as B,U as Je,bc as Ur,az as P,bw as kr,a5 as Gr,a6 as L,a8 as Hr,bx as zr,a9 as Wr,aa as We,ac as qr,ad as j,aZ as Kr,by as Ve,aY as Y,as as Yr,ab as Zr,aW as Oe,ah as Nr,bz as Ue,aO as Xr,aQ as Qr,ai as Jr,bA as eo,bB as ro,bC as oo,bD as Z,bE as to,bF as Te,bG as D,aG as ao,bH as so,aN as O,ba as lo,bI as no,bJ as ke,Q as io,a4 as co}from"./vendor-1c7cd2d2.js";import{aV as er,aW as W,aL as ue,a2 as ho,aX as qe,aY as Ke,aZ as Ir,aE as uo,a_ as X,a$ as rr,F as or,b0 as tr,I as Ge,b1 as mo,b2 as go,K as xo,b3 as vo,b4 as po,aH as ar,b5 as Er,b6 as fo}from"./index-846bfb98.js";import{W as bo}from"./monaco-b5248072.js";import{f as Ce,d as Dr,m as Q,B as jo,S as ne,L as yo,c as Ne,I as wo,R as Ar,a as U}from"./IrisGridModel-3360c4cb.js";import{B as f,u as Mr,s as te,q as ae,aV as M,K as $,al as be,aj as Co,J as sr,cF as lr,Q as So,C as _,aY as ve,S as je,aQ as To,am as ko,d as nr,a_ as $r,A as ir,bx as J,bA as No,bB as Io,an as Eo,az as Do,a7 as Ao,aF as Mo,w as $o}from"./ControlType-aef4a4d6.js";import{a1 as cr,q as Ro,A as Po,y as Lo,D as _o,p as Bo,o as Fo,z as Vo,V as I,H as Ye,T as y,x as Oo,g as Uo,P as Ie,w as Go,L as pe,E as ee,a3 as Ho}from"./FontBootstrap-ed1b44c1.js";import{G as se,T as zo}from"./Grid-f42eb4b1.js";import{G as Rr,O as A,C as He,a as Wo,S as qo,b as ce,P as dr,e as Ko,c as Yo}from"./GridRenderer-f500aead.js";import{a as hr,D as Zo}from"./IrisGridShortcuts-740f6b11.js";import{N as Xo,T as Qo}from"./useUser-a03f601e.js";import{L as Jo}from"./AppRoot-d1966d80.js";import"./helpers-de833af9.js";function ur(t,r,o,a,s,l,n){try{var i=t[l](n),c=i.value}catch(h){o(h);return}i.done?r(c):Promise.resolve(c).then(a,s)}function Ee(t){return function(){var r=this,o=arguments;return new Promise(function(a,s){var l=t.apply(r,o);function n(c){ur(l,a,s,n,i,"next",c)}function i(c){ur(l,a,s,n,i,"throw",c)}n(void 0)})}}function V(t,r,o){return r=et(r),r in t?Object.defineProperty(t,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[r]=o,t}function et(t){var r=rt(t,"string");return typeof r=="symbol"?r:String(r)}function rt(t,r){if(typeof t!="object"||t===null)return t;var o=t[Symbol.toPrimitive];if(o!==void 0){var a=o.call(t,r||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class ot extends Ce{constructor(){var{rowCount:r=1e9,columnCount:o=100,floatingTopRowCount:a=0,floatingBottomRowCount:s=0,floatingLeftColumnCount:l=0,floatingRightColumnCount:n=0,isEditable:i=!1,editedData:c=[]}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super(),V(this,"numRows",void 0),V(this,"numColumns",void 0),V(this,"floatingTop",void 0),V(this,"floatingBottom",void 0),V(this,"floatingLeft",void 0),V(this,"floatingRight",void 0),V(this,"editable",void 0),V(this,"editedData",void 0),this.numRows=r,this.numColumns=o,this.floatingTop=a,this.floatingBottom=s,this.floatingLeft=l,this.floatingRight=n,this.editable=i,this.editedData=c}get rowCount(){return this.numRows}get columnCount(){return this.numColumns}get floatingTopRowCount(){return this.floatingTop}get floatingBottomRowCount(){return this.floatingBottom}get floatingLeftColumnCount(){return this.floatingLeft}get floatingRightColumnCount(){return this.floatingRight}get isEditable(){return this.editable}textForCell(r,o){var a,s;return(a=(s=this.editedData[r])===null||s===void 0?void 0:s[o])!==null&&a!==void 0?a:"".concat(r,",").concat(o)}colorForCell(r,o,a){return a.textColor}textForColumnHeader(r){return"".concat(r)}textForRowHeader(r){return"".concat(r)}textForRowFooter(r){return"".concat(r)}setValueForCell(r,o,a){var s=this;return Ee(function*(){s.editedData[r]==null&&(s.editedData[r]=[]),s.editedData[r][o]="".concat(a)})()}setValueForRanges(r,o){var a=this;return Ee(function*(){Dr.forEachCell(r,(s,l)=>{a.setValueForCell(s,l,o)})})()}setValues(r){var o=this;return Ee(function*(){for(var a=0;a<r.length;a+=1){var s,l,n=r[a];o.setValueForCell((s=n.column)!==null&&s!==void 0?s:n.x,(l=n.row)!==null&&l!==void 0?l:n.y,n.text)}})()}editValueForCell(r,o){return this.textForCell(r,o)}isValidForCell(r,o,a){return!0}isEditableRange(r){return this.isEditable}delete(r){throw new Error("Method not implemented.")}}const Ze=ot;function T(t,r,o){return r=tt(r),r in t?Object.defineProperty(t,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[r]=o,t}function tt(t){var r=at(t,"string");return typeof r=="symbol"?r:String(r)}function at(t,r){if(typeof t!="object"||t===null)return t;var o=t[Symbol.toPrimitive];if(o!==void 0){var a=o.call(t,r||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class E extends Ze{constructor(){var{rowCount:r=E.DEFAULT_ROW_COUNT,columnCount:o=E.DEFAULT_COLUMN_COUNT,children:a=new Map,childRowCount:s=Math.ceil(Math.max(E.MIN_CHILD_ROW_COUNT,r*E.DEFAULT_CHILD_ROW_COUNT_FACTOR)),maxDepth:l=E.MAX_DEPTH}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super({rowCount:r,columnCount:o}),T(this,"children",void 0),T(this,"childRowCount",void 0),T(this,"maxDepth",void 0),T(this,"getCachedModelRowOffset",Q((n,i)=>{for(var c=null,h=i,d=[...n].sort((C,G)=>C[0]-G[0]),m=0;m<d.length;m+=1){var[g,v]=d[m];if(h<=g)break;var b=v.rowCount;if(h<=g+b){c=g,h=h-g-1;break}h-=b}return{key:c,offsetRow:h}})),T(this,"getCachedTextForRowHeader",Q((n,i)=>{var{key:c,offsetRow:h}=this.getCachedModelRowOffset(n,i);if(c!=null){var d=n.get(c);if(d!==void 0)return"".concat(c,".").concat(d.textForRowHeader(h))}return"".concat(h)})),T(this,"getCachedTextForCell",Q((n,i,c)=>{var{key:h,offsetRow:d}=this.getCachedModelRowOffset(n,c);if(h!=null){var m=n.get(h);if(m!==void 0)return"".concat(h,".").concat(m.textForCell(i,d))}return"".concat(i,",").concat(d)})),T(this,"getCachedIsRowExpandable",Q((n,i,c)=>{var h=this.getCachedDepthForRow(n,i);return h<c})),T(this,"getCachedIsRowExpanded",Q((n,i)=>{var{key:c,offsetRow:h}=this.getCachedModelRowOffset(n,i);if(c!=null){var d=n.get(c);if(d!==void 0)return d.isRowExpanded(h)}return n.has(h)})),T(this,"getCachedDepthForRow",Q((n,i)=>{var{key:c,offsetRow:h}=this.getCachedModelRowOffset(n,i);if(c!=null){var d=n.get(c);if(d!==void 0)return d.depthForRow(h)+1}return 0})),this.children=a,this.childRowCount=s,this.maxDepth=l}textForCell(r,o){return this.getCachedTextForCell(this.children,r,o)}textForRowHeader(r){return this.getCachedTextForRowHeader(this.children,r)}isRowMovable(r){return!1}get hasExpandableRows(){return!0}get isExpandAllAvailable(){return!1}get floatingBottomRowCount(){return 0}isRowExpandable(r){return this.getCachedIsRowExpandable(this.children,r,this.maxDepth)}isRowExpanded(r){return this.getCachedIsRowExpanded(this.children,r)}setRowExpanded(r,o){var a=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,{key:s,offsetRow:l}=this.getCachedModelRowOffset(this.children,r),n=new Map(this.children);if(s!=null){var i=this.children.get(s);if(i!==void 0){var{rowCount:c}=i;i.setRowExpanded(l,o,a),this.numRows+=i.rowCount-c}}else if(o){var d=new E({rowCount:this.childRowCount,columnCount:this.numColumns});n.set(l,d),this.numRows+=d.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(r){return this.getCachedDepthForRow(this.children,r)}}T(E,"DEFAULT_ROW_COUNT",1e9);T(E,"DEFAULT_COLUMN_COUNT",100);T(E,"DEFAULT_CHILD_ROW_COUNT_FACTOR",.01);T(E,"MIN_CHILD_ROW_COUNT",10);T(E,"MAX_DEPTH",10);const Xe=E;function De(t,r,o){return r=st(r),r in t?Object.defineProperty(t,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[r]=o,t}function st(t){var r=lt(t,"string");return typeof r=="symbol"?r:String(r)}function lt(t,r){if(typeof t!="object"||t===null)return t;var o=t[Symbol.toPrimitive];if(o!==void 0){var a=o.call(t,r||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class nt extends Ce{constructor(r,o){var a;super(),De(this,"data",void 0),De(this,"columnHeaders",void 0),De(this,"numberOfColumns",void 0),this.data=r,this.numberOfColumns=Math.max(...r.map(s=>s.length),(a=o?.length)!==null&&a!==void 0?a:0),this.columnHeaders=o}get rowCount(){return this.data.length}get columnCount(){return this.numberOfColumns}textForCell(r,o){var a;return"".concat((a=this.data[o])===null||a===void 0?void 0:a[r])}textForColumnHeader(r){var o,a;return(o=(a=this.columnHeaders)===null||a===void 0?void 0:a[r])!==null&&o!==void 0?o:""}}const it=nt;function Ae(t,r,o){return r=ct(r),r in t?Object.defineProperty(t,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[r]=o,t}function ct(t){var r=dt(t,"string");return typeof r=="symbol"?r:String(r)}function dt(t,r){if(typeof t!="object"||t===null)return t;var o=t[Symbol.toPrimitive];if(o!==void 0){var a=o.call(t,r||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class ht extends Ce{constructor(r,o){super(),Ae(this,"numberOfColumns",void 0),Ae(this,"numberOfRows",void 0),Ae(this,"viewportData",void 0),this.numberOfColumns=r,this.numberOfRows=o}get columnCount(){return this.numberOfColumns}get rowCount(){return this.numberOfRows}textForCell(r,o){var a,s,l,n,i,c,h,d=o-((a=(s=this.viewportData)===null||s===void 0?void 0:s.rowOffset)!==null&&a!==void 0?a:0),m=r-((l=(n=this.viewportData)===null||n===void 0?void 0:n.columnOffset)!==null&&l!==void 0?l:0);return"".concat((i=(c=this.viewportData)===null||c===void 0||(h=c.data[d])===null||h===void 0?void 0:h[m])!==null&&i!==void 0?i:"")}textForColumnHeader(r){return"".concat(r)}textForRowHeader(r){return"".concat(r)}}const ut=ht;function k(t,r,o){return r=mt(r),r in t?Object.defineProperty(t,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[r]=o,t}function mt(t){var r=gt(t,"string");return typeof r=="symbol"?r:String(r)}function gt(t,r){if(typeof t!="object"||t===null)return t;var o=t[Symbol.toPrimitive];if(o!==void 0){var a=o.call(t,r||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}var xt="proportional",vt=Rr.positiveBarColor,pt=Rr.negativeBarColor,ft="beside",bt="LTR",jt="right";function yt(t){return Array.isArray(t)&&t.every(r=>typeof r=="number")}class wt extends Ce{constructor(r){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:new Map,a=arguments.length>2&&arguments[2]!==void 0?arguments[2]:new Map,s=arguments.length>3&&arguments[3]!==void 0?arguments[3]:new Map,l=arguments.length>4&&arguments[4]!==void 0?arguments[4]:new Map,n=arguments.length>5&&arguments[5]!==void 0?arguments[5]:new Map,i=arguments.length>6&&arguments[6]!==void 0?arguments[6]:new Map,c=arguments.length>7&&arguments[7]!==void 0?arguments[7]:new Map,h=arguments.length>8&&arguments[8]!==void 0?arguments[8]:new Map;super(),k(this,"numberOfColumns",void 0),k(this,"numberOfRows",void 0),k(this,"data",void 0),k(this,"columnMins",void 0),k(this,"columnMaxs",void 0),k(this,"columnAxes",void 0),k(this,"valuePlacements",void 0),k(this,"directions",void 0),k(this,"positiveColors",void 0),k(this,"negativeColors",void 0),k(this,"opacities",void 0),k(this,"textAlignments",void 0),k(this,"markers",void 0),this.positiveColors=a,this.negativeColors=s,this.data=r,this.columnAxes=o,this.valuePlacements=l,this.opacities=n,this.directions=i,this.textAlignments=c,this.markers=h,this.numberOfRows=Math.max(...r.map(g=>g.length)),this.numberOfColumns=r.length,this.columnMins=new Map,this.columnMaxs=new Map;for(var d=0;d<r.length;d+=1){var m=r[d];yt(m)&&(this.columnMins.set(d,Math.min(...m)),this.columnMaxs.set(d,Math.max(...m)))}}get rowCount(){return this.numberOfRows}get columnCount(){return this.numberOfColumns}textForCell(r,o){var a;return"".concat((a=this.data[r])===null||a===void 0?void 0:a[o])}textForColumnHeader(r){return"".concat(r)}textAlignForCell(r,o){var a;return(a=this.textAlignments.get(r))!==null&&a!==void 0?a:jt}renderTypeForCell(r,o){return r<20||r%2===o%2?"dataBar":"text"}dataBarOptionsForCell(r,o){var a,s,l,n,i,c,h,d=er(this.columnMins,r),m=er(this.columnMaxs,r),g=(a=this.columnAxes.get(r))!==null&&a!==void 0?a:xt,v=(s=this.valuePlacements.get(r))!==null&&s!==void 0?s:ft,b=this.opacities.get(r);b==null||b>1?b=1:b<0&&(b=0);var C=(l=this.directions.get(r))!==null&&l!==void 0?l:bt,G=(n=this.positiveColors.get(r))!==null&&n!==void 0?n:vt,le=(i=this.negativeColors.get(r))!==null&&i!==void 0?i:pt,H=Number((c=this.data[r])===null||c===void 0?void 0:c[o]),K=H>=0?G:le,Se=(h=this.markers.get(r))!==null&&h!==void 0?h:[];return{columnMin:d,columnMax:m,axis:g,color:K,valuePlacement:v,opacity:b,markers:Se,direction:C,value:H}}}const Ct=wt,Me="hide-from-e2e-tests",mr="sample-section";function*ge(t,r){const o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",a=o.length;for(let s=t;s<=r;s+=1){const l=s%a;let n=String(Math.floor(s/a));n==="0"&&(n="");const i=o[l],c=`${i}${n}`,h=`${i.repeat(3)}${n}`;yield u.createElement(x,{key:c,textValue:h,children:h})}}function*Pr(t){const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",o=r.length;for(let a=0;a<t;a+=1){const s=a%o;let l=String(Math.floor(a/o));l==="0"&&(l="");const n=r[s],i=`${n}${l}`,c=`${n.repeat(3)}${l}`;yield{key:i,item:{key:(a+1)*100,content:c,textValue:c}}}}function*Lr(t=1){for(;;)t=t*16807%2147483647,yield t/2147483647}function St(t=1){const[r]=u.useState(()=>Lr(t));return u.useCallback(()=>{const o=r.next();if(o.done===!0)throw new Error("Random number generator unexpectedly finished");return o.value},[r])}function p(t,r=[]){const o=`${mr}-${t.toLocaleLowerCase().replaceAll(" ","-")}`,a=q(mr,...r);return{id:o,className:a}}function N(t,r=[]){const{id:o,className:a}=p(t,r);return{id:o,UNSAFE_className:a}}function R(){}class oe extends u.Component{static renderButtonBrand(r,o){const a=r.length?`btn-${r}-${o}`:`btn-${o}`;return e.jsx(jo,{className:a,style:{marginBottom:"1rem",marginRight:"1rem"},children:o},o)}static renderButtons(r){const o=["primary","secondary","success","warning","danger","info"].map(a=>oe.renderButtonBrand(r,a));return e.jsxs("div",{...p(`buttons-${r.length?"outline":"regular"}`),children:[e.jsx("h5",{children:r.length?"Outline":"Regular"}),o]},r)}static renderLinks(){const r={primary:"accent",secondary:"neutral",success:"positive",info:"info",warning:"notice",danger:"negative"};return e.jsxs("div",{...p("links"),style:{paddingTop:"1rem"},children:[e.jsx("h5",{children:"Links"}),e.jsx(S,{gap:"1rem",children:Object.entries(r).map(([o,a])=>e.jsxs("a",{className:`text-${o}`,children:[o," (",a,")"]},o))})]})}static renderSocketedButtons(){return e.jsxs("div",{...p("buttons-socketed"),children:[e.jsx("h5",{children:"Socketed Buttons (for linker)"}),e.jsx(ne,{style:{marginBottom:"1rem",marginRight:"1rem"},onClick:R,children:"Unlinked"}),e.jsx(ne,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinked:!0,onClick:R,children:"Linked"}),e.jsx(ne,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinkedSource:!0,onClick:R,children:"Linked Source"}),e.jsx(ne,{style:{marginBottom:"1rem",marginRight:"1rem"},isLinked:!0,isInvalid:!0,onClick:R,children:"Error"}),e.jsx(ne,{style:{marginBottom:"1rem",marginRight:"1rem"},disabled:!0,onClick:R,children:"Disabled"})]})}constructor(r){super(r),this.state={toggle:!0}}renderInlineButtons(){const{toggle:r}=this.state;return e.jsxs("div",{...p("buttons-inline"),style:{padding:"1rem 0"},children:[e.jsx("h5",{children:"Inline Buttons"}),"Regular btn-inline:",e.jsx(f,{className:"mx-2",kind:"inline",icon:W,tooltip:"test",onClick:R}),"Toggle button (class active):",e.jsx(f,{className:"mx-2",onClick:()=>{this.setState({toggle:!r})},active:r,kind:"inline",icon:W,tooltip:"test"}),"Disabled:",e.jsx(f,{className:"mx-2",kind:"inline",disabled:!0,onClick:R,children:"Disabled"}),"With Text:",e.jsx(f,{className:"mx-2",kind:"inline",icon:W,onClick:R,children:e.jsx("span",{children:"Text Button"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("span",{children:"btn-link-icon (no text):"}),e.jsx(f,{kind:"ghost",icon:W,tooltip:"test",onClick:R}),e.jsx("span",{className:"mx-2",children:"btn-link:"}),e.jsx(f,{kind:"ghost",onClick:R,children:"Text Button"}),e.jsx("span",{className:"mx-2",children:"btn-link (text w/ optional with icon):"}),e.jsx(f,{kind:"ghost",icon:W,onClick:R,children:"Text Button"})]})}render(){const r=["","outline"].map(l=>oe.renderButtons(l)),o=this.renderInlineButtons(),a=oe.renderSocketedButtons(),s=oe.renderLinks();return e.jsxs("div",{children:[e.jsx("h2",{className:"ui-title",children:"Buttons"}),e.jsxs("div",{style:{padding:"1rem 0"},children:[r,o,a,s]})]})}}function Tt(){const t=Mr();cr.random=St();const[r]=u.useState(()=>new cr(t));return e.jsxs("div",{...p("charts"),children:[e.jsx("h2",{className:"ui-title",children:"Chart"}),e.jsx("div",{style:{height:500},children:e.jsx(yo,{model:r})})]})}const ze="2px solid var(--dh-color-notice-bg)",kt={"--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"},gr={"--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"},Nt={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 de(t){const r=ue.parseRgba(ue.asRgbOrRgbaString(t)??"");if(r==null||r.a<.5)return"white";const{r:o,g:a,b:s}=r;return ue.getBrightness([o,a,s])>=128?"black":"white"}function It(t){const r=getComputedStyle(document.documentElement);return t.split(/[\n;]/g).map(a=>/^(?:\s{2}|:root\{)?(--dh-color-(?:[^:]+))/.exec(a)?.[1]).filter(a=>!!a).map(a=>{const s=r.getPropertyValue(a);return a==="--dh-color-chart-colorway"?ho(s??"").map(([n,i])=>s.substring(n,i+1)).map((n,i)=>({name:`${a}-${i}`,value:n})):{name:a,value:s}}).flat()}function re(t,r,o,a=kt){const s=Nt[t];return It(r).reduce((i,{name:c,value:h})=>{if(/^--dh-color-true-(.*?)$/.test(c)||/^--dh-color-gray-(light|mid|dark)$/.test(c))return i;const d=/^--dh-color-([^-]+)(?:-([^-]+))?/.exec(c);let m=a[c]??d?.[o]??d?.[1]??"???";return m=s[m]??m,i[m]==null&&(i[m]=[]),c in gr&&i[m].push({isLabel:!0,name:gr[c],value:""}),/^--dh-color-gray-(light|mid|dark)$/.test(c)||i[m].push({name:c,value:h}),i},{})}function Et(){const t=u.useRef(null);return u.useLayoutEffect(()=>{if(t.current==null)return;const r=getComputedStyle(t.current),{backgroundColor:o}=r;t.current.style.color=de(o)},[]),t}function Dt(t,r){const[o,a]=u.useState();return u.useEffect(()=>{if(t.current==null)return;const s=getComputedStyle(t.current,r).getPropertyValue("content"),l=/"(--dh-color-.*?)[,"]/.exec(s)?.[1];if(l==null)return;const n=getComputedStyle(t.current).getPropertyValue(l);a(n)},[t,r]),o}function $e({className:t,children:r}){const o=Et(),a=Dt(o,":after"),s=u.useMemo(()=>a!=null?{value:a}:null,[a]),l=s!=null&&s.value!=="";return e.jsxs("div",{ref:o,className:t,style:{border:l?void 0:ze},children:[l&&e.jsx(te,{interactive:!0,children:e.jsx("div",{children:s.value})}),r]})}function At(){const t=["100","200","300","400","500","600","700","800","850","8XX","900"].map(a=>e.jsx($e,{className:q("swatch","gray-swatch",`gray-swatch-${a}`),children:a==="8XX"?"N/A":`Gray-${a}`},a)),r=["red","orange","yellow","green","blue","purple","white","black"].map(a=>e.jsx($e,{className:q("swatch",`swatch-${a}`),children:a},a)),o=["content-bg","background","foreground","primary","primary-dark","secondary","secondary-hover","success","info","warning","danger","danger-hover"].map(a=>e.jsx($e,{className:q("swatch",`swatch-${a}`),children:a},a));return e.jsxs("div",{...p("colors"),children:[e.jsx("h2",{className:"ui-title",children:"Colors"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[t,r]}),e.jsx("div",{className:"col",children:o}),e.jsx("div",{className:"col",children:e.jsx("p",{children:"This section is for legacy reference only. Use the css variable based semantic colors in the following sections. You should not be using colors defined in the theme color palette directly."})})]})]})}class Mt extends u.Component{constructor(r){super(r),this.makeContextMenuItems=this.makeContextMenuItems.bind(this)}makeContextMenuItems(r){const o=r!==void 0?` ${r}`:"";return[{title:`Show Alert${o}`,icon:qe,action:()=>{alert(`Alert${o}!`)},shortcut:new ae({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[M.CTRL,$.A],macShortcut:[M.CMD,$.A]})},{title:`Log Message${o}`,icon:Ke,action:()=>{console.log(`Logging a message${o}!`)},shortcut:new ae({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[M.CTRL,$.L],macShortcut:[M.CMD,$.L]})},{title:"Sub-menu",actions:()=>this.makeContextMenuItems((r??0)+1),order:3}].concat(new Array(10).fill({title:`Disabled Option${o}`,disabled:!0,order:2}))}render(){const r=this.makeContextMenuItems(),a=[{title:"Show Shortcuts",icon:Ir,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new ae({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[M.CTRL,$.SLASH],macShortcut:[M.CMD,$.SLASH]}),group:be.groups.global}].concat(r),s=()=>new Promise(l=>{setTimeout(()=>{l(r)},3e3)});return e.jsxs("div",{...p("context-menus"),children:[e.jsx("h2",{className:"ui-title",children:"Context Menu"}),e.jsxs(f,{kind:"primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(be,{actions:a})]}),e.jsxs(f,{kind:"tertiary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(be,{actions:s})]})]})}}class $t extends u.Component{constructor(r){super(r),this.sampleInput=me.createRef(),this.handleUpdateCheckboxMap=this.handleUpdateCheckboxMap.bind(this);const o=["Parent A",new Map([["Child 1",!0],["Child 2",!1]])],a=["Parent B",new Map([["Child 3",!0],["Child 4",!1],["Child 5",!0],["Child 6",!1]])],s=["Leaf Parent",!0];this.state={isShown:!1,checkBoxMap:new Map([o,a,s])}}handleUpdateCheckboxMap(r){this.setState({checkBoxMap:r})}renderChild(){return e.jsxs("div",{className:"p-3",children:[e.jsx("h4",{children:"Sample Child"}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{ref:this.sampleInput,type:"text",className:"form-control",id:"exampleInput1","aria-describedby":"emailHelp",placeholder:"Input Placeholder"})]}),e.jsx("small",{className:"form-text text-muted",children:"Help text for a form input"})]})]})}render(){const{isShown:r,checkBoxMap:o}=this.state;return e.jsxs("div",{...p("dialog"),children:[e.jsx("h2",{className:"ui-title",children:"Popover Dialog"}),e.jsx("p",{children:"Popover dialog that can contain interactive elements, can be set to self close on blur."}),e.jsxs(f,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{r?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Open Dialog",e.jsx(Co,{options:{placement:"bottom"},isShown:r,onEntered:()=>{this.sampleInput.current&&this.sampleInput.current.focus()},onExited:()=>{this.setState({isShown:!1})},closeOnBlur:!0,interactive:!0,children:this.renderChild()})]}),e.jsx("p",{children:"The Hierarchical Checkbox Menu uses a popover dialog to display hierarchical groups of checkboxes."}),e.jsx(Ro,{menuText:"Checkbox Menu",valueMap:o,onUpdateValueMap:this.handleUpdateCheckboxMap})]})}}class Rt extends u.Component{constructor(r){super(r),this.state={isShown:!1}}render(){const r=[{title:"Show Alert",icon:qe,action:()=>{alert("Alert!")},shortcut:new ae({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[M.CTRL,$.A],macShortcut:[M.CMD,$.A]})},{title:"Log Message",icon:Ke,action:()=>{console.log("Logging a message!")},shortcut:new ae({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[M.CTRL,$.L],macShortcut:[M.CMD,$.L]})}],a=[{title:"Show Shortcuts",icon:Ir,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new ae({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[M.CTRL,$.SLASH],macShortcut:[M.CMD,$.SLASH]}),group:be.groups.global}].concat(r),{isShown:s}=this.state;return e.jsxs("div",{...p("dropdown-menus"),children:[e.jsx("h2",{className:"ui-title",children:"Dropdown Menu"}),e.jsx("p",{children:"A simple dropdown menu of actions, can open on click of parent container, or controlled by prop."}),e.jsx(f,{kind:"inline",className:"mx-2",icon:uo,onClick:()=>{},children:e.jsx(sr,{actions:a})}),e.jsxs(f,{kind:"primary",style:{marginRight:"1rem",minWidth:"165px"},onClick:()=>{s?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Menu Shown: ",s.toString()]}),e.jsxs("div",{ref:this.button,className:"btn btn-secondary disabled",style:{marginRight:"1rem"},children:["Shown using isShown",e.jsx(sr,{isShown:s,onMenuClosed:()=>{this.setState({isShown:!1})},actions:a})]})]})}}const Pt=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")\\
     .headBy(3, "Sym")\\
     .view("Sym", "Last")
 
@@ -91,7 +91,7 @@ ss = SimulatorState()
 
 simulation = shares30min.update("Values=(double[])ss.call(Sym, TargetPosition, SharesTraded30Min)", "PositionChange=Values[0]", "Position=Values[1]")\\
     .dropColumns("Values")
-`,Pt=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")
+`,Lt=`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")
 
-`,gr={testPython:Rt,testGroovy:Pt};function Lt(){return e.jsxs("div",{...p("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(lr,{settings:{language:"python",value:gr.testPython}})}),e.jsx("h5",{className:"sub-title",children:"Groovy"}),e.jsx("div",{style:{height:400,position:"relative"},children:e.jsx(lr,{settings:{language:"groovy",value:gr.testGroovy}})})]})}const _t=[];class Bt extends ke{model;editedData;constructor(r,o=new Ze){super(r),this.model=o,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,o){return this.editedData[r]?.[o]??this.model.textForCell(r,o)}textForRowHeader(r){return this.model.textForRowHeader(r)}textForRowFooter(r){return this.model.textForRowHeader(r)}textForColumnHeader(r,o){return this.model.textForColumnHeader(r,o)}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,o,t=!1){this.model.setRowExpanded(r,o,t)}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 _t}getCachedColumns=Sr(r=>{const o=[];for(let t=0;t<r;t+=1)o.push({name:this.model.textForColumnHeader(t,0),type:"java.lang.String",description:`Mock column ${t}`});return o});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){}displayString(r){return`${r}`}valueForCell(r,o){return this.textForCell(r,o)}formatForCell(r,o){}setViewport(){this.dispatchEvent(new CustomEvent(ke.EVENT.UPDATED))}async setValueForCell(r,o,t){this.editedData[r]==null&&(this.editedData[r]=[]),this.editedData[r][o]=`${t}`,this.dispatchEvent(new CustomEvent(ke.EVENT.UPDATED))}async setValueForRanges(r,o){Dr.forEachCell(r,(t,l)=>{this.setValueForCell(t,l,o)})}editValueForCell(r,o){return this.textForCell(r,o)}isValidForCell(r,o,t){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,o,t,l,s,n,i){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 Ft(){const[a]=u.useState(()=>new nt([["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(ae,{model:a})}function Vt(){const[a]=u.useState(()=>new Ye({isEditable:!0,rowCount:Number.MAX_SAFE_INTEGER,columnCount:Number.MAX_SAFE_INTEGER}));return e.jsx(ae,{model:a})}function Ot(){const[a]=u.useState(()=>new Ze);return e.jsx(ae,{model:a})}function Ut(){const[a]=u.useState(()=>new ht(1e9,1e6)),r=u.useRef(null),[o,t]=u.useState({top:0,bottom:0,left:0,right:0}),l=u.useCallback(h=>{const{top:d,bottom:m,left:g,right:v}=h;t({top:d,bottom:m,left:g,right:v})},[]),{top:s,bottom:n,left:i,right:c}=o;return u.useEffect(function(){let d=!1;return setTimeout(()=>{if(d)return;const m=[];for(let g=s;g<=n;g+=1){const v=[];for(let b=i;b<=c;b+=1)v.push(`${g},${b}`);m.push(v)}a.viewportData={rowOffset:s,columnOffset:i,data:m},r.current?.forceUpdate()},250),()=>{d=!0}},[s,n,i,c,a]),e.jsx(ae,{model:a,onViewChanged:l,ref:r})}function Gt(){const a=[100,50,20,10,-10,-20,-50,-30,100,0,1],r=[],o=new Map([[0,"proportional"],[1,"middle"],[2,"directional"],[6,"directional"],[7,"directional"],[8,"directional"],[9,"directional"],[10,"directional"]]),t=new Map([[3,"#72d7df"],[4,"#ac9cf4"]]);t.set(5,["#f3cd5b","#9edc6f"]),t.set(19,["#42f54b","#42b9f5","#352aa8"]);const l=new Map([[3,"#f3cd5b"],[4,"#ac9cf4"]]);l.set(5,["#f95d84","#f3cd5b"]),l.set(19,["#e05536","#e607de","#e6e207"]);const s=new Map([[6,"hide"],[7,"overlap"],[8,"overlap"],[9,"overlap"]]),n=new Map([[7,.5],[8,.5],[9,.5]]),i=new Map([[8,"RTL"],[10,"RTL"],[16,"RTL"],[19,"RTL"]]),c=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)r.push(a.slice());r.push([70,60,30,20,-10,-30,-20,-50,80,50,10]),r.push([50,20,10,0,0,-10,-30,10,90,20,40]),r.push([-100,-90,-80,-70,-60,-50,-40,-30,-20,-10,0]),r.push(a.slice()),r.push([100,10.5,11.234,-20.5,-50,-2.5,-15.1234,94.254,25,44.4444,-50.5]),r.push([1e6,10,200,-2e4,-2e6,-25,-9e5,8e5,1e5,45e4,1]),r.push(a.slice()),r.push(a.slice()),r.push(a.slice());const[d]=u.useState(()=>new wt(r,o,t,l,s,n,i,c,h));return e.jsx(ae,{model:d})}function Ht(){const a=Ar(),[r]=u.useState(new Bt(a,new Ze)),[o]=u.useState(new Ye),[t]=u.useState({autoSelectRow:!0}),[l]=u.useState({font:'12px Arial, "DejaVu Sans", sans-serif',rowHeight:40});return e.jsx("div",{children:e.jsxs(Ho.Provider,{value:l,children:[e.jsx("h2",{className:"ui-title",children:"Grid"}),e.jsx(S,{...N("grids-grid"),children:e.jsx(ae,{model:o,theme:t})}),e.jsx("h2",{className:"ui-title",children:"Static Data"}),e.jsx(S,{...N("grids-static"),height:200,children:e.jsx(Ft,{})}),e.jsx("h2",{className:"ui-title",children:"Data Bar"}),e.jsx(S,{...N("grids-data-bar"),height:500,children:e.jsx(Gt,{})}),e.jsx("h2",{className:"ui-title",children:"Quadrillion rows and columns"}),e.jsx(S,{...N("grids-quadrillion"),position:"relative",height:500,children:e.jsx(Vt,{})}),e.jsx("h2",{className:"ui-title",children:"Async example"}),e.jsx(S,{...N("grids-async"),position:"relative",height:500,children:e.jsx(Ut,{})}),e.jsx("h2",{className:"ui-title",children:"Tree Grid"}),e.jsx(S,{...N("grids-tree"),height:500,children:e.jsx(Ot,{})}),e.jsx("h2",{className:"ui-title",children:"Iris Grid"}),e.jsx(S,{...N("grids-iris"),height:500,children:e.jsx(yo,{model:r})})]})})}async function xr(a){try{return await navigator.clipboard.writeText(a)}catch(r){throw new Error(`Unable to copy: ${r}`)}}const zt="dh",Wt="vs",vr=(a,r)=>r.toLowerCase()+a.split("-").map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join("");function Lr({message:a,message:{text:r}}){const[o,t]=u.useState(!1);return u.useEffect(function(){if(r==null||r==="")return;t(!0);const s=setTimeout(()=>{t(!1)},2e3);return()=>{clearTimeout(s)}},[a,r]),e.jsx("p",{className:o?"flash in":"flash out",children:r})}Lr.propTypes={message:je.shape({text:je.node}).isRequired};function Kt(){const[a,r]=u.useState(!0),[o,t]=u.useState(!0),[l,s]=u.useState(""),[n,i]=u.useState({text:""}),c=Object.values(X).filter(d=>{const m=vr(d.iconName,d.prefix).toLowerCase().indexOf(l.replace(/\s/g,"").replace(/-/g,"").toLowerCase())!==-1,g=a&&d.prefix===zt,v=o&&d.prefix===Wt;return m&&(g||v)}).map(d=>{const m=vr(d.iconName,d.prefix);return e.jsxs(f,{kind:"inline",className:"card",onClick:()=>{xr(m).then(()=>{i({text:e.jsxs("span",{children:[e.jsx(w,{icon:X.vsOutput})," Copied text:"," ",e.jsx("strong",{children:m})]})})}).catch(g=>{i({text:e.jsx("span",{className:"text-danger",children:g.message})})})},children:[e.jsx(B,{size:"L",children:e.jsx(w,{icon:d})}),e.jsx("label",{title:m,children:m})]},m)}),h=`
+`,xr={testPython:Pt,testGroovy:Lt};function _t(){return e.jsxs("div",{...p("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(lr,{settings:{language:"python",value:xr.testPython}})}),e.jsx("h5",{className:"sub-title",children:"Groovy"}),e.jsx("div",{style:{height:400,position:"relative"},children:e.jsx(lr,{settings:{language:"groovy",value:xr.testGroovy}})})]})}const Bt=[];class Ft extends Ne{model;editedData;constructor(r,o=new Xe){super(r),this.model=o,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,o){return this.editedData[r]?.[o]??this.model.textForCell(r,o)}textForRowHeader(r){return this.model.textForRowHeader(r)}textForRowFooter(r){return this.model.textForRowHeader(r)}textForColumnHeader(r,o){return this.model.textForColumnHeader(r,o)}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,o,a=!1){this.model.setRowExpanded(r,o,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 Bt}getCachedColumns=Tr(r=>{const o=[];for(let a=0;a<r;a+=1)o.push({name:this.model.textForColumnHeader(a,0),type:"java.lang.String",description:`Mock column ${a}`});return o});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){}displayString(r){return`${r}`}valueForCell(r,o){return this.textForCell(r,o)}formatForCell(r,o){}setViewport(){this.dispatchEvent(new CustomEvent(Ne.EVENT.UPDATED))}async setValueForCell(r,o,a){this.editedData[r]==null&&(this.editedData[r]=[]),this.editedData[r][o]=`${a}`,this.dispatchEvent(new CustomEvent(Ne.EVENT.UPDATED))}async setValueForRanges(r,o){Dr.forEachCell(r,(a,s)=>{this.setValueForCell(a,s,o)})}editValueForCell(r,o){return this.textForCell(r,o)}isValidForCell(r,o,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,o,a,s,l,n,i){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 Vt(){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(se,{model:t})}function Ot(){const[t]=u.useState(()=>new Ze({isEditable:!0,rowCount:Number.MAX_SAFE_INTEGER,columnCount:Number.MAX_SAFE_INTEGER}));return e.jsx(se,{model:t})}function Ut(){const[t]=u.useState(()=>new Xe);return e.jsx(se,{model:t})}function Gt(){const[t]=u.useState(()=>new ut(1e9,1e6)),r=u.useRef(null),[o,a]=u.useState({top:0,bottom:0,left:0,right:0}),s=u.useCallback(h=>{const{top:d,bottom:m,left:g,right:v}=h;a({top:d,bottom:m,left:g,right:v})},[]),{top:l,bottom:n,left:i,right:c}=o;return u.useEffect(function(){let d=!1;return setTimeout(()=>{if(d)return;const m=[];for(let g=l;g<=n;g+=1){const v=[];for(let b=i;b<=c;b+=1)v.push(`${g},${b}`);m.push(v)}t.viewportData={rowOffset:l,columnOffset:i,data:m},r.current?.forceUpdate()},250),()=>{d=!0}},[l,n,i,c,t]),e.jsx(se,{model:t,onViewChanged:s,ref:r})}function Ht(){const t=[100,50,20,10,-10,-20,-50,-30,100,0,1],r=[],o=new Map([[0,"proportional"],[1,"middle"],[2,"directional"],[6,"directional"],[7,"directional"],[8,"directional"],[9,"directional"],[10,"directional"]]),a=new Map([[3,"#72d7df"],[4,"#ac9cf4"]]);a.set(5,["#f3cd5b","#9edc6f"]),a.set(19,["#42f54b","#42b9f5","#352aa8"]);const s=new Map([[3,"#f3cd5b"],[4,"#ac9cf4"]]);s.set(5,["#f95d84","#f3cd5b"]),s.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]]),i=new Map([[8,"RTL"],[10,"RTL"],[16,"RTL"],[19,"RTL"]]),c=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)r.push(t.slice());r.push([70,60,30,20,-10,-30,-20,-50,80,50,10]),r.push([50,20,10,0,0,-10,-30,10,90,20,40]),r.push([-100,-90,-80,-70,-60,-50,-40,-30,-20,-10,0]),r.push(t.slice()),r.push([100,10.5,11.234,-20.5,-50,-2.5,-15.1234,94.254,25,44.4444,-50.5]),r.push([1e6,10,200,-2e4,-2e6,-25,-9e5,8e5,1e5,45e4,1]),r.push(t.slice()),r.push(t.slice()),r.push(t.slice());const[d]=u.useState(()=>new Ct(r,o,a,s,l,n,i,c,h));return e.jsx(se,{model:d})}function zt(){const t=Mr(),[r]=u.useState(new Ft(t,new Xe)),[o]=u.useState(new Ze),[a]=u.useState({autoSelectRow:!0}),[s]=u.useState({font:'12px Arial, "DejaVu Sans", sans-serif',rowHeight:40});return e.jsx("div",{children:e.jsxs(zo.Provider,{value:s,children:[e.jsx("h2",{className:"ui-title",children:"Grid"}),e.jsx(S,{...N("grids-grid"),children:e.jsx(se,{model:o,theme:a})}),e.jsx("h2",{className:"ui-title",children:"Static Data"}),e.jsx(S,{...N("grids-static"),height:200,children:e.jsx(Vt,{})}),e.jsx("h2",{className:"ui-title",children:"Data Bar"}),e.jsx(S,{...N("grids-data-bar"),height:500,children:e.jsx(Ht,{})}),e.jsx("h2",{className:"ui-title",children:"Quadrillion rows and columns"}),e.jsx(S,{...N("grids-quadrillion"),position:"relative",height:500,children:e.jsx(Ot,{})}),e.jsx("h2",{className:"ui-title",children:"Async example"}),e.jsx(S,{...N("grids-async"),position:"relative",height:500,children:e.jsx(Gt,{})}),e.jsx("h2",{className:"ui-title",children:"Tree Grid"}),e.jsx(S,{...N("grids-tree"),height:500,children:e.jsx(Ut,{})}),e.jsx("h2",{className:"ui-title",children:"Iris Grid"}),e.jsx(S,{...N("grids-iris"),height:500,children:e.jsx(wo,{model:r})})]})})}async function vr(t){try{return await navigator.clipboard.writeText(t)}catch(r){throw new Error(`Unable to copy: ${r}`)}}const Wt="dh",qt="vs",pr=(t,r)=>r.toLowerCase()+t.split("-").map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join("");function _r({message:t,message:{text:r}}){const[o,a]=u.useState(!1);return u.useEffect(function(){if(r==null||r==="")return;a(!0);const l=setTimeout(()=>{a(!1)},2e3);return()=>{clearTimeout(l)}},[t,r]),e.jsx("p",{className:o?"flash in":"flash out",children:r})}_r.propTypes={message:ye.shape({text:ye.node}).isRequired};function Kt(){const[t,r]=u.useState(!0),[o,a]=u.useState(!0),[s,l]=u.useState(""),[n,i]=u.useState({text:""}),c=Object.values(X).filter(d=>{const m=pr(d.iconName,d.prefix).toLowerCase().indexOf(s.replace(/\s/g,"").replace(/-/g,"").toLowerCase())!==-1,g=t&&d.prefix===Wt,v=o&&d.prefix===qt;return m&&(g||v)}).map(d=>{const m=pr(d.iconName,d.prefix);return e.jsxs(f,{kind:"inline",className:"card",onClick:()=>{vr(m).then(()=>{i({text:e.jsxs("span",{children:[e.jsx(w,{icon:X.vsOutput})," Copied text:"," ",e.jsx("strong",{children:m})]})})}).catch(g=>{i({text:e.jsx("span",{className:"text-danger",children:g.message})})})},children:[e.jsx(B,{size:"L",children:e.jsx(w,{icon:d})}),e.jsx("label",{title:m,children:m})]},m)}),h=`
   <div className="fa-md fa-layers">
     <FontAwesomeIcon
       mask={vsOrganization}
@@ -202,13 +202,15 @@ simulation = shares30min.update("Values=(double[])ss.update(Sym, TargetPosition,
       transform="down-7 right-7"
     />
     <FontAwesomeIcon icon={dhAddSmall} />
-  </div>`;return e.jsxs("div",{...p("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(w,{icon:er})}),e.jsx("div",{className:"icon card",children:e.jsx(w,{icon:rr})}),e.jsx("div",{className:"icon card",children:e.jsx(w,{icon:or})}),e.jsx("div",{className:"icon card",children:"="}),e.jsxs(f,{kind:"inline",className:"card",onClick:()=>{xr(h).then(()=>{i({text:e.jsx("span",{children:"Copied composition example"})})}).catch(d=>{i({text:e.jsx("span",{className:"text-danger",children:d.message})})})},children:[e.jsx("div",{className:"icon",children:e.jsxs("div",{className:"fa-md fa-layers",children:[e.jsx(w,{mask:er,icon:rr,transform:"down-7 right-7"}),e.jsx(w,{icon:or})]})}),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:l,className:"form-control",onChange:d=>{s(d.target.value)}}),e.jsx("span",{className:"mx-2",children:"Show: "}),e.jsx(f,{kind:"inline",active:o,className:"mr-2",onClick:()=>t(!o),icon:o?X.vsCheck:X.vsClose,children:"VS ICONS"}),e.jsx(f,{kind:"inline",active:a,className:"mr-2",onClick:()=>r(!a),icon:a?X.vsCheck:X.vsClose,children:"DH ICONS"}),e.jsxs("small",{children:["(",c.length," icon",c.length===1?"":"s",")"]})]}),e.jsxs("div",{className:"icons",children:[c,c.length===0&&e.jsx("p",{className:"no-result",children:"No icons found."}),e.jsx(Lr,{message:n})]})]})})]})}const Me=[{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"}],qt=[{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 Yt(){const[a,r]=u.useState(!1),[o,t]=u.useState(""),[l,s]=u.useState(!0),[n,i]=u.useState(!1),[c,h]=u.useState(!1),[d,m]=u.useState(!1),[g,v]=u.useState(null),[b,C]=u.useState("1"),[G,le]=u.useState(),[H,q]=u.useState("-DLiveTableMonitor.updateThreads=8 -DLiveTableMonitor.printDependencyInformation=false -Dassertion.heapDump=true -Drequire.heapDump=true -Dassertion.heapDump=true -Drequire.heapDump=true"),Ce=u.useCallback(F=>{C(F.target.value)},[]),ge=u.useCallback(()=>{r(!a)},[a]),Vr=u.useCallback(F=>{t(F.target.value)},[]);return e.jsxs("div",{...p("inputs",["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(Co,{value:o,placeholder:"Search Input",onChange:Vr})})]})}),e.jsx("div",{className:"col",children:e.jsxs("form",{children:[e.jsx("h5",{children:" Checkboxes "}),e.jsx(_,{className:"form-group",checked:l,onChange:()=>s(!l),children:"Checked checkbox"}),e.jsx(_,{className:"form-group",checked:n,onChange:()=>i(!n),children:"Unchecked checkbox"}),e.jsx(_,{className:"form-group",disabled:!0,checked:null,children:"Disabled checkbox"}),e.jsx(_,{className:"form-group",isInvalid:!0,checked:c,onChange:()=>h(!c),children:"Invalid checkbox"}),e.jsx(_,{className:"form-group",checked:d,onChange:()=>m(!d),children:"Add radio button"}),e.jsx(_,{className:"form-group",checked:g,onChange:()=>{g==null?v(!0):v(g?!1:null)},children:"Indeterminate Cycle"})]})}),e.jsxs("div",{className:"col",children:[e.jsxs("form",{children:[e.jsx("h5",{children:" Radios "}),e.jsxs(Er,{onChange:Ce,value:b,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",disabled:!0,children:"Disabled radio"}),e.jsx(U,{value:"4",isInvalid:!0,children:"Invalid radio"}),e.jsx(e.Fragment,{children:d&&e.jsx(U,{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(a)}),e.jsx(xe,{on:a,onClick:ge})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{children:String(!a)}),e.jsx(xe,{on:!a,onClick:ge})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"isInvalid",children:"isInvalid"}),e.jsx(xe,{on:!a,isInvalid:!0,onClick:ge})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"disabled",children:"disabled"}),e.jsx(xe,{on:!a,disabled:!0,onClick:ge})]})]})]}),e.jsxs("div",{className:"col",children:[e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Selection Menu"}),e.jsxs(be,{onChange:F=>{},defaultValue:"0",className:"custom-select",children:[e.jsx(A,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(A,{value:"1",children:"One"}),e.jsx(A,{value:"2",children:"Two"}),e.jsx(A,{value:"3",children:"Three"})]})]}),e.jsx("div",{className:"form-group",children:e.jsxs(be,{onChange:F=>{},defaultValue:"0",className:"custom-select",disabled:!0,children:[e.jsx(A,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(A,{value:"1",children:"One"}),e.jsx(A,{value:"2",children:"Two"}),e.jsx(A,{value:"3",children:"Three"})]})}),e.jsx("div",{className:"form-group",children:e.jsxs(be,{onChange:F=>{},defaultValue:"0",className:"custom-select",isInvalid:!0,children:[e.jsx(A,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(A,{value:"1",children:"One"}),e.jsx(A,{value:"2",children:"Two"}),e.jsx(A,{value:"3",children:"Three"})]})}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Input with Select"}),e.jsx("div",{className:"input-group",children:e.jsx(Ge,{options:Me,inputPlaceholder:"10.128.0.8",searchPlaceholder:"Search actions here"})}),e.jsx("br",{}),e.jsx("div",{className:"input-group",children:e.jsx(Ge,{options:Me,inputPlaceholder:"10.128.0.8",searchPlaceholder:"Search actions here",disabled:!0})})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"AutoCompleteInput"}),e.jsx(Ro,{options:Me,noMatchText:"No Matches."})]})]}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Time Input"}),e.jsx(Po,{}),e.jsx("br",{}),e.jsx("h5",{children:"Date Input"}),e.jsx(Lo,{}),e.jsx("br",{}),e.jsx("h5",{children:"DateTime Input"}),e.jsx(zo,{}),e.jsx("br",{}),e.jsx("h5",{children:"Custom Timeselect"}),e.jsx(_o,{options:qt,value:G??null,onChange:le,customText:"Custom Timeout",placeholder:"Select a timeout",timeToValue:F=>F*1e3})]})})]}),e.jsx("div",{className:"row",children:e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Auto Resize Textarea"}),e.jsx(Bo,{value:H,delimiter:" -",onChange:q})]})})})]})}class Zt extends u.PureComponent{constructor(r){super(r),this.handleSelect=this.handleSelect.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.selectedItems=[],this.state={items:[],offset:0,itemCount:5e5}}handleSelect(r){const o=this.selectedItems.indexOf(r);o>=0?this.selectedItems.splice(o,1):this.selectedItems.push(r);const t=o<0,{offset:l}=this.state;let{items:s}=this.state;s=[].concat(s);const n=r-l;n>=0&&n<s.length&&(s[n].isSelected=t),this.setState({items:s})}handleViewportChange(r,o){const{itemCount:t}=this.state,l=o-r+1,s=Math.max(0,r-l),n=Math.min(o+l,t),i=[];for(let h=s;h<=n&&h<=t;h+=1){const d=`Item ${h}`,m=this.selectedItems.indexOf(h)>=0;i.push({value:d,isSelected:m})}const c=s;this.setState({offset:c,items:i})}render(){const{offset:r,items:o,itemCount:t}=this.state;return e.jsx(Wo,{itemCount:t,items:o,offset:r,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}class pr extends u.PureComponent{static defaultProps;static propTypes;constructor(r){super(r),this.handleSelect=this.handleSelect.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.selectedItems=[],this.state={items:[],offset:0,itemCount:5e5}}handleSelect(r){const{itemCount:o}=this.state;console.log("Item selected at index",r,"/",o)}handleViewportChange(r,o){const{itemCount:t}=this.state,l=o-r+1,s=Math.max(0,r-l),n=Math.min(o+l,t),i=[];for(let h=s;h<=n;h+=1){const d=`Item ${h}`,m=this.selectedItems.indexOf(h)>=0;i.push({value:d,isSelected:m})}const c=s;this.setState({offset:c,items:i})}render(){const{isMultiSelect:r}=this.props,{offset:o,items:t,itemCount:l}=this.state;return e.jsx(So,{isMultiSelect:r,itemCount:l,items:t,offset:o,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}function Xt(){return e.jsxs("div",{...p("item-list-inputs",["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(Zt,{})})]})}),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(pr,{})})]})}),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(pr,{isMultiSelect:!0})})]})})]})]})}function Qt(){const[a,r]=u.useState(0),[o,t]=u.useState(!0),l=()=>{r(0)};function s(n){return e.jsxs(ue.Fragment,{children:[e.jsxs(f,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{r(n)},children:[n," ",n>1?"Actions":"Action"]}),e.jsx(To,{isOpen:a===n,headerText:"Header Text",bodyText:"This is where the body text goes",onConfirm:l,onCancel:n>=2?l:void 0,onDiscard:n>=3?l:void 0})]},n)}return e.jsxs("div",{...p("modals"),children:[e.jsx("h2",{className:"ui-title",children:"Basic Modals"}),e.jsx("div",{style:{padding:"1rem"},children:[1,2,3].map(n=>s(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:o,onChange:()=>t(!o),children:"Checked checkbox"})]}),e.jsxs("div",{className:"modal-footer",children:[e.jsx(f,{kind:"secondary","data-dismiss":"modal",onClick:()=>{},children:"Close"}),e.jsx(f,{kind:"primary",onClick:()=>{},children:"Save changes"})]})]})})})]})}function Jt(){return e.jsxs("div",{...p("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(Ue,{className:"loading-spinner-large"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Button Progress Spinner"}),e.jsx(f,{kind:"primary",className:"btn-spinner btn-cancelable",style:{minWidth:"10rem"},onClick:()=>{},children:e.jsxs("span",{children:[e.jsx(Ue,{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 ea extends u.PureComponent{constructor(r){super(r),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(r){const{startTime:o,endTime:t}=r;this.setState({startTime:o}),this.setState({endTime:t})}render(){const{startTime:r,endTime:o,initialStartTime:t,initialEndTime:l}=this.state,s=r!==t,n=o!==l;return e.jsxs("div",{...p("time-slider-inputs",["style-guide-inputs"]),children:[e.jsx("h2",{className:"ui-title",children:"Time Slider"}),e.jsx(Fo,{startTime:r,endTime:o,isStartModified:s,isEndModified:n,onChange:this.handleSliderChange}),e.jsxs("p",{style:s?{color:"var(--dh-color-modified)"}:{},children:["StartTime: ",sr.formatTime(r)]}),e.jsxs("p",{style:n?{color:"var(--dh-color-modified)"}:{},children:["EndTime: ",sr.formatTime(o)]})]})}}function ra(){const r=[Ke,We].map(o=>e.jsx(w,{icon:o},`${o.prefix}-${o.iconName}`));return e.jsxs("div",{...p("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(oe,{children:"Text only content"})]}),e.jsxs("div",{className:"btn btn-secondary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Complex Tooltip",e.jsxs(oe,{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(Ue,{className:"loading-spinner-vertical-align"}),r]})]})]}),e.jsxs("div",{className:"btn btn-success",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Interactive Tooltip",e.jsxs(oe,{interactive:!0,children:[e.jsx("div",{children:"This tooltip is interactive."}),e.jsx("hr",{}),e.jsx(f,{kind:"primary",onClick:()=>{alert("Button clicked!")},children:"Show Alert"})]})]})]})}function oa(){return e.jsxs("div",{...p("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 ta extends u.PureComponent{static propTypes;static defaultProps;constructor(r){super(r),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.itemList=ue.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:o}=this.props;o(r)}handleViewportChange(r,o){const{items:t}=this.props,l=o-r+1,s=Math.max(0,r-l),n=Math.min(o+l,t.length);this.setState({topRow:s,bottomRow:n})}getViewportItems=Sr((r,o,t)=>r==null||o==null?[]:t.slice(r,o));render(){const{draggablePrefix:r,droppableId:o,isDragDisabled:t,isDropDisabled:l,isMultiSelect:s,items:n,selectedRanges:i}=this.props,{topRow:c,bottomRow:h}=this.state;return e.jsx(ie,{draggablePrefix:r,droppableId:o,isDragDisabled:t,isDropDisabled:l,isMultiSelect:s,itemCount:n.length,items:this.getViewportItems(c,h,n),offset:c??0,onSelectionChange:this.handleSelectionChange,onViewportChange:this.handleViewportChange,ref:this.itemList,selectedRanges:i})}}const Re=["Draggable Only","Drag and Drop","Droppable Only"],aa=[{isDropDisabled:!0},{},{isDragDisabled:!0}],la=(a="Item",r=1e3)=>{const o=[];for(let t=0;t<r;t+=1)o.push(`${a}-${t}`);return o};class ye extends u.Component{static handleDragStart(r){console.log("handleDragStart",r)}static handleDragUpdate(r){console.log("handleDragUpdate",r)}constructor(r){super(r),this.handleDragEnd=this.handleDragEnd.bind(this),this.animationFrame=null;const o=[],t=[],l=[];for(let s=0;s<Re.length;s+=1)o[s]=la(Re[s]),t[s]=[],l[s]=ue.createRef();this.state={items:o,lists:l,selectedRanges:t}}componentWillUnmount(){this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame)}handleDragEnd(r){console.log("handleDragEnd",r);const{source:o,destination:t}=r;if(o==null||t==null)return;const l=ie.getDraggableIndex(o.droppableId),s=ie.getDraggableIndex(t.droppableId),n=l===s;let i=t.index;n&&o.index<t.index&&(i+=1);let c=i;this.setState(({items:h,selectedRanges:d})=>{const m=[...h[l]],g=n?m:[...h[s]],v=dr.reorder(m,d[l],g,i),b=[...h];b[l]=m,b[s]=g,c=n?dr.adjustDestinationIndex(i,d[s]):i;const C=[...d];return C[l]=[],C[s]=[[c,c+v.length-1]],{items:b,selectedRanges:C}},()=>{this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame(()=>{this.animationFrame=null;const{lists:h}=this.state;h[s]?.current?.focusItem(c)})})}handleSelectionChange(r,o){this.setState(({selectedRanges:t})=>{const l=[...t];return l[r]=[...o],{selectedRanges:l}})}getSelectionChangeHandler=Qe(r=>this.handleSelectionChange.bind(this,r));getDraggableList=Qe((r,o,t,l)=>e.jsx(ta,{items:r,droppableId:ie.getDraggableId("drop-list",l),draggablePrefix:ie.getDraggableId("draggable-item",l),onSelectionChange:this.getSelectionChangeHandler(l),isMultiSelect:!0,ref:t,selectedRanges:o,...aa[l]}));render(){const{items:r,lists:o,selectedRanges:t}=this.state;return e.jsxs("div",{...p("draggable-lists",["style-guide-inputs"]),children:[e.jsx("h2",{className:"ui-title",children:"Drag and Drop Lists"}),e.jsx("div",{className:"row",children:e.jsx(Or,{onDragStart:ye.handleDragStart,onDragUpdate:ye.handleDragUpdate,onDragEnd:this.handleDragEnd,children:Re.map((l,s)=>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[s],t[s],o[s],s)})]})},l))})})]})}}function fr({count:a=5,activeKey:r=""}){const[o,t]=u.useState(r),[l,s]=u.useState(()=>{const d=[];for(let m=0;m<a;m+=1)d.push({key:`${m}`,title:`Tab ${m}`,isClosable:m>0});return d}),n=u.useCallback((d,m)=>{s(g=>{const v=[...g],[b]=v.splice(d,1);return v.splice(m,0,b),v})},[]),i=u.useCallback(d=>{t(d)},[]),c=u.useCallback(d=>{s(m=>m.filter(g=>g.key!==d))},[]),h=u.useCallback(d=>[{title:"Select Tab to the Left",group:10,order:10,disabled:l[0].key===d.key,action:()=>{const m=l.findIndex(g=>g.key===d.key);m>0&&t(l[m-1].key)}},{title:"Select Tab to the Right",group:30,order:10,disabled:l[l.length-1].key===d.key,action:()=>{const m=l.findIndex(g=>g.key===d.key);m<l.length-1&&t(l[m+1].key)}}],[l]);return e.jsx(Zo,{tabs:l,activeKey:o,onSelect:i,onReorder:n,onClose:c,makeContextActions:h})}let br=0;function sa(){const a=br;return br+=1,a}const na=Pr(25);function Pe(a=1,r=5){const o=Number(na.next().value);return Math.floor(o*r)+a}function Le(a,r=sa()){return{id:r,type:a}}function jr(a=Pe(),r=Pe(),o=Pe()){const t=[];for(let l=0;l<a;l+=1)t.push(Le("SUBMENU"));for(let l=0;l<r;l+=1)t.push(Le("PAGE"));for(let l=0;l<o;l+=1)t.push(Le("SWITCH"));return t}function _e({type:a,id:r}){switch(a){case"SUBMENU":return`Submenu ${r}`;case"PAGE":return`Page ${r}`;case"SWITCH":return`Switch ${r}`}}function ia({type:a}){switch(a){case"SUBMENU":return mo;case"PAGE":return uo;case"SWITCH":return W}}function ca(){const[a,r]=u.useState([]),[o,t]=u.useState(new Map),l=u.useCallback(d=>{r([...a,d])},[a,r]),s=u.useCallback(()=>{const d=[...a];d.pop(),r(d)},[a,r]),n=u.useCallback(()=>{const d=[a[0]];r(d)},[a,r]),i=u.useCallback(d=>{const m=o.get(d)??!1,g=new Map(o);g.set(d,!m),t(g)},[o,t]),c=u.useCallback(d=>{const m=a[a.length-1],{items:g}=m;if(!g)throw new Error("Navigation handleSelect triggered without items to select");const v=g[d];switch(v.type){case"PAGE":l({title:_e(v)});break;case"SUBMENU":l({title:_e(v),items:jr()});break;case"SWITCH":i(v.id);break}},[a,i,l]);u.useEffect(function(){r([{title:"Navigation Menu",items:jr()}])},[]);const h=u.useMemo(()=>a.map(({items:d,title:m},g)=>{if(!d)return e.jsx(cr,{onBack:s,onClose:n,title:m,children:e.jsx("div",{children:"Page content!"})},m);let v=null;if(d!=null){const b=d.map(C=>{const G=_e(C),le=ia(C);let H,q;return C.type==="SWITCH"&&(H=o.get(C.id)??!1,q=()=>{c(C.id)}),{title:G,icon:le,isOn:H,onChange:q}});v=e.jsx(qo,{onSelect:c,items:b})}else v=e.jsx("div",{children:"Page content"});return e.jsx(cr,{onBack:g>0?s:void 0,onClose:g>0?n:void 0,title:m,children:v},m)}),[a,o,c,s,n]);return e.jsxs("div",{...p("navigations"),children:[e.jsx("h2",{className:"ui-title",children:"Navigations"}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(fr,{count:100,activeKey:"15"})}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(fr,{})}),e.jsx("div",{className:"navigations",children:e.jsx(Ko,{children:h})})]})}const da=`: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}
-`,ha=`:root{--dh-color-bg: var(--dh-color-black);--dh-color-content-bg: var(--dh-color-gray-100);--dh-color-subdued-content-bg: var(--dh-color-gray-75);--dh-color-surface-bg: var(--dh-color-gray-200);--dh-color-fg: var(--dh-color-white);--dh-color-border: var(--dh-color-gray-500);--dh-color-hover-border: var(--dh-color-gray-600);--dh-color-border-focus: var(--dh-color-accent-800);--dh-color-disabled-bg: var(--dh-color-gray-300);--dh-color-scrollbar: var(--dh-color-fg);--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-600);--dh-color-text-highlight: color-mix( in srgb, var(--dh-color-blue-700) 30%, transparent );--dh-color-text-hover: var(--dh-color-gray-900);--dh-color-contrast-dark: var(--dh-color-gray-50);--dh-color-contrast-light: var(--dh-color-gray-900);--dh-color-accent-100: var(--dh-color-blue-100);--dh-color-accent-200: var(--dh-color-blue-200);--dh-color-accent-300: var(--dh-color-blue-300);--dh-color-accent-400: var(--dh-color-blue-400);--dh-color-accent-500: var(--dh-color-blue-500);--dh-color-accent-600: var(--dh-color-blue-600);--dh-color-accent-700: var(--dh-color-blue-700);--dh-color-accent-800: var(--dh-color-blue-800);--dh-color-accent-900: var(--dh-color-blue-900);--dh-color-accent-1000: var(--dh-color-blue-1000);--dh-color-accent-1100: var(--dh-color-blue-1100);--dh-color-accent-1200: var(--dh-color-blue-1200);--dh-color-accent-1300: var(--dh-color-blue-1300);--dh-color-accent-1400: var(--dh-color-blue-1400);--dh-color-accent: var(--dh-color-accent-600);--dh-color-accent-bg: var(--dh-color-accent);--dh-color-accent-hover-bg: var(--dh-color-accent-500);--dh-color-accent-down-bg: var(--dh-color-accent-400);--dh-color-accent-key-focus-bg: var(--dh-color-accent-500);--dh-color-accent-contrast: var(--dh-color-contrast-light);--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-red-bg: var(--dh-color-red-700);--dh-color-orange-bg: var(--dh-color-orange-800);--dh-color-yellow-bg: var(--dh-color-yellow-1000);--dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-celery-bg: var(--dh-color-celery-800);--dh-color-green-bg: var(--dh-color-green-700);--dh-color-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-cyan-bg: var(--dh-color-cyan-700);--dh-color-blue-bg: var(--dh-color-blue-700);--dh-color-indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-visual-gray: var(--dh-color-gray-600);--dh-color-visual-red: var(--dh-color-red-800);--dh-color-visual-orange: var(--dh-color-orange-900);--dh-color-visual-yellow: var(--dh-color-yellow-1200);--dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);--dh-color-visual-celery: var(--dh-color-celery-1000);--dh-color-visual-green: var(--dh-color-green-1100);--dh-color-visual-seafoam: var(--dh-color-seafoam-1100);--dh-color-visual-cyan: var(--dh-color-cyan-1100);--dh-color-visual-blue: var(--dh-color-blue-600);--dh-color-visual-indigo: var(--dh-color-indigo-900);--dh-color-visual-purple: var(--dh-color-purple-1100);--dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);--dh-color-visual-magenta: var(--dh-color-magenta-900);--dh-color-visual-positive: var(--dh-color-green-1200);--dh-color-visual-negative: var(--dh-color-red-800);--dh-color-visual-notice: var(--dh-color-yellow-1200);--dh-color-visual-info: var(--dh-color-cyan-1100);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: color-mix( in srgb, var(--dh-color-visual-gray) 20%, transparent );--dh-color-highlight-hover: color-mix( in srgb, var(--dh-color-visual-gray) 18%, transparent );--dh-color-highlight-invalid: color-mix( in srgb, var(--dh-color-visual-red) 15%, transparent );--dh-color-highlight-selected: color-mix( in srgb, var(--dh-color-accent) 9%, transparent );--dh-color-highlight-selected-hover: color-mix( in srgb, var(--dh-color-accent) 15%, transparent );--dh-color-keyboard-selected-bg: color-mix( in srgb, var(--dh-color-accent) 50%, transparent );--dh-color-dropshadow: color-mix( in srgb, var(--dh-color-true-black) 80%, transparent );--dh-color-overlay-modal-bg: color-mix( in srgb, var(--dh-color-visual-gray) 60%, transparent );--dh-color-overlay-hover-bg: color-mix( in srgb, var(--dh-color-visual-gray) 8%, transparent );--dh-color-negative: var(--dh-color-red-600);--dh-color-negative-bg: var(--dh-color-negative);--dh-color-negative-hover-bg: var(--dh-color-red-500);--dh-color-negative-down-bg: var(--dh-color-red-400);--dh-color-negative-key-focus-bg: var(--dh-color-red-500);--dh-color-negative-contrast: var(--dh-color-contrast-light);--dh-color-neutral: var(--dh-color-gray-500);--dh-color-neutral-bg: var(--dh-color-neutral);--dh-color-neutral-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-down-bg: var(--dh-color-gray-200);--dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);--dh-color-neutral-contrast: var(--dh-color-contrast-light);--dh-color-neutral-subdued-bg: var(--dh-color-gray-400);--dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive: var(--dh-color-green-900);--dh-color-positive-bg: var(--dh-color-positive);--dh-color-positive-hover-bg: var(--dh-color-green-800);--dh-color-positive-down-bg: var(--dh-color-green-700);--dh-color-positive-key-focus-bg: var(--dh-color-green-800);--dh-color-positive-contrast: var(--dh-color-contrast-dark);--dh-color-info: var(--dh-color-indigo-900);--dh-color-info-bg: var(--dh-color-info);--dh-color-info-hover-bg: var(--dh-color-indigo-800);--dh-color-info-down-bg: var(--dh-color-indigo-700);--dh-color-info-key-focus-bg: var(--dh-color-indigo-800);--dh-color-info-contrast: var(--dh-color-contrast-dark);--dh-color-notice: var(--dh-color-yellow-1000);--dh-color-notice-bg: var(--dh-color-notice);--dh-color-notice-hover-bg: var(--dh-color-yellow-900);--dh-color-notice-down-bg: var(--dh-color-yellow-800);--dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);--dh-color-notice-contrast: var(--dh-color-contrast-dark);--dh-color-modified: var(--dh-color-yellow-1300)}
-`,ua=`: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)}
-`,ma=`:root{--dh-color-editor-bg: var(--dh-color-content-bg);--dh-color-editor-fg: var(--dh-color-gray-900);--dh-color-editor-error-fg: var(--dh-color-visual-red);--dh-color-editor-line-number-fg: var(--dh-color-gray-600);--dh-color-editor-line-number-active-fg: var(--dh-color-gray-800);--dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);--dh-color-editor-selection-bg: var(--dh-color-text-highlight);--dh-color-editor-inactive-selection-bg: var(--dh-color-gray-300);--dh-color-editor-selection-highlight-bg: var(--dh-color-gray-500);--dh-color-editor-word-highlight-bg: var(--dh-color-gray-500);--dh-color-editor-comment: var(--dh-color-gray-700);--dh-color-editor-delimiter: var(--dh-color-gray-700);--dh-color-editor-identifier-js: var(--dh-color-visual-yellow);--dh-color-editor-identifier-namespace: var(--dh-color-visual-red);--dh-color-editor-identifier: var(--dh-color-gray-900);--dh-color-editor-keyword: var(--dh-color-visual-cyan);--dh-color-editor-number: var(--dh-color-visual-purple);--dh-color-editor-operator: var(--dh-color-visual-red);--dh-color-editor-predefined: var(--dh-color-visual-green);--dh-color-editor-storage: var(--dh-color-visual-red);--dh-color-editor-string-delim: var(--dh-color-gray-700);--dh-color-editor-string: var(--dh-color-visual-yellow);--dh-color-editor-bracket-fg1: var(--dh-color-visual-yellow);--dh-color-editor-bracket-fg2: var(--dh-color-visual-purple);--dh-color-editor-bracket-fg3: var(--dh-color-visual-blue);--dh-color-editor-bracket-fg4: var(--dh-color-visual-yellow);--dh-color-editor-bracket-fg5: var(--dh-color-visual-purple);--dh-color-editor-bracket-fg6: var(--dh-color-visual-blue);--dh-color-editor-unexpected-bracket-fg: var(--dh-color-visual-negative);--dh-color-editor-focus-border: var(--dh-color-focus-border);--dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);--dh-color-editor-input-bg: var(--dh-color-bg);--dh-color-editor-input-fg: var(--dh-color-text);--dh-color-editor-input-border: var(--dh-color-border);--dh-color-editor-context-menu-bg: var(--dh-color-gray-300);--dh-color-editor-context-menu-fg: var(--dh-color-text);--dh-color-editor-menu-selection-bg: var(--dh-color-highlight-hover);--dh-color-editor-menu-selection-fg: var(--dh-color-text);--dh-color-editor-log-date: var(--dh-color-gray-700);--dh-color-editor-log-error: var(--dh-color-visual-red);--dh-color-editor-log-info: var(--dh-color-visual-cyan);--dh-color-editor-log-stdout: var(--dh-color-gray-900);--dh-color-editor-log-warn: var(--dh-color-visual-yellow);--dh-color-editor-log-debug: var(--dh-color-visual-purple);--dh-color-editor-log-trace: var(--dh-color-visual-green);--dh-color-editor-find-bg: var(--dh-color-gray-200);--dh-color-editor-find-match-bg: var(--dh-color-highlight-selected);--dh-color-editor-find-match-highlight-bg: var( --dh-color-highlight-selected-hover );--dh-color-editor-find-option-active-bg: var(--dh-color-accent-700);--dh-color-editor-find-option-active-fg: var(--dh-color-gray-900);--dh-color-editor-suggest-bg: var(--dh-color-gray-200);--dh-color-editor-suggest-border: var(--dh-color-gray-400);--dh-color-editor-suggest-fg: var(--dh-color-text);--dh-color-editor-suggest-selected-bg: var(--dh-color-highlight-selected);--dh-color-editor-suggest-selected-fg: var(--dh-color-text);--dh-color-editor-suggest-highlight-fg: var(--dh-color-accent-700);--dh-color-editor-suggest-focus-highlight-fg: var(--dh-color-accent-700);--dh-color-editor-suggest-hover-bg: var(--dh-color-highlight-hover);--dh-color-editor-link-foreground: var(--dh-color-accent-1000);--dh-color-editor-link-active-fg: var(--dh-color-accent-1100)}
-`,ga=`: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)}
-`,xa=`: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 )}
-`,va="_themeColorsPalette_1mdfo_1",pa="_swatch_1mdfo_7",fa="_themeColors_1mdfo_1",ba="_label_1mdfo_21",ja="_capitalize_1mdfo_29",z={themeColorsPalette:va,swatch:pa,themeColors:fa,label:ba,capitalize:ja};function ya(){return{"Theme Color Palette":ee("palette",da,1),"Semantic Colors":ee("semantic",ha,1),"Chart Colors":ee("chart",ua,2),"Editor Colors":ee("editor",ma,2),"Grid Colors":ee("grid",ga,2),"Component Colors":ee("component",xa,1)}}function wa(){const{selectedThemeKey:a}=$r(),r=u.useMemo(ya,[a]);return e.jsx(e.Fragment,{children:Object.entries(r).map(([o,t],l)=>o==="Theme Color Palette"?e.jsxs("div",{...p(o),children:[e.jsx("h2",{className:"ui-title",children:o}),e.jsx("div",{className:z.themeColorsPalette,children:Object.entries(t).map(([s,n],i)=>e.jsxs(u.Fragment,{children:[(i===0||i===1)&&n.map(({name:c},h)=>e.jsx("div",{style:{gridColumnStart:h+2,textAlign:"center"},className:"mt-3",children:c.split("-").pop()},c)),e.jsx("div",{className:"text-right pr-2",children:s}),n.map(({name:c,value:h})=>e.jsxs("div",{style:{backgroundColor:h,border:h===""&&c.length>0?He:void 0,color:`var(--dh-color-${ce(h)})`},className:K(z.swatch,"px-0"),children:[e.jsxs(oe,{interactive:!0,children:[e.jsx("div",{children:c}),e.jsx("div",{children:h}),e.jsx("div",{children:he.normalizeCssColor(h,!0)})]}),e.jsx(nr,{copy:c,style:{color:`var(--dh-color-${ce(h)})`}})]},c))]},s))})]},o):e.jsxs("div",{...p(o),children:[e.jsx("h2",{className:"ui-title",children:o}),e.jsx("div",{className:z.themeColors,children:Object.entries(t).map(([s,n])=>e.jsxs("div",{style:{gridRow:`span ${n.length+1}`},children:[e.jsx("span",{className:K(z.label,z.capitalize),children:s}),n.map(({isLabel:i,name:c,value:h,note:d})=>i===!0?e.jsx("span",{className:z.label,children:c},c):e.jsxs("div",{className:z.swatch,style:{backgroundColor:h,border:h===""&&c.length>0?He:void 0,color:`var(--dh-color-${ce(h)})`},children:[e.jsxs(oe,{interactive:!0,children:[e.jsx("div",{children:c}),e.jsx("div",{children:h}),e.jsx("div",{children:he.normalizeCssColor(h,!0)})]}),e.jsx("span",{children:c.replace("--dh-color-","")}),c.endsWith("-hue")||d!=null?e.jsx("span",{children:d??h}):null,e.jsx(nr,{copy:c,style:{color:`var(--dh-color-${ce(h)})`}})]},c))]},s))})]},o))})}const Be="data-menu-category",Ca="data-no-menu",Sa="sample-section-e2e-ignore",_r="spectrum-component-samples",Br="spectrum-comparison-samples";function Ta(){return e.jsxs("div",{id:_r,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Spectrum Components"}),e.jsxs(P,{gap:20,columns:Tr("0px","1fr"),children:[e.jsxs(I,{...N("spectrum-buttons"),children:[e.jsx("h3",{children:"Buttons"}),e.jsx(ka,{})]}),e.jsxs(I,{...N("spectrum-collections"),children:[e.jsx("h3",{children:"Collections"}),e.jsx(Ea,{})]}),e.jsxs(I,{...N("spectrum-content"),children:[e.jsx("h3",{children:"Content"}),e.jsx(Da,{})]}),e.jsxs(I,{...N("spectrum-forms"),children:[e.jsx("h3",{children:"Forms"}),e.jsx(Ia,{})]}),e.jsxs(I,{...N("spectrum-overlays"),children:[e.jsx("h3",{children:"Overlays"}),e.jsxs(S,{gap:"size-160",children:[e.jsx(Na,{}),e.jsxs(Ur,{children:[e.jsx(L,{children:"Dialog Trigger"}),a=>e.jsxs(Gr,{children:[e.jsx(qe,{children:"Some Heading"}),e.jsx(Hr,{children:"Some Header"}),e.jsx(zr,{}),e.jsx(ze,{children:e.jsx(y,{children:"Are you sure?"})}),e.jsxs(Wr,{children:[e.jsx(j,{variant:"secondary",onPress:a,children:"Cancel"}),e.jsx(j,{variant:"accent",onPress:a,children:"Confirm"})]})]})]})]})]}),e.jsxs(I,{...N("spectrum-well"),children:[e.jsx("h3",{children:"Wells"}),e.jsx(Kr,{children:"This is a well."})]})]})]})}function ka(){return e.jsxs(e.Fragment,{children:[e.jsxs(L,{marginBottom:"size-200",children:[e.jsx(B,{children:e.jsx(w,{icon:W})}),e.jsx(y,{children:"Icon Button"})]}),e.jsxs(P,{autoFlow:"column",columnGap:"size-250",rowGap:"size-150",columns:Fe(4,Tr(0,"size-2000")),rows:Fe(8,"size-400"),children:[e.jsx("label",{children:'Button style="outline"'}),e.jsx(j,{variant:"primary",style:"outline",children:"Primary"}),e.jsx(j,{variant:"secondary",style:"outline",children:"Secondary"}),e.jsx(j,{variant:"accent",style:"outline",children:"Accent"}),e.jsx(j,{variant:"negative",style:"outline",children:"Negative"}),e.jsx(j,{variant:"primary",staticColor:"black",style:"outline",children:"Static Black"}),e.jsx(j,{variant:"primary",staticColor:"white",style:"outline",children:"Static White"}),e.jsx(j,{variant:"primary",isDisabled:!0,style:"outline",children:"Disabled"}),e.jsx("label",{children:'Button style="fill"'}),e.jsx(j,{variant:"primary",style:"fill",children:"Primary"}),e.jsx(j,{variant:"secondary",style:"fill",children:"Secondary"}),e.jsx(j,{variant:"accent",style:"fill",children:"Accent"}),e.jsx(j,{variant:"negative",style:"fill",children:"Negative"}),e.jsx(j,{variant:"primary",staticColor:"black",style:"fill",children:"Static Black"}),e.jsx(j,{variant:"primary",staticColor:"white",style:"fill",children:"Static White"}),e.jsx(j,{variant:"primary",isDisabled:!0,style:"fill",children:"Disabled"}),e.jsx("label",{children:"Action Button"}),e.jsx(L,{children:"Normal"}),e.jsx(L,{gridRow:"span 3",isQuiet:!0,children:"Quiet"}),e.jsx(L,{staticColor:"black",children:"Static Black"}),e.jsx(L,{staticColor:"white",children:"Static White"}),e.jsx(L,{isDisabled:!0,children:"Disabled"}),e.jsx("label",{children:"Toggle Button"}),e.jsx(Y,{children:"Normal"}),e.jsx(Y,{isQuiet:!0,children:"Quiet"}),e.jsx(Y,{gridRow:"span 2",isEmphasized:!0,children:"Emphasized"}),e.jsx(Y,{staticColor:"black",children:"Static Black"}),e.jsx(Y,{staticColor:"white",children:"Static White"}),e.jsx(Y,{isDisabled:!0,children:"Disabled"})]})]})}function Na(){return e.jsxs(e.Fragment,{children:[e.jsx(y,{children:"Contextual Help"}),e.jsxs(qr,{variant:"info",children:[e.jsx(qe,{children:"Need help?"}),e.jsx(ze,{children:e.jsx(y,{children:"This is a helpful description of the thing you need help with."})})]})]})}function Ia(){return e.jsx(Yr,{children:e.jsxs(P,{gap:20,columns:Fe("auto-fit","210px"),alignItems:"end",children:[e.jsx(Ve,{label:"Text Field"}),e.jsxs(kr,{label:"Combobox",menuTrigger:"focus",defaultSelectedKey:"two",children:[e.jsx(x,{children:"One"},"one"),e.jsx(x,{children:"Two"},"two"),e.jsx(x,{children:"Three"},"three")]}),e.jsx(Oe,{children:"Checkbox"}),e.jsx(Zr,{label:"Slider",defaultValue:24}),e.jsx(Xr,{children:"Switch"})]})})}function Da(){return e.jsxs(Qr,{children:[e.jsx(B,{size:"XL",children:e.jsx(w,{icon:go})}),e.jsx(qe,{children:"Illustrated Message"}),e.jsx(ze,{children:"This is the content of the message."})]})}function Ea(){return e.jsxs(e.Fragment,{children:[e.jsx("label",{id:"table-view-sample",children:"List View"}),e.jsxs(Jr,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",maxWidth:"size-6000",marginBottom:"size-200",children:[e.jsx(x,{children:"One"}),e.jsx(x,{children:"Two"}),e.jsx(x,{children:"Three"}),e.jsx(x,{children:"Four"})]}),e.jsx("label",{id:"table-view-sample",children:"Table View"}),e.jsxs(eo,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",children:[e.jsxs(ro,{children:[e.jsxs(Z,{title:"Person",children:[e.jsx(Z,{allowsResizing:!0,children:"Name"}),e.jsx(Z,{children:"Age"})]}),e.jsxs(Z,{title:"Address",children:[e.jsx(Z,{allowsResizing:!0,children:"City"}),e.jsx(Z,{children:"State"})]})]}),e.jsxs(oo,{children:[e.jsxs(Se,{children:[e.jsx(E,{children:"John"}),e.jsx(E,{children:"42"}),e.jsx(E,{children:"San Francisco"}),e.jsx(E,{children:"CA"})]}),e.jsxs(Se,{children:[e.jsx(E,{children:"Jane"}),e.jsx(E,{children:"38"}),e.jsx(E,{children:"San Francisco"}),e.jsx(E,{children:"CA"})]}),e.jsxs(Se,{children:[e.jsx(E,{children:"Becky"}),e.jsx(E,{children:"12"}),e.jsx(E,{children:"San Francisco"}),e.jsx(E,{children:"CA"})]})]})]})]})}function ne(a){return e.jsx("div",{...a})}function Aa(){const[a,r]=u.useState([]);u.useEffect(()=>{let t={category:"",items:[]};const l=[t],s=document.querySelector(`#${_r}`),n=document.querySelector(`#sample-section-${Br}`);document.querySelectorAll(`h2,h3,[${Be}]`).forEach(i=>{if(i.textContent==null||i.hasAttribute(Ca))return;if(i.hasAttribute(Be)){t={category:i.getAttribute(Be)??"",items:[]},l.push(t);return}const h=`${s?.contains(i)===!0?"spectrum-":n?.contains(i)===!0?"spectrum-compare-":""}${i.textContent}`.toLowerCase().replace(/\s/g,"-");i.id=h,t.items.push({id:h,label:i.textContent})}),r(l)},[]),u.useEffect(()=>{const t=window.location.hash===""?null:document.querySelector(window.location.hash);setTimeout(()=>{t?t.scrollIntoView():window.scrollTo({top:0,behavior:"auto"})},0)},[]);const o=u.useCallback(t=>{const l=String(t);document.getElementById(l)?.scrollIntoView({behavior:"smooth"}),setTimeout(()=>{window.location.hash=l},1e3)},[]);return e.jsxs(to,{children:[e.jsx(L,{children:e.jsx(B,{children:e.jsx(w,{icon:xo})})}),e.jsx(ao,{items:a,onAction:o,children:({category:t,items:l})=>e.jsx(O,{items:l,title:t,children:({id:s,label:n})=>e.jsx(x,{children:n},s)},t)})]})}function $a(){const a=u.useCallback(()=>{window.scrollTo({top:0,behavior:"smooth"}),setTimeout(()=>{window.location.hash=""},500)},[]);return u.useEffect(()=>{const r=document.querySelector("h2")?.offsetTop??0;function o(){document.documentElement.dataset.scroll=String(window.scrollY>=r)}return document.addEventListener("scroll",o,{passive:!0}),()=>{document.removeEventListener("scroll",o)}},[]),e.jsx(j,{UNSAFE_className:"goto-top-button",variant:"accent",onPress:a,children:e.jsx(B,{children:e.jsx(w,{icon:vo})})})}const Ma=["Tab 1","Tab 2","Tab 3"];function Ra({isActive:a,title:r}){return e.jsxs("li",{className:K("lm_tab",a&&"lm_active"),children:[e.jsx("span",{className:"lm_title_before"}),e.jsx("span",{className:"lm_title",children:r}),e.jsx("span",{className:"lm_close_tab"})]})}function Pa(){return e.jsxs("div",{...p("golden-layout"),children:[e.jsx("h2",{className:"ui-title",children:"Golden Layout"}),[!1,!0].map(a=>e.jsxs(ue.Fragment,{children:[e.jsx("h5",{children:a?"Minimized":"Maximised"}),e.jsx("div",{style:{position:"relative",border:"none"},className:a?"lm_maximised":void 0,children:e.jsxs("div",{className:"lm_header",children:[e.jsx("ul",{className:"lm_tabs",children:Ma.map((r,o)=>e.jsx(Ra,{isActive:o===0,title:r},r))}),e.jsxs("ul",{className:"lm_controls",children:[e.jsx("li",{className:"lm_tabpreviousbutton"}),e.jsx("li",{className:"lm_tabnextbutton"}),e.jsx("li",{className:"lm_maximise"}),e.jsx("li",{className:"lm_popout"}),e.jsx("li",{className:"lm_tabdropdown"}),e.jsx("li",{className:"lm_close"})]})]})})]},String(a)))]})}function La(){return e.jsxs("div",{...p("animations",["sample-section-e2e-ignore"]),children:[e.jsx("h2",{className:"ui-title",children:"Animations"}),e.jsx(I,{position:"relative",height:400,children:e.jsx(Vo,{})})]})}const yr=[["primary","accent"],["secondary","primary"],["danger","negative"]],_a=[{title:"One",value:"1"},{title:"Two",value:"2"},{title:"Three",value:"3"}];function Ba(){const[a,r]=u.useState(!1),[o,t]=u.useState("1"),l=u.useCallback(s=>{t(s.target.value)},[]);return e.jsxs("div",{...p(Br,[Sa]),children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Bootstrap / Spectrum Comparison"}),e.jsxs(S,{gap:20,wrap:!0,children:[e.jsxs(I,{children:[e.jsx("h3",{children:"Buttons - Filled"}),e.jsxs(P,{gap:20,columns:"repeat(2, 120px)",autoRows:"40x",justifyItems:"start",alignItems:"start",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),yr.map(([s,n])=>e.jsxs(u.Fragment,{children:[e.jsx(f,{onClick:J,kind:s,icon:tr,children:"Button"}),e.jsxs(j,{variant:n,style:"fill",children:[e.jsx(B,{children:e.jsx(w,{icon:tr})}),e.jsx(y,{children:"Button"})]})]},s)),e.jsx(f,{onClick:J,kind:"primary",disabled:!0,children:"Disabled"}),e.jsx(j,{variant:"accent",style:"fill",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(I,{children:[e.jsx("h3",{children:"Buttons - Outline"}),e.jsxs(P,{gap:20,columns:"repeat(2, 120px)",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),yr.map(([s,n])=>e.jsxs(u.Fragment,{children:[e.jsx(f,{onClick:J,kind:s,children:s}),e.jsx(j,{variant:n,style:"outline",children:n})]},s)),e.jsx(f,{onClick:J,kind:"secondary",disabled:!0,children:"Disabled"}),e.jsx(j,{variant:"primary",style:"outline",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(I,{children:[e.jsx("h3",{children:"Action Buttons"}),e.jsxs(P,{gap:20,columns:"repeat(2, 120px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsx(f,{onClick:J,kind:"inline",children:"Inline"}),e.jsx(L,{children:"Action"}),e.jsx(f,{onClick:J,kind:"inline",disabled:!0,children:"Disabled"}),e.jsx(L,{isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(I,{children:[e.jsx("h3",{children:"Pickers"}),e.jsxs(P,{gap:20,columns:"repeat(2, 192px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),[!1,!0].map(s=>e.jsxs(u.Fragment,{children:[e.jsxs("div",{children:[e.jsxs("label",{className:"input-label",children:[s?"Disabled ":"","Combobox"]}),e.jsx(Ge,{disabled:s,options:_a,defaultValue:"One"})]}),e.jsxs(kr,{isDisabled:s,label:s?"Disabled Combobox":"Combobox",inputValue:"One",children:[e.jsx(x,{children:"One"},"1"),e.jsx(x,{children:"Two"},"2"),e.jsx(x,{children:"Three"},"3")]})]},String(s))),[!1,!0].map(s=>e.jsxs(u.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"Select"}),e.jsxs(be,{disabled:s,placeholder:"Select",onChange:n=>{},className:"custom-select",children:[e.jsxs("option",{disabled:!0,value:"0",children:[s?"":"Disabled ","Select"]}),e.jsx("option",{value:"1",children:"One"}),e.jsx("option",{value:"2",children:"Two"}),e.jsx("option",{value:"3",children:"Three"})]})]}),e.jsxs(lo,{isDisabled:s,label:s?"Disabled Picker":"Picker",placeholder:"Picker",children:[e.jsx(x,{children:"One"},"1"),e.jsx(x,{children:"Two"},"2"),e.jsx(x,{children:"Three"},"3")]})]},String(s)))]})]}),e.jsxs(I,{children:[e.jsx("h3",{children:"Text Field"}),e.jsxs(P,{gap:20,columns:"repeat(2, 192px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"type=text"}),e.jsx("input",{type:"text",className:"form-control",placeholder:"Text Input"})]}),e.jsx(Ve,{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(Ve,{type:"text",label:"Disabled",isDisabled:!0,value:"Disabled"})]})]}),e.jsxs(I,{children:[e.jsx("h3",{children:"Checkbox"}),e.jsxs(P,{gap:20,columns:"repeat(2, 120px)",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsx(_,{className:"form-group",checked:a,onChange:()=>r(s=>!s),children:"Checkbox"}),e.jsx(Oe,{children:"Checkbox"}),e.jsx(_,{className:"form-group",disabled:!0,checked:a,onChange:()=>r(s=>!s),children:"Disabled"}),e.jsx(Oe,{isDisabled:!0,children:"Disabled"}),e.jsx(S,{direction:"column",children:e.jsxs("label",{children:["Radio Group",e.jsxs(Er,{onChange:l,value:o,children:[e.jsx(U,{value:"1",children:"One"}),e.jsx(U,{value:"2",children:"Two"}),e.jsx(U,{value:"3",children:"Three"})]})]})}),e.jsxs(so,{label:"Radio Group",value:o,onChange:t,children:[e.jsx(Te,{value:"1",children:"One"}),e.jsx(Te,{value:"2",children:"Two"}),e.jsx(Te,{value:"3",children:"Three"})]})]})]})]})]})}const wr=[...Rr(52)],Fr=[...me(0,51)],Fa=[...me(52,103)],Va=[...me(104,155)],Oa=[...me(156,207)],Ua=[...me(208,259)],Ga=["String 1","String 2","String 3","","Some really long text that should get truncated",444,999,!0,!1,...Fr.map((a,r)=>r%5>0?a:u.cloneElement(a,{...a.props,children:[e.jsx(de,{},`icon-${a.props.children}`),e.jsx(y,{children:a.props.children},`label-${a.props.children}`)]}))];function de(){return e.jsx(B,{children:e.jsx(w,{icon:Ir})})}function Ha(){const[a,r]=u.useState(null),o=u.useCallback(async()=>Oo({keyedItems:wr,itemHeight:ko.medium,selectedKey:a,topOffset:No}),[a]),t=u.useCallback(l=>{r(l)},[]);return e.jsxs("div",{...p("pickers"),children:[e.jsx("h2",{className:"ui-title",children:"Pickers"}),e.jsxs(S,{gap:14,children:[e.jsx(Ne,{label:"Single Child",tooltip:{placement:"bottom-end"},children:e.jsx(x,{textValue:"Aaa",children:"Aaa"})}),e.jsx(Ne,{label:"Mixed Children Types",defaultSelectedKey:"999",tooltip:!0,children:Ga}),e.jsxs(Ne,{label:"Sections",tooltip:!0,children:["String 1","String 2","String 3",e.jsxs(O,{title:"Section",children:[e.jsx(x,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(x,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(x,{textValue:"Complex Ccc",children:[e.jsx(de,{}),e.jsx(y,{children:"Complex Ccc"})]})]}),e.jsxs(O,{children:[e.jsx(x,{textValue:"Item Ddd",children:"Item Ddd"}),e.jsx(x,{textValue:"Item Eee",children:"Item Eee"}),e.jsxs(x,{textValue:"Complex Fff",children:[e.jsx(de,{}),e.jsx(y,{children:"Complex Fff"})]}),e.jsxs(x,{textValue:"Ggg",children:[e.jsx(de,{}),e.jsx(y,{children:"Label"}),e.jsx(y,{slot:"description",children:"Description"})]}),e.jsxs(x,{textValue:"Hhh",children:[e.jsx(de,{}),e.jsx(y,{children:"Label that causes overflow"}),e.jsx(y,{slot:"description",children:"Description that causes overflow"})]})]},"Key B"),e.jsx(O,{title:"Section A",children:Fr}),e.jsx(O,{title:"Section B",children:Fa}),e.jsx(O,{children:Va},"Section C"),e.jsx(O,{children:Oa},"Section D"),e.jsx(O,{title:"Section E",children:Ua})]}),e.jsx(Uo,{label:"Controlled",getInitialScrollPosition:o,normalizedItems:wr,selectedKey:a,onChange:t})]})]})}const za=[...Rr(52)];function pe(){return e.jsx(B,{slot:"illustration",children:e.jsx(w,{icon:po})})}function Wa(){const[a,r]=u.useState([]),o=u.useCallback(t=>{r(t)},[]);return e.jsxs("div",{...p("list-views"),children:[e.jsx("h2",{className:"ui-title",children:"List View"}),e.jsxs(P,{columnGap:14,height:"size-6000",children:[e.jsx(y,{children:"Single Child"}),e.jsx(ve,{density:"compact",gridRow:"2","aria-label":"Single Child",selectionMode:"multiple",children:e.jsx(x,{children:"Aaa"})}),e.jsx("label",{children:"Icons"}),e.jsxs(ve,{gridRow:"2","aria-label":"Icon",density:"compact",selectionMode:"multiple",children:[e.jsxs(x,{textValue:"Item with icon A",children:[e.jsx(pe,{}),e.jsx(y,{children:"Item with icon A"})]}),e.jsxs(x,{textValue:"Item with icon B",children:[e.jsx(pe,{}),e.jsx(y,{children:"Item with icon B"})]}),e.jsxs(x,{textValue:"Item with icon C",children:[e.jsx(pe,{}),e.jsx(y,{children:"Item with icon C"})]}),e.jsxs(x,{textValue:"Item with icon D",children:[e.jsx(pe,{}),e.jsx(y,{children:"Item with icon D with overflowing content"})]})]}),e.jsx("label",{children:"Mixed Children Types"}),e.jsxs(ve,{gridRow:"2","aria-label":"Mixed Children Types",density:"compact",maxWidth:"size-2400",selectionMode:"multiple",defaultSelectedKeys:[999,444],children:["String 1","String 2","String 3","","Some really long text that should get truncated",444,999,!0,!1,e.jsx(x,{children:"Item Aaa"}),e.jsx(x,{children:"Item Bbb"}),e.jsxs(x,{textValue:"Complex Ccc",children:[e.jsx(B,{slot:"image",children:e.jsx(w,{icon:Ir})}),e.jsx(y,{children:"Complex Ccc with text that should be truncated"})]})]}),e.jsx("label",{children:"Controlled"}),e.jsx(ve,{gridRow:"2","aria-label":"Controlled",selectionMode:"multiple",selectedKeys:a,onChange:o,children:za})]})]})}const Cr={position:"sticky",justifyContent:"end",zIndex:1,UNSAFE_style:{float:"right"}};function Ka(){const a=window.location.search.includes("isolateSection=true"),{themes:r}=$r(),o=r.length>1;return e.jsx("div",{tabIndex:-1,role:"main",children:e.jsxs("div",{className:"container style-guide-container",children:[a&&e.jsx("style",{children:`.${Ae}, .sample-section:not(${window.location.hash}), :not(.sample-section) > h2 {
+  </div>`;return e.jsxs("div",{...p("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(w,{icon:rr})}),e.jsx("div",{className:"icon card",children:e.jsx(w,{icon:or})}),e.jsx("div",{className:"icon card",children:e.jsx(w,{icon:tr})}),e.jsx("div",{className:"icon card",children:"="}),e.jsxs(f,{kind:"inline",className:"card",onClick:()=>{vr(h).then(()=>{i({text:e.jsx("span",{children:"Copied composition example"})})}).catch(d=>{i({text:e.jsx("span",{className:"text-danger",children:d.message})})})},children:[e.jsx("div",{className:"icon",children:e.jsxs("div",{className:"fa-md fa-layers",children:[e.jsx(w,{mask:rr,icon:or,transform:"down-7 right-7"}),e.jsx(w,{icon:tr})]})}),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:s,className:"form-control",onChange:d=>{l(d.target.value)}}),e.jsx("span",{className:"mx-2",children:"Show: "}),e.jsx(f,{kind:"inline",active:o,className:"mr-2",onClick:()=>a(!o),icon:o?X.vsCheck:X.vsClose,children:"VS ICONS"}),e.jsx(f,{kind:"inline",active:t,className:"mr-2",onClick:()=>r(!t),icon:t?X.vsCheck:X.vsClose,children:"DH ICONS"}),e.jsxs("small",{children:["(",c.length," icon",c.length===1?"":"s",")"]})]}),e.jsxs("div",{className:"icons",children:[c,c.length===0&&e.jsx("p",{className:"no-result",children:"No icons found."}),e.jsx(_r,{message:n})]})]})})]})}const Re=[{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"}],Yt=[{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 Zt(){const[t,r]=u.useState(!1),[o,a]=u.useState(""),[s,l]=u.useState(!0),[n,i]=u.useState(!1),[c,h]=u.useState(!1),[d,m]=u.useState(!1),[g,v]=u.useState(null),[b,C]=u.useState("1"),[G,le]=u.useState(),[H,K]=u.useState("-DLiveTableMonitor.updateThreads=8 -DLiveTableMonitor.printDependencyInformation=false -Dassertion.heapDump=true -Drequire.heapDump=true -Dassertion.heapDump=true -Drequire.heapDump=true"),Se=u.useCallback(F=>{C(F.target.value)},[]),xe=u.useCallback(()=>{r(!t)},[t]),Or=u.useCallback(F=>{a(F.target.value)},[]);return e.jsxs("div",{...p("inputs",["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(So,{value:o,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:s,onChange:()=>l(!s),children:"Checked checkbox"}),e.jsx(_,{className:"form-group",checked:n,onChange:()=>i(!n),children:"Unchecked checkbox"}),e.jsx(_,{className:"form-group",disabled:!0,checked:null,children:"Disabled checkbox"}),e.jsx(_,{className:"form-group",isInvalid:!0,checked:c,onChange:()=>h(!c),children:"Invalid checkbox"}),e.jsx(_,{className:"form-group",checked:d,onChange:()=>m(!d),children:"Add radio button"}),e.jsx(_,{className:"form-group",checked:g,onChange:()=>{g==null?v(!0):v(g?!1:null)},children:"Indeterminate Cycle"})]})}),e.jsxs("div",{className:"col",children:[e.jsxs("form",{children:[e.jsx("h5",{children:" Radios "}),e.jsxs(Ar,{onChange:Se,value:b,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",disabled:!0,children:"Disabled radio"}),e.jsx(U,{value:"4",isInvalid:!0,children:"Invalid radio"}),e.jsx(e.Fragment,{children:d&&e.jsx(U,{value:"5",children:"Extra radio item"})})]})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Toggle Buttons"}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{children:String(t)}),e.jsx(ve,{on:t,onClick:xe})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{children:String(!t)}),e.jsx(ve,{on:!t,onClick:xe})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"isInvalid",children:"isInvalid"}),e.jsx(ve,{on:!t,isInvalid:!0,onClick:xe})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"disabled",children:"disabled"}),e.jsx(ve,{on:!t,disabled:!0,onClick:xe})]})]})]}),e.jsxs("div",{className:"col",children:[e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Selection Menu"}),e.jsxs(je,{onChange:F=>{},defaultValue:"0",className:"custom-select",children:[e.jsx(A,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(A,{value:"1",children:"One"}),e.jsx(A,{value:"2",children:"Two"}),e.jsx(A,{value:"3",children:"Three"})]})]}),e.jsx("div",{className:"form-group",children:e.jsxs(je,{onChange:F=>{},defaultValue:"0",className:"custom-select",disabled:!0,children:[e.jsx(A,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(A,{value:"1",children:"One"}),e.jsx(A,{value:"2",children:"Two"}),e.jsx(A,{value:"3",children:"Three"})]})}),e.jsx("div",{className:"form-group",children:e.jsxs(je,{onChange:F=>{},defaultValue:"0",className:"custom-select",isInvalid:!0,children:[e.jsx(A,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(A,{value:"1",children:"One"}),e.jsx(A,{value:"2",children:"Two"}),e.jsx(A,{value:"3",children:"Three"})]})}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Input with Select"}),e.jsx("div",{className:"input-group",children:e.jsx(He,{options:Re,inputPlaceholder:"10.128.0.8",searchPlaceholder:"Search actions here"})}),e.jsx("br",{}),e.jsx("div",{className:"input-group",children:e.jsx(He,{options:Re,inputPlaceholder:"10.128.0.8",searchPlaceholder:"Search actions here",disabled:!0})})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"AutoCompleteInput"}),e.jsx(Po,{options:Re,noMatchText:"No Matches."})]})]}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Time Input"}),e.jsx(Lo,{}),e.jsx("br",{}),e.jsx("h5",{children:"Date Input"}),e.jsx(_o,{}),e.jsx("br",{}),e.jsx("h5",{children:"DateTime Input"}),e.jsx(Wo,{}),e.jsx("br",{}),e.jsx("h5",{children:"Custom Timeselect"}),e.jsx(Bo,{options:Yt,value:G??null,onChange:le,customText:"Custom Timeout",placeholder:"Select a timeout",timeToValue:F=>F*1e3})]})})]}),e.jsx("div",{className:"row",children:e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Auto Resize Textarea"}),e.jsx(Fo,{value:H,delimiter:" -",onChange:K})]})})})]})}class Xt extends u.PureComponent{constructor(r){super(r),this.handleSelect=this.handleSelect.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.selectedItems=[],this.state={items:[],offset:0,itemCount:5e5}}handleSelect(r){const o=this.selectedItems.indexOf(r);o>=0?this.selectedItems.splice(o,1):this.selectedItems.push(r);const a=o<0,{offset:s}=this.state;let{items:l}=this.state;l=[].concat(l);const n=r-s;n>=0&&n<l.length&&(l[n].isSelected=a),this.setState({items:l})}handleViewportChange(r,o){const{itemCount:a}=this.state,s=o-r+1,l=Math.max(0,r-s),n=Math.min(o+s,a),i=[];for(let h=l;h<=n&&h<=a;h+=1){const d=`Item ${h}`,m=this.selectedItems.indexOf(h)>=0;i.push({value:d,isSelected:m})}const c=l;this.setState({offset:c,items:i})}render(){const{offset:r,items:o,itemCount:a}=this.state;return e.jsx(qo,{itemCount:a,items:o,offset:r,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}class fr extends u.PureComponent{static defaultProps;static propTypes;constructor(r){super(r),this.handleSelect=this.handleSelect.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.selectedItems=[],this.state={items:[],offset:0,itemCount:5e5}}handleSelect(r){const{itemCount:o}=this.state;console.log("Item selected at index",r,"/",o)}handleViewportChange(r,o){const{itemCount:a}=this.state,s=o-r+1,l=Math.max(0,r-s),n=Math.min(o+s,a),i=[];for(let h=l;h<=n;h+=1){const d=`Item ${h}`,m=this.selectedItems.indexOf(h)>=0;i.push({value:d,isSelected:m})}const c=l;this.setState({offset:c,items:i})}render(){const{isMultiSelect:r}=this.props,{offset:o,items:a,itemCount:s}=this.state;return e.jsx(To,{isMultiSelect:r,itemCount:s,items:a,offset:o,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}function Qt(){return e.jsxs("div",{...p("item-list-inputs",["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(Xt,{})})]})}),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(fr,{})})]})}),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(fr,{isMultiSelect:!0})})]})})]})]})}function Jt(){const[t,r]=u.useState(0),[o,a]=u.useState(!0),s=()=>{r(0)};function l(n){return e.jsxs(me.Fragment,{children:[e.jsxs(f,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{r(n)},children:[n," ",n>1?"Actions":"Action"]}),e.jsx(ko,{isOpen:t===n,headerText:"Header Text",bodyText:"This is where the body text goes",onConfirm:s,onCancel:n>=2?s:void 0,onDiscard:n>=3?s:void 0})]},n)}return e.jsxs("div",{...p("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:o,onChange:()=>a(!o),children:"Checked checkbox"})]}),e.jsxs("div",{className:"modal-footer",children:[e.jsx(f,{kind:"secondary","data-dismiss":"modal",onClick:()=>{},children:"Close"}),e.jsx(f,{kind:"primary",onClick:()=>{},children:"Save changes"})]})]})})})]})}function ea(){return e.jsxs("div",{...p("progress"),children:[e.jsx("h2",{className:"ui-title",children:"Progress"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Determinate Progress Loader"}),e.jsx("br",{}),e.jsx("div",{className:"progress",style:{marginBottom:"1rem"},children:e.jsx("div",{className:"progress-bar bg-primary",style:{width:"25%"},"aria-valuenow":25,"aria-valuemin":0,"aria-valuemax":100})})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Indeterminate Progress Spinner"}),e.jsx(Ge,{className:"loading-spinner-large"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Button Progress Spinner"}),e.jsx(f,{kind:"primary",className:"btn-spinner btn-cancelable",style:{minWidth:"10rem"},onClick:()=>{},children:e.jsxs("span",{children:[e.jsx(Ge,{className:"mr-2 loading-spinner-vertical-align"}),e.jsx("span",{className:"btn-normal-content",children:"Connecting"}),e.jsx("span",{className:"btn-hover-content",children:"Cancel"})]})})]})]})]})}class ra extends u.PureComponent{constructor(r){super(r),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(r){const{startTime:o,endTime:a}=r;this.setState({startTime:o}),this.setState({endTime:a})}render(){const{startTime:r,endTime:o,initialStartTime:a,initialEndTime:s}=this.state,l=r!==a,n=o!==s;return e.jsxs("div",{...p("time-slider-inputs",["style-guide-inputs"]),children:[e.jsx("h2",{className:"ui-title",children:"Time Slider"}),e.jsx(Vo,{startTime:r,endTime:o,isStartModified:l,isEndModified:n,onChange:this.handleSliderChange}),e.jsxs("p",{style:l?{color:"var(--dh-color-modified)"}:{},children:["StartTime: ",nr.formatTime(r)]}),e.jsxs("p",{style:n?{color:"var(--dh-color-modified)"}:{},children:["EndTime: ",nr.formatTime(o)]})]})}}function oa(){const r=[Ke,qe].map(o=>e.jsx(w,{icon:o},`${o.prefix}-${o.iconName}`));return e.jsxs("div",{...p("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(te,{children:"Text only content"})]}),e.jsxs("div",{className:"btn btn-secondary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Complex Tooltip",e.jsxs(te,{children:[e.jsxs("div",{children:["Here is some ",e.jsx("i",{children:"cool"})," ",e.jsx("b",{children:"text"})]}),e.jsx("hr",{}),e.jsx("div",{children:"And some icons down here"}),e.jsxs("div",{children:[e.jsx(Ge,{className:"loading-spinner-vertical-align"}),r]})]})]}),e.jsxs("div",{className:"btn btn-success",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Interactive Tooltip",e.jsxs(te,{interactive:!0,children:[e.jsx("div",{children:"This tooltip is interactive."}),e.jsx("hr",{}),e.jsx(f,{kind:"primary",onClick:()=>{alert("Button clicked!")},children:"Show Alert"})]})]})]})}function ta(){return e.jsxs("div",{...p("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 aa extends u.PureComponent{static propTypes;static defaultProps;constructor(r){super(r),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.itemList=me.createRef(),this.selectedItems=[],this.state={topRow:null,bottomRow:null}}focusItem(r){this.itemList.current&&this.itemList.current.focusItem(r)}handleSelectionChange(r){console.log("Selection changed",r);const{onSelectionChange:o}=this.props;o(r)}handleViewportChange(r,o){const{items:a}=this.props,s=o-r+1,l=Math.max(0,r-s),n=Math.min(o+s,a.length);this.setState({topRow:l,bottomRow:n})}getViewportItems=Tr((r,o,a)=>r==null||o==null?[]:a.slice(r,o));render(){const{draggablePrefix:r,droppableId:o,isDragDisabled:a,isDropDisabled:s,isMultiSelect:l,items:n,selectedRanges:i}=this.props,{topRow:c,bottomRow:h}=this.state;return e.jsx(ce,{draggablePrefix:r,droppableId:o,isDragDisabled:a,isDropDisabled:s,isMultiSelect:l,itemCount:n.length,items:this.getViewportItems(c,h,n),offset:c??0,onSelectionChange:this.handleSelectionChange,onViewportChange:this.handleViewportChange,ref:this.itemList,selectedRanges:i})}}const Pe=["Draggable Only","Drag and Drop","Droppable Only"],sa=[{isDropDisabled:!0},{},{isDragDisabled:!0}],la=(t="Item",r=1e3)=>{const o=[];for(let a=0;a<r;a+=1)o.push(`${t}-${a}`);return o};class we extends u.Component{static handleDragStart(r){console.log("handleDragStart",r)}static handleDragUpdate(r){console.log("handleDragUpdate",r)}constructor(r){super(r),this.handleDragEnd=this.handleDragEnd.bind(this),this.animationFrame=null;const o=[],a=[],s=[];for(let l=0;l<Pe.length;l+=1)o[l]=la(Pe[l]),a[l]=[],s[l]=me.createRef();this.state={items:o,lists:s,selectedRanges:a}}componentWillUnmount(){this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame)}handleDragEnd(r){console.log("handleDragEnd",r);const{source:o,destination:a}=r;if(o==null||a==null)return;const s=ce.getDraggableIndex(o.droppableId),l=ce.getDraggableIndex(a.droppableId),n=s===l;let i=a.index;n&&o.index<a.index&&(i+=1);let c=i;this.setState(({items:h,selectedRanges:d})=>{const m=[...h[s]],g=n?m:[...h[l]],v=hr.reorder(m,d[s],g,i),b=[...h];b[s]=m,b[l]=g,c=n?hr.adjustDestinationIndex(i,d[l]):i;const C=[...d];return C[s]=[],C[l]=[[c,c+v.length-1]],{items:b,selectedRanges:C}},()=>{this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame(()=>{this.animationFrame=null;const{lists:h}=this.state;h[l]?.current?.focusItem(c)})})}handleSelectionChange(r,o){this.setState(({selectedRanges:a})=>{const s=[...a];return s[r]=[...o],{selectedRanges:s}})}getSelectionChangeHandler=Je(r=>this.handleSelectionChange.bind(this,r));getDraggableList=Je((r,o,a,s)=>e.jsx(aa,{items:r,droppableId:ce.getDraggableId("drop-list",s),draggablePrefix:ce.getDraggableId("draggable-item",s),onSelectionChange:this.getSelectionChangeHandler(s),isMultiSelect:!0,ref:a,selectedRanges:o,...sa[s]}));render(){const{items:r,lists:o,selectedRanges:a}=this.state;return e.jsxs("div",{...p("draggable-lists",["style-guide-inputs"]),children:[e.jsx("h2",{className:"ui-title",children:"Drag and Drop Lists"}),e.jsx("div",{className:"row",children:e.jsx(Ur,{onDragStart:we.handleDragStart,onDragUpdate:we.handleDragUpdate,onDragEnd:this.handleDragEnd,children:Pe.map((s,l)=>e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsxs("h5",{children:[s," List"]}),e.jsx("div",{style:{height:"300px"},children:this.getDraggableList(r[l],a[l],o[l],l)})]})},s))})})]})}}function br({count:t=5,activeKey:r=""}){const[o,a]=u.useState(r),[s,l]=u.useState(()=>{const d=[];for(let m=0;m<t;m+=1)d.push({key:`${m}`,title:`Tab ${m}`,isClosable:m>0});return d}),n=u.useCallback((d,m)=>{l(g=>{const v=[...g],[b]=v.splice(d,1);return v.splice(m,0,b),v})},[]),i=u.useCallback(d=>{a(d)},[]),c=u.useCallback(d=>{l(m=>m.filter(g=>g.key!==d))},[]),h=u.useCallback(d=>[{title:"Select Tab to the Left",group:10,order:10,disabled:s[0].key===d.key,action:()=>{const m=s.findIndex(g=>g.key===d.key);m>0&&a(s[m-1].key)}},{title:"Select Tab to the Right",group:30,order:10,disabled:s[s.length-1].key===d.key,action:()=>{const m=s.findIndex(g=>g.key===d.key);m<s.length-1&&a(s[m+1].key)}}],[s]);return e.jsx(Xo,{tabs:s,activeKey:o,onSelect:i,onReorder:n,onClose:c,makeContextActions:h})}let jr=0;function na(){const t=jr;return jr+=1,t}const ia=Lr(25);function Le(t=1,r=5){const o=Number(ia.next().value);return Math.floor(o*r)+t}function _e(t,r=na()){return{id:r,type:t}}function yr(t=Le(),r=Le(),o=Le()){const a=[];for(let s=0;s<t;s+=1)a.push(_e("SUBMENU"));for(let s=0;s<r;s+=1)a.push(_e("PAGE"));for(let s=0;s<o;s+=1)a.push(_e("SWITCH"));return a}function Be({type:t,id:r}){switch(t){case"SUBMENU":return`Submenu ${r}`;case"PAGE":return`Page ${r}`;case"SWITCH":return`Switch ${r}`}}function ca({type:t}){switch(t){case"SUBMENU":return go;case"PAGE":return mo;case"SWITCH":return W}}function da(){const[t,r]=u.useState([]),[o,a]=u.useState(new Map),s=u.useCallback(d=>{r([...t,d])},[t,r]),l=u.useCallback(()=>{const d=[...t];d.pop(),r(d)},[t,r]),n=u.useCallback(()=>{const d=[t[0]];r(d)},[t,r]),i=u.useCallback(d=>{const m=o.get(d)??!1,g=new Map(o);g.set(d,!m),a(g)},[o,a]),c=u.useCallback(d=>{const m=t[t.length-1],{items:g}=m;if(!g)throw new Error("Navigation handleSelect triggered without items to select");const v=g[d];switch(v.type){case"PAGE":s({title:Be(v)});break;case"SUBMENU":s({title:Be(v),items:yr()});break;case"SWITCH":i(v.id);break}},[t,i,s]);u.useEffect(function(){r([{title:"Navigation Menu",items:yr()}])},[]);const h=u.useMemo(()=>t.map(({items:d,title:m},g)=>{if(!d)return e.jsx(dr,{onBack:l,onClose:n,title:m,children:e.jsx("div",{children:"Page content!"})},m);let v=null;if(d!=null){const b=d.map(C=>{const G=Be(C),le=ca(C);let H,K;return C.type==="SWITCH"&&(H=o.get(C.id)??!1,K=()=>{c(C.id)}),{title:G,icon:le,isOn:H,onChange:K}});v=e.jsx(Yo,{onSelect:c,items:b})}else v=e.jsx("div",{children:"Page content"});return e.jsx(dr,{onBack:g>0?l:void 0,onClose:g>0?n:void 0,title:m,children:v},m)}),[t,o,c,l,n]);return e.jsxs("div",{...p("navigations"),children:[e.jsx("h2",{className:"ui-title",children:"Navigations"}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(br,{count:100,activeKey:"15"})}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(br,{})}),e.jsx("div",{className:"navigations",children:e.jsx(Ko,{children:h})})]})}const ha=`: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}
+`,ua=`:root{--dh-color-bg: var(--dh-color-black);--dh-color-content-bg: var(--dh-color-gray-100);--dh-color-subdued-content-bg: var(--dh-color-gray-75);--dh-color-surface-bg: var(--dh-color-gray-200);--dh-color-fg: var(--dh-color-white);--dh-color-border: var(--dh-color-gray-500);--dh-color-hover-border: var(--dh-color-gray-600);--dh-color-border-focus: var(--dh-color-accent-800);--dh-color-disabled-bg: var(--dh-color-gray-300);--dh-color-scrollbar: var(--dh-color-fg);--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-600);--dh-color-text-highlight: color-mix( in srgb, var(--dh-color-blue-700) 30%, transparent );--dh-color-text-hover: var(--dh-color-gray-900);--dh-color-contrast-dark: var(--dh-color-gray-50);--dh-color-contrast-light: var(--dh-color-gray-900);--dh-color-accent-100: var(--dh-color-blue-100);--dh-color-accent-200: var(--dh-color-blue-200);--dh-color-accent-300: var(--dh-color-blue-300);--dh-color-accent-400: var(--dh-color-blue-400);--dh-color-accent-500: var(--dh-color-blue-500);--dh-color-accent-600: var(--dh-color-blue-600);--dh-color-accent-700: var(--dh-color-blue-700);--dh-color-accent-800: var(--dh-color-blue-800);--dh-color-accent-900: var(--dh-color-blue-900);--dh-color-accent-1000: var(--dh-color-blue-1000);--dh-color-accent-1100: var(--dh-color-blue-1100);--dh-color-accent-1200: var(--dh-color-blue-1200);--dh-color-accent-1300: var(--dh-color-blue-1300);--dh-color-accent-1400: var(--dh-color-blue-1400);--dh-color-accent: var(--dh-color-accent-600);--dh-color-accent-bg: var(--dh-color-accent);--dh-color-accent-hover-bg: var(--dh-color-accent-500);--dh-color-accent-down-bg: var(--dh-color-accent-400);--dh-color-accent-key-focus-bg: var(--dh-color-accent-500);--dh-color-accent-contrast: var(--dh-color-contrast-light);--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-red-bg: var(--dh-color-red-700);--dh-color-orange-bg: var(--dh-color-orange-800);--dh-color-yellow-bg: var(--dh-color-yellow-1000);--dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-celery-bg: var(--dh-color-celery-800);--dh-color-green-bg: var(--dh-color-green-700);--dh-color-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-cyan-bg: var(--dh-color-cyan-700);--dh-color-blue-bg: var(--dh-color-blue-700);--dh-color-indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-visual-gray: var(--dh-color-gray-600);--dh-color-visual-red: var(--dh-color-red-800);--dh-color-visual-orange: var(--dh-color-orange-900);--dh-color-visual-yellow: var(--dh-color-yellow-1200);--dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);--dh-color-visual-celery: var(--dh-color-celery-1000);--dh-color-visual-green: var(--dh-color-green-1100);--dh-color-visual-seafoam: var(--dh-color-seafoam-1100);--dh-color-visual-cyan: var(--dh-color-cyan-1100);--dh-color-visual-blue: var(--dh-color-blue-600);--dh-color-visual-indigo: var(--dh-color-indigo-900);--dh-color-visual-purple: var(--dh-color-purple-1100);--dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);--dh-color-visual-magenta: var(--dh-color-magenta-900);--dh-color-visual-positive: var(--dh-color-green-1200);--dh-color-visual-negative: var(--dh-color-red-800);--dh-color-visual-notice: var(--dh-color-yellow-1200);--dh-color-visual-info: var(--dh-color-cyan-1100);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: color-mix( in srgb, var(--dh-color-visual-gray) 20%, transparent );--dh-color-highlight-hover: color-mix( in srgb, var(--dh-color-visual-gray) 18%, transparent );--dh-color-highlight-invalid: color-mix( in srgb, var(--dh-color-visual-red) 15%, transparent );--dh-color-highlight-selected: color-mix( in srgb, var(--dh-color-accent) 9%, transparent );--dh-color-highlight-selected-hover: color-mix( in srgb, var(--dh-color-accent) 15%, transparent );--dh-color-keyboard-selected-bg: color-mix( in srgb, var(--dh-color-accent) 50%, transparent );--dh-color-dropshadow: color-mix( in srgb, var(--dh-color-true-black) 80%, transparent );--dh-color-overlay-modal-bg: color-mix( in srgb, var(--dh-color-visual-gray) 60%, transparent );--dh-color-overlay-hover-bg: color-mix( in srgb, var(--dh-color-visual-gray) 8%, transparent );--dh-color-negative: var(--dh-color-red-600);--dh-color-negative-bg: var(--dh-color-negative);--dh-color-negative-hover-bg: var(--dh-color-red-500);--dh-color-negative-down-bg: var(--dh-color-red-400);--dh-color-negative-key-focus-bg: var(--dh-color-red-500);--dh-color-negative-contrast: var(--dh-color-contrast-light);--dh-color-neutral: var(--dh-color-gray-500);--dh-color-neutral-bg: var(--dh-color-neutral);--dh-color-neutral-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-down-bg: var(--dh-color-gray-200);--dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);--dh-color-neutral-contrast: var(--dh-color-contrast-light);--dh-color-neutral-subdued-bg: var(--dh-color-gray-400);--dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive: var(--dh-color-green-900);--dh-color-positive-bg: var(--dh-color-positive);--dh-color-positive-hover-bg: var(--dh-color-green-800);--dh-color-positive-down-bg: var(--dh-color-green-700);--dh-color-positive-key-focus-bg: var(--dh-color-green-800);--dh-color-positive-contrast: var(--dh-color-contrast-dark);--dh-color-info: var(--dh-color-indigo-900);--dh-color-info-bg: var(--dh-color-info);--dh-color-info-hover-bg: var(--dh-color-indigo-800);--dh-color-info-down-bg: var(--dh-color-indigo-700);--dh-color-info-key-focus-bg: var(--dh-color-indigo-800);--dh-color-info-contrast: var(--dh-color-contrast-dark);--dh-color-notice: var(--dh-color-yellow-1000);--dh-color-notice-bg: var(--dh-color-notice);--dh-color-notice-hover-bg: var(--dh-color-yellow-900);--dh-color-notice-down-bg: var(--dh-color-yellow-800);--dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);--dh-color-notice-contrast: var(--dh-color-contrast-dark);--dh-color-modified: var(--dh-color-yellow-1300)}
+`,ma=`: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)}
+`,ga=`:root{--dh-color-editor-bg: var(--dh-color-content-bg);--dh-color-editor-fg: var(--dh-color-gray-900);--dh-color-editor-error-fg: var(--dh-color-visual-red);--dh-color-editor-line-number-fg: var(--dh-color-gray-600);--dh-color-editor-line-number-active-fg: var(--dh-color-gray-800);--dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);--dh-color-editor-selection-bg: var(--dh-color-text-highlight);--dh-color-editor-inactive-selection-bg: var(--dh-color-gray-300);--dh-color-editor-selection-highlight-bg: var(--dh-color-gray-500);--dh-color-editor-word-highlight-bg: var(--dh-color-gray-500);--dh-color-editor-comment: var(--dh-color-gray-700);--dh-color-editor-delimiter: var(--dh-color-gray-700);--dh-color-editor-identifier-js: var(--dh-color-visual-yellow);--dh-color-editor-identifier-namespace: var(--dh-color-visual-red);--dh-color-editor-identifier: var(--dh-color-gray-900);--dh-color-editor-keyword: var(--dh-color-visual-cyan);--dh-color-editor-number: var(--dh-color-visual-purple);--dh-color-editor-operator: var(--dh-color-visual-red);--dh-color-editor-predefined: var(--dh-color-visual-green);--dh-color-editor-storage: var(--dh-color-visual-red);--dh-color-editor-string-delim: var(--dh-color-gray-700);--dh-color-editor-string: var(--dh-color-visual-yellow);--dh-color-editor-bracket-fg1: var(--dh-color-visual-yellow);--dh-color-editor-bracket-fg2: var(--dh-color-visual-purple);--dh-color-editor-bracket-fg3: var(--dh-color-visual-blue);--dh-color-editor-bracket-fg4: var(--dh-color-visual-yellow);--dh-color-editor-bracket-fg5: var(--dh-color-visual-purple);--dh-color-editor-bracket-fg6: var(--dh-color-visual-blue);--dh-color-editor-unexpected-bracket-fg: var(--dh-color-visual-negative);--dh-color-editor-focus-border: var(--dh-color-focus-border);--dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);--dh-color-editor-input-bg: var(--dh-color-bg);--dh-color-editor-input-fg: var(--dh-color-text);--dh-color-editor-input-border: var(--dh-color-border);--dh-color-editor-context-menu-bg: var(--dh-color-gray-300);--dh-color-editor-context-menu-fg: var(--dh-color-text);--dh-color-editor-menu-selection-bg: var(--dh-color-highlight-hover);--dh-color-editor-menu-selection-fg: var(--dh-color-text);--dh-color-editor-log-date: var(--dh-color-gray-700);--dh-color-editor-log-error: var(--dh-color-visual-red);--dh-color-editor-log-info: var(--dh-color-visual-cyan);--dh-color-editor-log-stdout: var(--dh-color-gray-900);--dh-color-editor-log-warn: var(--dh-color-visual-yellow);--dh-color-editor-log-debug: var(--dh-color-visual-purple);--dh-color-editor-log-trace: var(--dh-color-visual-green);--dh-color-editor-find-bg: var(--dh-color-gray-200);--dh-color-editor-find-match-bg: var(--dh-color-highlight-selected);--dh-color-editor-find-match-highlight-bg: var( --dh-color-highlight-selected-hover );--dh-color-editor-find-option-active-bg: var(--dh-color-accent-700);--dh-color-editor-find-option-active-fg: var(--dh-color-gray-900);--dh-color-editor-suggest-bg: var(--dh-color-gray-200);--dh-color-editor-suggest-border: var(--dh-color-gray-400);--dh-color-editor-suggest-fg: var(--dh-color-text);--dh-color-editor-suggest-selected-bg: var(--dh-color-highlight-selected);--dh-color-editor-suggest-selected-fg: var(--dh-color-text);--dh-color-editor-suggest-highlight-fg: var(--dh-color-accent-700);--dh-color-editor-suggest-focus-highlight-fg: var(--dh-color-accent-700);--dh-color-editor-suggest-hover-bg: var(--dh-color-highlight-hover);--dh-color-editor-link-foreground: var(--dh-color-accent-1000);--dh-color-editor-link-active-fg: var(--dh-color-accent-1100)}
+`,xa=`: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)}
+`,va=`: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 )}
+`,pa="_themeColorsPalette_1mdfo_1",fa="_swatch_1mdfo_7",ba="_themeColors_1mdfo_1",ja="_label_1mdfo_21",ya="_capitalize_1mdfo_29",z={themeColorsPalette:pa,swatch:fa,themeColors:ba,label:ja,capitalize:ya};function wa(){return{"Theme Color Palette":re("palette",ha,1),"Semantic Colors":re("semantic",ua,1),"Chart Colors":re("chart",ma,2),"Editor Colors":re("editor",ga,2),"Grid Colors":re("grid",xa,2),"Component Colors":re("component",va,1)}}function Ca(){const{selectedThemeKey:t}=$r(),r=u.useMemo(wa,[t]);return e.jsx(e.Fragment,{children:Object.entries(r).map(([o,a],s)=>o==="Theme Color Palette"?e.jsxs("div",{...p(o),children:[e.jsx("h2",{className:"ui-title",children:o}),e.jsx("div",{className:z.themeColorsPalette,children:Object.entries(a).map(([l,n],i)=>e.jsxs(u.Fragment,{children:[(i===0||i===1)&&n.map(({name:c},h)=>e.jsx("div",{style:{gridColumnStart:h+2,textAlign:"center"},className:"mt-3",children:c.split("-").pop()},c)),e.jsx("div",{className:"text-right pr-2",children:l}),n.map(({name:c,value:h})=>e.jsxs("div",{style:{backgroundColor:h,border:h===""&&c.length>0?ze:void 0,color:`var(--dh-color-${de(h)})`},className:q(z.swatch,"px-0"),children:[e.jsxs(te,{interactive:!0,children:[e.jsx("div",{children:c}),e.jsx("div",{children:h}),e.jsx("div",{children:ue.normalizeCssColor(h,!0)})]}),e.jsx(ir,{copy:c,style:{color:`var(--dh-color-${de(h)})`}})]},c))]},l))})]},o):e.jsxs("div",{...p(o),children:[e.jsx("h2",{className:"ui-title",children:o}),e.jsx("div",{className:z.themeColors,children:Object.entries(a).map(([l,n])=>e.jsxs("div",{style:{gridRow:`span ${n.length+1}`},children:[e.jsx("span",{className:q(z.label,z.capitalize),children:l}),n.map(({isLabel:i,name:c,value:h,note:d})=>i===!0?e.jsx("span",{className:z.label,children:c},c):e.jsxs("div",{className:z.swatch,style:{backgroundColor:h,border:h===""&&c.length>0?ze:void 0,color:`var(--dh-color-${de(h)})`},children:[e.jsxs(te,{interactive:!0,children:[e.jsx("div",{children:c}),e.jsx("div",{children:h}),e.jsx("div",{children:ue.normalizeCssColor(h,!0)})]}),e.jsx("span",{children:c.replace("--dh-color-","")}),c.endsWith("-hue")||d!=null?e.jsx("span",{children:d??h}):null,e.jsx(ir,{copy:c,style:{color:`var(--dh-color-${de(h)})`}})]},c))]},l))})]},o))})}const Fe="data-menu-category",Sa="data-no-menu",Ta="sample-section-e2e-ignore",Br="spectrum-component-samples",Fr="spectrum-comparison-samples";function ka(){return e.jsxs("div",{id:Br,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Spectrum Components"}),e.jsxs(P,{gap:20,columns:kr("0px","1fr"),children:[e.jsxs(I,{...N("spectrum-buttons"),children:[e.jsx("h3",{children:"Buttons"}),e.jsx(Na,{})]}),e.jsxs(I,{...N("spectrum-collections"),children:[e.jsx("h3",{children:"Collections"}),e.jsx(Aa,{})]}),e.jsxs(I,{...N("spectrum-content"),children:[e.jsx("h3",{children:"Content"}),e.jsx(Da,{})]}),e.jsxs(I,{...N("spectrum-forms"),children:[e.jsx("h3",{children:"Forms"}),e.jsx(Ea,{})]}),e.jsxs(I,{...N("spectrum-overlays"),children:[e.jsx("h3",{children:"Overlays"}),e.jsxs(S,{gap:"size-160",children:[e.jsx(Ia,{}),e.jsxs(Gr,{children:[e.jsx(L,{children:"Dialog Trigger"}),t=>e.jsxs(Hr,{children:[e.jsx(Ye,{children:"Some Heading"}),e.jsx(zr,{children:"Some Header"}),e.jsx(Wr,{}),e.jsx(We,{children:e.jsx(y,{children:"Are you sure?"})}),e.jsxs(qr,{children:[e.jsx(j,{variant:"secondary",onPress:t,children:"Cancel"}),e.jsx(j,{variant:"accent",onPress:t,children:"Confirm"})]})]})]})]})]}),e.jsxs(I,{...N("spectrum-well"),children:[e.jsx("h3",{children:"Wells"}),e.jsx(Kr,{children:"This is a well."})]})]})]})}function Na(){return e.jsxs(e.Fragment,{children:[e.jsxs(L,{marginBottom:"size-200",children:[e.jsx(B,{children:e.jsx(w,{icon:W})}),e.jsx(y,{children:"Icon Button"})]}),e.jsxs(P,{autoFlow:"column",columnGap:"size-250",rowGap:"size-150",columns:Ve(4,kr(0,"size-2000")),rows:Ve(8,"size-400"),children:[e.jsx("label",{children:'Button style="outline"'}),e.jsx(j,{variant:"primary",style:"outline",children:"Primary"}),e.jsx(j,{variant:"secondary",style:"outline",children:"Secondary"}),e.jsx(j,{variant:"accent",style:"outline",children:"Accent"}),e.jsx(j,{variant:"negative",style:"outline",children:"Negative"}),e.jsx(j,{variant:"primary",staticColor:"black",style:"outline",children:"Static Black"}),e.jsx(j,{variant:"primary",staticColor:"white",style:"outline",children:"Static White"}),e.jsx(j,{variant:"primary",isDisabled:!0,style:"outline",children:"Disabled"}),e.jsx("label",{children:'Button style="fill"'}),e.jsx(j,{variant:"primary",style:"fill",children:"Primary"}),e.jsx(j,{variant:"secondary",style:"fill",children:"Secondary"}),e.jsx(j,{variant:"accent",style:"fill",children:"Accent"}),e.jsx(j,{variant:"negative",style:"fill",children:"Negative"}),e.jsx(j,{variant:"primary",staticColor:"black",style:"fill",children:"Static Black"}),e.jsx(j,{variant:"primary",staticColor:"white",style:"fill",children:"Static White"}),e.jsx(j,{variant:"primary",isDisabled:!0,style:"fill",children:"Disabled"}),e.jsx("label",{children:"Action Button"}),e.jsx(L,{children:"Normal"}),e.jsx(L,{gridRow:"span 3",isQuiet:!0,children:"Quiet"}),e.jsx(L,{staticColor:"black",children:"Static Black"}),e.jsx(L,{staticColor:"white",children:"Static White"}),e.jsx(L,{isDisabled:!0,children:"Disabled"}),e.jsx("label",{children:"Toggle Button"}),e.jsx(Y,{children:"Normal"}),e.jsx(Y,{isQuiet:!0,children:"Quiet"}),e.jsx(Y,{gridRow:"span 2",isEmphasized:!0,children:"Emphasized"}),e.jsx(Y,{staticColor:"black",children:"Static Black"}),e.jsx(Y,{staticColor:"white",children:"Static White"}),e.jsx(Y,{isDisabled:!0,children:"Disabled"})]})]})}function Ia(){return e.jsxs(e.Fragment,{children:[e.jsx(y,{children:"Contextual Help"}),e.jsxs(Yr,{variant:"info",children:[e.jsx(Ye,{children:"Need help?"}),e.jsx(We,{children:e.jsx(y,{children:"This is a helpful description of the thing you need help with."})})]})]})}function Ea(){return e.jsx(Zr,{children:e.jsxs(P,{gap:20,columns:Ve("auto-fit","210px"),alignItems:"end",children:[e.jsx(Oe,{label:"Text Field"}),e.jsxs(Nr,{label:"Combobox",menuTrigger:"focus",defaultSelectedKey:"two",children:[e.jsx(x,{children:"One"},"one"),e.jsx(x,{children:"Two"},"two"),e.jsx(x,{children:"Three"},"three")]}),e.jsx(Ue,{children:"Checkbox"}),e.jsx(Xr,{label:"Slider",defaultValue:24}),e.jsx(Qr,{children:"Switch"})]})})}function Da(){return e.jsxs(Jr,{children:[e.jsx(B,{size:"XL",children:e.jsx(w,{icon:xo})}),e.jsx(Ye,{children:"Illustrated Message"}),e.jsx(We,{children:"This is the content of the message."})]})}function Aa(){return e.jsxs(e.Fragment,{children:[e.jsx("label",{id:"table-view-sample",children:"List View"}),e.jsxs(eo,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",maxWidth:"size-6000",marginBottom:"size-200",children:[e.jsx(x,{children:"One"}),e.jsx(x,{children:"Two"}),e.jsx(x,{children:"Three"}),e.jsx(x,{children:"Four"})]}),e.jsx("label",{id:"table-view-sample",children:"Table View"}),e.jsxs(ro,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",children:[e.jsxs(oo,{children:[e.jsxs(Z,{title:"Person",children:[e.jsx(Z,{allowsResizing:!0,children:"Name"}),e.jsx(Z,{children:"Age"})]}),e.jsxs(Z,{title:"Address",children:[e.jsx(Z,{allowsResizing:!0,children:"City"}),e.jsx(Z,{children:"State"})]})]}),e.jsxs(to,{children:[e.jsxs(Te,{children:[e.jsx(D,{children:"John"}),e.jsx(D,{children:"42"}),e.jsx(D,{children:"San Francisco"}),e.jsx(D,{children:"CA"})]}),e.jsxs(Te,{children:[e.jsx(D,{children:"Jane"}),e.jsx(D,{children:"38"}),e.jsx(D,{children:"San Francisco"}),e.jsx(D,{children:"CA"})]}),e.jsxs(Te,{children:[e.jsx(D,{children:"Becky"}),e.jsx(D,{children:"12"}),e.jsx(D,{children:"San Francisco"}),e.jsx(D,{children:"CA"})]})]})]})]})}function ie(t){return e.jsx("div",{...t})}function Ma(){const[t,r]=u.useState([]);u.useEffect(()=>{let a={category:"",items:[]};const s=[a],l=document.querySelector(`#${Br}`),n=document.querySelector(`#sample-section-${Fr}`);document.querySelectorAll(`h2,h3,[${Fe}]`).forEach(i=>{if(i.textContent==null||i.hasAttribute(Sa))return;if(i.hasAttribute(Fe)){a={category:i.getAttribute(Fe)??"",items:[]},s.push(a);return}const h=`${l?.contains(i)===!0?"spectrum-":n?.contains(i)===!0?"spectrum-compare-":""}${i.textContent}`.toLowerCase().replace(/\s/g,"-");i.id=h,a.items.push({id:h,label:i.textContent})}),r(s)},[]),u.useEffect(()=>{const a=window.location.hash===""?null:document.querySelector(window.location.hash);setTimeout(()=>{a?a.scrollIntoView():window.scrollTo({top:0,behavior:"auto"})},0)},[]);const o=u.useCallback(a=>{const s=String(a);document.getElementById(s)?.scrollIntoView({behavior:"smooth"}),setTimeout(()=>{window.location.hash=s},1e3)},[]);return e.jsxs(ao,{children:[e.jsx(L,{children:e.jsx(B,{children:e.jsx(w,{icon:vo})})}),e.jsx(so,{items:t,onAction:o,children:({category:a,items:s})=>e.jsx(O,{items:s,title:a,children:({id:l,label:n})=>e.jsx(x,{children:n},l)},a)})]})}function $a(){const t=u.useCallback(()=>{window.scrollTo({top:0,behavior:"smooth"}),setTimeout(()=>{window.location.hash=""},500)},[]);return u.useEffect(()=>{const r=document.querySelector("h2")?.offsetTop??0;function o(){document.documentElement.dataset.scroll=String(window.scrollY>=r)}return document.addEventListener("scroll",o,{passive:!0}),()=>{document.removeEventListener("scroll",o)}},[]),e.jsx(j,{UNSAFE_className:"goto-top-button",variant:"accent",onPress:t,children:e.jsx(B,{children:e.jsx(w,{icon:po})})})}const Ra=["Tab 1","Tab 2","Tab 3"];function Pa({isActive:t,title:r}){return e.jsxs("li",{className:q("lm_tab",t&&"lm_active"),children:[e.jsx("span",{className:"lm_title_before"}),e.jsx("span",{className:"lm_title",children:r}),e.jsx("span",{className:"lm_close_tab"})]})}function La(){return e.jsxs("div",{...p("golden-layout"),children:[e.jsx("h2",{className:"ui-title",children:"Golden Layout"}),[!1,!0].map(t=>e.jsxs(me.Fragment,{children:[e.jsx("h5",{children:t?"Minimized":"Maximised"}),e.jsx("div",{style:{position:"relative",border:"none"},className:t?"lm_maximised":void 0,children:e.jsxs("div",{className:"lm_header",children:[e.jsx("ul",{className:"lm_tabs",children:Ra.map((r,o)=>e.jsx(Pa,{isActive:o===0,title:r},r))}),e.jsxs("ul",{className:"lm_controls",children:[e.jsx("li",{className:"lm_tabpreviousbutton"}),e.jsx("li",{className:"lm_tabnextbutton"}),e.jsx("li",{className:"lm_maximise"}),e.jsx("li",{className:"lm_popout"}),e.jsx("li",{className:"lm_tabdropdown"}),e.jsx("li",{className:"lm_close"})]})]})})]},String(t)))]})}function _a(){return e.jsxs("div",{...p("animations",["sample-section-e2e-ignore"]),children:[e.jsx("h2",{className:"ui-title",children:"Animations"}),e.jsx(I,{position:"relative",height:400,children:e.jsx(Oo,{})})]})}const wr=[["primary","accent"],["secondary","primary"],["danger","negative"]],Ba=[{title:"One",value:"1"},{title:"Two",value:"2"},{title:"Three",value:"3"}];function Fa(){const[t,r]=u.useState(!1),[o,a]=u.useState("1"),s=u.useCallback(l=>{a(l.target.value)},[]);return e.jsxs("div",{...p(Fr,[Ta]),children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Bootstrap / Spectrum Comparison"}),e.jsxs(S,{gap:20,wrap:!0,children:[e.jsxs(I,{children:[e.jsx("h3",{children:"Buttons - Filled"}),e.jsxs(P,{gap:20,columns:"repeat(2, 120px)",autoRows:"40x",justifyItems:"start",alignItems:"start",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),wr.map(([l,n])=>e.jsxs(u.Fragment,{children:[e.jsx(f,{onClick:J,kind:l,icon:ar,children:"Button"}),e.jsxs(j,{variant:n,style:"fill",children:[e.jsx(B,{children:e.jsx(w,{icon:ar})}),e.jsx(y,{children:"Button"})]})]},l)),e.jsx(f,{onClick:J,kind:"primary",disabled:!0,children:"Disabled"}),e.jsx(j,{variant:"accent",style:"fill",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(I,{children:[e.jsx("h3",{children:"Buttons - Outline"}),e.jsxs(P,{gap:20,columns:"repeat(2, 120px)",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),wr.map(([l,n])=>e.jsxs(u.Fragment,{children:[e.jsx(f,{onClick:J,kind:l,children:l}),e.jsx(j,{variant:n,style:"outline",children:n})]},l)),e.jsx(f,{onClick:J,kind:"secondary",disabled:!0,children:"Disabled"}),e.jsx(j,{variant:"primary",style:"outline",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(I,{children:[e.jsx("h3",{children:"Action Buttons"}),e.jsxs(P,{gap:20,columns:"repeat(2, 120px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsx(f,{onClick:J,kind:"inline",children:"Inline"}),e.jsx(L,{children:"Action"}),e.jsx(f,{onClick:J,kind:"inline",disabled:!0,children:"Disabled"}),e.jsx(L,{isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(I,{children:[e.jsx("h3",{children:"Pickers"}),e.jsxs(P,{gap:20,columns:"repeat(2, 192px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),[!1,!0].map(l=>e.jsxs(u.Fragment,{children:[e.jsxs("div",{children:[e.jsxs("label",{className:"input-label",children:[l?"Disabled ":"","Combobox"]}),e.jsx(He,{disabled:l,options:Ba,defaultValue:"One"})]}),e.jsxs(Nr,{isDisabled:l,label:l?"Disabled Combobox":"Combobox",inputValue:"One",children:[e.jsx(x,{children:"One"},"1"),e.jsx(x,{children:"Two"},"2"),e.jsx(x,{children:"Three"},"3")]})]},String(l))),[!1,!0].map(l=>e.jsxs(u.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"Select"}),e.jsxs(je,{disabled:l,placeholder:"Select",onChange:n=>{},className:"custom-select",children:[e.jsxs("option",{disabled:!0,value:"0",children:[l?"":"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(lo,{isDisabled:l,label:l?"Disabled Picker":"Picker",placeholder:"Picker",children:[e.jsx(x,{children:"One"},"1"),e.jsx(x,{children:"Two"},"2"),e.jsx(x,{children:"Three"},"3")]})]},String(l)))]})]}),e.jsxs(I,{children:[e.jsx("h3",{children:"Text Field"}),e.jsxs(P,{gap:20,columns:"repeat(2, 192px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"type=text"}),e.jsx("input",{type:"text",className:"form-control",placeholder:"Text Input"})]}),e.jsx(Oe,{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(Oe,{type:"text",label:"Disabled",isDisabled:!0,value:"Disabled"})]})]}),e.jsxs(I,{children:[e.jsx("h3",{children:"Checkbox"}),e.jsxs(P,{gap:20,columns:"repeat(2, 120px)",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsx(_,{className:"form-group",checked:t,onChange:()=>r(l=>!l),children:"Checkbox"}),e.jsx(Ue,{children:"Checkbox"}),e.jsx(_,{className:"form-group",disabled:!0,checked:t,onChange:()=>r(l=>!l),children:"Disabled"}),e.jsx(Ue,{isDisabled:!0,children:"Disabled"}),e.jsx(S,{direction:"column",children:e.jsxs("label",{children:["Radio Group",e.jsxs(Ar,{onChange:s,value:o,children:[e.jsx(U,{value:"1",children:"One"}),e.jsx(U,{value:"2",children:"Two"}),e.jsx(U,{value:"3",children:"Three"})]})]})}),e.jsxs(no,{label:"Radio Group",value:o,onChange:a,children:[e.jsx(ke,{value:"1",children:"One"}),e.jsx(ke,{value:"2",children:"Two"}),e.jsx(ke,{value:"3",children:"Three"})]})]})]})]})]})}const Cr=[...Pr(52)],Vr=[...ge(0,51)],Va=[...ge(52,103)],Oa=[...ge(104,155)],Ua=[...ge(156,207)],Ga=[...ge(208,259)],Ha=["String 1","String 2","String 3","","Some really long text that should get truncated",444,999,!0,!1,...Vr.map((t,r)=>r%5>0?t:u.cloneElement(t,{...t.props,children:[e.jsx(he,{},`icon-${t.props.children}`),e.jsx(y,{children:t.props.children},`label-${t.props.children}`)]}))];function he(){return e.jsx(B,{children:e.jsx(w,{icon:Er})})}function za(){const[t,r]=u.useState(null),o=u.useCallback(async()=>Uo({keyedItems:Cr,itemHeight:No.medium,selectedKey:t,topOffset:Io}),[t]),a=u.useCallback(s=>{r(s)},[]);return e.jsxs("div",{...p("pickers"),children:[e.jsx("h2",{className:"ui-title",children:"Pickers"}),e.jsxs(S,{gap:14,children:[e.jsx(Ie,{label:"Single Child",tooltip:{placement:"bottom-end"},children:e.jsx(x,{textValue:"Aaa",children:"Aaa"})}),e.jsx(Ie,{label:"Mixed Children Types",defaultSelectedKey:"999",tooltip:!0,children:Ha}),e.jsxs(Ie,{label:"Sections",tooltip:!0,children:["String 1","String 2","String 3",e.jsxs(O,{title:"Section",children:[e.jsx(x,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(x,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(x,{textValue:"Complex Ccc",children:[e.jsx(he,{}),e.jsx(y,{children:"Complex Ccc"})]})]}),e.jsxs(O,{children:[e.jsx(x,{textValue:"Item Ddd",children:"Item Ddd"}),e.jsx(x,{textValue:"Item Eee",children:"Item Eee"}),e.jsxs(x,{textValue:"Complex Fff",children:[e.jsx(he,{}),e.jsx(y,{children:"Complex Fff"})]}),e.jsxs(x,{textValue:"Ggg",children:[e.jsx(he,{}),e.jsx(y,{children:"Label"}),e.jsx(y,{slot:"description",children:"Description"})]}),e.jsxs(x,{textValue:"Hhh",children:[e.jsx(he,{}),e.jsx(y,{children:"Label that causes overflow"}),e.jsx(y,{slot:"description",children:"Description that causes overflow"})]})]},"Key B"),e.jsx(O,{title:"Section A",children:Vr}),e.jsx(O,{title:"Section B",children:Va}),e.jsx(O,{children:Oa},"Section C"),e.jsx(O,{children:Ua},"Section D"),e.jsx(O,{title:"Section E",children:Ga})]}),e.jsx(Go,{label:"Controlled",getInitialScrollPosition:o,normalizedItems:Cr,selectedKey:t,onChange:a})]})]})}const Wa=[...Pr(52)];function fe(){return e.jsx(B,{slot:"illustration",children:e.jsx(w,{icon:fo})})}function qa(){const[t,r]=u.useState([]),o=u.useCallback(a=>{r(a)},[]);return e.jsxs("div",{...p("list-views"),children:[e.jsx("h2",{className:"ui-title",children:"List View"}),e.jsxs(P,{columnGap:14,height:"size-6000",children:[e.jsx(y,{children:"Single Child"}),e.jsx(pe,{density:"compact",gridRow:"2","aria-label":"Single Child",selectionMode:"multiple",children:e.jsx(x,{children:"Aaa"})}),e.jsx("label",{children:"Icons"}),e.jsxs(pe,{gridRow:"2","aria-label":"Icon",density:"compact",selectionMode:"multiple",children:[e.jsxs(x,{textValue:"Item with icon A",children:[e.jsx(fe,{}),e.jsx(y,{children:"Item with icon A"})]}),e.jsxs(x,{textValue:"Item with icon B",children:[e.jsx(fe,{}),e.jsx(y,{children:"Item with icon B"})]}),e.jsxs(x,{textValue:"Item with icon C",children:[e.jsx(fe,{}),e.jsx(y,{children:"Item with icon C"})]}),e.jsxs(x,{textValue:"Item with icon D",children:[e.jsx(fe,{}),e.jsx(y,{children:"Item with icon D with overflowing content"})]})]}),e.jsx("label",{children:"Mixed Children Types"}),e.jsxs(pe,{gridRow:"2","aria-label":"Mixed Children Types",density:"compact",maxWidth:"size-2400",selectionMode:"multiple",defaultSelectedKeys:[999,444],children:["String 1","String 2","String 3","","Some really long text that should get truncated",444,999,!0,!1,e.jsx(x,{children:"Item Aaa"}),e.jsx(x,{children:"Item Bbb"}),e.jsxs(x,{textValue:"Complex Ccc",children:[e.jsx(B,{slot:"image",children:e.jsx(w,{icon:Er})}),e.jsx(y,{children:"Complex Ccc with text that should be truncated"})]})]}),e.jsx("label",{children:"Controlled"}),e.jsx(pe,{gridRow:"2","aria-label":"Controlled",selectionMode:"multiple",selectedKeys:t,onChange:o,children:Wa})]})]})}function Ka(){const t={maxHeight:500,display:"flex",flexDirection:"column",maxWidth:400},r="This is a short error message",o=`Mid length error message
+`.repeat(10),a=`Really long error message
+`.repeat(100),s="MidError",l="SuperLongErrorMessageType";return e.jsxs("div",{...p("error-views"),children:[e.jsx("h2",{className:"ui-title",title:"Display error messages easily",children:"Error Views"}),e.jsx("h3",{children:"Expandable"}),e.jsxs("div",{className:"row",style:{maxHeight:500},children:[e.jsx("div",{className:"col",style:t,children:e.jsx(ee,{message:r})}),e.jsx("div",{className:"col",style:t,children:e.jsx(ee,{message:o,type:s})}),e.jsx("div",{className:"col",style:t,children:e.jsx(ee,{message:a,type:l})})]}),e.jsx("h3",{children:"Always expanded"}),e.jsxs("div",{className:"row",style:{maxHeight:500},children:[e.jsx("div",{className:"col",style:t,children:e.jsx(ee,{message:r,isExpanded:!0})}),e.jsx("div",{className:"col",style:t,children:e.jsx(ee,{message:o,type:s,isExpanded:!0})}),e.jsx("div",{className:"col",style:t,children:e.jsx(ee,{message:a,type:l,isExpanded:!0})})]})]})}const Sr={position:"sticky",justifyContent:"end",zIndex:1,UNSAFE_style:{float:"right"}};function Ya(){const t=window.location.search.includes("isolateSection=true"),{themes:r}=$r(),o=r.length>1;return e.jsx("div",{tabIndex:-1,role:"main",children:e.jsxs("div",{className:"container style-guide-container",children:[t&&e.jsx("style",{children:`.${Me}, .sample-section:not(${window.location.hash}), :not(.sample-section) > h2 {
           display: none;
-        }`}),e.jsx(S,{justifyContent:"space-between",alignItems:"center",marginTop:"2rem",marginBottom:"1rem",children:e.jsx("h1",{style:{paddingTop:"2rem"},children:"Deephaven UI Components"})}),e.jsxs(S,{...Cr,UNSAFE_className:Ae,marginTop:-56,top:20,gap:10,alignItems:"end",children:[o?e.jsx(Xo,{}):null,e.jsx(Aa,{})]}),e.jsx(S,{...Cr,UNSAFE_className:Ae,top:"calc(100vh - 40px)",marginTop:-32,marginEnd:o?-234:0,children:e.jsx($a,{})}),e.jsx(oa,{}),e.jsx(ne,{"data-menu-category":"Colors"}),e.jsx(Et,{}),e.jsx(wa,{}),e.jsx(ne,{"data-menu-category":"Layout"}),e.jsx(Pa,{}),e.jsx(ne,{"data-menu-category":"Components"}),e.jsx(re,{}),e.jsx(Jt,{}),e.jsx(Yt,{}),e.jsx(Wa,{}),e.jsx(Ha,{}),e.jsx(Xt,{}),e.jsx(ye,{}),e.jsx(ea,{}),e.jsx($t,{}),e.jsx(Qt,{}),e.jsx(At,{}),e.jsx(Mt,{}),e.jsx(ca,{}),e.jsx(ra,{}),e.jsx(Kt,{}),e.jsx(Lt,{}),e.jsx(Ht,{}),e.jsx(St,{}),e.jsx(Io,{}),e.jsx(La,{}),e.jsx(ne,{"data-menu-category":"Spectrum Components"}),e.jsx(Ta,{}),e.jsx(ne,{"data-menu-category":"Spectrum Comparison"}),e.jsx(Ba,{})]})})}function Xe(a){const{workspace:r,setWorkspace:o}=a;return u.useEffect(()=>{Qo.makeDefaultWorkspace({getLayouts:async()=>[],getLayout:async()=>({})}).then(o)},[o]),r!=null?e.jsx(Ka,{}):null}Xe.propTypes={workspace:je.shape({}),setWorkspace:je.func.isRequired};Xe.defaultProps={workspace:null};const qa=a=>({workspace:Eo(a)}),Ya=no(qa,{setWorkspace:Do})(Xe);function il(){return Yo.register(new URL("./download/serviceWorker.js",window.location.href)),Ao.init({getWorker:()=>new fo}),window["__react-beautiful-dnd-disable-dev-warnings"]=!0,e.jsx(Go,{children:e.jsx(io,{store:$o,children:e.jsx(Ya,{})})})}export{il as StyleGuideRoot,il as default};
-//# sourceMappingURL=StyleGuideRoot-409f95c4.js.map
+        }`}),e.jsx(S,{justifyContent:"space-between",alignItems:"center",marginTop:"2rem",marginBottom:"1rem",children:e.jsx("h1",{style:{paddingTop:"2rem"},children:"Deephaven UI Components"})}),e.jsxs(S,{...Sr,UNSAFE_className:Me,marginTop:-56,top:20,gap:10,alignItems:"end",children:[o?e.jsx(Qo,{}):null,e.jsx(Ma,{})]}),e.jsx(S,{...Sr,UNSAFE_className:Me,top:"calc(100vh - 40px)",marginTop:-32,marginEnd:o?-234:0,children:e.jsx($a,{})}),e.jsx(ta,{}),e.jsx(ie,{"data-menu-category":"Colors"}),e.jsx(At,{}),e.jsx(Ca,{}),e.jsx(ie,{"data-menu-category":"Layout"}),e.jsx(La,{}),e.jsx(ie,{"data-menu-category":"Components"}),e.jsx(oe,{}),e.jsx(ea,{}),e.jsx(Zt,{}),e.jsx(qa,{}),e.jsx(za,{}),e.jsx(Qt,{}),e.jsx(we,{}),e.jsx(ra,{}),e.jsx($t,{}),e.jsx(Jt,{}),e.jsx(Mt,{}),e.jsx(Rt,{}),e.jsx(da,{}),e.jsx(oa,{}),e.jsx(Kt,{}),e.jsx(_t,{}),e.jsx(zt,{}),e.jsx(Tt,{}),e.jsx(Eo,{}),e.jsx(_a,{}),e.jsx(ie,{"data-menu-category":"Spectrum Components"}),e.jsx(ka,{}),e.jsx(ie,{"data-menu-category":"Spectrum Comparison"}),e.jsx(Fa,{}),e.jsx(Ka,{})]})})}function Qe(t){const{workspace:r,setWorkspace:o}=t;return u.useEffect(()=>{Jo.makeDefaultWorkspace({getLayouts:async()=>[],getLayout:async()=>({})}).then(o)},[o]),r!=null?e.jsx(Ya,{}):null}Qe.propTypes={workspace:ye.shape({}),setWorkspace:ye.func.isRequired};Qe.defaultProps={workspace:null};const Za=t=>({workspace:Ao(t)}),Xa=io(Za,{setWorkspace:Do})(Qe);function ds(){return Zo.register(new URL("./download/serviceWorker.js",window.location.href)),Mo.init({getWorker:()=>new bo}),window["__react-beautiful-dnd-disable-dev-warnings"]=!0,e.jsx(Ho,{children:e.jsx(co,{store:$o,children:e.jsx(Xa,{})})})}export{ds as StyleGuideRoot,ds as default};
+//# sourceMappingURL=StyleGuideRoot-f452c271.js.map