@deephaven/code-studio 0.82.1-beta.6 → 0.82.1-beta.7

package/build/assets/{StyleGuideRoot-42855334.js → StyleGuideRoot-d45b2596.js}

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