@deephaven/code-studio 1.22.2-alpha-pivot-builder.0 → 1.22.2-alpha-pivot-builder.0730ba6.0

package/build/assets/{StyleGuideRoot-BzThAiXJ.js → StyleGuideRoot-xBfU_7zC.js}

@@ -1,5 +1,5 @@
-var dr=Object.defineProperty;var hr=(t,o,r)=>o in t?dr(t,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[o]=r;var z=(t,o,r)=>hr(t,typeof o!="symbol"?o+"":o,r);import{r as h,a7 as b,K as Q,I as e,at as Ie,aP as S,U as be,ad as Wo,a9 as V,M as N,b3 as Ko,b2 as X,bj as ye,a1 as co,bD as ur,aR as U,ap as ho,a8 as F,aq as uo,aS as mr,ar as mo,a6 as De,au as k,bl as gr,b$ as qo,bk as se,c0 as Ye,c1 as xr,c2 as pr,c3 as vr,c4 as ae,c5 as fr,c6 as $e,c7 as L,ay as br,as as jr,bh as Ze,ax as yr,b9 as Y,b8 as wr,a4 as Cr,a5 as Sr,aZ as kr,ba as Tr,ao as Nr,bB as Ir,ae as Dr,_ as Er,W as Ar}from"./vendor-CLIsHur_.js";import{bB as go,bC as re,bD as te,br as ke,ak as Mr,bE as ao,bF as lo,bG as Xo,bl as $r,bH as xo,bI as po,bJ as vo,a3 as Qe,bK as Rr,bL as Lr,V as Pr,bM as _r,bN as Br,bo as fo,bO as Je,aS as Vr,f as Fr,bP as Or,s as Hr}from"./index-D_FMOtd2.js";import{a as Ur}from"./monaco-DaE0jI-i.js";import{c as Me,G as Yo,m as le,S as me,L as Gr,I as Re,b as Le}from"./IrisGridModel-CqhJH6G0.js";import{B as y,u as Zo,t as ce,r as de,a$ as _,K as B,aw as Te,au as zr,Y as bo,c0 as jo,_ as Wr,C as O,b4 as we,S as Ne,aV as Kr,ax as qr,d as yo,J as Qo,V as wo,H as Ee,G as w,c7 as ne,b6 as Pe,b9 as Xr,aI as Yr,a4 as Zr,aK as Qr}from"./ControlType-RF9tnBjv.js";import{l as Co,H as Jr,A as et,T as ot,D as rt,g as tt,d as st,k as at,V as R,R as lt,M as Ce,e as nt,L as _e,i as it,E as W,C as Be,f as ct,h as dt}from"./MockChartModel-BoOskcVW.js";import{G as he,T as ht}from"./Grid-CdZ2x-DW.js";import{l as Jo,O as P,C as eo,b as ut,S as mt,c as ve,P as So,h as gt,e as xt,g as pt,L as vt}from"./GridTokenMouseHandler-CF6sl-8Q.js";import{p as ko,g as ft,v as bt,w as jt,P as To,x as A,O as yt,L as wt,D as Ct}from"./IrisGridShortcuts-BHO8C2sg.js";import{b as St,T as kt,k as Tt}from"./LocalWorkspaceStorage-Bbc6kAsZ.js";import"./helpers-BosuxZz1.js";import"./useMergeRef-BO8MVMb8.js";function No(t,o,r,s,a,l,n){try{var i=t[l](n),c=i.value}catch(m){return void r(m)}i.done?o(c):Promise.resolve(c).then(s,a)}function Ve(t){return function(){var o=this,r=arguments;return new Promise(function(s,a){var l=t.apply(o,r);function n(c){No(l,s,a,n,i,"next",c)}function i(c){No(l,s,a,n,i,"throw",c)}n(void 0)})}}function q(t,o,r){return(o=Nt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Nt(t){var o=It(t,"string");return typeof o=="symbol"?o:o+""}function It(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class no extends Me{constructor(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=o.rowCount,s=r===void 0?1e9:r,a=o.columnCount,l=a===void 0?100:a,n=o.floatingTopRowCount,i=n===void 0?0:n,c=o.floatingBottomRowCount,m=c===void 0?0:c,d=o.floatingLeftColumnCount,u=d===void 0?0:d,x=o.floatingRightColumnCount,p=x===void 0?0:x,j=o.isEditable,g=j===void 0?!1:j,v=o.editedData,C=v===void 0?[]:v;super(),q(this,"numRows",void 0),q(this,"numColumns",void 0),q(this,"floatingTop",void 0),q(this,"floatingBottom",void 0),q(this,"floatingLeft",void 0),q(this,"floatingRight",void 0),q(this,"editable",void 0),q(this,"editedData",void 0),this.numRows=s,this.numColumns=l,this.floatingTop=i,this.floatingBottom=m,this.floatingLeft=u,this.floatingRight=p,this.editable=g,this.editedData=C}get rowCount(){return this.numRows}get columnCount(){return this.numColumns}get floatingTopRowCount(){return this.floatingTop}get floatingBottomRowCount(){return this.floatingBottom}get floatingLeftColumnCount(){return this.floatingLeft}get floatingRightColumnCount(){return this.floatingRight}get isEditable(){return this.editable}textForCell(o,r){var s,a;return(s=(a=this.editedData[o])===null||a===void 0?void 0:a[r])!==null&&s!==void 0?s:"".concat(o,",").concat(r)}colorForCell(o,r,s){return s.textColor}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}textForRowFooter(o){return"".concat(o)}setValueForCell(o,r,s){var a=this;return Ve(function*(){a.editedData[o]==null&&(a.editedData[o]=[]),a.editedData[o][r]="".concat(s)})()}setValueForRanges(o,r){var s=this;return Ve(function*(){Yo.forEachCell(o,(a,l)=>{s.setValueForCell(a,l,r)})})()}setValues(o){var r=this;return Ve(function*(){for(var s=0;s<o.length;s+=1){var a,l,n=o[s];r.setValueForCell((a=n.column)!==null&&a!==void 0?a:n.x,(l=n.row)!==null&&l!==void 0?l:n.y,n.text)}})()}editValueForCell(o,r){return this.textForCell(o,r)}isValidForCell(o,r,s){return!0}isEditableRange(o){return this.isEditable}delete(o){throw new Error("Method not implemented.")}}function Dt(t,o){return $t(t)||Mt(t,o)||At(t,o)||Et()}function Et(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function At(t,o){if(t){if(typeof t=="string")return Io(t,o);var r={}.toString.call(t).slice(8,-1);return r==="Object"&&t.constructor&&(r=t.constructor.name),r==="Map"||r==="Set"?Array.from(t):r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Io(t,o):void 0}}function Io(t,o){(o==null||o>t.length)&&(o=t.length);for(var r=0,s=Array(o);r<o;r++)s[r]=t[r];return s}function Mt(t,o){var r=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(r!=null){var s,a,l,n,i=[],c=!0,m=!1;try{if(l=(r=r.call(t)).next,o!==0)for(;!(c=(s=l.call(r)).done)&&(i.push(s.value),i.length!==o);c=!0);}catch(d){m=!0,a=d}finally{try{if(!c&&r.return!=null&&(n=r.return(),Object(n)!==n))return}finally{if(m)throw a}}return i}}function $t(t){if(Array.isArray(t))return t}function M(t,o,r){return(o=Rt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Rt(t){var o=Lt(t,"string");return typeof o=="symbol"?o:o+""}function Lt(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class D extends no{constructor(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=o.rowCount,s=r===void 0?D.DEFAULT_ROW_COUNT:r,a=o.columnCount,l=a===void 0?D.DEFAULT_COLUMN_COUNT:a,n=o.children,i=n===void 0?new Map:n,c=o.childRowCount,m=c===void 0?Math.ceil(Math.max(D.MIN_CHILD_ROW_COUNT,s*D.DEFAULT_CHILD_ROW_COUNT_FACTOR)):c,d=o.maxDepth,u=d===void 0?D.MAX_DEPTH:d;super({rowCount:s,columnCount:l}),M(this,"children",void 0),M(this,"childRowCount",void 0),M(this,"maxDepth",void 0),M(this,"getCachedModelRowOffset",le((x,p)=>{for(var j=null,g=p,v=[...x].sort((J,H)=>J[0]-H[0]),C=0;C<v.length;C+=1){var E=Dt(v[C],2),T=E[0],ue=E[1];if(g<=T)break;var G=ue.rowCount;if(g<=T+G){j=T,g=g-T-1;break}g-=G}return{key:j,offsetRow:g}},{max:1e4})),M(this,"getCachedTextForRowHeader",le((x,p)=>{var j=this.getCachedModelRowOffset(x,p),g=j.key,v=j.offsetRow;if(g!=null){var C=x.get(g);if(C!==void 0)return"".concat(g,".").concat(C.textForRowHeader(v))}return"".concat(v)},{max:1e4})),M(this,"getCachedTextForCell",le((x,p,j)=>{var g=this.getCachedModelRowOffset(x,j),v=g.key,C=g.offsetRow;if(v!=null){var E=x.get(v);if(E!==void 0)return"".concat(v,".").concat(E.textForCell(p,C))}return"".concat(p,",").concat(C)},{max:1e4})),M(this,"getCachedIsRowExpandable",le((x,p,j)=>{var g=this.getCachedDepthForRow(x,p);return g<j},{max:1e4})),M(this,"getCachedIsRowExpanded",le((x,p)=>{var j=this.getCachedModelRowOffset(x,p),g=j.key,v=j.offsetRow;if(g!=null){var C=x.get(g);if(C!==void 0)return C.isRowExpanded(v)}return x.has(v)},{max:1e4})),M(this,"getCachedDepthForRow",le((x,p)=>{var j=this.getCachedModelRowOffset(x,p),g=j.key,v=j.offsetRow;if(g!=null){var C=x.get(g);if(C!==void 0)return C.depthForRow(v)+1}return 0},{max:1e4})),this.children=i,this.childRowCount=m,this.maxDepth=u}textForCell(o,r){return this.getCachedTextForCell(this.children,o,r)}textForRowHeader(o){return this.getCachedTextForRowHeader(this.children,o)}isRowMovable(o){return!1}get hasExpandableRows(){return!0}get isExpandAllAvailable(){return!1}get floatingBottomRowCount(){return 0}isRowExpandable(o){return this.getCachedIsRowExpandable(this.children,o,this.maxDepth)}isRowExpanded(o){return this.getCachedIsRowExpanded(this.children,o)}setRowExpanded(o,r){var s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,a=this.getCachedModelRowOffset(this.children,o),l=a.key,n=a.offsetRow,i=new Map(this.children);if(l!=null){var c=this.children.get(l);if(c!==void 0){var m=c.rowCount;c.setRowExpanded(n,r,s),this.numRows+=c.rowCount-m}}else if(r){var u=new D({rowCount:this.childRowCount,columnCount:this.numColumns});i.set(n,u),this.numRows+=u.rowCount}else{var d=i.get(n);d!==void 0&&(this.numRows-=d.rowCount,i.delete(n))}this.children=i}expandAll(){throw new Error("Expand all not implemented.")}collapseAll(){throw new Error("Collapse all not implemented.")}depthForRow(o){return this.getCachedDepthForRow(this.children,o)}}M(D,"DEFAULT_ROW_COUNT",1e9);M(D,"DEFAULT_COLUMN_COUNT",100);M(D,"DEFAULT_CHILD_ROW_COUNT_FACTOR",.01);M(D,"MIN_CHILD_ROW_COUNT",10);M(D,"MAX_DEPTH",10);function Fe(t,o,r){return(o=Pt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Pt(t){var o=_t(t,"string");return typeof o=="symbol"?o:o+""}function _t(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class Bt extends Me{constructor(o,r){var s;super(),Fe(this,"data",void 0),Fe(this,"columnHeaders",void 0),Fe(this,"numberOfColumns",void 0),this.data=o,this.numberOfColumns=Math.max(...o.map(a=>a.length),(s=r==null?void 0:r.length)!==null&&s!==void 0?s:0),this.columnHeaders=r}get rowCount(){return this.data.length}get columnCount(){return this.numberOfColumns}textForCell(o,r){var s;return"".concat((s=this.data[r])===null||s===void 0?void 0:s[o])}textForColumnHeader(o){var r,s;return(r=(s=this.columnHeaders)===null||s===void 0?void 0:s[o])!==null&&r!==void 0?r:""}}function Oe(t,o,r){return(o=Vt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Vt(t){var o=Ft(t,"string");return typeof o=="symbol"?o:o+""}function Ft(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class Ot extends Me{constructor(o,r){super(),Oe(this,"numberOfColumns",void 0),Oe(this,"numberOfRows",void 0),Oe(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,c,m=r-((s=(a=this.viewportData)===null||a===void 0?void 0:a.rowOffset)!==null&&s!==void 0?s:0),d=o-((l=(n=this.viewportData)===null||n===void 0?void 0:n.columnOffset)!==null&&l!==void 0?l:0);return"".concat((i=(c=this.viewportData)===null||c===void 0||(c=c.data[m])===null||c===void 0?void 0:c[d])!==null&&i!==void 0?i:"")}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}}function $(t,o,r){return(o=Ht(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:o+""}function Ut(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}var Gt="proportional",zt=Jo.positiveBarColor,Wt=Jo.negativeBarColor,Kt="beside",qt="LTR",Xt="right";function Yt(t){return Array.isArray(t)&&t.every(o=>typeof o=="number")}class Zt extends Me{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,c=arguments.length>7&&arguments[7]!==void 0?arguments[7]:new Map,m=arguments.length>8&&arguments[8]!==void 0?arguments[8]:new Map;super(),$(this,"numberOfColumns",void 0),$(this,"numberOfRows",void 0),$(this,"data",void 0),$(this,"columnMins",void 0),$(this,"columnMaxs",void 0),$(this,"columnAxes",void 0),$(this,"valuePlacements",void 0),$(this,"directions",void 0),$(this,"positiveColors",void 0),$(this,"negativeColors",void 0),$(this,"opacities",void 0),$(this,"textAlignments",void 0),$(this,"markers",void 0),this.positiveColors=s,this.negativeColors=a,this.data=o,this.columnAxes=r,this.valuePlacements=l,this.opacities=n,this.directions=i,this.textAlignments=c,this.markers=m,this.numberOfRows=Math.max(...o.map(x=>x.length)),this.numberOfColumns=o.length,this.columnMins=new Map,this.columnMaxs=new Map;for(var d=0;d<o.length;d+=1){var u=o[d];Yt(u)&&(this.columnMins.set(d,Math.min(...u)),this.columnMaxs.set(d,Math.max(...u)))}}get rowCount(){return this.numberOfRows}get columnCount(){return this.numberOfColumns}textForCell(o,r){var s;return"".concat((s=this.data[o])===null||s===void 0?void 0:s[r])}textForColumnHeader(o){return"".concat(o)}textAlignForCell(o,r){var s;return(s=this.textAlignments.get(o))!==null&&s!==void 0?s:Xt}renderTypeForCell(o,r){return o<20||o%2===r%2?"dataBar":"text"}dataBarOptionsForCell(o,r){var s,a,l,n,i,c,m,d=go(this.columnMins,o),u=go(this.columnMaxs,o),x=(s=this.columnAxes.get(o))!==null&&s!==void 0?s:Gt,p=(a=this.valuePlacements.get(o))!==null&&a!==void 0?a:Kt,j=this.opacities.get(o);j==null||j>1?j=1:j<0&&(j=0);var g=(l=this.directions.get(o))!==null&&l!==void 0?l:qt,v=(n=this.positiveColors.get(o))!==null&&n!==void 0?n:zt,C=(i=this.negativeColors.get(o))!==null&&i!==void 0?i:Wt,E=Number((c=this.data[o])===null||c===void 0?void 0:c[r]),T=E>=0?v:C,ue=(m=this.markers.get(o))!==null&&m!==void 0?m:[],G=Array.isArray(T)&&T.length>1,J;return G?J=E>=0?T[T.length-1]:T[0]:J=Array.isArray(T)?T[0]:T,{columnMin:d,columnMax:u,axis:x,color:T,textColor:J,valuePlacement:p,opacity:j,markers:ue,direction:g,value:E}}}const Qt="isolated-section-query",er="sample-section";function*je(t,o){const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",s=r.length;for(let a=t;a<=o;a+=1){const l=a%s;let n=String(Math.floor(a/s));n==="0"&&(n="");const i=r[l],c=`${i}${n}`,m=`${i.repeat(3)}${n}`;yield h.createElement(b,{key:c,textValue:m,children:m})}}function*io(t,o={}){const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",s=r.length,a=Object.keys(re);for(let l=0;l<t;l+=1){const n=l%s;let i=String(Math.floor(l/s));i==="0"&&(i="");const c=r[n],m=`${c}${i}`,d=o.icons===!0?a[l%a.length]:void 0,u=o.descriptions===!0?`Description ${m}`:void 0,x=d??`${c.repeat(3)}${i}`;yield{key:m,item:{key:(l+1)*100,content:x,textValue:x,description:u,icon:d}}}}function*or(t=1){for(;;)t=t*16807%2147483647,yield t/2147483647}function Do(){return window.location.search.includes("isolateSection=true")?window.location.hash.replace(/^#/,""):""}function rr(){const[t,o]=h.useState(Do);return h.useEffect(()=>{const r=()=>o(Do());return window.addEventListener("hashchange",r),()=>window.removeEventListener("hashchange",r)},[]),t}function Jt(t=1){const[o]=h.useState(()=>or(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 tr(t){return`${er}-${t.toLocaleLowerCase().replaceAll(" ","-")}`}function sr(t,o=[]){const r=tr(t),s=Q(er,...o);return{id:r,className:s}}function es(t,o=[]){const{id:r,className:s}=sr(t,o);return{id:r,UNSAFE_className:s}}function f({name:t,className:o="",component:r="div",...s}){const a=rr(),l=tr(t);if(!(a===""||a===l))return null;const i=r==="div"?sr:es;return e.jsx(r,{...s,...i(t,[o])})}function I(){}class fe extends h.Component{static renderButtons(){return e.jsxs(e.Fragment,{children:[e.jsx("h5",{children:"Button Kinds"}),e.jsx(f,{name:"buttons-regular",style:{padding:"1rem 0"},children:e.jsxs(Ie,{children:[e.jsx(y,{kind:"primary",onClick:I,children:"Primary"}),e.jsx(y,{kind:"secondary",onClick:I,children:"Secondary"}),e.jsx(y,{kind:"tertiary",onClick:I,children:"Tertiary"}),e.jsx(y,{kind:"success",onClick:I,children:"Success"}),e.jsx(y,{kind:"danger",onClick:I,children:"Danger"}),e.jsx(y,{kind:"inline",onClick:I,children:"Inline"}),e.jsx(y,{kind:"ghost",onClick:I,children:"Ghost"})]})})]})}static renderLinks(){const o={primary:"accent",secondary:"neutral",success:"positive",info:"info",warning:"notice",danger:"negative"};return e.jsxs(f,{name:"links",style:{paddingTop:"1rem"},children:[e.jsx("h5",{children:"Links"}),e.jsx(S,{gap:"1rem",children:Object.entries(o).map(([r,s])=>e.jsxs("a",{className:`text-${r}`,children:[r," (",s,")"]},r))})]})}static renderSocketedButtons(){return e.jsxs(f,{name:"buttons-socketed",children:[e.jsx("h5",{children:"Socketed Buttons (for linker)"}),e.jsxs(Ie,{marginBottom:"1rem",children:[e.jsx(me,{onClick:I,children:"Unlinked"}),e.jsx(me,{isLinked:!0,onClick:I,children:"Linked"}),e.jsx(me,{isLinkedSource:!0,onClick:I,children:"Linked Source"}),e.jsx(me,{isLinked:!0,isInvalid:!0,onClick:I,children:"Error"}),e.jsx(me,{disabled:!0,onClick:I,children:"Disabled"})]})]})}constructor(o){super(o),this.state={toggle:!0}}renderInlineButtons(){const{toggle:o}=this.state;return e.jsxs(f,{name:"buttons-inline",style:{padding:"1rem 0"},children:[e.jsx("h5",{children:"Inline Buttons"}),"Regular btn-inline:",e.jsx(y,{className:"mx-2",kind:"inline",icon:te,tooltip:"test",onClick:I}),"Toggle button (class active):",e.jsx(y,{className:"mx-2",onClick:()=>{this.setState({toggle:!o})},active:o,kind:"inline",icon:te,tooltip:"test"}),"Disabled:",e.jsx(y,{className:"mx-2",kind:"inline",disabled:!0,onClick:I,children:"Disabled"}),"With Text:",e.jsx(y,{className:"mx-2",kind:"inline",icon:te,onClick:I,children:e.jsx("span",{children:"Text Button"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("span",{children:"btn-link-icon (no text):"}),e.jsx(y,{kind:"ghost",icon:te,tooltip:"test",onClick:I}),e.jsx("span",{className:"mx-2",children:"btn-link:"}),e.jsx(y,{kind:"ghost",onClick:I,children:"Text Button"}),e.jsx("span",{className:"mx-2",children:"btn-link (text w/ optional with icon):"}),e.jsx(y,{kind:"ghost",icon:te,onClick:I,children:"Text Button"})]})}render(){const o=fe.renderButtons(),r=this.renderInlineButtons(),s=fe.renderSocketedButtons(),a=fe.renderLinks();return e.jsxs("div",{children:[e.jsx("h2",{className:"ui-title",children:"Buttons"}),e.jsxs("div",{style:{padding:"1rem 0"},children:[o,r,s,a]})]})}}function os(){const t=Zo();Co.random=Jt();const[o]=h.useState(()=>new Co(t));return e.jsxs(f,{name:"charts",children:[e.jsx("h2",{className:"ui-title",children:"Chart"}),e.jsx("div",{style:{height:500},children:e.jsx(Gr,{model:o})})]})}const oo="2px solid var(--dh-color-notice-bg)",rs={"--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"},Eo={"--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"},ts={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 ss(t){const o=ke.parseRgba(ke.asRgbOrRgbaString(t)??"");if(o==null||o.a<.5)return"white";const{r,g:s,b:a}=o;return ke.getBrightness([r,s,a])>=128?"black":"white"}function as(t){const o=getComputedStyle(document.documentElement);return t.split(/[\n;]/g).map(s=>{var a;return(a=/^(?:\s{2}|:root\{)?(--dh-color-(?:[^:]+))/.exec(s))==null?void 0:a[1]}).filter(s=>!!s).map(s=>{const a=o.getPropertyValue(s);return s==="--dh-color-chart-colorway"?Mr(a??"").map(([n,i])=>a.substring(n,i+1)).map((n,i)=>({name:`${s}-${i}`,value:n})):{name:s,value:a}}).flat()}function ie(t,o,r,s=rs){const a=ts[t];return as(o).reduce((i,{name:c,value:m})=>{if(/^--dh-color-true-(.*?)$/.test(c)||/^--dh-color-gray-(light|mid|dark)$/.test(c))return i;const d=/^--dh-color-([^-]+)(?:-([^-]+))?/.exec(c);let u=s[c]??(d==null?void 0:d[r])??(d==null?void 0:d[1])??"???";return u=a[u]??u,u==="map"||(i[u]==null&&(i[u]=[]),c in Eo&&i[u].push({isLabel:!0,name:Eo[c],value:""}),/^--dh-color-gray-(light|mid|dark)$/.test(c))||i[u].push({name:c,value:m}),i},{})}function ls(){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=ss(r)},[]),t}function ns(t,o){const[r,s]=h.useState();return h.useEffect(()=>{var i;if(t.current==null)return;const a=getComputedStyle(t.current,o).getPropertyValue("content"),l=(i=/"(--dh-color-.*?)[,"]/.exec(a))==null?void 0:i[1];if(l==null)return;const n=getComputedStyle(t.current).getPropertyValue(l);s(n)},[t,o]),r}function He({className:t,children:o}){const r=ls(),s=ns(r,":after"),a=h.useMemo(()=>s!=null?{value:s}:null,[s]),l=a!=null&&a.value!=="";return e.jsxs("div",{ref:r,className:t,style:{border:l?void 0:oo},children:[l&&e.jsx(ce,{interactive:!0,children:e.jsx("div",{children:a.value})}),o]})}function is(){const t=["100","200","300","400","500","600","700","800","850","8XX","900"].map(s=>e.jsx(He,{className:Q("swatch","gray-swatch",`gray-swatch-${s}`),children:s==="8XX"?"N/A":`Gray-${s}`},s)),o=["red","orange","yellow","green","blue","purple","white","black"].map(s=>e.jsx(He,{className:Q("swatch",`swatch-${s}`),children:s},s)),r=["content-bg","background","foreground","primary","primary-dark","secondary","secondary-hover","success","info","warning","danger","danger-hover"].map(s=>e.jsx(He,{className:Q("swatch",`swatch-${s}`),children:s},s));return e.jsxs(f,{name:"colors",children:[e.jsx("h2",{className:"ui-title",children:"Colors"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[t,o]}),e.jsx("div",{className:"col",children:r}),e.jsx("div",{className:"col",children:e.jsx("p",{children:"This section is for legacy reference only. Use the css variable based semantic colors in the following sections. You should not be using colors defined in the theme color palette directly."})})]})]})}class cs 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:ao,action:()=>{alert(`Alert${r}!`)},shortcut:new de({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[_.CTRL,B.A],macShortcut:[_.CMD,B.A]})},{title:`Log Message${r}`,icon:lo,action:()=>{console.log(`Logging a message${r}!`)},shortcut:new de({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[_.CTRL,B.L],macShortcut:[_.CMD,B.L]})},{title:"Sub-menu",actions:()=>this.makeContextMenuItems((o??0)+1),order:3}].concat(new Array(10).fill({title:`Disabled Option${r}`,disabled:!0,order:2}))}render(){const o=this.makeContextMenuItems(),s=[{title:"Show Shortcuts",icon:Xo,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new de({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[_.CTRL,B.SLASH],macShortcut:[_.CMD,B.SLASH]}),group:Te.groups.global}].concat(o),a=()=>new Promise(l=>{setTimeout(()=>{l(o)},3e3)});return e.jsxs(f,{name:"context-menus",children:[e.jsx("h2",{className:"ui-title",children:"Context Menu"}),e.jsxs(y,{kind:"primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(Te,{actions:s})]}),e.jsxs(y,{kind:"tertiary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(Te,{actions:a})]})]})}}class ds extends h.Component{constructor(o){super(o),this.sampleInput=be.createRef(),this.handleUpdateCheckboxMap=this.handleUpdateCheckboxMap.bind(this);const r=["Parent A",new Map([["Child 1",!0],["Child 2",!1]])],s=["Parent B",new Map([["Child 3",!0],["Child 4",!1],["Child 5",!0],["Child 6",!1]])],a=["Leaf Parent",!0];this.state={isShown:!1,checkBoxMap:new Map([r,s,a])}}handleUpdateCheckboxMap(o){this.setState({checkBoxMap:o})}renderChild(){return e.jsxs("div",{className:"p-3",children:[e.jsx("h4",{children:"Sample Child"}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{ref:this.sampleInput,type:"text",className:"form-control",id:"exampleInput1","aria-describedby":"emailHelp",placeholder:"Input Placeholder"})]}),e.jsx("small",{className:"form-text text-muted",children:"Help text for a form input"})]})]})}render(){const{isShown:o,checkBoxMap:r}=this.state;return e.jsxs(f,{name:"dialog",children:[e.jsx("h2",{className:"ui-title",children:"Popover Dialog"}),e.jsx("p",{children:"Popover dialog that can contain interactive elements, can be set to self close on blur."}),e.jsxs(y,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Open Dialog",e.jsx(zr,{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(Jr,{menuText:"Checkbox Menu",valueMap:r,onUpdateValueMap:this.handleUpdateCheckboxMap})]})}}class hs extends h.Component{constructor(o){super(o),this.state={isShown:!1}}render(){const o=[{title:"Show Alert",icon:ao,action:()=>{alert("Alert!")},shortcut:new de({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[_.CTRL,B.A],macShortcut:[_.CMD,B.A]})},{title:"Log Message",icon:lo,action:()=>{console.log("Logging a message!")},shortcut:new de({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[_.CTRL,B.L],macShortcut:[_.CMD,B.L]})}],s=[{title:"Show Shortcuts",icon:Xo,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new de({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[_.CTRL,B.SLASH],macShortcut:[_.CMD,B.SLASH]}),group:Te.groups.global}].concat(o),{isShown:a}=this.state;return e.jsxs(f,{name:"dropdown-menus",children:[e.jsx("h2",{className:"ui-title",children:"Dropdown Menu"}),e.jsx("p",{children:"A simple dropdown menu of actions, can open on click of parent container, or controlled by prop."}),e.jsx(y,{kind:"inline",className:"mx-2",icon:$r,onClick:()=>{},children:e.jsx(bo,{actions:s})}),e.jsxs(y,{kind:"primary",style:{marginRight:"1rem",minWidth:"165px"},onClick:()=>{a?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Menu Shown: ",a.toString()]}),e.jsxs("div",{ref:this.button,className:"btn btn-secondary disabled",style:{marginRight:"1rem"},children:["Shown using isShown",e.jsx(bo,{isShown:a,onMenuClosed:()=>{this.setState({isShown:!1})},actions:s})]})]})}}const us=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")\\
+var hr=Object.defineProperty;var ur=(t,o,r)=>o in t?hr(t,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[o]=r;var z=(t,o,r)=>ur(t,typeof o!="symbol"?o+"":o,r);import{r as c,a7 as b,K as Q,I as e,at as Ee,aP as S,U as be,ad as Ko,a9 as V,M as N,b3 as qo,b2 as X,bj as ye,a1 as ho,bD as mr,aR as U,ap as uo,a8 as F,aq as mo,aS as gr,ar as go,a6 as Ae,au as k,bl as xr,b$ as Xo,bk as se,c0 as Ye,c1 as pr,c2 as vr,c3 as fr,c4 as ae,c5 as br,c6 as Le,c7 as L,ay as jr,as as yr,bh as Ze,ax as wr,b9 as Y,b8 as Cr,a4 as Sr,a5 as kr,aZ as Tr,ba as Nr,ao as Ir,bB as Dr,ae as Er,_ as Ar,W as Mr}from"./vendor-CLIsHur_.js";import{bB as xo,bC as re,bD as te,br as ke,ak as $r,bE as ao,bF as lo,bG as Yo,bl as Rr,bH as po,bI as vo,bJ as fo,a3 as Qe,bK as Lr,bL as Pr,V as _r,bM as Br,bN as Vr,bo,bO as Je,aS as Fr,f as Or,bP as Hr,s as Ur}from"./index--Fycg9W2.js";import{a as Gr}from"./monaco-DaE0jI-i.js";import{c as Re,G as Zo,m as le,S as me,L as zr,I as Pe,b as Te}from"./IrisGridModel-BC8le8y5.js";import{B as y,u as no,t as ce,r as de,a$ as _,K as B,aw as Ne,au as Wr,Y as jo,c0 as yo,_ as Kr,C as O,b4 as we,S as Ie,aV as qr,ax as Xr,d as wo,J as Qo,V as Co,H as Me,G as w,c7 as ne,b6 as _e,b9 as Yr,aI as Zr,a4 as Qr,aK as Jr}from"./ControlType-CR2gupu4.js";import{l as So,H as et,A as ot,T as rt,D as tt,g as st,d as at,k as lt,V as R,R as nt,M as Ce,e as it,L as Be,i as ct,E as W,C as Ve,f as dt,h as ht}from"./MockChartModel-BZvT03u4.js";import{G as he,T as ut}from"./Grid-B_xvYHhV.js";import{l as Jo,O as P,C as eo,b as mt,S as gt,c as ve,P as ko,h as xt,e as pt,g as vt,L as ft}from"./GridTokenMouseHandler-4RU6zt9D.js";import{p as To,g as bt,v as jt,w as yt,P as No,x as A,O as wt,L as Ct,D as St}from"./IrisGridShortcuts-DjQ7t-H7.js";import{b as kt,T as Tt,k as Nt}from"./LocalWorkspaceStorage-DGbuiTvD.js";import"./helpers-BosuxZz1.js";import"./useMergeRef-BO8MVMb8.js";function Io(t,o,r,s,a,l,n){try{var i=t[l](n),d=i.value}catch(m){return void r(m)}i.done?o(d):Promise.resolve(d).then(s,a)}function Fe(t){return function(){var o=this,r=arguments;return new Promise(function(s,a){var l=t.apply(o,r);function n(d){Io(l,s,a,n,i,"next",d)}function i(d){Io(l,s,a,n,i,"throw",d)}n(void 0)})}}function q(t,o,r){return(o=It(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function It(t){var o=Dt(t,"string");return typeof o=="symbol"?o:o+""}function Dt(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class io extends Re{constructor(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=o.rowCount,s=r===void 0?1e9:r,a=o.columnCount,l=a===void 0?100:a,n=o.floatingTopRowCount,i=n===void 0?0:n,d=o.floatingBottomRowCount,m=d===void 0?0:d,h=o.floatingLeftColumnCount,u=h===void 0?0:h,x=o.floatingRightColumnCount,p=x===void 0?0:x,j=o.isEditable,g=j===void 0?!1:j,v=o.editedData,C=v===void 0?[]:v;super(),q(this,"numRows",void 0),q(this,"numColumns",void 0),q(this,"floatingTop",void 0),q(this,"floatingBottom",void 0),q(this,"floatingLeft",void 0),q(this,"floatingRight",void 0),q(this,"editable",void 0),q(this,"editedData",void 0),this.numRows=s,this.numColumns=l,this.floatingTop=i,this.floatingBottom=m,this.floatingLeft=u,this.floatingRight=p,this.editable=g,this.editedData=C}get rowCount(){return this.numRows}get columnCount(){return this.numColumns}get floatingTopRowCount(){return this.floatingTop}get floatingBottomRowCount(){return this.floatingBottom}get floatingLeftColumnCount(){return this.floatingLeft}get floatingRightColumnCount(){return this.floatingRight}get isEditable(){return this.editable}textForCell(o,r){var s,a;return(s=(a=this.editedData[o])===null||a===void 0?void 0:a[r])!==null&&s!==void 0?s:"".concat(o,",").concat(r)}colorForCell(o,r,s){return s.textColor}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}textForRowFooter(o){return"".concat(o)}setValueForCell(o,r,s){var a=this;return Fe(function*(){a.editedData[o]==null&&(a.editedData[o]=[]),a.editedData[o][r]="".concat(s)})()}setValueForRanges(o,r){var s=this;return Fe(function*(){Zo.forEachCell(o,(a,l)=>{s.setValueForCell(a,l,r)})})()}setValues(o){var r=this;return Fe(function*(){for(var s=0;s<o.length;s+=1){var a,l,n=o[s];r.setValueForCell((a=n.column)!==null&&a!==void 0?a:n.x,(l=n.row)!==null&&l!==void 0?l:n.y,n.text)}})()}editValueForCell(o,r){return this.textForCell(o,r)}isValidForCell(o,r,s){return!0}isEditableRange(o){return this.isEditable}delete(o){throw new Error("Method not implemented.")}}function Et(t,o){return Rt(t)||$t(t,o)||Mt(t,o)||At()}function At(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Mt(t,o){if(t){if(typeof t=="string")return Do(t,o);var r={}.toString.call(t).slice(8,-1);return r==="Object"&&t.constructor&&(r=t.constructor.name),r==="Map"||r==="Set"?Array.from(t):r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Do(t,o):void 0}}function Do(t,o){(o==null||o>t.length)&&(o=t.length);for(var r=0,s=Array(o);r<o;r++)s[r]=t[r];return s}function $t(t,o){var r=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(r!=null){var s,a,l,n,i=[],d=!0,m=!1;try{if(l=(r=r.call(t)).next,o!==0)for(;!(d=(s=l.call(r)).done)&&(i.push(s.value),i.length!==o);d=!0);}catch(h){m=!0,a=h}finally{try{if(!d&&r.return!=null&&(n=r.return(),Object(n)!==n))return}finally{if(m)throw a}}return i}}function Rt(t){if(Array.isArray(t))return t}function M(t,o,r){return(o=Lt(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Lt(t){var o=Pt(t,"string");return typeof o=="symbol"?o:o+""}function Pt(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class D extends io{constructor(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=o.rowCount,s=r===void 0?D.DEFAULT_ROW_COUNT:r,a=o.columnCount,l=a===void 0?D.DEFAULT_COLUMN_COUNT:a,n=o.children,i=n===void 0?new Map:n,d=o.childRowCount,m=d===void 0?Math.ceil(Math.max(D.MIN_CHILD_ROW_COUNT,s*D.DEFAULT_CHILD_ROW_COUNT_FACTOR)):d,h=o.maxDepth,u=h===void 0?D.MAX_DEPTH:h;super({rowCount:s,columnCount:l}),M(this,"children",void 0),M(this,"childRowCount",void 0),M(this,"maxDepth",void 0),M(this,"getCachedModelRowOffset",le((x,p)=>{for(var j=null,g=p,v=[...x].sort((J,H)=>J[0]-H[0]),C=0;C<v.length;C+=1){var E=Et(v[C],2),T=E[0],ue=E[1];if(g<=T)break;var G=ue.rowCount;if(g<=T+G){j=T,g=g-T-1;break}g-=G}return{key:j,offsetRow:g}},{max:1e4})),M(this,"getCachedTextForRowHeader",le((x,p)=>{var j=this.getCachedModelRowOffset(x,p),g=j.key,v=j.offsetRow;if(g!=null){var C=x.get(g);if(C!==void 0)return"".concat(g,".").concat(C.textForRowHeader(v))}return"".concat(v)},{max:1e4})),M(this,"getCachedTextForCell",le((x,p,j)=>{var g=this.getCachedModelRowOffset(x,j),v=g.key,C=g.offsetRow;if(v!=null){var E=x.get(v);if(E!==void 0)return"".concat(v,".").concat(E.textForCell(p,C))}return"".concat(p,",").concat(C)},{max:1e4})),M(this,"getCachedIsRowExpandable",le((x,p,j)=>{var g=this.getCachedDepthForRow(x,p);return g<j},{max:1e4})),M(this,"getCachedIsRowExpanded",le((x,p)=>{var j=this.getCachedModelRowOffset(x,p),g=j.key,v=j.offsetRow;if(g!=null){var C=x.get(g);if(C!==void 0)return C.isRowExpanded(v)}return x.has(v)},{max:1e4})),M(this,"getCachedDepthForRow",le((x,p)=>{var j=this.getCachedModelRowOffset(x,p),g=j.key,v=j.offsetRow;if(g!=null){var C=x.get(g);if(C!==void 0)return C.depthForRow(v)+1}return 0},{max:1e4})),this.children=i,this.childRowCount=m,this.maxDepth=u}textForCell(o,r){return this.getCachedTextForCell(this.children,o,r)}textForRowHeader(o){return this.getCachedTextForRowHeader(this.children,o)}isRowMovable(o){return!1}get hasExpandableRows(){return!0}get isExpandAllAvailable(){return!1}get floatingBottomRowCount(){return 0}isRowExpandable(o){return this.getCachedIsRowExpandable(this.children,o,this.maxDepth)}isRowExpanded(o){return this.getCachedIsRowExpanded(this.children,o)}setRowExpanded(o,r){var s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,a=this.getCachedModelRowOffset(this.children,o),l=a.key,n=a.offsetRow,i=new Map(this.children);if(l!=null){var d=this.children.get(l);if(d!==void 0){var m=d.rowCount;d.setRowExpanded(n,r,s),this.numRows+=d.rowCount-m}}else if(r){var u=new D({rowCount:this.childRowCount,columnCount:this.numColumns});i.set(n,u),this.numRows+=u.rowCount}else{var h=i.get(n);h!==void 0&&(this.numRows-=h.rowCount,i.delete(n))}this.children=i}expandAll(){throw new Error("Expand all not implemented.")}collapseAll(){throw new Error("Collapse all not implemented.")}depthForRow(o){return this.getCachedDepthForRow(this.children,o)}}M(D,"DEFAULT_ROW_COUNT",1e9);M(D,"DEFAULT_COLUMN_COUNT",100);M(D,"DEFAULT_CHILD_ROW_COUNT_FACTOR",.01);M(D,"MIN_CHILD_ROW_COUNT",10);M(D,"MAX_DEPTH",10);function Oe(t,o,r){return(o=_t(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function _t(t){var o=Bt(t,"string");return typeof o=="symbol"?o:o+""}function Bt(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class Vt extends Re{constructor(o,r){var s;super(),Oe(this,"data",void 0),Oe(this,"columnHeaders",void 0),Oe(this,"numberOfColumns",void 0),this.data=o,this.numberOfColumns=Math.max(...o.map(a=>a.length),(s=r==null?void 0:r.length)!==null&&s!==void 0?s:0),this.columnHeaders=r}get rowCount(){return this.data.length}get columnCount(){return this.numberOfColumns}textForCell(o,r){var s;return"".concat((s=this.data[r])===null||s===void 0?void 0:s[o])}textForColumnHeader(o){var r,s;return(r=(s=this.columnHeaders)===null||s===void 0?void 0:s[o])!==null&&r!==void 0?r:""}}function He(t,o,r){return(o=Ft(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Ft(t){var o=Ot(t,"string");return typeof o=="symbol"?o:o+""}function Ot(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}class Ht extends Re{constructor(o,r){super(),He(this,"numberOfColumns",void 0),He(this,"numberOfRows",void 0),He(this,"viewportData",void 0),this.numberOfColumns=o,this.numberOfRows=r}get columnCount(){return this.numberOfColumns}get rowCount(){return this.numberOfRows}textForCell(o,r){var s,a,l,n,i,d,m=r-((s=(a=this.viewportData)===null||a===void 0?void 0:a.rowOffset)!==null&&s!==void 0?s:0),h=o-((l=(n=this.viewportData)===null||n===void 0?void 0:n.columnOffset)!==null&&l!==void 0?l:0);return"".concat((i=(d=this.viewportData)===null||d===void 0||(d=d.data[m])===null||d===void 0?void 0:d[h])!==null&&i!==void 0?i:"")}textForColumnHeader(o){return"".concat(o)}textForRowHeader(o){return"".concat(o)}}function $(t,o,r){return(o=Ut(o))in t?Object.defineProperty(t,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[o]=r,t}function Ut(t){var o=Gt(t,"string");return typeof o=="symbol"?o:o+""}function Gt(t,o){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var s=r.call(t,o);if(typeof s!="object")return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(t)}var zt="proportional",Wt=Jo.positiveBarColor,Kt=Jo.negativeBarColor,qt="beside",Xt="LTR",Yt="right";function Zt(t){return Array.isArray(t)&&t.every(o=>typeof o=="number")}class Qt extends Re{constructor(o){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:new Map,s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:new Map,a=arguments.length>3&&arguments[3]!==void 0?arguments[3]:new Map,l=arguments.length>4&&arguments[4]!==void 0?arguments[4]:new Map,n=arguments.length>5&&arguments[5]!==void 0?arguments[5]:new Map,i=arguments.length>6&&arguments[6]!==void 0?arguments[6]:new Map,d=arguments.length>7&&arguments[7]!==void 0?arguments[7]:new Map,m=arguments.length>8&&arguments[8]!==void 0?arguments[8]:new Map;super(),$(this,"numberOfColumns",void 0),$(this,"numberOfRows",void 0),$(this,"data",void 0),$(this,"columnMins",void 0),$(this,"columnMaxs",void 0),$(this,"columnAxes",void 0),$(this,"valuePlacements",void 0),$(this,"directions",void 0),$(this,"positiveColors",void 0),$(this,"negativeColors",void 0),$(this,"opacities",void 0),$(this,"textAlignments",void 0),$(this,"markers",void 0),this.positiveColors=s,this.negativeColors=a,this.data=o,this.columnAxes=r,this.valuePlacements=l,this.opacities=n,this.directions=i,this.textAlignments=d,this.markers=m,this.numberOfRows=Math.max(...o.map(x=>x.length)),this.numberOfColumns=o.length,this.columnMins=new Map,this.columnMaxs=new Map;for(var h=0;h<o.length;h+=1){var u=o[h];Zt(u)&&(this.columnMins.set(h,Math.min(...u)),this.columnMaxs.set(h,Math.max(...u)))}}get rowCount(){return this.numberOfRows}get columnCount(){return this.numberOfColumns}textForCell(o,r){var s;return"".concat((s=this.data[o])===null||s===void 0?void 0:s[r])}textForColumnHeader(o){return"".concat(o)}textAlignForCell(o,r){var s;return(s=this.textAlignments.get(o))!==null&&s!==void 0?s:Yt}renderTypeForCell(o,r){return o<20||o%2===r%2?"dataBar":"text"}dataBarOptionsForCell(o,r){var s,a,l,n,i,d,m,h=xo(this.columnMins,o),u=xo(this.columnMaxs,o),x=(s=this.columnAxes.get(o))!==null&&s!==void 0?s:zt,p=(a=this.valuePlacements.get(o))!==null&&a!==void 0?a:qt,j=this.opacities.get(o);j==null||j>1?j=1:j<0&&(j=0);var g=(l=this.directions.get(o))!==null&&l!==void 0?l:Xt,v=(n=this.positiveColors.get(o))!==null&&n!==void 0?n:Wt,C=(i=this.negativeColors.get(o))!==null&&i!==void 0?i:Kt,E=Number((d=this.data[o])===null||d===void 0?void 0:d[r]),T=E>=0?v:C,ue=(m=this.markers.get(o))!==null&&m!==void 0?m:[],G=Array.isArray(T)&&T.length>1,J;return G?J=E>=0?T[T.length-1]:T[0]:J=Array.isArray(T)?T[0]:T,{columnMin:h,columnMax:u,axis:x,color:T,textColor:J,valuePlacement:p,opacity:j,markers:ue,direction:g,value:E}}}const Jt="isolated-section-query",er="sample-section";function*je(t,o){const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",s=r.length;for(let a=t;a<=o;a+=1){const l=a%s;let n=String(Math.floor(a/s));n==="0"&&(n="");const i=r[l],d=`${i}${n}`,m=`${i.repeat(3)}${n}`;yield c.createElement(b,{key:d,textValue:m,children:m})}}function*co(t,o={}){const r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",s=r.length,a=Object.keys(re);for(let l=0;l<t;l+=1){const n=l%s;let i=String(Math.floor(l/s));i==="0"&&(i="");const d=r[n],m=`${d}${i}`,h=o.icons===!0?a[l%a.length]:void 0,u=o.descriptions===!0?`Description ${m}`:void 0,x=h??`${d.repeat(3)}${i}`;yield{key:m,item:{key:(l+1)*100,content:x,textValue:x,description:u,icon:h}}}}function*or(t=1){for(;;)t=t*16807%2147483647,yield t/2147483647}function Eo(){return window.location.search.includes("isolateSection=true")?window.location.hash.replace(/^#/,""):""}function rr(){const[t,o]=c.useState(Eo);return c.useEffect(()=>{const r=()=>o(Eo());return window.addEventListener("hashchange",r),()=>window.removeEventListener("hashchange",r)},[]),t}function es(t=1){const[o]=c.useState(()=>or(t));return c.useCallback(()=>{const r=o.next();if(r.done===!0)throw new Error("Random number generator unexpectedly finished");return r.value},[o])}function tr(t){return`${er}-${t.toLocaleLowerCase().replaceAll(" ","-")}`}function sr(t,o=[]){const r=tr(t),s=Q(er,...o);return{id:r,className:s}}function os(t,o=[]){const{id:r,className:s}=sr(t,o);return{id:r,UNSAFE_className:s}}function f({name:t,className:o="",component:r="div",...s}){const a=rr(),l=tr(t);if(!(a===""||a===l))return null;const i=r==="div"?sr:os;return e.jsx(r,{...s,...i(t,[o])})}function I(){}class fe extends c.Component{static renderButtons(){return e.jsxs(e.Fragment,{children:[e.jsx("h5",{children:"Button Kinds"}),e.jsx(f,{name:"buttons-regular",style:{padding:"1rem 0"},children:e.jsxs(Ee,{children:[e.jsx(y,{kind:"primary",onClick:I,children:"Primary"}),e.jsx(y,{kind:"secondary",onClick:I,children:"Secondary"}),e.jsx(y,{kind:"tertiary",onClick:I,children:"Tertiary"}),e.jsx(y,{kind:"success",onClick:I,children:"Success"}),e.jsx(y,{kind:"danger",onClick:I,children:"Danger"}),e.jsx(y,{kind:"inline",onClick:I,children:"Inline"}),e.jsx(y,{kind:"ghost",onClick:I,children:"Ghost"})]})})]})}static renderLinks(){const o={primary:"accent",secondary:"neutral",success:"positive",info:"info",warning:"notice",danger:"negative"};return e.jsxs(f,{name:"links",style:{paddingTop:"1rem"},children:[e.jsx("h5",{children:"Links"}),e.jsx(S,{gap:"1rem",children:Object.entries(o).map(([r,s])=>e.jsxs("a",{className:`text-${r}`,children:[r," (",s,")"]},r))})]})}static renderSocketedButtons(){return e.jsxs(f,{name:"buttons-socketed",children:[e.jsx("h5",{children:"Socketed Buttons (for linker)"}),e.jsxs(Ee,{marginBottom:"1rem",children:[e.jsx(me,{onClick:I,children:"Unlinked"}),e.jsx(me,{isLinked:!0,onClick:I,children:"Linked"}),e.jsx(me,{isLinkedSource:!0,onClick:I,children:"Linked Source"}),e.jsx(me,{isLinked:!0,isInvalid:!0,onClick:I,children:"Error"}),e.jsx(me,{disabled:!0,onClick:I,children:"Disabled"})]})]})}constructor(o){super(o),this.state={toggle:!0}}renderInlineButtons(){const{toggle:o}=this.state;return e.jsxs(f,{name:"buttons-inline",style:{padding:"1rem 0"},children:[e.jsx("h5",{children:"Inline Buttons"}),"Regular btn-inline:",e.jsx(y,{className:"mx-2",kind:"inline",icon:te,tooltip:"test",onClick:I}),"Toggle button (class active):",e.jsx(y,{className:"mx-2",onClick:()=>{this.setState({toggle:!o})},active:o,kind:"inline",icon:te,tooltip:"test"}),"Disabled:",e.jsx(y,{className:"mx-2",kind:"inline",disabled:!0,onClick:I,children:"Disabled"}),"With Text:",e.jsx(y,{className:"mx-2",kind:"inline",icon:te,onClick:I,children:e.jsx("span",{children:"Text Button"})}),e.jsx("br",{}),e.jsx("br",{}),e.jsx("span",{children:"btn-link-icon (no text):"}),e.jsx(y,{kind:"ghost",icon:te,tooltip:"test",onClick:I}),e.jsx("span",{className:"mx-2",children:"btn-link:"}),e.jsx(y,{kind:"ghost",onClick:I,children:"Text Button"}),e.jsx("span",{className:"mx-2",children:"btn-link (text w/ optional with icon):"}),e.jsx(y,{kind:"ghost",icon:te,onClick:I,children:"Text Button"})]})}render(){const o=fe.renderButtons(),r=this.renderInlineButtons(),s=fe.renderSocketedButtons(),a=fe.renderLinks();return e.jsxs("div",{children:[e.jsx("h2",{className:"ui-title",children:"Buttons"}),e.jsxs("div",{style:{padding:"1rem 0"},children:[o,r,s,a]})]})}}function rs(){const t=no();So.random=es();const[o]=c.useState(()=>new So(t));return e.jsxs(f,{name:"charts",children:[e.jsx("h2",{className:"ui-title",children:"Chart"}),e.jsx("div",{style:{height:500},children:e.jsx(zr,{model:o})})]})}const oo="2px solid var(--dh-color-notice-bg)",ts={"--dh-color-black":"gray","--dh-color-white":"gray","--dh-color-border":"General","--dh-color-bg":"General","--dh-color-surface-bg":"General","--dh-color-fg":"General","--dh-color-content-bg":"General","--dh-color-subdued-content-bg":"General","--dh-color-dropshadow":"General","--dh-color-keyboard-selected-bg":"Misc","--dh-color-hover-border":"Misc","--dh-color-visual-positive":"Visual Status","--dh-color-visual-negative":"Visual Status","--dh-color-visual-notice":"Visual Status","--dh-color-visual-info":"Visual Status","--dh-color-gray-bg":"Default Background","--dh-color-red-bg":"Default Background","--dh-color-orange-bg":"Default Background","--dh-color-yellow-bg":"Default Background","--dh-color-chartreuse-bg":"Default Background","--dh-color-celery-bg":"Default Background","--dh-color-green-bg":"Default Background","--dh-color-seafoam-bg":"Default Background","--dh-color-cyan-bg":"Default Background","--dh-color-blue-bg":"Default Background","--dh-color-indigo-bg":"Default Background","--dh-color-purple-bg":"Default Background","--dh-color-fuchsia-bg":"Default Background","--dh-color-magenta-bg":"Default Background","--dh-color-editor-bg":"editor","--dh-color-editor-fg":"editor","--dh-color-editor-context-menu-bg":"menus","--dh-color-editor-context-menu-fg":"menus","--dh-color-editor-menu-selection-bg":"menus","--dh-color-grid-bg":"grid","--dh-color-grid-number-positive":"Data Types","--dh-color-grid-number-negative":"Data Types","--dh-color-grid-number-zero":"Data Types","--dh-color-grid-date":"Data Types","--dh-color-grid-string-null":"Data Types"},Ao={"--dh-color-black":"","--dh-color-action-active-bg":"Action.active","--dh-color-action-down-bg":"Action:active","--dh-color-action-hover-bg":"Action:hover","--dh-color-action-active-hover-bg":"Action.active:hover","--dh-color-action-disabled-bg":"Action:disabled"},ss={palette:{black:"gray",white:"gray"},editor:{line:"editor",comment:"code",string:"code",number:"code",delimiter:"code",identifier:"code",keyword:"code",operator:"code",storage:"code",predefined:"code",selection:"state",focus:"state"},chart:{axis:"Chart",bg:"Chart",grid:"Chart",plot:"Chart",title:"Chart",active:"Data",trend:"Data",area:"Data",range:"Data",line:"Deprecated"},grid:{data:"Data Bars",context:"Context Menu"},semantic:{},component:{}};function as(t){const o=ke.parseRgba(ke.asRgbOrRgbaString(t)??"");if(o==null||o.a<.5)return"white";const{r,g:s,b:a}=o;return ke.getBrightness([r,s,a])>=128?"black":"white"}function ls(t){const o=getComputedStyle(document.documentElement);return t.split(/[\n;]/g).map(s=>{var a;return(a=/^(?:\s{2}|:root\{)?(--dh-color-(?:[^:]+))/.exec(s))==null?void 0:a[1]}).filter(s=>!!s).map(s=>{const a=o.getPropertyValue(s);return s==="--dh-color-chart-colorway"?$r(a??"").map(([n,i])=>a.substring(n,i+1)).map((n,i)=>({name:`${s}-${i}`,value:n})):{name:s,value:a}}).flat()}function ie(t,o,r,s=ts){const a=ss[t];return ls(o).reduce((i,{name:d,value:m})=>{if(/^--dh-color-true-(.*?)$/.test(d)||/^--dh-color-gray-(light|mid|dark)$/.test(d))return i;const h=/^--dh-color-([^-]+)(?:-([^-]+))?/.exec(d);let u=s[d]??(h==null?void 0:h[r])??(h==null?void 0:h[1])??"???";return u=a[u]??u,u==="map"||(i[u]==null&&(i[u]=[]),d in Ao&&i[u].push({isLabel:!0,name:Ao[d],value:""}),/^--dh-color-gray-(light|mid|dark)$/.test(d))||i[u].push({name:d,value:m}),i},{})}function ns(){const t=c.useRef(null);return c.useLayoutEffect(()=>{if(t.current==null)return;const o=getComputedStyle(t.current),{backgroundColor:r}=o;t.current.style.color=as(r)},[]),t}function is(t,o){const[r,s]=c.useState();return c.useEffect(()=>{var i;if(t.current==null)return;const a=getComputedStyle(t.current,o).getPropertyValue("content"),l=(i=/"(--dh-color-.*?)[,"]/.exec(a))==null?void 0:i[1];if(l==null)return;const n=getComputedStyle(t.current).getPropertyValue(l);s(n)},[t,o]),r}function Ue({className:t,children:o}){const r=ns(),s=is(r,":after"),a=c.useMemo(()=>s!=null?{value:s}:null,[s]),l=a!=null&&a.value!=="";return e.jsxs("div",{ref:r,className:t,style:{border:l?void 0:oo},children:[l&&e.jsx(ce,{interactive:!0,children:e.jsx("div",{children:a.value})}),o]})}function cs(){const t=["100","200","300","400","500","600","700","800","850","8XX","900"].map(s=>e.jsx(Ue,{className:Q("swatch","gray-swatch",`gray-swatch-${s}`),children:s==="8XX"?"N/A":`Gray-${s}`},s)),o=["red","orange","yellow","green","blue","purple","white","black"].map(s=>e.jsx(Ue,{className:Q("swatch",`swatch-${s}`),children:s},s)),r=["content-bg","background","foreground","primary","primary-dark","secondary","secondary-hover","success","info","warning","danger","danger-hover"].map(s=>e.jsx(Ue,{className:Q("swatch",`swatch-${s}`),children:s},s));return e.jsxs(f,{name:"colors",children:[e.jsx("h2",{className:"ui-title",children:"Colors"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[t,o]}),e.jsx("div",{className:"col",children:r}),e.jsx("div",{className:"col",children:e.jsx("p",{children:"This section is for legacy reference only. Use the css variable based semantic colors in the following sections. You should not be using colors defined in the theme color palette directly."})})]})]})}class ds extends c.Component{constructor(o){super(o),this.makeContextMenuItems=this.makeContextMenuItems.bind(this)}makeContextMenuItems(o){const r=o!==void 0?` ${o}`:"";return[{title:`Show Alert${r}`,icon:ao,action:()=>{alert(`Alert${r}!`)},shortcut:new de({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[_.CTRL,B.A],macShortcut:[_.CMD,B.A]})},{title:`Log Message${r}`,icon:lo,action:()=>{console.log(`Logging a message${r}!`)},shortcut:new de({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[_.CTRL,B.L],macShortcut:[_.CMD,B.L]})},{title:"Sub-menu",actions:()=>this.makeContextMenuItems((o??0)+1),order:3}].concat(new Array(10).fill({title:`Disabled Option${r}`,disabled:!0,order:2}))}render(){const o=this.makeContextMenuItems(),s=[{title:"Show Shortcuts",icon:Yo,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new de({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[_.CTRL,B.SLASH],macShortcut:[_.CMD,B.SLASH]}),group:Ne.groups.global}].concat(o),a=()=>new Promise(l=>{setTimeout(()=>{l(o)},3e3)});return e.jsxs(f,{name:"context-menus",children:[e.jsx("h2",{className:"ui-title",children:"Context Menu"}),e.jsxs(y,{kind:"primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(Ne,{actions:s})]}),e.jsxs(y,{kind:"tertiary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{},children:["Right Click Me",e.jsx(Ne,{actions:a})]})]})}}class hs extends c.Component{constructor(o){super(o),this.sampleInput=be.createRef(),this.handleUpdateCheckboxMap=this.handleUpdateCheckboxMap.bind(this);const r=["Parent A",new Map([["Child 1",!0],["Child 2",!1]])],s=["Parent B",new Map([["Child 3",!0],["Child 4",!1],["Child 5",!0],["Child 6",!1]])],a=["Leaf Parent",!0];this.state={isShown:!1,checkBoxMap:new Map([r,s,a])}}handleUpdateCheckboxMap(o){this.setState({checkBoxMap:o})}renderChild(){return e.jsxs("div",{className:"p-3",children:[e.jsx("h4",{children:"Sample Child"}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{ref:this.sampleInput,type:"text",className:"form-control",id:"exampleInput1","aria-describedby":"emailHelp",placeholder:"Input Placeholder"})]}),e.jsx("small",{className:"form-text text-muted",children:"Help text for a form input"})]})]})}render(){const{isShown:o,checkBoxMap:r}=this.state;return e.jsxs(f,{name:"dialog",children:[e.jsx("h2",{className:"ui-title",children:"Popover Dialog"}),e.jsx("p",{children:"Popover dialog that can contain interactive elements, can be set to self close on blur."}),e.jsxs(y,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Open Dialog",e.jsx(Wr,{options:{placement:"bottom"},isShown:o,onEntered:()=>{this.sampleInput.current&&this.sampleInput.current.focus()},onExited:()=>{this.setState({isShown:!1})},closeOnBlur:!0,interactive:!0,children:this.renderChild()})]}),e.jsx("p",{children:"The Hierarchical Checkbox Menu uses a popover dialog to display hierarchical groups of checkboxes."}),e.jsx(et,{menuText:"Checkbox Menu",valueMap:r,onUpdateValueMap:this.handleUpdateCheckboxMap})]})}}class us extends c.Component{constructor(o){super(o),this.state={isShown:!1}}render(){const o=[{title:"Show Alert",icon:ao,action:()=>{alert("Alert!")},shortcut:new de({id:"STYLEGUIDE.SHOW_ALERT",name:"Show Alert",shortcut:[_.CTRL,B.A],macShortcut:[_.CMD,B.A]})},{title:"Log Message",icon:lo,action:()=>{console.log("Logging a message!")},shortcut:new de({id:"STYLEGUIDE.LOG_MESSAGE",name:"Log Message",shortcut:[_.CTRL,B.L],macShortcut:[_.CMD,B.L]})}],s=[{title:"Show Shortcuts",icon:Yo,action:()=>{alert("Show keyboard shortcuts!")},shortcut:new de({id:"STYLEGUIDE.SHOW_SHORTCUTS",name:"Show Shortcuts",shortcut:[_.CTRL,B.SLASH],macShortcut:[_.CMD,B.SLASH]}),group:Ne.groups.global}].concat(o),{isShown:a}=this.state;return e.jsxs(f,{name:"dropdown-menus",children:[e.jsx("h2",{className:"ui-title",children:"Dropdown Menu"}),e.jsx("p",{children:"A simple dropdown menu of actions, can open on click of parent container, or controlled by prop."}),e.jsx(y,{kind:"inline",className:"mx-2",icon:Rr,onClick:()=>{},children:e.jsx(jo,{actions:s})}),e.jsxs(y,{kind:"primary",style:{marginRight:"1rem",minWidth:"165px"},onClick:()=>{a?this.setState({isShown:!1}):this.setState({isShown:!0})},children:["Menu Shown: ",a.toString()]}),e.jsxs("div",{ref:this.button,className:"btn btn-secondary disabled",style:{marginRight:"1rem"},children:["Shown using isShown",e.jsx(jo,{isShown:a,onMenuClosed:()=>{this.setState({isShown:!1})},actions:s})]})]})}}const ms=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")\\
     .headBy(3, "Sym")\\
     .view("Sym", "Last")
 
@@ -92,7 +92,7 @@ ss = SimulatorState()
 
 simulation = shares30min.update("Values=(double[])ss.call(Sym, TargetPosition, SharesTraded30Min)", "PositionChange=Values[0]", "Position=Values[1]")\\
     .dropColumns("Values")
-`,ms=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")
+`,gs=`trades = db.t("LearnDeephaven", "StockTrades").where("Date=\`2017-08-25\`")
      .headBy(3, "Sym")
      .view("Sym", "Last")
 
@@ -195,7 +195,7 @@ ss = new SimulatorState()
 simulation = shares30min.update("Values=(double[])ss.update(Sym, TargetPosition, SharesTraded30Min)", "PositionChange=Values[0]", "Position=Values[1]")
      .dropColumns("Values")
 
-`,Ao={testPython:us,testGroovy:ms};function gs(){return e.jsxs(f,{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(jo,{settings:{language:"python",value:Ao.testPython}})}),e.jsx("h5",{className:"sub-title",children:"Groovy"}),e.jsx("div",{style:{height:400,position:"relative"},children:e.jsx(jo,{settings:{language:"groovy",value:Ao.testGroovy}})})]})}const xs=[];class Ue extends Re{constructor(r,s=new D){super(r);z(this,"model");z(this,"editedData");z(this,"getCachedColumns",Wo(r=>{const s=[];for(let a=0;a<r;a+=1)s.push({name:this.model.textForColumnHeader(a,0),type:"java.lang.String",description:`Mock column ${a}`});return s}));this.model=s,this.editedData=[]}get rowCount(){return this.model.rowCount}get columnCount(){return this.model.columnCount}get floatingTopRowCount(){return 3}get floatingBottomRowCount(){return 3}get isEditable(){return!0}isEditableRange(r){return this.isEditable}setValues(r){throw new Error("Method not implemented.")}delete(r){throw new Error("Method not implemented.")}get pendingRowCount(){return 0}set pendingRowCount(r){}get pendingDataMap(){return new Map}set pendingDataMap(r){}updateFrozenColumns(r){}getColumnIndexByName(r){return Number(r)}textForCell(r,s){var a;return((a=this.editedData[r])==null?void 0:a[s])??this.model.textForCell(r,s)}textForRowHeader(r){return this.model.textForRowHeader(r)}textForRowFooter(r){return this.model.textForRowHeader(r)}textForColumnHeader(r,s){return this.model.textForColumnHeader(r,s)}get hasExpandableRows(){return this.model.hasExpandableRows}get isExpandAllAvailable(){return!1}isRowExpandable(r){return this.model.isRowExpandable(r)}isRowExpanded(r){return this.model.isRowExpanded(r)}setRowExpanded(r,s,a=!1){this.model.setRowExpanded(r,s,a)}expandAll(){throw new Error("Expand all not implemented.")}collapseAll(){throw new Error("Collapse all not implemented.")}depthForRow(r){return this.model.depthForRow(r)}get columns(){return this.getCachedColumns(this.columnCount)}get groupedColumns(){return xs}get description(){return"A mock used for testing."}get customColumns(){return[]}set customColumns(r){}get formatColumns(){return[]}set formatColumns(r){}get sort(){return[]}set sort(r){}get filter(){return[]}set filter(r){}get partition(){return[]}set partition(r){}get partitionColumns(){return[]}set partitionColumns(r){}set formatter(r){}get columnAlignmentMap(){return new Map}set columnAlignmentMap(r){}displayString(r){return`${r}`}valueForCell(r,s){return this.textForCell(r,s)}formatForCell(r,s){}setViewport(){this.dispatchEvent(new CustomEvent(Re.EVENT.UPDATED))}async setValueForCell(r,s,a){this.editedData[r]==null&&(this.editedData[r]=[]),this.editedData[r][s]=`${a}`,this.dispatchEvent(new CustomEvent(Re.EVENT.UPDATED))}async setValueForRanges(r,s){Yo.forEachCell(r,(a,l)=>{this.setValueForCell(a,l,s)})}editValueForCell(r,s){return this.textForCell(r,s)}isValidForCell(r,s,a){return!0}async columnStatistics(r){throw new Error("Not defined in mock")}async commitPending(){throw new Error("Not defined in mock")}async export(){throw new Error("Not defined in mock")}get pendingDataErrors(){throw new Error("Not defined in mock")}get rollupConfig(){throw new Error("Not defined in mock")}set rollupConfig(r){throw new Error("Not defined in mock")}get selectDistinctColumns(){throw new Error("Not defined in mock")}set selectDistinctColumns(r){throw new Error("Not defined in mock")}async snapshot(r){throw new Error("Not defined in mock")}async textSnapshot(){throw new Error("Not defined in mock")}get totalsConfig(){throw new Error("Not defined in mock")}set totalsConfig(r){throw new Error("Not defined in mock")}valuesTable(r){throw new Error("Not defined in mock")}seekRow(r,s,a,l,n,i,c){throw new Error("Method not implemented.")}get columnHeaderGroups(){return[]}set columnHeaderGroups(r){}get columnHeaderGroupMap(){return new Map}getColumnHeaderParentGroup(){}get initialMovedColumns(){return[]}get initialMovedRows(){return[]}get initialColumnHeaderGroups(){return[]}}function ps(){const[t]=h.useState(()=>new Bt([["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(he,{model:t})}function vs(){const[t]=h.useState(()=>new no({isEditable:!0,rowCount:Number.MAX_SAFE_INTEGER,columnCount:Number.MAX_SAFE_INTEGER}));return e.jsx(he,{model:t})}function fs(){const[t]=h.useState(()=>new D);return e.jsx(he,{model:t})}function bs(){const[t]=h.useState(()=>new Ot(1e9,1e6)),o=h.useRef(null),[r,s]=h.useState({top:0,bottom:0,left:0,right:0}),a=h.useCallback(m=>{const{top:d,bottom:u,left:x,right:p}=m;s({top:d,bottom:u,left:x,right:p})},[]),{top:l,bottom:n,left:i,right:c}=r;return h.useEffect(function(){let d=!1;return setTimeout(()=>{var x;if(d)return;const u=[];for(let p=l;p<=n;p+=1){const j=[];for(let g=i;g<=c;g+=1)j.push(`${p},${g}`);u.push(j)}t.viewportData={rowOffset:l,columnOffset:i,data:u},(x=o.current)==null||x.forceUpdate()},250),()=>{d=!0}},[l,n,i,c,t]),e.jsx(he,{model:t,onViewChanged:a,ref:o})}function js(){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"]]),c=new Map([[9,"left"],[11,"left"]]),m=new Map([[12,[{value:13,color:"white"},{value:14,color:"gray"}]]]);for(let u=0;u<13;u+=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 Zt(o,r,s,a,l,n,i,c,m));return e.jsx(he,{model:d})}function ys(){const t=Zo(),[o]=h.useState(new Ue(t,new D)),[r]=h.useState(new Ue(t,new D)),[s]=h.useState(new Ue(t,new D)),[a]=h.useState(new no),[l]=h.useState({autoSelectRow:!0}),[n]=h.useState({rowHeight:40});return e.jsx("div",{children:e.jsxs(ht.Provider,{value:n,children:[e.jsx("h2",{className:"ui-title",children:"Grid"}),e.jsx(f,{name:"grids-grid",component:S,children:e.jsx(he,{model:a,theme:l})}),e.jsx("h2",{className:"ui-title",children:"Static Data"}),e.jsx(f,{name:"grids-static",component:S,height:200,children:e.jsx(ps,{})}),e.jsx("h2",{className:"ui-title",children:"Data Bar"}),e.jsx(f,{name:"grids-data-bar",component:S,height:500,children:e.jsx(js,{})}),e.jsx("h2",{className:"ui-title",children:"Quadrillion rows and columns"}),e.jsx(f,{name:"grids-quadrillion",component:S,position:"relative",height:500,children:e.jsx(vs,{})}),e.jsx("h2",{className:"ui-title",children:"Async example"}),e.jsx(f,{name:"grids-async",component:S,position:"relative",height:500,children:e.jsx(bs,{})}),e.jsx("h2",{className:"ui-title",children:"Tree Grid"}),e.jsx(f,{name:"grids-tree",component:S,height:500,children:e.jsx(fs,{})}),e.jsx("h2",{className:"ui-title",children:"Iris Grid"}),e.jsx(f,{name:"grids-iris",component:S,height:500,children:e.jsx(Le,{model:o,density:"regular"})}),e.jsx("h2",{className:"ui-title",children:"Iris Grid Compact"}),e.jsx(f,{name:"grids-iris-compact",component:S,height:500,children:e.jsx(Le,{model:r,density:"compact"})}),e.jsx("h2",{className:"ui-title",children:"Iris Grid Spacious"}),e.jsx(f,{name:"grids-iris-spacious",component:S,height:500,children:e.jsx(Le,{model:s,density:"spacious"})})]})})}async function Mo(t){try{return await navigator.clipboard.writeText(t)}catch(o){throw new Error(`Unable to copy: ${o}`)}}const ws="dh",Cs="vs",$o=(t,o)=>o.toLowerCase()+t.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join("");function Ss({message:t,message:{text:o}}){const[r,s]=h.useState(!1);return h.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})}function ks(){const[t,o]=h.useState(!0),[r,s]=h.useState(!0),[a,l]=h.useState(""),[n,i]=h.useState({text:""}),c=Object.values(re).filter(d=>{const u=$o(d.iconName,d.prefix).toLowerCase().indexOf(a.replace(/\s/g,"").replace(/-/g,"").toLowerCase())!==-1,x=t&&d.prefix===ws,p=r&&d.prefix===Cs;return u&&(x||p)}).map(d=>{const u=$o(d.iconName,d.prefix);return e.jsxs(y,{kind:"inline",className:"card",onClick:()=>{Mo(u).then(()=>{i({text:e.jsxs("span",{children:[e.jsx(N,{icon:re.vsOutput})," Copied text:"," ",e.jsx("strong",{children:u})]})})}).catch(x=>{i({text:e.jsx("span",{className:"text-danger",children:x.message})})})},children:[e.jsx(V,{size:"L",children:e.jsx(N,{icon:d})}),e.jsx("label",{title:u,children:u})]},u)}),m=`
+`,Mo={testPython:ms,testGroovy:gs};function xs(){return e.jsxs(f,{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(yo,{settings:{language:"python",value:Mo.testPython}})}),e.jsx("h5",{className:"sub-title",children:"Groovy"}),e.jsx("div",{style:{height:400,position:"relative"},children:e.jsx(yo,{settings:{language:"groovy",value:Mo.testGroovy}})})]})}const ps=[];class De extends Pe{constructor(r,s=new D){super(r);z(this,"model");z(this,"editedData");z(this,"getCachedColumns",Ko(r=>{const s=[];for(let a=0;a<r;a+=1)s.push({name:this.model.textForColumnHeader(a,0),type:"java.lang.String",description:`Mock column ${a}`});return s}));this.model=s,this.editedData=[]}get rowCount(){return this.model.rowCount}get columnCount(){return this.model.columnCount}get floatingTopRowCount(){return 3}get floatingBottomRowCount(){return 3}get isEditable(){return!0}isEditableRange(r){return this.isEditable}setValues(r){throw new Error("Method not implemented.")}delete(r){throw new Error("Method not implemented.")}get pendingRowCount(){return 0}set pendingRowCount(r){}get pendingDataMap(){return new Map}set pendingDataMap(r){}updateFrozenColumns(r){}getColumnIndexByName(r){return Number(r)}textForCell(r,s){var a;return((a=this.editedData[r])==null?void 0:a[s])??this.model.textForCell(r,s)}textForRowHeader(r){return this.model.textForRowHeader(r)}textForRowFooter(r){return this.model.textForRowHeader(r)}textForColumnHeader(r,s){return this.model.textForColumnHeader(r,s)}get hasExpandableRows(){return this.model.hasExpandableRows}get isExpandAllAvailable(){return!1}isRowExpandable(r){return this.model.isRowExpandable(r)}isRowExpanded(r){return this.model.isRowExpanded(r)}setRowExpanded(r,s,a=!1){this.model.setRowExpanded(r,s,a)}expandAll(){throw new Error("Expand all not implemented.")}collapseAll(){throw new Error("Collapse all not implemented.")}depthForRow(r){return this.model.depthForRow(r)}get columns(){return this.getCachedColumns(this.columnCount)}get groupedColumns(){return ps}get description(){return"A mock used for testing."}get customColumns(){return[]}set customColumns(r){}get formatColumns(){return[]}set formatColumns(r){}get sort(){return[]}set sort(r){}get filter(){return[]}set filter(r){}get partition(){return[]}set partition(r){}get partitionColumns(){return[]}set partitionColumns(r){}set formatter(r){}get columnAlignmentMap(){return new Map}set columnAlignmentMap(r){}displayString(r){return`${r}`}valueForCell(r,s){return this.textForCell(r,s)}formatForCell(r,s){}setViewport(){this.dispatchEvent(new CustomEvent(Pe.EVENT.UPDATED))}async setValueForCell(r,s,a){this.editedData[r]==null&&(this.editedData[r]=[]),this.editedData[r][s]=`${a}`,this.dispatchEvent(new CustomEvent(Pe.EVENT.UPDATED))}async setValueForRanges(r,s){Zo.forEachCell(r,(a,l)=>{this.setValueForCell(a,l,s)})}editValueForCell(r,s){return this.textForCell(r,s)}isValidForCell(r,s,a){return!0}async columnStatistics(r){throw new Error("Not defined in mock")}async commitPending(){throw new Error("Not defined in mock")}async export(){throw new Error("Not defined in mock")}get pendingDataErrors(){throw new Error("Not defined in mock")}get rollupConfig(){throw new Error("Not defined in mock")}set rollupConfig(r){throw new Error("Not defined in mock")}get selectDistinctColumns(){throw new Error("Not defined in mock")}set selectDistinctColumns(r){throw new Error("Not defined in mock")}async snapshot(r){throw new Error("Not defined in mock")}async textSnapshot(){throw new Error("Not defined in mock")}get totalsConfig(){throw new Error("Not defined in mock")}set totalsConfig(r){throw new Error("Not defined in mock")}valuesTable(r){throw new Error("Not defined in mock")}seekRow(r,s,a,l,n,i,d){throw new Error("Method not implemented.")}get columnHeaderGroups(){return[]}set columnHeaderGroups(r){}get columnHeaderGroupMap(){return new Map}getColumnHeaderParentGroup(){}get initialMovedColumns(){return[]}get initialMovedRows(){return[]}get initialColumnHeaderGroups(){return[]}}function vs(){const[t]=c.useState(()=>new Vt([["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(he,{model:t})}function fs(){const[t]=c.useState(()=>new io({isEditable:!0,rowCount:Number.MAX_SAFE_INTEGER,columnCount:Number.MAX_SAFE_INTEGER}));return e.jsx(he,{model:t})}function bs(){const[t]=c.useState(()=>new D);return e.jsx(he,{model:t})}function js(){const[t]=c.useState(()=>new Ht(1e9,1e6)),o=c.useRef(null),[r,s]=c.useState({top:0,bottom:0,left:0,right:0}),a=c.useCallback(m=>{const{top:h,bottom:u,left:x,right:p}=m;s({top:h,bottom:u,left:x,right:p})},[]),{top:l,bottom:n,left:i,right:d}=r;return c.useEffect(function(){let h=!1;return setTimeout(()=>{var x;if(h)return;const u=[];for(let p=l;p<=n;p+=1){const j=[];for(let g=i;g<=d;g+=1)j.push(`${p},${g}`);u.push(j)}t.viewportData={rowOffset:l,columnOffset:i,data:u},(x=o.current)==null||x.forceUpdate()},250),()=>{h=!0}},[l,n,i,d,t]),e.jsx(he,{model:t,onViewChanged:a,ref:o})}function ys(){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"]]),m=new Map([[12,[{value:13,color:"white"},{value:14,color:"gray"}]]]);for(let u=0;u<13;u+=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[h]=c.useState(()=>new Qt(o,r,s,a,l,n,i,d,m));return e.jsx(he,{model:h})}function ws(){throw new Error("Intentional configPage error for error boundary test")}const Cs=t=>[...t,{type:"plugin:e2e:throwing-page",title:"Throwing Plugin Page",configPage:ws}];function Ss(){const t=no(),[o]=c.useState(()=>new De(t,new D));return e.jsx(Te,{model:o,density:"regular",transformTableOptions:Cs})}const Ge="data-menu-category",ks="data-no-menu",ar="sample-section-e2e-ignore",lr="spectrum-component-samples",nr="spectrum-comparison-samples";function Ts(){const t=no(),[o]=c.useState(new De(t,new D)),[r]=c.useState(new De(t,new D)),[s]=c.useState(new De(t,new D)),[a]=c.useState(new io),[l]=c.useState({autoSelectRow:!0}),[n]=c.useState({rowHeight:40});return e.jsx("div",{children:e.jsxs(ut.Provider,{value:n,children:[e.jsx("h2",{className:"ui-title",children:"Grid"}),e.jsx(f,{name:"grids-grid",component:S,children:e.jsx(he,{model:a,theme:l})}),e.jsx("h2",{className:"ui-title",children:"Static Data"}),e.jsx(f,{name:"grids-static",component:S,height:200,children:e.jsx(vs,{})}),e.jsx("h2",{className:"ui-title",children:"Data Bar"}),e.jsx(f,{name:"grids-data-bar",component:S,height:500,children:e.jsx(ys,{})}),e.jsx("h2",{className:"ui-title",children:"Quadrillion rows and columns"}),e.jsx(f,{name:"grids-quadrillion",component:S,position:"relative",height:500,children:e.jsx(fs,{})}),e.jsx("h2",{className:"ui-title",children:"Async example"}),e.jsx(f,{name:"grids-async",component:S,position:"relative",height:500,children:e.jsx(js,{})}),e.jsx("h2",{className:"ui-title",children:"Tree Grid"}),e.jsx(f,{name:"grids-tree",component:S,height:500,children:e.jsx(bs,{})}),e.jsx("h2",{className:"ui-title",children:"Iris Grid"}),e.jsx(f,{name:"grids-iris",component:S,height:500,children:e.jsx(Te,{model:o,density:"regular"})}),e.jsx("h2",{className:"ui-title",children:"Iris Grid Compact"}),e.jsx(f,{name:"grids-iris-compact",component:S,height:500,children:e.jsx(Te,{model:r,density:"compact"})}),e.jsx("h2",{className:"ui-title",children:"Iris Grid Spacious"}),e.jsx(f,{name:"grids-iris-spacious",component:S,height:500,children:e.jsx(Te,{model:s,density:"spacious"})}),e.jsx(f,{name:"grids-iris-plugin-error",className:ar,component:S,height:500,children:e.jsx(Ss,{})})]})})}async function $o(t){try{return await navigator.clipboard.writeText(t)}catch(o){throw new Error(`Unable to copy: ${o}`)}}const Ns="dh",Is="vs",Ro=(t,o)=>o.toLowerCase()+t.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join("");function Ds({message:t,message:{text:o}}){const[r,s]=c.useState(!1);return c.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})}function Es(){const[t,o]=c.useState(!0),[r,s]=c.useState(!0),[a,l]=c.useState(""),[n,i]=c.useState({text:""}),d=Object.values(re).filter(h=>{const u=Ro(h.iconName,h.prefix).toLowerCase().indexOf(a.replace(/\s/g,"").replace(/-/g,"").toLowerCase())!==-1,x=t&&h.prefix===Ns,p=r&&h.prefix===Is;return u&&(x||p)}).map(h=>{const u=Ro(h.iconName,h.prefix);return e.jsxs(y,{kind:"inline",className:"card",onClick:()=>{$o(u).then(()=>{i({text:e.jsxs("span",{children:[e.jsx(N,{icon:re.vsOutput})," Copied text:"," ",e.jsx("strong",{children:u})]})})}).catch(x=>{i({text:e.jsx("span",{className:"text-danger",children:x.message})})})},children:[e.jsx(V,{size:"L",children:e.jsx(N,{icon:h})}),e.jsx("label",{title:u,children:u})]},u)}),m=`
   <div className="fa-md fa-layers">
     <FontAwesomeIcon
       mask={vsOrganization}
@@ -203,7 +203,7 @@ simulation = shares30min.update("Values=(double[])ss.update(Sym, TargetPosition,
       transform="down-7 right-7"
     />
     <FontAwesomeIcon icon={dhAddSmall} />
-  </div>`;return e.jsxs(f,{name:"icons",children:[e.jsx("h2",{className:"ui-title",children:"Icons"}),e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"Icon Composition"}),e.jsx("p",{children:"Icons can be used indivudally or composed together using font-awesome composition:"}),e.jsxs("div",{className:"icons",children:[e.jsx("div",{className:"icon card",children:e.jsx(N,{icon:xo})}),e.jsx("div",{className:"icon card",children:e.jsx(N,{icon:po})}),e.jsx("div",{className:"icon card",children:e.jsx(N,{icon:vo})}),e.jsx("div",{className:"icon card",children:"="}),e.jsxs(y,{kind:"inline",className:"card",onClick:()=>{Mo(m).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(N,{mask:xo,icon:po,transform:"down-7 right-7"}),e.jsx(N,{icon:vo})]})}),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=>{l(d.target.value)}}),e.jsx("span",{className:"mx-2",children:"Show: "}),e.jsx(y,{kind:"inline",active:r,className:"mr-2",onClick:()=>s(!r),icon:r?re.vsCheck:re.vsClose,children:"VS ICONS"}),e.jsx(y,{kind:"inline",active:t,className:"mr-2",onClick:()=>o(!t),icon:t?re.vsCheck:re.vsClose,children:"DH ICONS"}),e.jsxs("small",{children:["(",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(Ss,{message:n})]})]})})]})}const ar=[{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"}],Ro=ar.map(({title:t,value:o})=>e.jsx(b,{children:t},o)),Ts=[{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,l]=h.useState(!0),[n,i]=h.useState(!1),[c,m]=h.useState(!1),[d,u]=h.useState(!1),[x,p]=h.useState(null),[j,g]=h.useState("1"),[v,C]=h.useState(),[E,T]=h.useState("-DLiveTableMonitor.updateThreads=8 -DLiveTableMonitor.printDependencyInformation=false -Dassertion.heapDump=true -Drequire.heapDump=true -Dassertion.heapDump=true -Drequire.heapDump=true"),ue=h.useCallback(H=>{g(H)},[]),G=h.useCallback(()=>{o(!t)},[t]),J=h.useCallback(H=>{s(H.target.value)},[]);return e.jsxs(f,{name:"inputs",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Inputs"}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col",children:e.jsxs("form",{children:[e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{type:"text",className:"form-control",id:"exampleInput1","aria-describedby":"emailHelp",placeholder:"Input Placeholder"})]}),e.jsx("small",{className:"form-text text-muted",children:"Help text for a form imput"})]}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput2",children:["Input Label",e.jsx("input",{type:"text",className:"form-control",id:"exampleInput2","aria-describedby":"emailHelp",placeholder:"Input Disabled",disabled:!0})]}),e.jsx("small",{className:"form-text text-muted",children:"Disabled input"})]}),e.jsx("div",{className:"form-group",children:e.jsxs("label",{htmlFor:"exampleInputPassword1",children:["Password",e.jsx("input",{type:"password",className:"form-control",id:"exampleInputPassword1",placeholder:"Password",defaultValue:"123456789"})]})}),e.jsx("div",{className:"form-group",children:e.jsx(Wr,{value:r,placeholder:"Search Input",onChange:J})})]})}),e.jsx("div",{className:"col",children:e.jsxs("form",{children:[e.jsx("h5",{children:" Checkboxes "}),e.jsx(O,{className:"form-group",checked:a,onChange:()=>l(!a),children:"Checked checkbox"}),e.jsx(O,{className:"form-group",checked:n,onChange:()=>i(!n),children:"Unchecked checkbox"}),e.jsx(O,{className:"form-group",disabled:!0,checked:null,children:"Disabled checkbox"}),e.jsx(O,{className:"form-group",isInvalid:!0,checked:c,onChange:()=>m(!c),children:"Invalid checkbox"}),e.jsx(O,{className:"form-group",checked:d,onChange:()=>u(!d),children:"Add radio button"}),e.jsx(O,{className:"form-group",checked:x,onChange:()=>{x==null?p(!0):p(x?!1:null)},children:"Indeterminate Cycle"})]})}),e.jsxs("div",{className:"col",children:[e.jsxs("form",{children:[e.jsx("h5",{id:"inputs-radios-heading",children:"Radios"}),e.jsxs(Ko,{"aria-labelledby":"inputs-radios-heading",onChange:ue,value:j,isInvalid:j==="4",description:"Select a radio item",errorMessage:j==="4"?"Invalid radio selected":void 0,children:[e.jsx(X,{value:"1",children:"Toggle this custom radio"}),e.jsx(X,{value:"2",children:"Or toggle this other custom radio"}),e.jsx(X,{value:"3",isDisabled:!0,children:"Disabled radio"}),e.jsx(X,{value:"4",children:"Invalid radio"}),e.jsx(X,{isHidden:!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(we,{on:t,onClick:G})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{children:String(!t)}),e.jsx(we,{on:!t,onClick:G})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"isInvalid",children:"isInvalid"}),e.jsx(we,{on:!t,isInvalid:!0,onClick:G})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"disabled",children:"disabled"}),e.jsx(we,{on:!t,disabled:!0,onClick:G})]})]})]}),e.jsxs("div",{className:"col",children:[e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Selection Menu"}),e.jsxs(Ne,{onChange:H=>{},defaultValue:"0",className:"custom-select",children:[e.jsx(P,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(P,{value:"1",children:"One"}),e.jsx(P,{value:"2",children:"Two"}),e.jsx(P,{value:"3",children:"Three"})]})]}),e.jsx("div",{className:"form-group",children:e.jsxs(Ne,{onChange:H=>{},defaultValue:"0",className:"custom-select",disabled:!0,children:[e.jsx(P,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(P,{value:"1",children:"One"}),e.jsx(P,{value:"2",children:"Two"}),e.jsx(P,{value:"3",children:"Three"})]})}),e.jsx("div",{className:"form-group",children:e.jsxs(Ne,{onChange:H=>{},defaultValue:"0",className:"custom-select",isInvalid:!0,children:[e.jsx(P,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(P,{value:"1",children:"One"}),e.jsx(P,{value:"2",children:"Two"}),e.jsx(P,{value:"3",children:"Three"})]})}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Input with Select"}),e.jsx("div",{className:"input-group",children:e.jsx(eo,{"aria-label":"ComboBox",width:"100%",children:Ro})}),e.jsx("br",{}),e.jsx("div",{className:"input-group",children:e.jsx(eo,{"aria-label":"Disabled ComboBox",isDisabled:!0,width:"100%",children:Ro})})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"AutoCompleteInput"}),e.jsx(et,{options:ar,noMatchText:"No Matches."})]})]}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Time Input"}),e.jsx(ot,{}),e.jsx("br",{}),e.jsx("h5",{children:"Date Input"}),e.jsx(rt,{}),e.jsx("br",{}),e.jsx("h5",{children:"DateTime Input"}),e.jsx(ut,{}),e.jsx("br",{}),e.jsx("h5",{children:"Custom Timeselect"}),e.jsx(tt,{options:Ts,value:v??null,onChange:C,customText:"Custom Timeout",placeholder:"Select a timeout",timeToValue:H=>H*1e3})]})})]}),e.jsx("div",{className:"row",children:e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Auto Resize Textarea"}),e.jsx(st,{value:E,delimiter:" -",onChange:T})]})})})]})}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:l}=this.state;l=[].concat(l);const n=o-a;n>=0&&n<l.length&&(l[n].isSelected=s),this.setState({items:l})}handleViewportChange(o,r){const{itemCount:s}=this.state,a=r-o+1,l=Math.max(0,o-a),n=Math.min(r+a,s),i=[];for(let m=l;m<=n&&m<=s;m+=1){const d=`Item ${m}`,u=this.selectedItems.indexOf(m)>=0;i.push({value:d,isSelected:u})}const c=l;this.setState({offset:c,items:i})}render(){const{offset:o,items:r,itemCount:s}=this.state;return e.jsx(mt,{itemCount:s,items:r,offset:o,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}class ro 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{itemCount:r}=this.state;console.log("Item selected at index",o,"/",r)}handleViewportChange(o,r){const{itemCount:s}=this.state,a=r-o+1,l=Math.max(0,o-a),n=Math.min(r+a,s),i=[];for(let m=l;m<=n;m+=1){const d=`Item ${m}`,u=this.selectedItems.indexOf(m)>=0;i.push({value:d,isSelected:u})}const c=l;this.setState({offset:c,items:i})}render(){const{isMultiSelect:o}=this.props,{offset:r,items:s,itemCount:a}=this.state;return e.jsx(Kr,{isMultiSelect:o,itemCount:a,items:s,offset:r,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}z(ro,"defaultProps");function Ds(){return e.jsxs(f,{name:"item-list-inputs",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Item Lists"}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Select List"}),e.jsx("div",{style:{height:"300px"},children:e.jsx(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(ro,{})})]})}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Multi Select Item List"}),e.jsx("div",{style:{height:"300px"},children:e.jsx(ro,{isMultiSelect:!0})})]})})]})]})}function Es(){const[t,o]=h.useState(0),[r,s]=h.useState(!0),a=()=>{o(0)};function l(n){return e.jsxs(be.Fragment,{children:[e.jsxs(y,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o(n)},children:[n," ",n>1?"Actions":"Action"]}),e.jsx(qr,{isOpen:t===n,headerText:"Header Text",bodyText:"This is where the body text goes",onConfirm:a,onCancel:n>=2?a:void 0,onDiscard:n>=3?a:void 0})]},n)}return e.jsxs(f,{name:"modals",children:[e.jsx("h2",{className:"ui-title",children:"Basic Modals"}),e.jsx("div",{style:{padding:"1rem"},children:[1,2,3].map(n=>l(n))}),e.jsx("h2",{className:"ui-title",children:"Custom Modal"}),e.jsx("div",{style:{padding:"1rem"},children:e.jsx("div",{className:"modal-dialog",role:"dialog",children:e.jsxs("div",{className:"modal-content",children:[e.jsxs("div",{className:"modal-header",children:[e.jsx("h5",{className:"modal-title",children:"Modal title"}),e.jsx("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close",children:e.jsx("span",{"aria-hidden":"true",children:"×"})})]}),e.jsxs("div",{className:"modal-body",children:[e.jsx("p",{children:"Modal body text goes here."}),e.jsx(O,{checked:r,onChange:()=>s(!r),children:"Checked checkbox"})]}),e.jsxs("div",{className:"modal-footer",children:[e.jsx(y,{kind:"secondary","data-dismiss":"modal",onClick:()=>{},children:"Close"}),e.jsx(y,{kind:"primary",onClick:()=>{},children:"Save changes"})]})]})})})]})}function As(){return e.jsxs(f,{name:"progress",children:[e.jsx("h2",{className:"ui-title",children:"Progress"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Determinate Progress Loader"}),e.jsx("br",{}),e.jsx("div",{className:"progress",style:{marginBottom:"1rem"},children:e.jsx("div",{className:"progress-bar bg-primary",style:{width:"25%"},"aria-valuenow":25,"aria-valuemin":0,"aria-valuemax":100})})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Indeterminate Progress Spinner"}),e.jsx(Qe,{className:"loading-spinner-large"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Button Progress Spinner"}),e.jsx(y,{kind:"primary",className:"btn-spinner btn-cancelable",style:{minWidth:"10rem"},onClick:()=>{},children:e.jsxs("span",{children:[e.jsx(Qe,{className:"mr-2 loading-spinner-vertical-align"}),e.jsx("span",{className:"btn-normal-content",children:"Connecting"}),e.jsx("span",{className:"btn-hover-content",children:"Cancel"})]})})]})]})]})}class Ms 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,l=o!==s,n=r!==a;return e.jsxs(f,{name:"time-slider-inputs",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Time Slider"}),e.jsx(at,{startTime:o,endTime:r,isStartModified:l,isEndModified:n,onChange:this.handleSliderChange}),e.jsxs("p",{style:l?{color:"var(--dh-color-modified)"}:{},children:["StartTime: ",yo.formatTime(o)]}),e.jsxs("p",{style:n?{color:"var(--dh-color-modified)"}:{},children:["EndTime: ",yo.formatTime(r)]})]})}}function $s(){const o=[lo,ao].map(r=>e.jsx(N,{icon:r},`${r.prefix}-${r.iconName}`));return e.jsxs(f,{name:"tooltips",children:[e.jsx("h2",{className:"ui-title",title:"Make better looking tooltips than this one!",children:"Tooltips"}),e.jsxs("div",{className:"btn btn-primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Simple Tooltip",e.jsx(ce,{children:"Text only content"})]}),e.jsxs("div",{className:"btn btn-secondary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Complex Tooltip",e.jsxs(ce,{children:[e.jsxs("div",{children:["Here is some ",e.jsx("i",{children:"cool"})," ",e.jsx("b",{children:"text"})]}),e.jsx("hr",{}),e.jsx("div",{children:"And some icons down here"}),e.jsxs("div",{children:[e.jsx(Qe,{className:"loading-spinner-vertical-align"}),o]})]})]}),e.jsxs("div",{className:"btn btn-success",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Interactive Tooltip",e.jsxs(ce,{interactive:!0,children:[e.jsx("div",{children:"This tooltip is interactive."}),e.jsx("hr",{}),e.jsx(y,{kind:"primary",onClick:()=>{alert("Button clicked!")},children:"Show Alert"})]})]})]})}function Rs(){return e.jsxs(f,{name:"toast",children:[e.jsx("h2",{className:"ui-title",children:"Toast"}),e.jsx("div",{children:e.jsxs(Ie,{children:[e.jsx(y,{kind:"tertiary",onClick:()=>ye.neutral("Neutral toast",{timeout:5e3}),children:"Show neutral toast"}),e.jsx(y,{kind:"success",onClick:()=>ye.positive("Positive toast",{timeout:5e3}),children:"Show positive toast"}),e.jsx(y,{kind:"danger",onClick:()=>ye.negative("Negative toast",{timeout:5e3}),children:"Show negative toast"}),e.jsx(y,{kind:"primary",onClick:()=>ye.info("Info toast",{timeout:5e3}),children:"Show info toast"})]})})]})}function Ls(){return e.jsxs(f,{name:"typography",children:[e.jsx("h2",{className:"ui-title",children:"Typography"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("h1",{className:"text-muted","data-no-menu":!0,children:"h1. Unused"}),e.jsx("h2",{className:"text-muted","data-no-menu":!0,children:"h2. Unused"}),e.jsx("h3",{className:"text-muted","data-no-menu":!0,children:"h3. Unused"}),e.jsx("h4",{"data-no-menu":!0,children:"h4. Standard Heading"}),e.jsx("h5",{"data-no-menu":!0,children:"h5. Small Heading"}),e.jsx("h6",{className:"text-muted","data-no-menu":!0,children:"h6. Unused"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"Fonts"}),e.jsx("p",{children:"UI: Fira Sans;"}),e.jsx("p",{className:"text-monospace",children:"Code: Fira Mono;"}),e.jsx("p",{children:'Tables: Fira Sans; font-feature-settings: "tnum";'}),e.jsx("p",{children:"Default font-size: 14px = 1rem"})]})]})]})}class lr extends h.PureComponent{constructor(r){super(r);z(this,"getViewportItems",Wo((r,s,a)=>r==null||s==null?[]:a.slice(r,s)));this.handleSelectionChange=this.handleSelectionChange.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.itemList=be.createRef(),this.selectedItems=[],this.state={topRow:null,bottomRow:null}}focusItem(r){this.itemList.current&&this.itemList.current.focusItem(r)}handleSelectionChange(r){console.log("Selection changed",r);const{onSelectionChange:s}=this.props;s(r)}handleViewportChange(r,s){const{items:a}=this.props,l=s-r+1,n=Math.max(0,r-l),i=Math.min(s+l,a.length);this.setState({topRow:n,bottomRow:i})}render(){const{draggablePrefix:r,droppableId:s,isDragDisabled:a,isDropDisabled:l,isMultiSelect:n,items:i,selectedRanges:c}=this.props,{topRow:m,bottomRow:d}=this.state;return e.jsx(ve,{draggablePrefix:r,droppableId:s,isDragDisabled:a,isDropDisabled:l,isMultiSelect:n,itemCount:i.length,items:this.getViewportItems(m,d,i),offset:m??0,onSelectionChange:this.handleSelectionChange,onViewportChange:this.handleViewportChange,ref:this.itemList,selectedRanges:c})}}z(lr,"defaultProps");const Ge=["Draggable Only","Drag and Drop","Droppable Only"],Ps=[{isDropDisabled:!0},{},{isDragDisabled:!0}],_s=(t="Item",o=1e3)=>{const r=[];for(let s=0;s<o;s+=1)r.push(`${t}-${s}`);return r};class Ae extends h.Component{constructor(r){super(r);z(this,"getSelectionChangeHandler",co(r=>this.handleSelectionChange.bind(this,r),{max:1e3}));z(this,"getDraggableList",co((r,s,a,l)=>e.jsx(lr,{items:r,droppableId:ve.getDraggableId("drop-list",l),draggablePrefix:ve.getDraggableId("draggable-item",l),onSelectionChange:this.getSelectionChangeHandler(l),isMultiSelect:!0,ref:a,selectedRanges:s,...Ps[l]}),{max:1e3}));this.handleDragEnd=this.handleDragEnd.bind(this),this.animationFrame=null;const s=[],a=[],l=[];for(let n=0;n<Ge.length;n+=1)s[n]=_s(Ge[n]),a[n]=[],l[n]=be.createRef();this.state={items:s,lists:l,selectedRanges:a}}static handleDragStart(r){console.log("handleDragStart",r)}static handleDragUpdate(r){console.log("handleDragUpdate",r)}componentWillUnmount(){this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame)}handleDragEnd(r){console.log("handleDragEnd",r);const{source:s,destination:a}=r;if(s==null||a==null)return;const l=ve.getDraggableIndex(s.droppableId),n=ve.getDraggableIndex(a.droppableId),i=l===n;let c=a.index;i&&s.index<a.index&&(c+=1);let m=c;this.setState(({items:d,selectedRanges:u})=>{const x=[...d[l]],p=i?x:[...d[n]],j=ko.reorder(x,u[l],p,c),g=[...d];g[l]=x,g[n]=p,m=i?ko.adjustDestinationIndex(c,u[n]):c;const v=[...u];return v[l]=[],v[n]=[[m,m+j.length-1]],{items:g,selectedRanges:v}},()=>{this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame(()=>{var u,x;this.animationFrame=null;const{lists:d}=this.state;(x=(u=d[n])==null?void 0:u.current)==null||x.focusItem(m)})})}handleSelectionChange(r,s){this.setState(({selectedRanges:a})=>{const l=[...a];return l[r]=[...s],{selectedRanges:l}})}render(){const{items:r,lists:s,selectedRanges:a}=this.state;return e.jsxs(f,{name:"draggable-lists",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Drag and Drop Lists"}),e.jsx("div",{className:"row",children:e.jsx(ur,{onDragStart:Ae.handleDragStart,onDragUpdate:Ae.handleDragUpdate,onDragEnd:this.handleDragEnd,children:Ge.map((l,n)=>e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsxs("h5",{children:[l," List"]}),e.jsx("div",{style:{height:"300px"},children:this.getDraggableList(r[n],a[n],s[n],n)})]})},l))})})]})}}function Lo({count:t=5,activeKey:o=""}){const[r,s]=h.useState(o),[a,l]=h.useState(()=>{const d=[];for(let u=0;u<t;u+=1)d.push({key:`${u}`,title:`Tab ${u}`,isClosable:u>0});return d}),n=h.useCallback((d,u)=>{l(x=>{const p=[...x],[j]=p.splice(d,1);return p.splice(u,0,j),p})},[]),i=h.useCallback(d=>{s(d)},[]),c=h.useCallback(d=>{l(u=>u.filter(x=>x.key!==d))},[]),m=h.useCallback(d=>[{title:"Select Tab to the Left",group:10,order:10,disabled:a[0].key===d.key,action:()=>{const u=a.findIndex(x=>x.key===d.key);u>0&&s(a[u-1].key)}},{title:"Select Tab to the Right",group:30,order:10,disabled:a[a.length-1].key===d.key,action:()=>{const u=a.findIndex(x=>x.key===d.key);u<a.length-1&&s(a[u+1].key)}}],[a]);return e.jsx(St,{tabs:a,activeKey:r,onSelect:i,onReorder:n,onClose:c,makeContextActions:m})}let Po=0;function Bs(){const t=Po;return Po+=1,t}const Vs=or(25);function ze(t=1,o=5){const r=Number(Vs.next().value);return Math.floor(r*o)+t}function We(t,o=Bs()){return{id:o,type:t}}function _o(t=ze(),o=ze(),r=ze()){const s=[];for(let a=0;a<t;a+=1)s.push(We("SUBMENU"));for(let a=0;a<o;a+=1)s.push(We("PAGE"));for(let a=0;a<r;a+=1)s.push(We("SWITCH"));return s}function Ke({type:t,id:o}){switch(t){case"SUBMENU":return`Submenu ${o}`;case"PAGE":return`Page ${o}`;case"SWITCH":return`Switch ${o}`}}function Fs({type:t}){switch(t){case"SUBMENU":return Lr;case"PAGE":return Rr;case"SWITCH":return te}}function Os(){const[t,o]=h.useState([]),[r,s]=h.useState(new Map),a=h.useCallback(d=>{o([...t,d])},[t,o]),l=h.useCallback(()=>{const d=[...t];d.pop(),o(d)},[t,o]),n=h.useCallback(()=>{const d=[t[0]];o(d)},[t,o]),i=h.useCallback(d=>{const u=r.get(d)??!1,x=new Map(r);x.set(d,!u),s(x)},[r,s]),c=h.useCallback(d=>{const u=t[t.length-1],{items:x}=u;if(!x)throw new Error("Navigation handleSelect triggered without items to select");const p=x[d];switch(p.type){case"PAGE":a({title:Ke(p)});break;case"SUBMENU":a({title:Ke(p),items:_o()});break;case"SWITCH":i(p.id);break}},[t,i,a]);h.useEffect(function(){o([{title:"Navigation Menu",items:_o()}])},[]);const m=h.useMemo(()=>t.map(({items:d,title:u},x)=>{if(!d)return e.jsx(So,{onBack:l,onClose:n,title:u,children:e.jsx("div",{children:"Page content!"})},u);let p=null;if(d!=null){const j=d.map(g=>{const v=Ke(g),C=Fs(g);let E,T;return g.type==="SWITCH"&&(E=r.get(g.id)??!1,T=()=>{c(g.id)}),{title:v,icon:C,isOn:E,onChange:T}});p=e.jsx(xt,{onSelect:c,items:j})}else p=e.jsx("div",{children:"Page content"});return e.jsx(So,{onBack:x>0?l:void 0,onClose:x>0?n:void 0,title:u,children:p},u)}),[t,r,c,l,n]);return e.jsxs(f,{name:"navigations",children:[e.jsx("h2",{className:"ui-title",children:"Navigations"}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(Lo,{count:100,activeKey:"15"})}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(Lo,{})}),e.jsx("div",{className:"navigations",children:e.jsx(gt,{children:m})})]})}const Hs=":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}",Us=":root{--dh-color-bg: var(--dh-color-black);--dh-color-content-bg: var(--dh-color-gray-100);--dh-color-subdued-content-bg: var(--dh-color-gray-75);--dh-color-surface-bg: var(--dh-color-gray-200);--dh-color-fg: var(--dh-color-white);--dh-color-border: var(--dh-color-gray-500);--dh-color-hover-border: var(--dh-color-gray-600);--dh-color-border-focus: var(--dh-color-accent-800);--dh-color-disabled-bg: var(--dh-color-gray-300);--dh-color-scrollbar: var(--dh-color-fg);--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-600);--dh-color-text-highlight: color-mix( in srgb, var(--dh-color-blue-700) 30%, transparent );--dh-color-text-hover: var(--dh-color-gray-900);--dh-color-contrast-dark: var(--dh-color-gray-50);--dh-color-contrast-light: var(--dh-color-gray-900);--dh-color-accent-100: var(--dh-color-blue-100);--dh-color-accent-200: var(--dh-color-blue-200);--dh-color-accent-300: var(--dh-color-blue-300);--dh-color-accent-400: var(--dh-color-blue-400);--dh-color-accent-500: var(--dh-color-blue-500);--dh-color-accent-600: var(--dh-color-blue-600);--dh-color-accent-700: var(--dh-color-blue-700);--dh-color-accent-800: var(--dh-color-blue-800);--dh-color-accent-900: var(--dh-color-blue-900);--dh-color-accent-1000: var(--dh-color-blue-1000);--dh-color-accent-1100: var(--dh-color-blue-1100);--dh-color-accent-1200: var(--dh-color-blue-1200);--dh-color-accent-1300: var(--dh-color-blue-1300);--dh-color-accent-1400: var(--dh-color-blue-1400);--dh-color-accent: var(--dh-color-accent-600);--dh-color-accent-bg: var(--dh-color-accent);--dh-color-accent-hover-bg: var(--dh-color-accent-500);--dh-color-accent-down-bg: var(--dh-color-accent-400);--dh-color-accent-key-focus-bg: var(--dh-color-accent-500);--dh-color-accent-contrast: var(--dh-color-contrast-light);--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-red-bg: var(--dh-color-red-700);--dh-color-orange-bg: var(--dh-color-orange-800);--dh-color-yellow-bg: var(--dh-color-yellow-1000);--dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-celery-bg: var(--dh-color-celery-800);--dh-color-green-bg: var(--dh-color-green-700);--dh-color-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-cyan-bg: var(--dh-color-cyan-700);--dh-color-blue-bg: var(--dh-color-blue-700);--dh-color-indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-visual-gray: var(--dh-color-gray-600);--dh-color-visual-red: var(--dh-color-red-800);--dh-color-visual-orange: var(--dh-color-orange-900);--dh-color-visual-yellow: var(--dh-color-yellow-1200);--dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);--dh-color-visual-celery: var(--dh-color-celery-1000);--dh-color-visual-green: var(--dh-color-green-1100);--dh-color-visual-seafoam: var(--dh-color-seafoam-1100);--dh-color-visual-cyan: var(--dh-color-cyan-1100);--dh-color-visual-blue: var(--dh-color-blue-600);--dh-color-visual-indigo: var(--dh-color-indigo-900);--dh-color-visual-purple: var(--dh-color-purple-1100);--dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);--dh-color-visual-magenta: var(--dh-color-magenta-900);--dh-color-visual-positive: var(--dh-color-green-1200);--dh-color-visual-negative: var(--dh-color-red-800);--dh-color-visual-notice: var(--dh-color-yellow-1200);--dh-color-visual-info: var(--dh-color-cyan-1100);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: color-mix( in srgb, var(--dh-color-visual-gray) 20%, transparent );--dh-color-highlight-hover: color-mix( in srgb, var(--dh-color-visual-gray) 18%, transparent );--dh-color-highlight-invalid: color-mix( in srgb, var(--dh-color-visual-red) 15%, transparent );--dh-color-highlight-selected: color-mix( in srgb, var(--dh-color-accent) 9%, transparent );--dh-color-highlight-selected-hover: color-mix( in srgb, var(--dh-color-accent) 15%, transparent );--dh-color-keyboard-selected-bg: color-mix( in srgb, var(--dh-color-accent) 50%, transparent );--dh-color-dropshadow: color-mix( in srgb, var(--dh-color-true-black) 80%, transparent );--dh-color-overlay-modal-bg: color-mix( in srgb, var(--dh-color-black) 50%, transparent );--dh-color-overlay-hover-bg: color-mix( in srgb, var(--dh-color-white) 8%, transparent );--dh-color-negative: var(--dh-color-red-600);--dh-color-negative-bg: var(--dh-color-negative);--dh-color-negative-hover-bg: var(--dh-color-red-500);--dh-color-negative-down-bg: var(--dh-color-red-400);--dh-color-negative-key-focus-bg: var(--dh-color-red-500);--dh-color-negative-contrast: var(--dh-color-contrast-light);--dh-color-neutral: var(--dh-color-gray-500);--dh-color-neutral-bg: var(--dh-color-neutral);--dh-color-neutral-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-down-bg: var(--dh-color-gray-200);--dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);--dh-color-neutral-contrast: var(--dh-color-contrast-light);--dh-color-neutral-subdued-bg: var(--dh-color-gray-400);--dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive: var(--dh-color-green-900);--dh-color-positive-bg: var(--dh-color-positive);--dh-color-positive-hover-bg: var(--dh-color-green-800);--dh-color-positive-down-bg: var(--dh-color-green-700);--dh-color-positive-key-focus-bg: var(--dh-color-green-800);--dh-color-positive-contrast: var(--dh-color-contrast-dark);--dh-color-info: var(--dh-color-indigo-900);--dh-color-info-bg: var(--dh-color-info);--dh-color-info-hover-bg: var(--dh-color-indigo-800);--dh-color-info-down-bg: var(--dh-color-indigo-700);--dh-color-info-key-focus-bg: var(--dh-color-indigo-800);--dh-color-info-contrast: var(--dh-color-contrast-dark);--dh-color-notice: var(--dh-color-yellow-1000);--dh-color-notice-bg: var(--dh-color-notice);--dh-color-notice-hover-bg: var(--dh-color-yellow-900);--dh-color-notice-down-bg: var(--dh-color-yellow-800);--dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);--dh-color-notice-contrast: var(--dh-color-contrast-dark);--dh-color-modified: var(--dh-color-yellow-1300)}",Gs=":root{--dh-color-chart-bg: var(--dh-color-content-bg);--dh-color-chart-plot-bg: var(--dh-color-gray-200);--dh-color-chart-title: var(--dh-color-text);--dh-color-chart-legend-fg: var(--dh-color-text);--dh-color-chart-colorway: var(--dh-color-visual-cyan) var(--dh-color-visual-green) var(--dh-color-visual-yellow) var(--dh-color-visual-purple) var(--dh-color-visual-orange) var(--dh-color-visual-red) var(--dh-color-visual-chartreuse) var(--dh-color-visual-fuchsia) var(--dh-color-visual-seafoam) var(--dh-color-visual-magenta) var(--dh-color-white);--dh-color-chart-grid: var(--dh-color-gray-400);--dh-color-chart-axis-line: var(--dh-color-gray-500);--dh-color-chart-axis-line-zero: var(--dh-color-gray-700);--dh-color-chart-error-band-line: var(--dh-color-green-1400);--dh-color-chart-ohlc-increase: var(--dh-color-visual-green);--dh-color-chart-ohlc-decrease: var(--dh-color-visual-red);--dh-color-plotly-axis-text: var(--dh-color-gray-500);--dh-color-plotly-zoombox: color-mix( in srgb, var(--dh-color-true-black) 50%, transparent );--dh-color-plotly-zoombox-corners-fill: var(--dh-color-white);--dh-color-plotly-zoombox-corners-stroke: var(--dh-color-gray-75);--dh-color-plotly-modebar-btn-active: color-mix( in srgb, var(--dh-color-true-white) 30%, transparent );--dh-color-plotly-modebar-btn-warning: var(--dh-color-visual-orange);--dh-color-plotly-notifier-note-bg: var(--dh-color-gray-500);--dh-color-chart-geo-coastline: var(--dh-color-gray-200);--dh-color-chart-geo-land: var(--dh-color-gray-700);--dh-color-chart-geo-ocean: var(--dh-color-gray-300);--dh-color-chart-geo-lake: var(--dh-color-blue-200);--dh-color-chart-geo-river: var(--dh-color-blue-200);--dh-color-chart-indicator-increase: var(--dh-color-visual-green);--dh-color-chart-indicator-decrease: var(--dh-color-visual-red);--dh-color-chart-indicator-gauge: var(--dh-color-green-1000);--dh-color-chart-map-style: dark}",zs=":root{--dh-color-editor-bg: var(--dh-color-content-bg);--dh-color-editor-fg: var(--dh-color-gray-900);--dh-color-editor-error-fg: var(--dh-color-visual-red);--dh-color-editor-line-number-fg: var(--dh-color-gray-600);--dh-color-editor-line-number-active-fg: var(--dh-color-gray-800);--dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);--dh-color-editor-selection-bg: var(--dh-color-text-highlight);--dh-color-editor-inactive-selection-bg: var(--dh-color-gray-300);--dh-color-editor-selection-highlight-bg: var(--dh-color-gray-500);--dh-color-editor-word-highlight-bg: var(--dh-color-gray-500);--dh-color-editor-comment: var(--dh-color-gray-700);--dh-color-editor-delimiter: var(--dh-color-gray-700);--dh-color-editor-identifier-js: var(--dh-color-visual-yellow);--dh-color-editor-identifier-namespace: var(--dh-color-visual-red);--dh-color-editor-identifier: var(--dh-color-gray-900);--dh-color-editor-keyword: var(--dh-color-visual-cyan);--dh-color-editor-number: var(--dh-color-visual-purple);--dh-color-editor-operator: var(--dh-color-visual-red);--dh-color-editor-predefined: var(--dh-color-visual-green);--dh-color-editor-storage: var(--dh-color-visual-red);--dh-color-editor-string-delim: var(--dh-color-gray-700);--dh-color-editor-string: var(--dh-color-visual-yellow);--dh-color-editor-bracket-fg1: var(--dh-color-visual-yellow);--dh-color-editor-bracket-fg2: var(--dh-color-visual-purple);--dh-color-editor-bracket-fg3: var(--dh-color-visual-blue);--dh-color-editor-bracket-fg4: var(--dh-color-visual-yellow);--dh-color-editor-bracket-fg5: var(--dh-color-visual-purple);--dh-color-editor-bracket-fg6: var(--dh-color-visual-blue);--dh-color-editor-unexpected-bracket-fg: var(--dh-color-visual-negative);--dh-color-editor-focus-border: var(--dh-color-focus-border);--dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);--dh-color-editor-input-bg: var(--dh-color-bg);--dh-color-editor-input-fg: var(--dh-color-text);--dh-color-editor-input-border: var(--dh-color-border);--dh-color-editor-context-menu-bg: var(--dh-color-gray-300);--dh-color-editor-context-menu-fg: var(--dh-color-text);--dh-color-editor-menu-selection-bg: var(--dh-color-highlight-hover);--dh-color-editor-menu-selection-fg: var(--dh-color-text);--dh-color-editor-log-date: var(--dh-color-gray-700);--dh-color-editor-log-error: var(--dh-color-visual-red);--dh-color-editor-log-info: var(--dh-color-visual-cyan);--dh-color-editor-log-stdout: var(--dh-color-gray-900);--dh-color-editor-log-warn: var(--dh-color-visual-yellow);--dh-color-editor-log-debug: var(--dh-color-visual-purple);--dh-color-editor-log-trace: var(--dh-color-visual-green);--dh-color-editor-find-bg: var(--dh-color-gray-200);--dh-color-editor-find-match-bg: var(--dh-color-highlight-selected);--dh-color-editor-find-match-highlight-bg: color-mix( in srgb, var(--dh-color-orange-800) 35%, transparent );--dh-color-editor-find-option-active-bg: var(--dh-color-accent-700);--dh-color-editor-find-option-active-fg: var(--dh-color-gray-900);--dh-color-editor-suggest-bg: var(--dh-color-gray-200);--dh-color-editor-suggest-border: var(--dh-color-gray-400);--dh-color-editor-suggest-fg: var(--dh-color-text);--dh-color-editor-suggest-selected-bg: var(--dh-color-highlight-selected);--dh-color-editor-suggest-selected-fg: var(--dh-color-text);--dh-color-editor-suggest-highlight-fg: var(--dh-color-accent-700);--dh-color-editor-suggest-focus-highlight-fg: var(--dh-color-accent-700);--dh-color-editor-suggest-hover-bg: var(--dh-color-highlight-hover);--dh-color-editor-link-foreground: var(--dh-color-accent-1000);--dh-color-editor-link-active-fg: var(--dh-color-accent-1100);--dh-color-editor-diff-inserted-text-bg: color-mix( in srgb, var(--dh-color-positive) 35%, transparent );--dh-color-editor-diff-removed-text-bg: color-mix( in srgb, var(--dh-color-negative) 35%, transparent );--dh-color-editor-diff-inserted-line-bg: color-mix( in srgb, var(--dh-color-positive) 20%, transparent );--dh-color-editor-diff-removed-line-bg: color-mix( in srgb, var(--dh-color-negative) 20%, transparent )}",Ws=":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)}",Ks=":root{--dh-color-loading-spinner-primary: var(--dh-color-accent-bg);--dh-color-loading-spinner-secondary: color-mix( in srgb, var(--dh-color-gray-800) 50%, transparent );--dh-color-quickactions-bg: color-mix( in srgb, var(--dh-color-visual-gray) 90%, transparent );--dh-color-radial-reaction: color-mix( in srgb, var(--dh-color-visual-gray) 60%, transparent );--dh-color-colorpicker-border: color-mix( in srgb, var(--dh-color-visual-gray) 10%, transparent );--dh-logo-img: var(--dh-logo-dark-img);--dh-color-login-form-bg: var(--dh-color-gray-400);--dh-color-login-status-message: var(--dh-color-gray-600);--dh-color-login-logo-bg: var(--dh-color-gray-900);--dh-color-login-footer-fg: var(--dh-color-gray-700);--dh-color-random-area-plot-animation-fg-fill: color-mix( in srgb, var(--dh-color-accent) 8%, transparent );--dh-color-random-area-plot-animation-fg-stroke: color-mix( in srgb, var(--dh-color-accent) 20%, transparent );--dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);--dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);--dh-color-action-bg: var(--dh-color-gray-75);--dh-color-action-fg: var(--dh-color-text);--dh-color-action-border: var(--dh-color-border);--dh-color-action-down-bg: var(--dh-color-gray-300);--dh-color-action-hover-bg: var(--dh-color-gray-50);--dh-color-action-hover-fg: var(--dh-color-text-hover);--dh-color-action-hover-border: var(--dh-color-hover-border);--dh-color-action-active-bg: var(--dh-color-gray-800);--dh-color-action-active-fg: var(--dh-color-gray-50);--dh-color-action-active-border: var(--dh-color-gray-800);--dh-color-action-active-hover-bg: var(--dh-color-gray-900);--dh-color-action-active-hover-fg: var(--dh-color-gray-50);--dh-color-action-active-hover-border: var(--dh-color-gray-900);--dh-color-action-disabled-bg: transparent;--dh-color-action-disabled-fg: var(--dh-color-text-disabled);--dh-color-action-disabled-border: var(--dh-color-gray-300);--dh-color-icon-fg: var(--dh-color-gray-700);--dh-color-icon-disabled-fg: var(--dh-color-gray-400);--dh-color-input-bg: var(--dh-color-gray-75);--dh-color-input-fg: var(--dh-color-text);--dh-color-input-border: var(--dh-color-border);--dh-color-input-placeholder: var(--dh-color-gray-600);--dh-color-input-active-bg: var(--dh-color-input-bg);--dh-color-input-disabled-bg: var(--dh-color-disabled-bg);--dh-color-input-disabled-border: transparent;--dh-color-input-disabled-fg: var(--dh-color-text-disabled);--dh-color-input-hover-border: var(--dh-color-hover-border);--dh-color-input-focus-border: var(--dh-color-border-focus);--dh-color-search-icon: var(--dh-color-fg);--dh-color-form-control-error: var(--dh-color-visual-negative);--dh-color-form-control-error-shadow: color-mix( in srgb, var(--dh-color-visual-negative) 25%, transparent );--dh-color-label-text: var(--dh-color-gray-700);--dh-color-selector-fg: var(--dh-color-icon-fg);--dh-color-selector-bg: var(--dh-color-gray-75);--dh-color-selector-hover-bg: var(--dh-color-gray-50);--dh-color-selector-hover-fg: var(--dh-color-gray-900);--dh-color-selector-disabled-fg: var(--dh-color-icon-disabled-fg);--dh-color-item-list-bg: transparent;--dh-color-item-list-active-bg: var(--dh-color-highlight-active);--dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);--dh-color-item-list-selected-fg: var(--dh-color-text);--dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);--dh-color-item-list-selected-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);--dh-color-item-list-selected-border: var(--dh-color-accent-900);--dh-color-item-list-drop-target-fg: var(--dh-color-white);--dh-color-item-list-keyboard-selected-bg: color-mix( in srgb, var(--dh-color-accent) 50%, transparent );--dh-color-golden-layout-tab-header-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-selected-bg: var(--dh-color-content-bg);--dh-color-menu-item-fg: var(--dh-color-gray-700);--dh-color-hr: var(--dh-color-gray-300);--dh-color-dialog-title-fg: var(--dh-color-heading-text);--dh-color-dialog-fg: var(--dh-color-text);--dh-color-popover-bg: var(--dh-color-bg);--dh-color-popover-border: var(--dh-color-gray-400);--dh-color-tooltip-bg: var(--dh-color-gray-400);--dh-color-tooltip-fg: var(--dh-color-fg);--dh-color-tooltip-box-shadow: var(--dh-color-dropshadow);--dh-color-well-bg: color-mix( in srgb, var(--dh-color-visual-gray) 2%, transparent );--dh-color-well-border: color-mix( in srgb, var(--dh-color-visual-gray) 5%, transparent );--dh-toggle-switch-bg: var(--dh-color-gray-500)}",qs="_themeColorsPalette_v5aa0_1",Xs="_swatch_v5aa0_7",Ys="_themeColors_v5aa0_1",Zs="_label_v5aa0_21",Qs="_capitalize_v5aa0_26",ee={themeColorsPalette:qs,swatch:Xs,themeColors:Ys,label:Zs,capitalize:Qs};function Js(){return{"Theme Color Palette":ie("palette",Hs,1),"Semantic Colors":ie("semantic",Us,1),"Chart Colors":ie("chart",Gs,2),"Editor Colors":ie("editor",zs,2),"Grid Colors":ie("grid",Ws,2),"Component Colors":ie("component",Ks,1)}}function Bo({name:t,value:o}){return e.jsxs(e.Fragment,{children:[e.jsx("div",{children:t}),e.jsx("div",{children:o}),e.jsx("div",{children:ke.normalizeCssColor(o,!0)})]})}function ea(){const{selectedThemeKey:t}=Qo(),o=h.useMemo(Js,[t]);return e.jsx(e.Fragment,{children:Object.entries(o).map(([r,s],a)=>r==="Theme Color Palette"?e.jsxs(f,{name:r,children:[e.jsx("h2",{className:"ui-title",children:r}),e.jsx("div",{className:ee.themeColorsPalette,children:Object.entries(s).map(([l,n],i)=>e.jsxs(h.Fragment,{children:[(i===0||i===1)&&n.map(({name:c},m)=>e.jsx("div",{style:{gridColumnStart:m+2,textAlign:"center"},className:"mt-3",children:c.split("-").pop()},c)),e.jsx("div",{className:"text-right pr-2",children:l}),n.map(({name:c,value:m})=>e.jsxs("div",{style:{backgroundColor:m,border:m===""&&c.length>0?oo:void 0},className:Q(ee.swatch,"px-0"),children:[e.jsx(ce,{interactive:!0,children:e.jsx(Bo,{name:c,value:m})}),c&&e.jsx(wo,{copy:c,isQuiet:!0})]},c))]},l))})]},r):e.jsxs(f,{name:r,children:[e.jsx("h2",{className:"ui-title",children:r}),e.jsx("div",{className:ee.themeColors,children:Object.entries(s).map(([l,n])=>e.jsxs("div",{style:{gridRow:`span ${n.length+1}`},children:[e.jsx("span",{className:Q(ee.label,ee.capitalize),children:l}),n.map(({isLabel:i,name:c,value:m,note:d})=>i===!0?e.jsx("span",{className:ee.label,children:c},c):e.jsxs("div",{className:ee.swatch,style:{border:m===""&&c.length>0?oo:void 0},children:[e.jsx("div",{style:{backgroundColor:m,height:"var(--swatch-height)",aspectRatio:"1 / 1"}}),e.jsx(ce,{interactive:!0,children:e.jsx(Bo,{name:c,value:m})}),e.jsx("span",{children:c.replace("--dh-color-","")}),c.endsWith("-hue")||d!=null?e.jsx("span",{children:d??m}):null,e.jsx(wo,{copy:c,isQuiet:!0})]},c))]},l))})]},r))})}const qe="data-menu-category",oa="data-no-menu",ra="sample-section-e2e-ignore",nr="spectrum-component-samples",ir="spectrum-comparison-samples";function ta(){return e.jsxs("div",{id:nr,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Spectrum Components"}),e.jsxs(U,{gap:20,columns:qo("0px","1fr"),children:[e.jsxs(f,{name:"spectrum-buttons",component:R,children:[e.jsx("h3",{children:"Buttons"}),e.jsx(sa,{})]}),e.jsxs(f,{name:"spectrum-collections",component:R,children:[e.jsx("h3",{children:"Collections"}),e.jsx(ia,{})]}),e.jsxs(f,{name:"spectrum-content",component:R,children:[e.jsx("h3",{children:"Content"}),e.jsx(na,{})]}),e.jsxs(f,{name:"spectrum-forms",component:R,children:[e.jsx("h3",{children:"Forms"}),e.jsx(la,{})]}),e.jsxs(f,{name:"spectrum-overlays",component:R,children:[e.jsx("h3",{children:"Overlays"}),e.jsxs(S,{gap:"size-160",children:[e.jsx(aa,{}),e.jsxs(ho,{children:[e.jsx(F,{children:"Dialog Trigger"}),t=>e.jsxs(uo,{children:[e.jsx(Ee,{children:"Some Heading"}),e.jsx(mr,{children:"Some Header"}),e.jsx(mo,{}),e.jsx(De,{children:e.jsx(w,{children:"Are you sure?"})}),e.jsxs(Ie,{children:[e.jsx(k,{variant:"secondary",onPress:t,children:"Cancel"}),e.jsx(k,{variant:"accent",onPress:t,children:"Confirm"})]})]})]}),e.jsxs(ho,{type:"popover",children:[e.jsx(F,{children:"Popover"}),e.jsxs(uo,{children:[e.jsx(Ee,{children:"Popover"}),e.jsx(mo,{}),e.jsx(De,{children:e.jsx(w,{children:"This is a popover."})})]})]})]})]}),e.jsxs(f,{name:"spectrum-well",component:R,children:[e.jsx("h3",{children:"Wells"}),e.jsx(gr,{children:"This is a well."})]})]})]})}function sa(){return e.jsxs(e.Fragment,{children:[e.jsxs(F,{marginBottom:"size-200",children:[e.jsx(V,{children:e.jsx(N,{icon:te})}),e.jsx(w,{children:"Icon Button"})]}),e.jsxs(U,{autoFlow:"column",columnGap:"size-250",rowGap:"size-150",columns:Ye(4,qo(0,"size-2000")),rows:Ye(8,"size-400"),children:[e.jsx("label",{children:'Button style="outline"'}),e.jsx(k,{variant:"primary",style:"outline",children:"Primary"}),e.jsx(k,{variant:"secondary",style:"outline",children:"Secondary"}),e.jsx(k,{variant:"accent",style:"outline",children:"Accent"}),e.jsx(k,{variant:"negative",style:"outline",children:"Negative"}),e.jsx(k,{variant:"primary",staticColor:"black",style:"outline",children:"Static Black"}),e.jsx(k,{variant:"primary",staticColor:"white",style:"outline",children:"Static White"}),e.jsx(k,{variant:"primary",isDisabled:!0,style:"outline",children:"Disabled"}),e.jsx("label",{children:'Button style="fill"'}),e.jsx(k,{variant:"primary",style:"fill",children:"Primary"}),e.jsx(k,{variant:"secondary",style:"fill",children:"Secondary"}),e.jsx(k,{variant:"accent",style:"fill",children:"Accent"}),e.jsx(k,{variant:"negative",style:"fill",children:"Negative"}),e.jsx(k,{variant:"primary",staticColor:"black",style:"fill",children:"Static Black"}),e.jsx(k,{variant:"primary",staticColor:"white",style:"fill",children:"Static White"}),e.jsx(k,{variant:"primary",isDisabled:!0,style:"fill",children:"Disabled"}),e.jsx("label",{children:"Action Button"}),e.jsx(F,{children:"Normal"}),e.jsx(F,{gridRow:"span 3",isQuiet:!0,children:"Quiet"}),e.jsx(F,{staticColor:"black",children:"Static Black"}),e.jsx(F,{staticColor:"white",children:"Static White"}),e.jsx(F,{isDisabled:!0,children:"Disabled"}),e.jsx("label",{children:"Toggle Button"}),e.jsx(se,{children:"Normal"}),e.jsx(se,{isQuiet:!0,children:"Quiet"}),e.jsx(se,{gridRow:"span 2",isEmphasized:!0,children:"Emphasized"}),e.jsx(se,{staticColor:"black",children:"Static Black"}),e.jsx(se,{staticColor:"white",children:"Static White"}),e.jsx(se,{isDisabled:!0,children:"Disabled"})]})]})}function aa(){return e.jsxs(e.Fragment,{children:[e.jsx(w,{children:"Contextual Help"}),e.jsxs(Sr,{variant:"info",children:[e.jsx(Ee,{children:"Need help?"}),e.jsx(De,{children:e.jsx(w,{children:"This is a helpful description of the thing you need help with."})})]})]})}function la(){return e.jsx(jr,{children:e.jsxs(U,{gap:20,columns:Ye("auto-fit","210px"),alignItems:"end",children:[e.jsx(Ze,{label:"Text Field"}),e.jsxs(yr,{label:"Combobox",menuTrigger:"focus",defaultSelectedKey:"two",children:[e.jsx(b,{children:"One"},"one"),e.jsx(b,{children:"Two"},"two"),e.jsx(b,{children:"Three"},"three")]}),e.jsx(Y,{children:"Checkbox"}),e.jsx(wr,{label:"Slider",defaultValue:24}),e.jsx(Cr,{children:"Switch"})]})})}function na(){return e.jsxs(br,{children:[e.jsx(V,{size:"XL",children:e.jsx(N,{icon:Pr})}),e.jsx(Ee,{children:"Illustrated Message"}),e.jsx(De,{children:"This is the content of the message."})]})}function ia(){return e.jsxs(e.Fragment,{children:[e.jsx("label",{id:"table-view-sample",children:"List View"}),e.jsxs(xr,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",maxWidth:"size-6000",marginBottom:"size-200",children:[e.jsx(b,{children:"One"}),e.jsx(b,{children:"Two"}),e.jsx(b,{children:"Three"}),e.jsx(b,{children:"Four"})]}),e.jsx("label",{id:"table-view-sample",children:"Table View"}),e.jsxs(pr,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",children:[e.jsxs(vr,{children:[e.jsxs(ae,{title:"Person",children:[e.jsx(ae,{allowsResizing:!0,children:"Name"}),e.jsx(ae,{children:"Age"})]}),e.jsxs(ae,{title:"Address",children:[e.jsx(ae,{allowsResizing:!0,children:"City"}),e.jsx(ae,{children:"State"})]})]}),e.jsxs(fr,{children:[e.jsxs($e,{children:[e.jsx(L,{children:"John"}),e.jsx(L,{children:"42"}),e.jsx(L,{children:"San Francisco"}),e.jsx(L,{children:"CA"})]}),e.jsxs($e,{children:[e.jsx(L,{children:"Jane"}),e.jsx(L,{children:"38"}),e.jsx(L,{children:"San Francisco"}),e.jsx(L,{children:"CA"})]}),e.jsxs($e,{children:[e.jsx(L,{children:"Becky"}),e.jsx(L,{children:"12"}),e.jsx(L,{children:"San Francisco"}),e.jsx(L,{children:"CA"})]})]})]})]})}function ge(t){return e.jsx("div",{...t})}function ca(){const[t,o]=h.useState([]);h.useEffect(()=>{let s={category:"",items:[]};const a=[s],l=document.querySelector(`#${nr}`),n=document.querySelector(`#sample-section-${ir}`);document.querySelectorAll(`h2,h3,[${qe}]`).forEach(i=>{if(i.textContent==null||i.hasAttribute(oa))return;if(i.hasAttribute(qe)){s={category:i.getAttribute(qe)??"",items:[]},a.push(s);return}const m=`${(l==null?void 0:l.contains(i))===!0?"spectrum-":(n==null?void 0:n.contains(i))===!0?"spectrum-compare-":""}${i.textContent}`.toLowerCase().replace(/\s/g,"-");i.id=m,s.items.push({id:m,label:i.textContent})}),o(a)},[]),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),l=document.getElementById(a);l==null||l.scrollIntoView({behavior:"smooth"}),setTimeout(()=>{window.location.hash=a},1e3)},[]);return e.jsxs(kr,{children:[e.jsx(F,{children:e.jsx(V,{children:e.jsx(N,{icon:_r})})}),e.jsx(Tr,{items:t,onAction:r,children:({category:s,items:a})=>e.jsx(Nr,{items:a,title:s,children:({id:l,label:n})=>e.jsx(b,{children:n},l)},s)})]})}function da(){const t=h.useCallback(()=>{window.scrollTo({top:0,behavior:"smooth"}),setTimeout(()=>{window.location.hash=""},500)},[]);return h.useEffect(()=>{var s;const o=((s=document.querySelector("h2"))==null?void 0:s.offsetTop)??0;function r(){document.documentElement.dataset.scroll=String(window.scrollY>=o)}return document.addEventListener("scroll",r,{passive:!0}),()=>{document.removeEventListener("scroll",r)}},[]),e.jsx(k,{UNSAFE_className:"goto-top-button",variant:"accent",onPress:t,children:e.jsx(V,{children:e.jsx(N,{icon:Br})})})}const ha=["Tab 1","Tab 2","Tab 3"];function ua({isActive:t,title:o}){return e.jsxs("li",{className:Q("lm_tab",t&&"lm_active"),children:[e.jsx("span",{className:"lm_title_before"}),e.jsx("span",{className:"lm_title",children:o}),e.jsx("span",{className:"lm_close_tab"})]})}function ma(){return e.jsxs(f,{name:"golden-layout",children:[e.jsx("h2",{className:"ui-title",children:"Golden Layout"}),[!1,!0].map(t=>e.jsxs(be.Fragment,{children:[e.jsx("h5",{children:t?"Minimized":"Maximised"}),e.jsx("div",{style:{position:"relative",border:"none"},className:t?"lm_maximised":void 0,children:e.jsxs("div",{className:"lm_header",children:[e.jsx("ul",{className:"lm_tabs",children:ha.map((o,r)=>e.jsx(ua,{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 ga(){return e.jsxs(f,{name:"animations",className:"sample-section-e2e-ignore",children:[e.jsx("h2",{className:"ui-title",children:"Animations"}),e.jsx(R,{position:"relative",height:400,children:e.jsx(lt,{})})]})}const Vo=[["primary","accent"],["secondary","primary"],["danger","negative"]];function xa(){const[t,o]=h.useState(!1);return e.jsxs(f,{name:ir,className:ra,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Bootstrap / Spectrum Comparison"}),e.jsxs(S,{gap:20,wrap:!0,children:[e.jsxs(R,{children:[e.jsx("h3",{children:"Buttons - Filled"}),e.jsxs(U,{gap:20,columns:"repeat(2, 120px)",autoRows:"40x",justifyItems:"start",alignItems:"start",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),Vo.map(([r,s])=>e.jsxs(h.Fragment,{children:[e.jsx(y,{onClick:ne,kind:r,icon:fo,children:"Button"}),e.jsxs(k,{variant:s,style:"fill",children:[e.jsx(V,{children:e.jsx(N,{icon:fo})}),e.jsx(w,{children:"Button"})]})]},r)),e.jsx(y,{onClick:ne,kind:"primary",disabled:!0,children:"Disabled"}),e.jsx(k,{variant:"accent",style:"fill",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(R,{children:[e.jsx("h3",{children:"Buttons - Outline"}),e.jsxs(U,{gap:20,columns:"repeat(2, 120px)",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),Vo.map(([r,s])=>e.jsxs(h.Fragment,{children:[e.jsx(y,{onClick:ne,kind:r,children:r}),e.jsx(k,{variant:s,style:"outline",children:s})]},r)),e.jsx(y,{onClick:ne,kind:"secondary",disabled:!0,children:"Disabled"}),e.jsx(k,{variant:"primary",style:"outline",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(R,{children:[e.jsx("h3",{children:"Action Buttons"}),e.jsxs(U,{gap:20,columns:"repeat(2, 120px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsx(y,{onClick:ne,kind:"inline",children:"Inline"}),e.jsx(F,{children:"Action"}),e.jsx(y,{onClick:ne,kind:"inline",disabled:!0,children:"Disabled"}),e.jsx(F,{isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(R,{children:[e.jsx("h3",{children:"Pickers"}),e.jsxs(U,{gap:20,columns:"repeat(2, 192px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),[!1,!0].map(r=>e.jsxs(h.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"Select"}),e.jsxs(Ne,{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(Ir,{isDisabled:r,label:r?"Disabled Picker":"Picker",placeholder:"Picker",children:[e.jsx(b,{children:"One"},"1"),e.jsx(b,{children:"Two"},"2"),e.jsx(b,{children:"Three"},"3")]})]},String(r)))]})]}),e.jsxs(R,{children:[e.jsx("h3",{children:"Text Field"}),e.jsxs(U,{gap:20,columns:"repeat(2, 192px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"type=text"}),e.jsx("input",{type:"text",className:"form-control",placeholder:"Text Input"})]}),e.jsx(Ze,{type:"text",label:"TextField"}),e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"Disabled"}),e.jsx("input",{type:"text",className:"form-control",disabled:!0,value:"Disabled"})]}),e.jsx(Ze,{type:"text",label:"Disabled",isDisabled:!0,value:"Disabled"})]})]}),e.jsxs(R,{children:[e.jsx("h3",{children:"Checkbox"}),e.jsxs(U,{gap:20,columns:"repeat(2, 120px)",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsx(O,{className:"form-group",checked:t,onChange:()=>o(r=>!r),children:"Checkbox"}),e.jsx(Y,{children:"Checkbox"}),e.jsx(O,{className:"form-group",disabled:!0,checked:t,onChange:()=>o(r=>!r),children:"Disabled"}),e.jsx(Y,{isDisabled:!0,children:"Disabled"})]})]})]})]})}const Se=[...io(52)],oe=[...io(52,{icons:!0})],to=[...je(0,51)],Fo=[...je(52,103)],Oo=[...je(104,155)],Ho=[...je(156,207)],Uo=[...je(208,259)],Go=["String 1","String 2","String 3","","Some really long text that should get truncated",444,999,!0,!1,...to.map((t,o)=>o%5>0?t:h.cloneElement(t,{...t.props,children:[e.jsx(K,{},`icon-${t.props.children}`),e.jsx(w,{children:t.props.children},`label-${t.props.children}`)]}))];function K(){return e.jsx(V,{children:e.jsx(N,{icon:Je})})}function pa(){const[t,o]=h.useState(200),[r,s]=h.useState(!0),[a,l]=h.useState(oe),n=h.useCallback(g=>l(g===""?oe:oe.filter(({item:v})=>{var C;return(C=v==null?void 0:v.textValue)==null?void 0:C.includes(g)})),[]),i=h.useCallback(async()=>ft({keyedItems:Se,itemHeight:bt.medium,selectedKey:t,topOffset:jt}),[t]),c=h.useCallback(g=>{o(g)},[]),[m,d]=h.useState([String(Se[0].key),String(Se[1].key),String(Se[2].key)]),u=h.useCallback(g=>{d(g)},[]),[x,p]=h.useState(oe),j=h.useCallback(g=>p(g===""?oe:oe.filter(({item:v})=>{var C;return(C=v==null?void 0:v.textValue)==null?void 0:C.includes(g)})),[]);return e.jsxs(f,{name:"pickers",children:[e.jsx("h2",{className:"ui-title",children:"Pickers"}),e.jsxs(S,{gap:14,direction:"column",children:[[To,eo].map(g=>{const v=C=>`${g===To?"Picker":"ComboBox"} (${C})`;return e.jsxs(S,{direction:"row",gap:14,children:[e.jsx(g,{label:v("Single Child"),tooltip:{placement:"bottom-end"},children:e.jsx(b,{textValue:"Aaa",children:"Aaa"})}),e.jsx(g,{label:v("Mixed Children Types"),defaultSelectedKey:"999",tooltip:!0,children:Go}),e.jsxs(g,{label:v("Sections"),tooltip:!0,children:["String 1","String 2","String 3",e.jsxs(A,{title:"Section",children:[e.jsx(b,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(b,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(b,{textValue:"Complex Ccc",children:[e.jsx(K,{}),e.jsx(w,{children:"Complex Ccc"})]})]}),e.jsxs(A,{children:[e.jsx(b,{textValue:"Item Ddd",children:"Item Ddd"}),e.jsx(b,{textValue:"Item Eee",children:"Item Eee"}),e.jsxs(b,{textValue:"Complex Fff",children:[e.jsx(K,{}),e.jsx(w,{children:"Complex Fff"})]}),e.jsxs(b,{textValue:"Ggg",children:[e.jsx(K,{}),e.jsx(w,{children:"Label"}),e.jsx(w,{slot:"description",children:"Description"})]}),e.jsxs(b,{textValue:"Hhh",children:[e.jsx(K,{}),e.jsx(w,{children:"Label that causes overflow"}),e.jsx(w,{slot:"description",children:"Description that causes overflow"})]})]},"Key B"),e.jsx(A,{title:"Section A",children:to}),e.jsx(A,{title:"Section B",children:Fo}),e.jsx(A,{children:Oo},"Section C"),e.jsx(A,{children:Ho},"Section D"),e.jsx(A,{title:"Section E",children:Uo})]})]},g.displayName)}),e.jsxs(S,{direction:"row",gap:14,children:[e.jsx(Ce,{label:"MultiSelect (Single Child)",tooltip:{placement:"bottom-end"},children:e.jsx(b,{textValue:"Aaa",children:"Aaa"})}),e.jsx(Ce,{label:"MultiSelect (Mixed Children Types)",defaultSelectedKeys:["999"],tooltip:!0,children:Go}),e.jsxs(Ce,{label:"MultiSelect (Sections)",tooltip:!0,children:["String 1","String 2","String 3",e.jsxs(A,{title:"Section",children:[e.jsx(b,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(b,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(b,{textValue:"Complex Ccc",children:[e.jsx(K,{}),e.jsx(w,{children:"Complex Ccc"})]})]}),e.jsxs(A,{children:[e.jsx(b,{textValue:"Item Ddd",children:"Item Ddd"}),e.jsx(b,{textValue:"Item Eee",children:"Item Eee"}),e.jsxs(b,{textValue:"Complex Fff",children:[e.jsx(K,{}),e.jsx(w,{children:"Complex Fff"})]}),e.jsxs(b,{textValue:"Ggg",children:[e.jsx(K,{}),e.jsx(w,{children:"Label"}),e.jsx(w,{slot:"description",children:"Description"})]}),e.jsxs(b,{textValue:"Hhh",children:[e.jsx(K,{}),e.jsx(w,{children:"Label that causes overflow"}),e.jsx(w,{slot:"description",children:"Description that causes overflow"})]})]},"Key B"),e.jsx(A,{title:"Section A",children:to}),e.jsx(A,{title:"Section B",children:Fo}),e.jsx(A,{children:Oo},"Section C"),e.jsx(A,{children:Ho},"Section D"),e.jsx(A,{title:"Section E",children:Uo})]})]}),e.jsx(O,{checked:r,onChange:g=>s(g.currentTarget.checked),children:"Show Icons"}),e.jsxs(S,{direction:"row",gap:14,children:[e.jsx(pt,{label:"Picker (Controlled)",getInitialScrollPosition:i,normalizedItems:oe,selectedKey:t,showItemIcons:r,onChange:c}),e.jsx(nt,{label:"ComboBox (Controlled)",getInitialScrollPosition:i,normalizedItems:a,selectedKey:t,showItemIcons:r,onChange:c,validationState:t==null?"invalid":"valid",errorMessage:"Please select an item.",onInputChange:n}),e.jsx(Ce,{label:"MultiSelect (Controlled)",selectedKeys:m,onChange:u,onSearchTextChange:j,children:x.map(({key:g,item:v})=>e.jsx(b,{textValue:(v==null?void 0:v.textValue)??String(g),children:(v==null?void 0:v.textValue)??String(g)},String(g)))})]})]})]})}const va=[...io(52,{icons:!0})];function xe(){return e.jsx(V,{slot:"illustration",children:e.jsx(N,{icon:Or})})}const so={gap:10,label:{medium:21,large:25.5}};function pe({label:t,direction:o="column",children:r,...s}){return e.jsxs(S,{...s,direction:o,gap:so.gap,children:[e.jsx(w,{children:t}),r]})}function fa(){const{scale:t}=yt(),[o,r]=h.useState([]),[s,a]=h.useState("compact"),l=so.label[t]+so.gap+2+wt[s??"compact"][t],n=h.useCallback(g=>{a(g)},[]),[i,c]=h.useState(!0),[m,d]=h.useState(""),[u,x]=h.useState(""),p=h.useCallback((g,v)=>{d(g),x(v)},[]),j=h.useCallback(g=>{r(g)},[]);return e.jsxs(f,{name:"list-views",children:[e.jsx("h2",{className:"ui-title",children:"List View"}),e.jsxs(U,{gap:14,height:"size-6000",columns:"1fr 1fr 1fr",rows:`auto minmax(${l}px, auto) 1fr auto 1fr`,children:[e.jsx(pe,{alignItems:"center",direction:"row",label:"Density",gridColumn:"span 3",children:e.jsxs(Ko,{"aria-label":"Density",orientation:"horizontal",value:s,onChange:n,children:[e.jsx(X,{value:"compact",children:"Compact"}),e.jsx(X,{value:"regular",children:"Regular"}),e.jsx(X,{value:"spacious",children:"Spacious"})]})}),e.jsx(pe,{label:"Single Child",gridColumn:"span 3",height:"100%",children:e.jsx(_e,{density:s,"aria-label":"Single Child",selectionMode:"multiple",children:e.jsx(b,{textValue:"Aaa",children:"Aaa"})})}),e.jsx(pe,{label:"Icons",gridColumn:"span 2",children:e.jsxs(_e,{"aria-label":"Icon",density:s,selectionMode:"multiple",children:[e.jsxs(b,{textValue:"Item with icon A",children:[e.jsx(xe,{}),e.jsx(w,{children:"Item with icon A"})]}),e.jsxs(b,{textValue:"Item with icon B",children:[e.jsx(xe,{}),e.jsx(w,{children:"Item with icon B"})]}),e.jsxs(b,{textValue:"Item with icon C",children:[e.jsx(xe,{}),e.jsx(w,{children:"Item with icon C"})]}),e.jsxs(b,{textValue:"Item with icon D",children:[e.jsx(xe,{}),e.jsx(w,{children:"Item with icon D with overflowing content"})]}),e.jsxs(b,{textValue:"Item with icon E",children:[e.jsx(xe,{}),e.jsx(w,{children:"Item with icon E"})]})]})}),e.jsx(pe,{label:"Mixed Children Types",children:e.jsxs(_e,{"aria-label":"Mixed Children Types",density:s,maxWidth:"size-2400",selectionMode:"multiple",defaultSelectedKeys:["999",444],children:["String 1","String 2","String 3","","Some really long text that should get truncated",444,999,!0,!1,e.jsx(b,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(b,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(b,{textValue:"Item with Description",children:[e.jsx(w,{children:"Item with Description"}),e.jsx(w,{slot:"description",children:"Description"})]}),e.jsxs(b,{textValue:"Complex Ccc",children:[e.jsx(V,{slot:"image",children:e.jsx(N,{icon:Je})}),e.jsx(w,{children:"Complex Ccc with text that should be truncated"})]}),e.jsxs(b,{textValue:"Complex Ccc with Description",children:[e.jsx(V,{slot:"image",children:e.jsx(N,{icon:Je})}),e.jsx(w,{children:"Complex Ccc with text that should be truncated"}),e.jsx(w,{slot:"description",children:"Description"})]})]})}),e.jsx(S,{gridColumn:"span 3",gap:14,children:e.jsx(O,{checked:i,onChange:g=>c(g.currentTarget.checked),children:"Show Ions"})}),e.jsxs(pe,{label:"Controlled",gridColumn:"span 2",children:[e.jsx(it,{"aria-label":"Controlled",density:s,normalizedItems:va,selectionMode:"multiple",selectedKeys:o,showItemIcons:i,onChange:j,actions:e.jsxs(vt,{overflowMode:"collapse",buttonLabelBehavior:"collapse",maxWidth:80,onAction:p,children:[e.jsxs(b,{children:[e.jsx(V,{children:e.jsx(N,{icon:Vr})}),e.jsx(w,{children:"Edit"})]},"Edit"),e.jsxs(b,{children:[e.jsx(V,{children:e.jsx(N,{icon:Fr})}),e.jsx(w,{children:"Delete"})]},"Delete")]})}),m," ",u]})]})]})}function ba(){const[t,o]=h.useState(!1),[r,s]=h.useState(!1),[a,l]=h.useState(!1),n={maxHeight:500,display:"flex",flexDirection:"column",maxWidth:400},i="This is a short error message",c=`Mid length error message
+  </div>`;return e.jsxs(f,{name:"icons",children:[e.jsx("h2",{className:"ui-title",children:"Icons"}),e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"Icon Composition"}),e.jsx("p",{children:"Icons can be used indivudally or composed together using font-awesome composition:"}),e.jsxs("div",{className:"icons",children:[e.jsx("div",{className:"icon card",children:e.jsx(N,{icon:po})}),e.jsx("div",{className:"icon card",children:e.jsx(N,{icon:vo})}),e.jsx("div",{className:"icon card",children:e.jsx(N,{icon:fo})}),e.jsx("div",{className:"icon card",children:"="}),e.jsxs(y,{kind:"inline",className:"card",onClick:()=>{$o(m).then(()=>{i({text:e.jsx("span",{children:"Copied composition example"})})}).catch(h=>{i({text:e.jsx("span",{className:"text-danger",children:h.message})})})},children:[e.jsx("div",{className:"icon",children:e.jsxs("div",{className:"fa-md fa-layers",children:[e.jsx(N,{mask:po,icon:vo,transform:"down-7 right-7"}),e.jsx(N,{icon:fo})]})}),e.jsx("label",{children:"Custom"})]})]})]})}),e.jsx("hr",{}),e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"All available icons"}),e.jsx("p",{children:"If you cannot find or compose a relevant icon for your use case, please request a new one to be created from design."}),e.jsxs("div",{className:"form-inline mb-3",children:[e.jsx("input",{type:"search",placeholder:"Basic icon search...",value:a,className:"form-control",onChange:h=>{l(h.target.value)}}),e.jsx("span",{className:"mx-2",children:"Show: "}),e.jsx(y,{kind:"inline",active:r,className:"mr-2",onClick:()=>s(!r),icon:r?re.vsCheck:re.vsClose,children:"VS ICONS"}),e.jsx(y,{kind:"inline",active:t,className:"mr-2",onClick:()=>o(!t),icon:t?re.vsCheck:re.vsClose,children:"DH ICONS"}),e.jsxs("small",{children:["(",d.length," icon",d.length===1?"":"s",")"]})]}),e.jsxs("div",{className:"icons",children:[d,d.length===0&&e.jsx("p",{className:"no-result",children:"No icons found."}),e.jsx(Ds,{message:n})]})]})})]})}const ir=[{title:"Title 1",value:"Value 1"},{title:"Title 2",value:"Value 2"},{title:"Title 3",value:"Value 3"},{title:"Title 4",value:"Value 4"},{title:"Title 5",value:"Value 5"},{title:"Title 6",value:"Value 6"},{title:"Title 7",value:"Value 7"},{title:"Title 8",value:"Value 8"},{title:"Title 9",value:"Value 9"},{title:"Title 9",value:"Value 9"},{title:"Title 10",value:"Value 10"},{title:"Title 11",value:"Value 11"},{title:"Title 12",value:"Value 12"}],Lo=ir.map(({title:t,value:o})=>e.jsx(b,{children:t},o)),As=[{title:"1 minute",value:1*60*1e3},{title:"5 minutes",value:5*60*1e3},{title:"20 minutes",value:20*60*1e3},{title:"45 minutes",value:45*60*1e3},{title:"1 hour",value:1*60*60*1e3},{title:"4 hours",value:4*60*60*1e3}];function Ms(){const[t,o]=c.useState(!1),[r,s]=c.useState(""),[a,l]=c.useState(!0),[n,i]=c.useState(!1),[d,m]=c.useState(!1),[h,u]=c.useState(!1),[x,p]=c.useState(null),[j,g]=c.useState("1"),[v,C]=c.useState(),[E,T]=c.useState("-DLiveTableMonitor.updateThreads=8 -DLiveTableMonitor.printDependencyInformation=false -Dassertion.heapDump=true -Drequire.heapDump=true -Dassertion.heapDump=true -Drequire.heapDump=true"),ue=c.useCallback(H=>{g(H)},[]),G=c.useCallback(()=>{o(!t)},[t]),J=c.useCallback(H=>{s(H.target.value)},[]);return e.jsxs(f,{name:"inputs",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Inputs"}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col",children:e.jsxs("form",{children:[e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput1",children:["Input Label",e.jsx("input",{type:"text",className:"form-control",id:"exampleInput1","aria-describedby":"emailHelp",placeholder:"Input Placeholder"})]}),e.jsx("small",{className:"form-text text-muted",children:"Help text for a form imput"})]}),e.jsxs("div",{className:"form-group",children:[e.jsxs("label",{htmlFor:"exampleInput2",children:["Input Label",e.jsx("input",{type:"text",className:"form-control",id:"exampleInput2","aria-describedby":"emailHelp",placeholder:"Input Disabled",disabled:!0})]}),e.jsx("small",{className:"form-text text-muted",children:"Disabled input"})]}),e.jsx("div",{className:"form-group",children:e.jsxs("label",{htmlFor:"exampleInputPassword1",children:["Password",e.jsx("input",{type:"password",className:"form-control",id:"exampleInputPassword1",placeholder:"Password",defaultValue:"123456789"})]})}),e.jsx("div",{className:"form-group",children:e.jsx(Kr,{value:r,placeholder:"Search Input",onChange:J})})]})}),e.jsx("div",{className:"col",children:e.jsxs("form",{children:[e.jsx("h5",{children:" Checkboxes "}),e.jsx(O,{className:"form-group",checked:a,onChange:()=>l(!a),children:"Checked checkbox"}),e.jsx(O,{className:"form-group",checked:n,onChange:()=>i(!n),children:"Unchecked checkbox"}),e.jsx(O,{className:"form-group",disabled:!0,checked:null,children:"Disabled checkbox"}),e.jsx(O,{className:"form-group",isInvalid:!0,checked:d,onChange:()=>m(!d),children:"Invalid checkbox"}),e.jsx(O,{className:"form-group",checked:h,onChange:()=>u(!h),children:"Add radio button"}),e.jsx(O,{className:"form-group",checked:x,onChange:()=>{x==null?p(!0):p(x?!1:null)},children:"Indeterminate Cycle"})]})}),e.jsxs("div",{className:"col",children:[e.jsxs("form",{children:[e.jsx("h5",{id:"inputs-radios-heading",children:"Radios"}),e.jsxs(qo,{"aria-labelledby":"inputs-radios-heading",onChange:ue,value:j,isInvalid:j==="4",description:"Select a radio item",errorMessage:j==="4"?"Invalid radio selected":void 0,children:[e.jsx(X,{value:"1",children:"Toggle this custom radio"}),e.jsx(X,{value:"2",children:"Or toggle this other custom radio"}),e.jsx(X,{value:"3",isDisabled:!0,children:"Disabled radio"}),e.jsx(X,{value:"4",children:"Invalid radio"}),e.jsx(X,{isHidden:!h,value:"5",children:"Extra radio item"})]})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Toggle Buttons"}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{children:String(t)}),e.jsx(we,{on:t,onClick:G})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{children:String(!t)}),e.jsx(we,{on:!t,onClick:G})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"isInvalid",children:"isInvalid"}),e.jsx(we,{on:!t,isInvalid:!0,onClick:G})]}),e.jsxs("div",{className:"form-inline justify-content-between",children:[e.jsx("label",{className:"disabled",children:"disabled"}),e.jsx(we,{on:!t,disabled:!0,onClick:G})]})]})]}),e.jsxs("div",{className:"col",children:[e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Selection Menu"}),e.jsxs(Ie,{onChange:H=>{},defaultValue:"0",className:"custom-select",children:[e.jsx(P,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(P,{value:"1",children:"One"}),e.jsx(P,{value:"2",children:"Two"}),e.jsx(P,{value:"3",children:"Three"})]})]}),e.jsx("div",{className:"form-group",children:e.jsxs(Ie,{onChange:H=>{},defaultValue:"0",className:"custom-select",disabled:!0,children:[e.jsx(P,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(P,{value:"1",children:"One"}),e.jsx(P,{value:"2",children:"Two"}),e.jsx(P,{value:"3",children:"Three"})]})}),e.jsx("div",{className:"form-group",children:e.jsxs(Ie,{onChange:H=>{},defaultValue:"0",className:"custom-select",isInvalid:!0,children:[e.jsx(P,{disabled:!0,value:"0",children:"Custom Selection"}),e.jsx(P,{value:"1",children:"One"}),e.jsx(P,{value:"2",children:"Two"}),e.jsx(P,{value:"3",children:"Three"})]})}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Input with Select"}),e.jsx("div",{className:"input-group",children:e.jsx(eo,{"aria-label":"ComboBox",width:"100%",children:Lo})}),e.jsx("br",{}),e.jsx("div",{className:"input-group",children:e.jsx(eo,{"aria-label":"Disabled ComboBox",isDisabled:!0,width:"100%",children:Lo})})]}),e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"AutoCompleteInput"}),e.jsx(ot,{options:ir,noMatchText:"No Matches."})]})]}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Time Input"}),e.jsx(rt,{}),e.jsx("br",{}),e.jsx("h5",{children:"Date Input"}),e.jsx(tt,{}),e.jsx("br",{}),e.jsx("h5",{children:"DateTime Input"}),e.jsx(mt,{}),e.jsx("br",{}),e.jsx("h5",{children:"Custom Timeselect"}),e.jsx(st,{options:As,value:v??null,onChange:C,customText:"Custom Timeout",placeholder:"Select a timeout",timeToValue:H=>H*1e3})]})})]}),e.jsx("div",{className:"row",children:e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Auto Resize Textarea"}),e.jsx(at,{value:E,delimiter:" -",onChange:T})]})})})]})}class $s extends c.PureComponent{constructor(o){super(o),this.handleSelect=this.handleSelect.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.selectedItems=[],this.state={items:[],offset:0,itemCount:5e5}}handleSelect(o){const r=this.selectedItems.indexOf(o);r>=0?this.selectedItems.splice(r,1):this.selectedItems.push(o);const s=r<0,{offset:a}=this.state;let{items:l}=this.state;l=[].concat(l);const n=o-a;n>=0&&n<l.length&&(l[n].isSelected=s),this.setState({items:l})}handleViewportChange(o,r){const{itemCount:s}=this.state,a=r-o+1,l=Math.max(0,o-a),n=Math.min(r+a,s),i=[];for(let m=l;m<=n&&m<=s;m+=1){const h=`Item ${m}`,u=this.selectedItems.indexOf(m)>=0;i.push({value:h,isSelected:u})}const d=l;this.setState({offset:d,items:i})}render(){const{offset:o,items:r,itemCount:s}=this.state;return e.jsx(gt,{itemCount:s,items:r,offset:o,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}class ro extends c.PureComponent{constructor(o){super(o),this.handleSelect=this.handleSelect.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.selectedItems=[],this.state={items:[],offset:0,itemCount:5e5}}handleSelect(o){const{itemCount:r}=this.state;console.log("Item selected at index",o,"/",r)}handleViewportChange(o,r){const{itemCount:s}=this.state,a=r-o+1,l=Math.max(0,o-a),n=Math.min(r+a,s),i=[];for(let m=l;m<=n;m+=1){const h=`Item ${m}`,u=this.selectedItems.indexOf(m)>=0;i.push({value:h,isSelected:u})}const d=l;this.setState({offset:d,items:i})}render(){const{isMultiSelect:o}=this.props,{offset:r,items:s,itemCount:a}=this.state;return e.jsx(qr,{isMultiSelect:o,itemCount:a,items:s,offset:r,onSelect:this.handleSelect,onViewportChange:this.handleViewportChange})}}z(ro,"defaultProps");function Rs(){return e.jsxs(f,{name:"item-list-inputs",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Item Lists"}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Select List"}),e.jsx("div",{style:{height:"300px"},children:e.jsx($s,{})})]})}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Item List"}),e.jsx("div",{style:{height:"300px"},children:e.jsx(ro,{})})]})}),e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsx("h5",{children:"Multi Select Item List"}),e.jsx("div",{style:{height:"300px"},children:e.jsx(ro,{isMultiSelect:!0})})]})})]})]})}function Ls(){const[t,o]=c.useState(0),[r,s]=c.useState(!0),a=()=>{o(0)};function l(n){return e.jsxs(be.Fragment,{children:[e.jsxs(y,{kind:"primary",style:{marginBottom:"1rem",marginRight:"1rem"},onClick:()=>{o(n)},children:[n," ",n>1?"Actions":"Action"]}),e.jsx(Xr,{isOpen:t===n,headerText:"Header Text",bodyText:"This is where the body text goes",onConfirm:a,onCancel:n>=2?a:void 0,onDiscard:n>=3?a:void 0})]},n)}return e.jsxs(f,{name:"modals",children:[e.jsx("h2",{className:"ui-title",children:"Basic Modals"}),e.jsx("div",{style:{padding:"1rem"},children:[1,2,3].map(n=>l(n))}),e.jsx("h2",{className:"ui-title",children:"Custom Modal"}),e.jsx("div",{style:{padding:"1rem"},children:e.jsx("div",{className:"modal-dialog",role:"dialog",children:e.jsxs("div",{className:"modal-content",children:[e.jsxs("div",{className:"modal-header",children:[e.jsx("h5",{className:"modal-title",children:"Modal title"}),e.jsx("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close",children:e.jsx("span",{"aria-hidden":"true",children:"×"})})]}),e.jsxs("div",{className:"modal-body",children:[e.jsx("p",{children:"Modal body text goes here."}),e.jsx(O,{checked:r,onChange:()=>s(!r),children:"Checked checkbox"})]}),e.jsxs("div",{className:"modal-footer",children:[e.jsx(y,{kind:"secondary","data-dismiss":"modal",onClick:()=>{},children:"Close"}),e.jsx(y,{kind:"primary",onClick:()=>{},children:"Save changes"})]})]})})})]})}function Ps(){return e.jsxs(f,{name:"progress",children:[e.jsx("h2",{className:"ui-title",children:"Progress"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Determinate Progress Loader"}),e.jsx("br",{}),e.jsx("div",{className:"progress",style:{marginBottom:"1rem"},children:e.jsx("div",{className:"progress-bar bg-primary",style:{width:"25%"},"aria-valuenow":25,"aria-valuemin":0,"aria-valuemax":100})})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Indeterminate Progress Spinner"}),e.jsx(Qe,{className:"loading-spinner-large"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h5",{children:"Button Progress Spinner"}),e.jsx(y,{kind:"primary",className:"btn-spinner btn-cancelable",style:{minWidth:"10rem"},onClick:()=>{},children:e.jsxs("span",{children:[e.jsx(Qe,{className:"mr-2 loading-spinner-vertical-align"}),e.jsx("span",{className:"btn-normal-content",children:"Connecting"}),e.jsx("span",{className:"btn-hover-content",children:"Cancel"})]})})]})]})]})}class _s extends c.PureComponent{constructor(o){super(o),this.handleSliderChange=this.handleSliderChange.bind(this),this.state={initialStartTime:24*60*60*.25,initialEndTime:24*60*60*.75,startTime:24*60*60*.25,endTime:24*60*60*.75}}handleSliderChange(o){const{startTime:r,endTime:s}=o;this.setState({startTime:r}),this.setState({endTime:s})}render(){const{startTime:o,endTime:r,initialStartTime:s,initialEndTime:a}=this.state,l=o!==s,n=r!==a;return e.jsxs(f,{name:"time-slider-inputs",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Time Slider"}),e.jsx(lt,{startTime:o,endTime:r,isStartModified:l,isEndModified:n,onChange:this.handleSliderChange}),e.jsxs("p",{style:l?{color:"var(--dh-color-modified)"}:{},children:["StartTime: ",wo.formatTime(o)]}),e.jsxs("p",{style:n?{color:"var(--dh-color-modified)"}:{},children:["EndTime: ",wo.formatTime(r)]})]})}}function Bs(){const o=[lo,ao].map(r=>e.jsx(N,{icon:r},`${r.prefix}-${r.iconName}`));return e.jsxs(f,{name:"tooltips",children:[e.jsx("h2",{className:"ui-title",title:"Make better looking tooltips than this one!",children:"Tooltips"}),e.jsxs("div",{className:"btn btn-primary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Simple Tooltip",e.jsx(ce,{children:"Text only content"})]}),e.jsxs("div",{className:"btn btn-secondary",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Complex Tooltip",e.jsxs(ce,{children:[e.jsxs("div",{children:["Here is some ",e.jsx("i",{children:"cool"})," ",e.jsx("b",{children:"text"})]}),e.jsx("hr",{}),e.jsx("div",{children:"And some icons down here"}),e.jsxs("div",{children:[e.jsx(Qe,{className:"loading-spinner-vertical-align"}),o]})]})]}),e.jsxs("div",{className:"btn btn-success",style:{cursor:"default",marginBottom:"1rem",marginRight:"1rem"},children:["Interactive Tooltip",e.jsxs(ce,{interactive:!0,children:[e.jsx("div",{children:"This tooltip is interactive."}),e.jsx("hr",{}),e.jsx(y,{kind:"primary",onClick:()=>{alert("Button clicked!")},children:"Show Alert"})]})]})]})}function Vs(){return e.jsxs(f,{name:"toast",children:[e.jsx("h2",{className:"ui-title",children:"Toast"}),e.jsx("div",{children:e.jsxs(Ee,{children:[e.jsx(y,{kind:"tertiary",onClick:()=>ye.neutral("Neutral toast",{timeout:5e3}),children:"Show neutral toast"}),e.jsx(y,{kind:"success",onClick:()=>ye.positive("Positive toast",{timeout:5e3}),children:"Show positive toast"}),e.jsx(y,{kind:"danger",onClick:()=>ye.negative("Negative toast",{timeout:5e3}),children:"Show negative toast"}),e.jsx(y,{kind:"primary",onClick:()=>ye.info("Info toast",{timeout:5e3}),children:"Show info toast"})]})})]})}function Fs(){return e.jsxs(f,{name:"typography",children:[e.jsx("h2",{className:"ui-title",children:"Typography"}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("h1",{className:"text-muted","data-no-menu":!0,children:"h1. Unused"}),e.jsx("h2",{className:"text-muted","data-no-menu":!0,children:"h2. Unused"}),e.jsx("h3",{className:"text-muted","data-no-menu":!0,children:"h3. Unused"}),e.jsx("h4",{"data-no-menu":!0,children:"h4. Standard Heading"}),e.jsx("h5",{"data-no-menu":!0,children:"h5. Small Heading"}),e.jsx("h6",{className:"text-muted","data-no-menu":!0,children:"h6. Unused"})]}),e.jsxs("div",{className:"col",children:[e.jsx("h4",{children:"Fonts"}),e.jsx("p",{children:"UI: Fira Sans;"}),e.jsx("p",{className:"text-monospace",children:"Code: Fira Mono;"}),e.jsx("p",{children:'Tables: Fira Sans; font-feature-settings: "tnum";'}),e.jsx("p",{children:"Default font-size: 14px = 1rem"})]})]})]})}class cr extends c.PureComponent{constructor(r){super(r);z(this,"getViewportItems",Ko((r,s,a)=>r==null||s==null?[]:a.slice(r,s)));this.handleSelectionChange=this.handleSelectionChange.bind(this),this.handleViewportChange=this.handleViewportChange.bind(this),this.itemList=be.createRef(),this.selectedItems=[],this.state={topRow:null,bottomRow:null}}focusItem(r){this.itemList.current&&this.itemList.current.focusItem(r)}handleSelectionChange(r){console.log("Selection changed",r);const{onSelectionChange:s}=this.props;s(r)}handleViewportChange(r,s){const{items:a}=this.props,l=s-r+1,n=Math.max(0,r-l),i=Math.min(s+l,a.length);this.setState({topRow:n,bottomRow:i})}render(){const{draggablePrefix:r,droppableId:s,isDragDisabled:a,isDropDisabled:l,isMultiSelect:n,items:i,selectedRanges:d}=this.props,{topRow:m,bottomRow:h}=this.state;return e.jsx(ve,{draggablePrefix:r,droppableId:s,isDragDisabled:a,isDropDisabled:l,isMultiSelect:n,itemCount:i.length,items:this.getViewportItems(m,h,i),offset:m??0,onSelectionChange:this.handleSelectionChange,onViewportChange:this.handleViewportChange,ref:this.itemList,selectedRanges:d})}}z(cr,"defaultProps");const ze=["Draggable Only","Drag and Drop","Droppable Only"],Os=[{isDropDisabled:!0},{},{isDragDisabled:!0}],Hs=(t="Item",o=1e3)=>{const r=[];for(let s=0;s<o;s+=1)r.push(`${t}-${s}`);return r};class $e extends c.Component{constructor(r){super(r);z(this,"getSelectionChangeHandler",ho(r=>this.handleSelectionChange.bind(this,r),{max:1e3}));z(this,"getDraggableList",ho((r,s,a,l)=>e.jsx(cr,{items:r,droppableId:ve.getDraggableId("drop-list",l),draggablePrefix:ve.getDraggableId("draggable-item",l),onSelectionChange:this.getSelectionChangeHandler(l),isMultiSelect:!0,ref:a,selectedRanges:s,...Os[l]}),{max:1e3}));this.handleDragEnd=this.handleDragEnd.bind(this),this.animationFrame=null;const s=[],a=[],l=[];for(let n=0;n<ze.length;n+=1)s[n]=Hs(ze[n]),a[n]=[],l[n]=be.createRef();this.state={items:s,lists:l,selectedRanges:a}}static handleDragStart(r){console.log("handleDragStart",r)}static handleDragUpdate(r){console.log("handleDragUpdate",r)}componentWillUnmount(){this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame)}handleDragEnd(r){console.log("handleDragEnd",r);const{source:s,destination:a}=r;if(s==null||a==null)return;const l=ve.getDraggableIndex(s.droppableId),n=ve.getDraggableIndex(a.droppableId),i=l===n;let d=a.index;i&&s.index<a.index&&(d+=1);let m=d;this.setState(({items:h,selectedRanges:u})=>{const x=[...h[l]],p=i?x:[...h[n]],j=To.reorder(x,u[l],p,d),g=[...h];g[l]=x,g[n]=p,m=i?To.adjustDestinationIndex(d,u[n]):d;const v=[...u];return v[l]=[],v[n]=[[m,m+j.length-1]],{items:g,selectedRanges:v}},()=>{this.animationFrame!=null&&cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame(()=>{var u,x;this.animationFrame=null;const{lists:h}=this.state;(x=(u=h[n])==null?void 0:u.current)==null||x.focusItem(m)})})}handleSelectionChange(r,s){this.setState(({selectedRanges:a})=>{const l=[...a];return l[r]=[...s],{selectedRanges:l}})}render(){const{items:r,lists:s,selectedRanges:a}=this.state;return e.jsxs(f,{name:"draggable-lists",className:"style-guide-inputs",children:[e.jsx("h2",{className:"ui-title",children:"Drag and Drop Lists"}),e.jsx("div",{className:"row",children:e.jsx(mr,{onDragStart:$e.handleDragStart,onDragUpdate:$e.handleDragUpdate,onDragEnd:this.handleDragEnd,children:ze.map((l,n)=>e.jsx("div",{className:"col",children:e.jsxs("div",{className:"form-group",children:[e.jsxs("h5",{children:[l," List"]}),e.jsx("div",{style:{height:"300px"},children:this.getDraggableList(r[n],a[n],s[n],n)})]})},l))})})]})}}function Po({count:t=5,activeKey:o=""}){const[r,s]=c.useState(o),[a,l]=c.useState(()=>{const h=[];for(let u=0;u<t;u+=1)h.push({key:`${u}`,title:`Tab ${u}`,isClosable:u>0});return h}),n=c.useCallback((h,u)=>{l(x=>{const p=[...x],[j]=p.splice(h,1);return p.splice(u,0,j),p})},[]),i=c.useCallback(h=>{s(h)},[]),d=c.useCallback(h=>{l(u=>u.filter(x=>x.key!==h))},[]),m=c.useCallback(h=>[{title:"Select Tab to the Left",group:10,order:10,disabled:a[0].key===h.key,action:()=>{const u=a.findIndex(x=>x.key===h.key);u>0&&s(a[u-1].key)}},{title:"Select Tab to the Right",group:30,order:10,disabled:a[a.length-1].key===h.key,action:()=>{const u=a.findIndex(x=>x.key===h.key);u<a.length-1&&s(a[u+1].key)}}],[a]);return e.jsx(kt,{tabs:a,activeKey:r,onSelect:i,onReorder:n,onClose:d,makeContextActions:m})}let _o=0;function Us(){const t=_o;return _o+=1,t}const Gs=or(25);function We(t=1,o=5){const r=Number(Gs.next().value);return Math.floor(r*o)+t}function Ke(t,o=Us()){return{id:o,type:t}}function Bo(t=We(),o=We(),r=We()){const s=[];for(let a=0;a<t;a+=1)s.push(Ke("SUBMENU"));for(let a=0;a<o;a+=1)s.push(Ke("PAGE"));for(let a=0;a<r;a+=1)s.push(Ke("SWITCH"));return s}function qe({type:t,id:o}){switch(t){case"SUBMENU":return`Submenu ${o}`;case"PAGE":return`Page ${o}`;case"SWITCH":return`Switch ${o}`}}function zs({type:t}){switch(t){case"SUBMENU":return Pr;case"PAGE":return Lr;case"SWITCH":return te}}function Ws(){const[t,o]=c.useState([]),[r,s]=c.useState(new Map),a=c.useCallback(h=>{o([...t,h])},[t,o]),l=c.useCallback(()=>{const h=[...t];h.pop(),o(h)},[t,o]),n=c.useCallback(()=>{const h=[t[0]];o(h)},[t,o]),i=c.useCallback(h=>{const u=r.get(h)??!1,x=new Map(r);x.set(h,!u),s(x)},[r,s]),d=c.useCallback(h=>{const u=t[t.length-1],{items:x}=u;if(!x)throw new Error("Navigation handleSelect triggered without items to select");const p=x[h];switch(p.type){case"PAGE":a({title:qe(p)});break;case"SUBMENU":a({title:qe(p),items:Bo()});break;case"SWITCH":i(p.id);break}},[t,i,a]);c.useEffect(function(){o([{title:"Navigation Menu",items:Bo()}])},[]);const m=c.useMemo(()=>t.map(({items:h,title:u},x)=>{if(!h)return e.jsx(ko,{onBack:l,onClose:n,title:u,children:e.jsx("div",{children:"Page content!"})},u);let p=null;if(h!=null){const j=h.map(g=>{const v=qe(g),C=zs(g);let E,T;return g.type==="SWITCH"&&(E=r.get(g.id)??!1,T=()=>{d(g.id)}),{title:v,icon:C,isOn:E,onChange:T}});p=e.jsx(pt,{onSelect:d,items:j})}else p=e.jsx("div",{children:"Page content"});return e.jsx(ko,{onBack:x>0?l:void 0,onClose:x>0?n:void 0,title:u,children:p},u)}),[t,r,d,l,n]);return e.jsxs(f,{name:"navigations",children:[e.jsx("h2",{className:"ui-title",children:"Navigations"}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(Po,{count:100,activeKey:"15"})}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(Po,{})}),e.jsx("div",{className:"navigations",children:e.jsx(xt,{children:m})})]})}const Ks=":root{--dh-color-gray-50: #1a171a;--dh-color-gray-75: #211f22;--dh-color-gray-100: #2d2a2e;--dh-color-gray-200: #322f33;--dh-color-gray-300: #373438;--dh-color-gray-400: #403e41;--dh-color-gray-500: #5b5a5c;--dh-color-gray-600: #929192;--dh-color-gray-700: #c0bfbf;--dh-color-gray-800: #f0f0ee;--dh-color-gray-900: #fcfcfa;--dh-color-gray-light: var(--dh-color-gray-900);--dh-color-gray-mid: var(--dh-color-gray-600);--dh-color-gray-dark: var(--dh-color-gray-300);--dh-color-black: var(--dh-color-gray-50);--dh-color-white: var(--dh-color-gray-800);--dh-color-true-black: #000000;--dh-color-true-white: #ffffff;--dh-color-red-100: #471521;--dh-color-red-200: #5d1b2b;--dh-color-red-300: #762336;--dh-color-red-400: #912b45;--dh-color-red-500: #ab3452;--dh-color-red-600: #c73f61;--dh-color-red-700: #e14c71;--dh-color-red-800: #f85e85;--dh-color-red-900: #ff7b9e;--dh-color-red-1000: #ff99b6;--dh-color-red-1100: #ffb4c9;--dh-color-red-1200: #ffcbd9;--dh-color-red-1300: #ffdee7;--dh-color-red-1400: #ffecf1;--dh-color-orange-100: #471800;--dh-color-orange-200: #5a2202;--dh-color-orange-300: #702f06;--dh-color-orange-400: #87390c;--dh-color-orange-500: #9f4612;--dh-color-orange-600: #b7541b;--dh-color-orange-700: #d06425;--dh-color-orange-800: #e67533;--dh-color-orange-900: #fa8648;--dh-color-orange-1000: #ffa069;--dh-color-orange-1100: #ffb98d;--dh-color-orange-1200: #ffcfaf;--dh-color-orange-1300: #ffe0cb;--dh-color-orange-1400: #ffeee2;--dh-color-yellow-100: #2e2700;--dh-color-yellow-200: #3d3300;--dh-color-yellow-300: #4d4100;--dh-color-yellow-400: #5f5005;--dh-color-yellow-500: #725f0b;--dh-color-yellow-600: #856e13;--dh-color-yellow-700: #9a811b;--dh-color-yellow-800: #ae9024;--dh-color-yellow-900: #c3a32f;--dh-color-yellow-1000: #d7b53a;--dh-color-yellow-1100: #eac448;--dh-color-yellow-1200: #fad459;--dh-color-yellow-1300: #ffe77a;--dh-color-yellow-1400: #fff3ac;--dh-color-chartreuse-100: #1f2b00;--dh-color-chartreuse-200: #2b3805;--dh-color-chartreuse-300: #39470b;--dh-color-chartreuse-400: #495611;--dh-color-chartreuse-500: #596718;--dh-color-chartreuse-600: #69781f;--dh-color-chartreuse-700: #7a8927;--dh-color-chartreuse-800: #8e9c30;--dh-color-chartreuse-900: #a1ae3a;--dh-color-chartreuse-1000: #b2c046;--dh-color-chartreuse-1100: #c2d153;--dh-color-chartreuse-1200: #d5e166;--dh-color-chartreuse-1300: #e3ee84;--dh-color-chartreuse-1400: #f0f7ae;--dh-color-celery-100: #122d15;--dh-color-celery-200: #173a1a;--dh-color-celery-300: #1e4b22;--dh-color-celery-400: #255c2a;--dh-color-celery-500: #2d6d32;--dh-color-celery-600: #36803d;--dh-color-celery-700: #409347;--dh-color-celery-800: #4da654;--dh-color-celery-900: #5fb967;--dh-color-celery-1000: #77ca7e;--dh-color-celery-1100: #93d999;--dh-color-celery-1200: #b2e5b7;--dh-color-celery-1300: #ceeed1;--dh-color-celery-1400: #e4f6e6;--dh-color-green-100: #22291d;--dh-color-green-200: #2d3625;--dh-color-green-300: #38462d;--dh-color-green-400: #445636;--dh-color-green-500: #50673d;--dh-color-green-600: #5b7a45;--dh-color-green-700: #678c4c;--dh-color-green-800: #74a053;--dh-color-green-900: #81b45a;--dh-color-green-1000: #8ec762;--dh-color-green-1100: #9bd96c;--dh-color-green-1200: #ace97e;--dh-color-green-1300: #c3f59d;--dh-color-green-1400: #dcfbc2;--dh-color-seafoam-100: #1f2925;--dh-color-seafoam-200: #263630;--dh-color-seafoam-300: #2f463e;--dh-color-seafoam-400: #37574b;--dh-color-seafoam-500: #3e6959;--dh-color-seafoam-600: #447b68;--dh-color-seafoam-700: #488f79;--dh-color-seafoam-800: #4ca388;--dh-color-seafoam-900: #4fb798;--dh-color-seafoam-1000: #54cba5;--dh-color-seafoam-1100: #5edeb8;--dh-color-seafoam-1200: #78edc8;--dh-color-seafoam-1300: #9ef8d7;--dh-color-seafoam-1400: #cbfce8;--dh-color-cyan-100: #142b2d;--dh-color-cyan-200: #1a373a;--dh-color-cyan-300: #21474b;--dh-color-cyan-400: #29585c;--dh-color-cyan-500: #31696e;--dh-color-cyan-600: #3a7a81;--dh-color-cyan-700: #438d94;--dh-color-cyan-800: #4da0a8;--dh-color-cyan-900: #59b4bc;--dh-color-cyan-1000: #65c6cf;--dh-color-cyan-1100: #74d6e1;--dh-color-cyan-1200: #88e6f1;--dh-color-cyan-1300: #a4f2fb;--dh-color-cyan-1400: #cafaff;--dh-color-blue-100: #112451;--dh-color-blue-200: #16306c;--dh-color-blue-300: #1d3d88;--dh-color-blue-400: #254ba4;--dh-color-blue-500: #2f5bc0;--dh-color-blue-600: #3b6bda;--dh-color-blue-700: #4c7dee;--dh-color-blue-800: #6390fa;--dh-color-blue-900: #7ca3ff;--dh-color-blue-1000: #97b6ff;--dh-color-blue-1100: #afc8ff;--dh-color-blue-1200: #c7d9ff;--dh-color-blue-1300: #dbe6ff;--dh-color-blue-1400: #ecf1ff;--dh-color-indigo-100: #1a1e62;--dh-color-indigo-200: #252a75;--dh-color-indigo-300: #32388a;--dh-color-indigo-400: #40489f;--dh-color-indigo-500: #4f58b4;--dh-color-indigo-600: #5f68c8;--dh-color-indigo-700: #707bdb;--dh-color-indigo-800: #828ded;--dh-color-indigo-900: #959ffa;--dh-color-indigo-1000: #aab2ff;--dh-color-indigo-1100: #bec5ff;--dh-color-indigo-1200: #d2d6ff;--dh-color-indigo-1300: #e1e5ff;--dh-color-indigo-1400: #eff0ff;--dh-color-purple-100: #311067;--dh-color-purple-200: #3d1f79;--dh-color-purple-300: #4b2f8c;--dh-color-purple-400: #5a3f9f;--dh-color-purple-500: #6850b1;--dh-color-purple-600: #7861c3;--dh-color-purple-700: #8873d5;--dh-color-purple-800: #9887e5;--dh-color-purple-900: #a99af3;--dh-color-purple-1000: #b9aefb;--dh-color-purple-1100: #cac1fe;--dh-color-purple-1200: #dad3ff;--dh-color-purple-1300: #e8e3ff;--dh-color-purple-1400: #f4effe;--dh-color-fuchsia-100: #450f44;--dh-color-fuchsia-200: #551a55;--dh-color-fuchsia-300: #662969;--dh-color-fuchsia-400: #77377e;--dh-color-fuchsia-500: #884794;--dh-color-fuchsia-600: #9858aa;--dh-color-fuchsia-700: #a76bbf;--dh-color-fuchsia-800: #b67ed4;--dh-color-fuchsia-900: #c592e5;--dh-color-fuchsia-1000: #d2a7f0;--dh-color-fuchsia-1100: #debcf6;--dh-color-fuchsia-1200: #e9cff9;--dh-color-fuchsia-1300: #f2e0fb;--dh-color-fuchsia-1400: #f9edfc;--dh-color-magenta-100: #520427;--dh-color-magenta-200: #641034;--dh-color-magenta-300: #791e45;--dh-color-magenta-400: #8d2d57;--dh-color-magenta-500: #a13c69;--dh-color-magenta-600: #b54c7d;--dh-color-magenta-700: #ca5d93;--dh-color-magenta-800: #dc70a8;--dh-color-magenta-900: #ee83ba;--dh-color-magenta-1000: #fb99cd;--dh-color-magenta-1100: #ffb1dc;--dh-color-magenta-1200: #ffc9e7;--dh-color-magenta-1300: #ffddf0;--dh-color-magenta-1400: #ffecf6}",qs=":root{--dh-color-bg: var(--dh-color-black);--dh-color-content-bg: var(--dh-color-gray-100);--dh-color-subdued-content-bg: var(--dh-color-gray-75);--dh-color-surface-bg: var(--dh-color-gray-200);--dh-color-fg: var(--dh-color-white);--dh-color-border: var(--dh-color-gray-500);--dh-color-hover-border: var(--dh-color-gray-600);--dh-color-border-focus: var(--dh-color-accent-800);--dh-color-disabled-bg: var(--dh-color-gray-300);--dh-color-scrollbar: var(--dh-color-fg);--dh-color-heading-text: var(--dh-color-gray-900);--dh-color-text: var(--dh-color-gray-800);--dh-color-text-disabled: var(--dh-color-gray-600);--dh-color-text-highlight: color-mix( in srgb, var(--dh-color-blue-700) 30%, transparent );--dh-color-text-hover: var(--dh-color-gray-900);--dh-color-contrast-dark: var(--dh-color-gray-50);--dh-color-contrast-light: var(--dh-color-gray-900);--dh-color-accent-100: var(--dh-color-blue-100);--dh-color-accent-200: var(--dh-color-blue-200);--dh-color-accent-300: var(--dh-color-blue-300);--dh-color-accent-400: var(--dh-color-blue-400);--dh-color-accent-500: var(--dh-color-blue-500);--dh-color-accent-600: var(--dh-color-blue-600);--dh-color-accent-700: var(--dh-color-blue-700);--dh-color-accent-800: var(--dh-color-blue-800);--dh-color-accent-900: var(--dh-color-blue-900);--dh-color-accent-1000: var(--dh-color-blue-1000);--dh-color-accent-1100: var(--dh-color-blue-1100);--dh-color-accent-1200: var(--dh-color-blue-1200);--dh-color-accent-1300: var(--dh-color-blue-1300);--dh-color-accent-1400: var(--dh-color-blue-1400);--dh-color-accent: var(--dh-color-accent-600);--dh-color-accent-bg: var(--dh-color-accent);--dh-color-accent-hover-bg: var(--dh-color-accent-500);--dh-color-accent-down-bg: var(--dh-color-accent-400);--dh-color-accent-key-focus-bg: var(--dh-color-accent-500);--dh-color-accent-contrast: var(--dh-color-contrast-light);--dh-color-gray-bg: var(--dh-color-gray-700);--dh-color-red-bg: var(--dh-color-red-700);--dh-color-orange-bg: var(--dh-color-orange-800);--dh-color-yellow-bg: var(--dh-color-yellow-1000);--dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);--dh-color-celery-bg: var(--dh-color-celery-800);--dh-color-green-bg: var(--dh-color-green-700);--dh-color-seafoam-bg: var(--dh-color-seafoam-700);--dh-color-cyan-bg: var(--dh-color-cyan-700);--dh-color-blue-bg: var(--dh-color-blue-700);--dh-color-indigo-bg: var(--dh-color-indigo-700);--dh-color-purple-bg: var(--dh-color-purple-700);--dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);--dh-color-magenta-bg: var(--dh-color-magenta-700);--dh-color-visual-gray: var(--dh-color-gray-600);--dh-color-visual-red: var(--dh-color-red-800);--dh-color-visual-orange: var(--dh-color-orange-900);--dh-color-visual-yellow: var(--dh-color-yellow-1200);--dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);--dh-color-visual-celery: var(--dh-color-celery-1000);--dh-color-visual-green: var(--dh-color-green-1100);--dh-color-visual-seafoam: var(--dh-color-seafoam-1100);--dh-color-visual-cyan: var(--dh-color-cyan-1100);--dh-color-visual-blue: var(--dh-color-blue-600);--dh-color-visual-indigo: var(--dh-color-indigo-900);--dh-color-visual-purple: var(--dh-color-purple-1100);--dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);--dh-color-visual-magenta: var(--dh-color-magenta-900);--dh-color-visual-positive: var(--dh-color-green-1200);--dh-color-visual-negative: var(--dh-color-red-800);--dh-color-visual-notice: var(--dh-color-yellow-1200);--dh-color-visual-info: var(--dh-color-cyan-1100);--dh-color-focus: var(--dh-color-blue-800);--dh-color-focus-border: var(--dh-color-blue-800);--dh-color-focus-ring: var(--dh-color-focus);--dh-color-highlight-active: color-mix( in srgb, var(--dh-color-visual-gray) 20%, transparent );--dh-color-highlight-hover: color-mix( in srgb, var(--dh-color-visual-gray) 18%, transparent );--dh-color-highlight-invalid: color-mix( in srgb, var(--dh-color-visual-red) 15%, transparent );--dh-color-highlight-selected: color-mix( in srgb, var(--dh-color-accent) 9%, transparent );--dh-color-highlight-selected-hover: color-mix( in srgb, var(--dh-color-accent) 15%, transparent );--dh-color-keyboard-selected-bg: color-mix( in srgb, var(--dh-color-accent) 50%, transparent );--dh-color-dropshadow: color-mix( in srgb, var(--dh-color-true-black) 80%, transparent );--dh-color-overlay-modal-bg: color-mix( in srgb, var(--dh-color-black) 50%, transparent );--dh-color-overlay-hover-bg: color-mix( in srgb, var(--dh-color-white) 8%, transparent );--dh-color-negative: var(--dh-color-red-600);--dh-color-negative-bg: var(--dh-color-negative);--dh-color-negative-hover-bg: var(--dh-color-red-500);--dh-color-negative-down-bg: var(--dh-color-red-400);--dh-color-negative-key-focus-bg: var(--dh-color-red-500);--dh-color-negative-contrast: var(--dh-color-contrast-light);--dh-color-neutral: var(--dh-color-gray-500);--dh-color-neutral-bg: var(--dh-color-neutral);--dh-color-neutral-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-down-bg: var(--dh-color-gray-200);--dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);--dh-color-neutral-contrast: var(--dh-color-contrast-light);--dh-color-neutral-subdued-bg: var(--dh-color-gray-400);--dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);--dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);--dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);--dh-color-positive: var(--dh-color-green-900);--dh-color-positive-bg: var(--dh-color-positive);--dh-color-positive-hover-bg: var(--dh-color-green-800);--dh-color-positive-down-bg: var(--dh-color-green-700);--dh-color-positive-key-focus-bg: var(--dh-color-green-800);--dh-color-positive-contrast: var(--dh-color-contrast-dark);--dh-color-info: var(--dh-color-indigo-900);--dh-color-info-bg: var(--dh-color-info);--dh-color-info-hover-bg: var(--dh-color-indigo-800);--dh-color-info-down-bg: var(--dh-color-indigo-700);--dh-color-info-key-focus-bg: var(--dh-color-indigo-800);--dh-color-info-contrast: var(--dh-color-contrast-dark);--dh-color-notice: var(--dh-color-yellow-1000);--dh-color-notice-bg: var(--dh-color-notice);--dh-color-notice-hover-bg: var(--dh-color-yellow-900);--dh-color-notice-down-bg: var(--dh-color-yellow-800);--dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);--dh-color-notice-contrast: var(--dh-color-contrast-dark);--dh-color-modified: var(--dh-color-yellow-1300)}",Xs=":root{--dh-color-chart-bg: var(--dh-color-content-bg);--dh-color-chart-plot-bg: var(--dh-color-gray-200);--dh-color-chart-title: var(--dh-color-text);--dh-color-chart-legend-fg: var(--dh-color-text);--dh-color-chart-colorway: var(--dh-color-visual-cyan) var(--dh-color-visual-green) var(--dh-color-visual-yellow) var(--dh-color-visual-purple) var(--dh-color-visual-orange) var(--dh-color-visual-red) var(--dh-color-visual-chartreuse) var(--dh-color-visual-fuchsia) var(--dh-color-visual-seafoam) var(--dh-color-visual-magenta) var(--dh-color-white);--dh-color-chart-grid: var(--dh-color-gray-400);--dh-color-chart-axis-line: var(--dh-color-gray-500);--dh-color-chart-axis-line-zero: var(--dh-color-gray-700);--dh-color-chart-error-band-line: var(--dh-color-green-1400);--dh-color-chart-ohlc-increase: var(--dh-color-visual-green);--dh-color-chart-ohlc-decrease: var(--dh-color-visual-red);--dh-color-plotly-axis-text: var(--dh-color-gray-500);--dh-color-plotly-zoombox: color-mix( in srgb, var(--dh-color-true-black) 50%, transparent );--dh-color-plotly-zoombox-corners-fill: var(--dh-color-white);--dh-color-plotly-zoombox-corners-stroke: var(--dh-color-gray-75);--dh-color-plotly-modebar-btn-active: color-mix( in srgb, var(--dh-color-true-white) 30%, transparent );--dh-color-plotly-modebar-btn-warning: var(--dh-color-visual-orange);--dh-color-plotly-notifier-note-bg: var(--dh-color-gray-500);--dh-color-chart-geo-coastline: var(--dh-color-gray-200);--dh-color-chart-geo-land: var(--dh-color-gray-700);--dh-color-chart-geo-ocean: var(--dh-color-gray-300);--dh-color-chart-geo-lake: var(--dh-color-blue-200);--dh-color-chart-geo-river: var(--dh-color-blue-200);--dh-color-chart-indicator-increase: var(--dh-color-visual-green);--dh-color-chart-indicator-decrease: var(--dh-color-visual-red);--dh-color-chart-indicator-gauge: var(--dh-color-green-1000);--dh-color-chart-map-style: dark}",Ys=":root{--dh-color-editor-bg: var(--dh-color-content-bg);--dh-color-editor-fg: var(--dh-color-gray-900);--dh-color-editor-error-fg: var(--dh-color-visual-red);--dh-color-editor-line-number-fg: var(--dh-color-gray-600);--dh-color-editor-line-number-active-fg: var(--dh-color-gray-800);--dh-color-editor-line-highlight-bg: var(--dh-color-gray-200);--dh-color-editor-selection-bg: var(--dh-color-text-highlight);--dh-color-editor-inactive-selection-bg: var(--dh-color-gray-300);--dh-color-editor-selection-highlight-bg: var(--dh-color-gray-500);--dh-color-editor-word-highlight-bg: var(--dh-color-gray-500);--dh-color-editor-comment: var(--dh-color-gray-700);--dh-color-editor-delimiter: var(--dh-color-gray-700);--dh-color-editor-identifier-js: var(--dh-color-visual-yellow);--dh-color-editor-identifier-namespace: var(--dh-color-visual-red);--dh-color-editor-identifier: var(--dh-color-gray-900);--dh-color-editor-keyword: var(--dh-color-visual-cyan);--dh-color-editor-number: var(--dh-color-visual-purple);--dh-color-editor-operator: var(--dh-color-visual-red);--dh-color-editor-predefined: var(--dh-color-visual-green);--dh-color-editor-storage: var(--dh-color-visual-red);--dh-color-editor-string-delim: var(--dh-color-gray-700);--dh-color-editor-string: var(--dh-color-visual-yellow);--dh-color-editor-bracket-fg1: var(--dh-color-visual-yellow);--dh-color-editor-bracket-fg2: var(--dh-color-visual-purple);--dh-color-editor-bracket-fg3: var(--dh-color-visual-blue);--dh-color-editor-bracket-fg4: var(--dh-color-visual-yellow);--dh-color-editor-bracket-fg5: var(--dh-color-visual-purple);--dh-color-editor-bracket-fg6: var(--dh-color-visual-blue);--dh-color-editor-unexpected-bracket-fg: var(--dh-color-visual-negative);--dh-color-editor-focus-border: var(--dh-color-focus-border);--dh-color-editor-input-option-active-border: var(--dh-color-focus-ring);--dh-color-editor-input-bg: var(--dh-color-bg);--dh-color-editor-input-fg: var(--dh-color-text);--dh-color-editor-input-border: var(--dh-color-border);--dh-color-editor-context-menu-bg: var(--dh-color-gray-300);--dh-color-editor-context-menu-fg: var(--dh-color-text);--dh-color-editor-menu-selection-bg: var(--dh-color-highlight-hover);--dh-color-editor-menu-selection-fg: var(--dh-color-text);--dh-color-editor-log-date: var(--dh-color-gray-700);--dh-color-editor-log-error: var(--dh-color-visual-red);--dh-color-editor-log-info: var(--dh-color-visual-cyan);--dh-color-editor-log-stdout: var(--dh-color-gray-900);--dh-color-editor-log-warn: var(--dh-color-visual-yellow);--dh-color-editor-log-debug: var(--dh-color-visual-purple);--dh-color-editor-log-trace: var(--dh-color-visual-green);--dh-color-editor-find-bg: var(--dh-color-gray-200);--dh-color-editor-find-match-bg: var(--dh-color-highlight-selected);--dh-color-editor-find-match-highlight-bg: color-mix( in srgb, var(--dh-color-orange-800) 35%, transparent );--dh-color-editor-find-option-active-bg: var(--dh-color-accent-700);--dh-color-editor-find-option-active-fg: var(--dh-color-gray-900);--dh-color-editor-suggest-bg: var(--dh-color-gray-200);--dh-color-editor-suggest-border: var(--dh-color-gray-400);--dh-color-editor-suggest-fg: var(--dh-color-text);--dh-color-editor-suggest-selected-bg: var(--dh-color-highlight-selected);--dh-color-editor-suggest-selected-fg: var(--dh-color-text);--dh-color-editor-suggest-highlight-fg: var(--dh-color-accent-700);--dh-color-editor-suggest-focus-highlight-fg: var(--dh-color-accent-700);--dh-color-editor-suggest-hover-bg: var(--dh-color-highlight-hover);--dh-color-editor-link-foreground: var(--dh-color-accent-1000);--dh-color-editor-link-active-fg: var(--dh-color-accent-1100);--dh-color-editor-diff-inserted-text-bg: color-mix( in srgb, var(--dh-color-positive) 35%, transparent );--dh-color-editor-diff-removed-text-bg: color-mix( in srgb, var(--dh-color-negative) 35%, transparent );--dh-color-editor-diff-inserted-line-bg: color-mix( in srgb, var(--dh-color-positive) 20%, transparent );--dh-color-editor-diff-removed-line-bg: color-mix( in srgb, var(--dh-color-negative) 20%, transparent )}",Zs=":root{--dh-color-grid-bg: var(--dh-color-gray-75);--dh-color-grid-header-bg: var(--dh-color-gray-100);--dh-color-grid-header-text: var(--dh-color-heading-text);--dh-color-grid-header-separator: var(--dh-color-gray-50);--dh-color-grid-header-separator-hover: var(--dh-color-gray-600);--dh-color-grid-header-separator-hidden-hover: var(--dh-color-accent-700);--dh-color-grid-header-sort-bar: var(--dh-color-visual-purple);--dh-color-grid-header-reverse-bar: var(--dh-color-visual-green);--dh-color-grid-header-bar-casing: var(--dh-color-gray-50);--dh-color-grid-row-0-bg: var(--dh-color-gray-300);--dh-color-grid-row-1-bg: var(--dh-color-gray-100);--dh-color-grid-row-hover-bg: var(--dh-color-highlight-hover);--dh-color-grid-row-hover-bg-selected: var( --dh-color-highlight-selected-hover );--dh-color-grid-row-shadow-alpha: .15;--dh-color-grid-selection: var(--dh-color-highlight-selected);--dh-color-grid-selection-outline: var(--dh-color-accent-900);--dh-color-grid-selection-outline-casing: var(--dh-color-gray-50);--dh-color-grid-scroll-bar-active-selection-tick: var(--dh-color-accent-400);--dh-color-grid-scroll-bar-bg: var(--dh-color-gray-100);--dh-color-grid-scroll-bar-hover-bg: var(--dh-color-gray-200);--dh-color-grid-scroll-bar-casing: var(--dh-color-gray-400);--dh-color-grid-scroll-bar-corner: var(--dh-color-gray-100);--dh-color-grid-scroll-bar: var(--dh-color-gray-500);--dh-color-grid-scroll-bar-hover: var(--dh-color-gray-600);--dh-color-grid-scroll-bar-active: var(--dh-color-gray-700);--dh-color-grid-text: var(--dh-color-text);--dh-color-grid-text-hyperlink: var(--dh-color-accent-1000);--dh-color-grid-text-pending: var(--dh-color-yellow-1300);--dh-color-grid-text-error: var(--dh-color-visual-negative);--dh-color-grid-date: var(--dh-color-visual-notice);--dh-color-grid-number-positive: var(--dh-color-visual-positive);--dh-color-grid-number-negative: var(--dh-color-visual-negative);--dh-color-grid-number-zero: var(--dh-color-visual-notice);--dh-color-grid-string-null: var(--dh-color-gray-600);--dh-color-grid-filter-bar-active-bg: color-mix( in srgb, var(--dh-color-accent-700) 50%, transparent );--dh-color-grid-filter-bar-active: var(--dh-color-accent-600);--dh-color-grid-filter-bar-expanded-bg: var(--dh-color-gray-200);--dh-color-grid-filter-bar-expanded-active-bg: color-mix( in srgb, var(--dh-color-accent-1000) 19%, transparent );--dh-color-grid-filter-bar-expanded-active-cell-bg: color-mix( in srgb, var(--dh-color-accent-700) 32%, transparent );--dh-color-grid-filter-bar-separator: var(--dh-color-gray-600);--dh-color-grid-filter-bar-error: var(--dh-color-visual-negative);--dh-color-grid-filter-icon: var(--dh-color-accent-600);--dh-color-grid-context-menu-sort-icon: var(--dh-color-visual-purple);--dh-color-grid-context-menu-reverse-icon: var(--dh-color-visual-green);--dh-color-grid-column-linker-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-grid-column-grouped-divider: var(--dh-color-gray-50);--dh-color-grid-tree-line: var(--dh-color-gray-500);--dh-color-grid-tree-marker: var(--dh-color-gray-700);--dh-color-grid-tree-marker-hover: var(--dh-color-gray-900);--dh-color-grid-floating-row: var(--dh-color-gray-300);--dh-color-grid-floating-row-bg: var(--dh-color-gray-200);--dh-color-grid-floating-divider-inner: var(--dh-color-gray-200);--dh-color-grid-floating-divider-outer: var(--dh-color-gray-50);--dh-color-grid-overflow-button: var(--dh-color-gray-700);--dh-color-grid-overflow-button-hover: var(--dh-color-gray-900);--dh-color-grid-data-bar-positive: var(--dh-color-visual-positive);--dh-color-grid-data-bar-negative: var(--dh-color-visual-negative);--dh-color-grid-data-bar-marker: var(--dh-color-white);--dh-color-grid-data-bar-zero-line: var(--dh-color-gray-300);--dh-color-grid-scrim: var(--dh-color-gray-50)}",Qs=":root{--dh-color-loading-spinner-primary: var(--dh-color-accent-bg);--dh-color-loading-spinner-secondary: color-mix( in srgb, var(--dh-color-gray-800) 50%, transparent );--dh-color-quickactions-bg: color-mix( in srgb, var(--dh-color-visual-gray) 90%, transparent );--dh-color-radial-reaction: color-mix( in srgb, var(--dh-color-visual-gray) 60%, transparent );--dh-color-colorpicker-border: color-mix( in srgb, var(--dh-color-visual-gray) 10%, transparent );--dh-logo-img: var(--dh-logo-dark-img);--dh-color-login-form-bg: var(--dh-color-gray-400);--dh-color-login-status-message: var(--dh-color-gray-600);--dh-color-login-logo-bg: var(--dh-color-gray-900);--dh-color-login-footer-fg: var(--dh-color-gray-700);--dh-color-random-area-plot-animation-fg-fill: color-mix( in srgb, var(--dh-color-accent) 8%, transparent );--dh-color-random-area-plot-animation-fg-stroke: color-mix( in srgb, var(--dh-color-accent) 20%, transparent );--dh-color-random-area-plot-animation-bg: var(--dh-color-gray-75);--dh-color-random-area-plot-animation-grid: var(--dh-color-gray-300);--dh-color-action-bg: var(--dh-color-gray-75);--dh-color-action-fg: var(--dh-color-text);--dh-color-action-border: var(--dh-color-border);--dh-color-action-down-bg: var(--dh-color-gray-300);--dh-color-action-hover-bg: var(--dh-color-gray-50);--dh-color-action-hover-fg: var(--dh-color-text-hover);--dh-color-action-hover-border: var(--dh-color-hover-border);--dh-color-action-active-bg: var(--dh-color-gray-800);--dh-color-action-active-fg: var(--dh-color-gray-50);--dh-color-action-active-border: var(--dh-color-gray-800);--dh-color-action-active-hover-bg: var(--dh-color-gray-900);--dh-color-action-active-hover-fg: var(--dh-color-gray-50);--dh-color-action-active-hover-border: var(--dh-color-gray-900);--dh-color-action-disabled-bg: transparent;--dh-color-action-disabled-fg: var(--dh-color-text-disabled);--dh-color-action-disabled-border: var(--dh-color-gray-300);--dh-color-icon-fg: var(--dh-color-gray-700);--dh-color-icon-disabled-fg: var(--dh-color-gray-400);--dh-color-input-bg: var(--dh-color-gray-75);--dh-color-input-fg: var(--dh-color-text);--dh-color-input-border: var(--dh-color-border);--dh-color-input-placeholder: var(--dh-color-gray-600);--dh-color-input-active-bg: var(--dh-color-input-bg);--dh-color-input-disabled-bg: var(--dh-color-disabled-bg);--dh-color-input-disabled-border: transparent;--dh-color-input-disabled-fg: var(--dh-color-text-disabled);--dh-color-input-hover-border: var(--dh-color-hover-border);--dh-color-input-focus-border: var(--dh-color-border-focus);--dh-color-search-icon: var(--dh-color-fg);--dh-color-form-control-error: var(--dh-color-visual-negative);--dh-color-form-control-error-shadow: color-mix( in srgb, var(--dh-color-visual-negative) 25%, transparent );--dh-color-label-text: var(--dh-color-gray-700);--dh-color-selector-fg: var(--dh-color-icon-fg);--dh-color-selector-bg: var(--dh-color-gray-75);--dh-color-selector-hover-bg: var(--dh-color-gray-50);--dh-color-selector-hover-fg: var(--dh-color-gray-900);--dh-color-selector-disabled-fg: var(--dh-color-icon-disabled-fg);--dh-color-item-list-bg: transparent;--dh-color-item-list-active-bg: var(--dh-color-highlight-active);--dh-color-item-list-hover-bg: var(--dh-color-highlight-hover);--dh-color-item-list-selected-fg: var(--dh-color-text);--dh-color-item-list-selected-bg: var(--dh-color-highlight-selected);--dh-color-item-list-selected-hover-bg: var( --dh-color-highlight-selected-hover );--dh-color-item-list-selected-inactive-bg: var(--dh-color-gray-200);--dh-color-item-list-selected-border: var(--dh-color-accent-900);--dh-color-item-list-drop-target-fg: var(--dh-color-white);--dh-color-item-list-keyboard-selected-bg: color-mix( in srgb, var(--dh-color-accent) 50%, transparent );--dh-color-golden-layout-tab-header-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-bg: var(--dh-color-gray-75);--dh-color-golden-layout-tab-selected-bg: var(--dh-color-content-bg);--dh-color-menu-item-fg: var(--dh-color-gray-700);--dh-color-hr: var(--dh-color-gray-300);--dh-color-dialog-title-fg: var(--dh-color-heading-text);--dh-color-dialog-fg: var(--dh-color-text);--dh-color-popover-bg: var(--dh-color-bg);--dh-color-popover-border: var(--dh-color-gray-400);--dh-color-tooltip-bg: var(--dh-color-gray-400);--dh-color-tooltip-fg: var(--dh-color-fg);--dh-color-tooltip-box-shadow: var(--dh-color-dropshadow);--dh-color-well-bg: color-mix( in srgb, var(--dh-color-visual-gray) 2%, transparent );--dh-color-well-border: color-mix( in srgb, var(--dh-color-visual-gray) 5%, transparent );--dh-toggle-switch-bg: var(--dh-color-gray-500)}",Js="_themeColorsPalette_v5aa0_1",ea="_swatch_v5aa0_7",oa="_themeColors_v5aa0_1",ra="_label_v5aa0_21",ta="_capitalize_v5aa0_26",ee={themeColorsPalette:Js,swatch:ea,themeColors:oa,label:ra,capitalize:ta};function sa(){return{"Theme Color Palette":ie("palette",Ks,1),"Semantic Colors":ie("semantic",qs,1),"Chart Colors":ie("chart",Xs,2),"Editor Colors":ie("editor",Ys,2),"Grid Colors":ie("grid",Zs,2),"Component Colors":ie("component",Qs,1)}}function Vo({name:t,value:o}){return e.jsxs(e.Fragment,{children:[e.jsx("div",{children:t}),e.jsx("div",{children:o}),e.jsx("div",{children:ke.normalizeCssColor(o,!0)})]})}function aa(){const{selectedThemeKey:t}=Qo(),o=c.useMemo(sa,[t]);return e.jsx(e.Fragment,{children:Object.entries(o).map(([r,s],a)=>r==="Theme Color Palette"?e.jsxs(f,{name:r,children:[e.jsx("h2",{className:"ui-title",children:r}),e.jsx("div",{className:ee.themeColorsPalette,children:Object.entries(s).map(([l,n],i)=>e.jsxs(c.Fragment,{children:[(i===0||i===1)&&n.map(({name:d},m)=>e.jsx("div",{style:{gridColumnStart:m+2,textAlign:"center"},className:"mt-3",children:d.split("-").pop()},d)),e.jsx("div",{className:"text-right pr-2",children:l}),n.map(({name:d,value:m})=>e.jsxs("div",{style:{backgroundColor:m,border:m===""&&d.length>0?oo:void 0},className:Q(ee.swatch,"px-0"),children:[e.jsx(ce,{interactive:!0,children:e.jsx(Vo,{name:d,value:m})}),d&&e.jsx(Co,{copy:d,isQuiet:!0})]},d))]},l))})]},r):e.jsxs(f,{name:r,children:[e.jsx("h2",{className:"ui-title",children:r}),e.jsx("div",{className:ee.themeColors,children:Object.entries(s).map(([l,n])=>e.jsxs("div",{style:{gridRow:`span ${n.length+1}`},children:[e.jsx("span",{className:Q(ee.label,ee.capitalize),children:l}),n.map(({isLabel:i,name:d,value:m,note:h})=>i===!0?e.jsx("span",{className:ee.label,children:d},d):e.jsxs("div",{className:ee.swatch,style:{border:m===""&&d.length>0?oo:void 0},children:[e.jsx("div",{style:{backgroundColor:m,height:"var(--swatch-height)",aspectRatio:"1 / 1"}}),e.jsx(ce,{interactive:!0,children:e.jsx(Vo,{name:d,value:m})}),e.jsx("span",{children:d.replace("--dh-color-","")}),d.endsWith("-hue")||h!=null?e.jsx("span",{children:h??m}):null,e.jsx(Co,{copy:d,isQuiet:!0})]},d))]},l))})]},r))})}function la(){return e.jsxs("div",{id:lr,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Spectrum Components"}),e.jsxs(U,{gap:20,columns:Xo("0px","1fr"),children:[e.jsxs(f,{name:"spectrum-buttons",component:R,children:[e.jsx("h3",{children:"Buttons"}),e.jsx(na,{})]}),e.jsxs(f,{name:"spectrum-collections",component:R,children:[e.jsx("h3",{children:"Collections"}),e.jsx(ha,{})]}),e.jsxs(f,{name:"spectrum-content",component:R,children:[e.jsx("h3",{children:"Content"}),e.jsx(da,{})]}),e.jsxs(f,{name:"spectrum-forms",component:R,children:[e.jsx("h3",{children:"Forms"}),e.jsx(ca,{})]}),e.jsxs(f,{name:"spectrum-overlays",component:R,children:[e.jsx("h3",{children:"Overlays"}),e.jsxs(S,{gap:"size-160",children:[e.jsx(ia,{}),e.jsxs(uo,{children:[e.jsx(F,{children:"Dialog Trigger"}),t=>e.jsxs(mo,{children:[e.jsx(Me,{children:"Some Heading"}),e.jsx(gr,{children:"Some Header"}),e.jsx(go,{}),e.jsx(Ae,{children:e.jsx(w,{children:"Are you sure?"})}),e.jsxs(Ee,{children:[e.jsx(k,{variant:"secondary",onPress:t,children:"Cancel"}),e.jsx(k,{variant:"accent",onPress:t,children:"Confirm"})]})]})]}),e.jsxs(uo,{type:"popover",children:[e.jsx(F,{children:"Popover"}),e.jsxs(mo,{children:[e.jsx(Me,{children:"Popover"}),e.jsx(go,{}),e.jsx(Ae,{children:e.jsx(w,{children:"This is a popover."})})]})]})]})]}),e.jsxs(f,{name:"spectrum-well",component:R,children:[e.jsx("h3",{children:"Wells"}),e.jsx(xr,{children:"This is a well."})]})]})]})}function na(){return e.jsxs(e.Fragment,{children:[e.jsxs(F,{marginBottom:"size-200",children:[e.jsx(V,{children:e.jsx(N,{icon:te})}),e.jsx(w,{children:"Icon Button"})]}),e.jsxs(U,{autoFlow:"column",columnGap:"size-250",rowGap:"size-150",columns:Ye(4,Xo(0,"size-2000")),rows:Ye(8,"size-400"),children:[e.jsx("label",{children:'Button style="outline"'}),e.jsx(k,{variant:"primary",style:"outline",children:"Primary"}),e.jsx(k,{variant:"secondary",style:"outline",children:"Secondary"}),e.jsx(k,{variant:"accent",style:"outline",children:"Accent"}),e.jsx(k,{variant:"negative",style:"outline",children:"Negative"}),e.jsx(k,{variant:"primary",staticColor:"black",style:"outline",children:"Static Black"}),e.jsx(k,{variant:"primary",staticColor:"white",style:"outline",children:"Static White"}),e.jsx(k,{variant:"primary",isDisabled:!0,style:"outline",children:"Disabled"}),e.jsx("label",{children:'Button style="fill"'}),e.jsx(k,{variant:"primary",style:"fill",children:"Primary"}),e.jsx(k,{variant:"secondary",style:"fill",children:"Secondary"}),e.jsx(k,{variant:"accent",style:"fill",children:"Accent"}),e.jsx(k,{variant:"negative",style:"fill",children:"Negative"}),e.jsx(k,{variant:"primary",staticColor:"black",style:"fill",children:"Static Black"}),e.jsx(k,{variant:"primary",staticColor:"white",style:"fill",children:"Static White"}),e.jsx(k,{variant:"primary",isDisabled:!0,style:"fill",children:"Disabled"}),e.jsx("label",{children:"Action Button"}),e.jsx(F,{children:"Normal"}),e.jsx(F,{gridRow:"span 3",isQuiet:!0,children:"Quiet"}),e.jsx(F,{staticColor:"black",children:"Static Black"}),e.jsx(F,{staticColor:"white",children:"Static White"}),e.jsx(F,{isDisabled:!0,children:"Disabled"}),e.jsx("label",{children:"Toggle Button"}),e.jsx(se,{children:"Normal"}),e.jsx(se,{isQuiet:!0,children:"Quiet"}),e.jsx(se,{gridRow:"span 2",isEmphasized:!0,children:"Emphasized"}),e.jsx(se,{staticColor:"black",children:"Static Black"}),e.jsx(se,{staticColor:"white",children:"Static White"}),e.jsx(se,{isDisabled:!0,children:"Disabled"})]})]})}function ia(){return e.jsxs(e.Fragment,{children:[e.jsx(w,{children:"Contextual Help"}),e.jsxs(kr,{variant:"info",children:[e.jsx(Me,{children:"Need help?"}),e.jsx(Ae,{children:e.jsx(w,{children:"This is a helpful description of the thing you need help with."})})]})]})}function ca(){return e.jsx(yr,{children:e.jsxs(U,{gap:20,columns:Ye("auto-fit","210px"),alignItems:"end",children:[e.jsx(Ze,{label:"Text Field"}),e.jsxs(wr,{label:"Combobox",menuTrigger:"focus",defaultSelectedKey:"two",children:[e.jsx(b,{children:"One"},"one"),e.jsx(b,{children:"Two"},"two"),e.jsx(b,{children:"Three"},"three")]}),e.jsx(Y,{children:"Checkbox"}),e.jsx(Cr,{label:"Slider",defaultValue:24}),e.jsx(Sr,{children:"Switch"})]})})}function da(){return e.jsxs(jr,{children:[e.jsx(V,{size:"XL",children:e.jsx(N,{icon:_r})}),e.jsx(Me,{children:"Illustrated Message"}),e.jsx(Ae,{children:"This is the content of the message."})]})}function ha(){return e.jsxs(e.Fragment,{children:[e.jsx("label",{id:"table-view-sample",children:"List View"}),e.jsxs(pr,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",maxWidth:"size-6000",marginBottom:"size-200",children:[e.jsx(b,{children:"One"}),e.jsx(b,{children:"Two"}),e.jsx(b,{children:"Three"}),e.jsx(b,{children:"Four"})]}),e.jsx("label",{id:"table-view-sample",children:"Table View"}),e.jsxs(vr,{"aria-labelledby":"table-view-sample",selectionMode:"multiple",children:[e.jsxs(fr,{children:[e.jsxs(ae,{title:"Person",children:[e.jsx(ae,{allowsResizing:!0,children:"Name"}),e.jsx(ae,{children:"Age"})]}),e.jsxs(ae,{title:"Address",children:[e.jsx(ae,{allowsResizing:!0,children:"City"}),e.jsx(ae,{children:"State"})]})]}),e.jsxs(br,{children:[e.jsxs(Le,{children:[e.jsx(L,{children:"John"}),e.jsx(L,{children:"42"}),e.jsx(L,{children:"San Francisco"}),e.jsx(L,{children:"CA"})]}),e.jsxs(Le,{children:[e.jsx(L,{children:"Jane"}),e.jsx(L,{children:"38"}),e.jsx(L,{children:"San Francisco"}),e.jsx(L,{children:"CA"})]}),e.jsxs(Le,{children:[e.jsx(L,{children:"Becky"}),e.jsx(L,{children:"12"}),e.jsx(L,{children:"San Francisco"}),e.jsx(L,{children:"CA"})]})]})]})]})}function ge(t){return e.jsx("div",{...t})}function ua(){const[t,o]=c.useState([]);c.useEffect(()=>{let s={category:"",items:[]};const a=[s],l=document.querySelector(`#${lr}`),n=document.querySelector(`#sample-section-${nr}`);document.querySelectorAll(`h2,h3,[${Ge}]`).forEach(i=>{if(i.textContent==null||i.hasAttribute(ks))return;if(i.hasAttribute(Ge)){s={category:i.getAttribute(Ge)??"",items:[]},a.push(s);return}const m=`${(l==null?void 0:l.contains(i))===!0?"spectrum-":(n==null?void 0:n.contains(i))===!0?"spectrum-compare-":""}${i.textContent}`.toLowerCase().replace(/\s/g,"-");i.id=m,s.items.push({id:m,label:i.textContent})}),o(a)},[]),c.useEffect(()=>{const s=window.location.hash===""?null:document.querySelector(window.location.hash);setTimeout(()=>{s?s.scrollIntoView():window.scrollTo({top:0,behavior:"auto"})},0)},[]);const r=c.useCallback(s=>{const a=String(s),l=document.getElementById(a);l==null||l.scrollIntoView({behavior:"smooth"}),setTimeout(()=>{window.location.hash=a},1e3)},[]);return e.jsxs(Tr,{children:[e.jsx(F,{children:e.jsx(V,{children:e.jsx(N,{icon:Br})})}),e.jsx(Nr,{items:t,onAction:r,children:({category:s,items:a})=>e.jsx(Ir,{items:a,title:s,children:({id:l,label:n})=>e.jsx(b,{children:n},l)},s)})]})}function ma(){const t=c.useCallback(()=>{window.scrollTo({top:0,behavior:"smooth"}),setTimeout(()=>{window.location.hash=""},500)},[]);return c.useEffect(()=>{var s;const o=((s=document.querySelector("h2"))==null?void 0:s.offsetTop)??0;function r(){document.documentElement.dataset.scroll=String(window.scrollY>=o)}return document.addEventListener("scroll",r,{passive:!0}),()=>{document.removeEventListener("scroll",r)}},[]),e.jsx(k,{UNSAFE_className:"goto-top-button",variant:"accent",onPress:t,children:e.jsx(V,{children:e.jsx(N,{icon:Vr})})})}const ga=["Tab 1","Tab 2","Tab 3"];function xa({isActive:t,title:o}){return e.jsxs("li",{className:Q("lm_tab",t&&"lm_active"),children:[e.jsx("span",{className:"lm_title_before"}),e.jsx("span",{className:"lm_title",children:o}),e.jsx("span",{className:"lm_close_tab"})]})}function pa(){return e.jsxs(f,{name:"golden-layout",children:[e.jsx("h2",{className:"ui-title",children:"Golden Layout"}),[!1,!0].map(t=>e.jsxs(be.Fragment,{children:[e.jsx("h5",{children:t?"Minimized":"Maximised"}),e.jsx("div",{style:{position:"relative",border:"none"},className:t?"lm_maximised":void 0,children:e.jsxs("div",{className:"lm_header",children:[e.jsx("ul",{className:"lm_tabs",children:ga.map((o,r)=>e.jsx(xa,{isActive:r===0,title:o},o))}),e.jsxs("ul",{className:"lm_controls",children:[e.jsx("li",{className:"lm_tabpreviousbutton"}),e.jsx("li",{className:"lm_tabnextbutton"}),e.jsx("li",{className:"lm_maximise"}),e.jsx("li",{className:"lm_popout"}),e.jsx("li",{className:"lm_tabdropdown"}),e.jsx("li",{className:"lm_close"})]})]})})]},String(t)))]})}function va(){return e.jsxs(f,{name:"animations",className:"sample-section-e2e-ignore",children:[e.jsx("h2",{className:"ui-title",children:"Animations"}),e.jsx(R,{position:"relative",height:400,children:e.jsx(nt,{})})]})}const Fo=[["primary","accent"],["secondary","primary"],["danger","negative"]];function fa(){const[t,o]=c.useState(!1);return e.jsxs(f,{name:nr,className:ar,children:[e.jsx("h2",{className:"ui-title","data-no-menu":!0,children:"Bootstrap / Spectrum Comparison"}),e.jsxs(S,{gap:20,wrap:!0,children:[e.jsxs(R,{children:[e.jsx("h3",{children:"Buttons - Filled"}),e.jsxs(U,{gap:20,columns:"repeat(2, 120px)",autoRows:"40x",justifyItems:"start",alignItems:"start",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),Fo.map(([r,s])=>e.jsxs(c.Fragment,{children:[e.jsx(y,{onClick:ne,kind:r,icon:bo,children:"Button"}),e.jsxs(k,{variant:s,style:"fill",children:[e.jsx(V,{children:e.jsx(N,{icon:bo})}),e.jsx(w,{children:"Button"})]})]},r)),e.jsx(y,{onClick:ne,kind:"primary",disabled:!0,children:"Disabled"}),e.jsx(k,{variant:"accent",style:"fill",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(R,{children:[e.jsx("h3",{children:"Buttons - Outline"}),e.jsxs(U,{gap:20,columns:"repeat(2, 120px)",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),Fo.map(([r,s])=>e.jsxs(c.Fragment,{children:[e.jsx(y,{onClick:ne,kind:r,children:r}),e.jsx(k,{variant:s,style:"outline",children:s})]},r)),e.jsx(y,{onClick:ne,kind:"secondary",disabled:!0,children:"Disabled"}),e.jsx(k,{variant:"primary",style:"outline",isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(R,{children:[e.jsx("h3",{children:"Action Buttons"}),e.jsxs(U,{gap:20,columns:"repeat(2, 120px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsx(y,{onClick:ne,kind:"inline",children:"Inline"}),e.jsx(F,{children:"Action"}),e.jsx(y,{onClick:ne,kind:"inline",disabled:!0,children:"Disabled"}),e.jsx(F,{isDisabled:!0,children:"Disabled"})]})]}),e.jsxs(R,{children:[e.jsx("h3",{children:"Pickers"}),e.jsxs(U,{gap:20,columns:"repeat(2, 192px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),[!1,!0].map(r=>e.jsxs(c.Fragment,{children:[e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"Select"}),e.jsxs(Ie,{disabled:r,placeholder:"Select",onChange:s=>{},className:"custom-select",children:[e.jsxs("option",{disabled:!0,value:"0",children:[r?"":"Disabled ","Select"]}),e.jsx("option",{value:"1",children:"One"}),e.jsx("option",{value:"2",children:"Two"}),e.jsx("option",{value:"3",children:"Three"})]})]}),e.jsxs(Dr,{isDisabled:r,label:r?"Disabled Picker":"Picker",placeholder:"Picker",children:[e.jsx(b,{children:"One"},"1"),e.jsx(b,{children:"Two"},"2"),e.jsx(b,{children:"Three"},"3")]})]},String(r)))]})]}),e.jsxs(R,{children:[e.jsx("h3",{children:"Text Field"}),e.jsxs(U,{gap:20,columns:"repeat(2, 192px)",autoRows:"40x",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"type=text"}),e.jsx("input",{type:"text",className:"form-control",placeholder:"Text Input"})]}),e.jsx(Ze,{type:"text",label:"TextField"}),e.jsxs("div",{children:[e.jsx("label",{className:"input-label",children:"Disabled"}),e.jsx("input",{type:"text",className:"form-control",disabled:!0,value:"Disabled"})]}),e.jsx(Ze,{type:"text",label:"Disabled",isDisabled:!0,value:"Disabled"})]})]}),e.jsxs(R,{children:[e.jsx("h3",{children:"Checkbox"}),e.jsxs(U,{gap:20,columns:"repeat(2, 120px)",children:[e.jsx("label",{children:"Bootstrap"}),e.jsx("label",{children:"Spectrum"}),e.jsx(O,{className:"form-group",checked:t,onChange:()=>o(r=>!r),children:"Checkbox"}),e.jsx(Y,{children:"Checkbox"}),e.jsx(O,{className:"form-group",disabled:!0,checked:t,onChange:()=>o(r=>!r),children:"Disabled"}),e.jsx(Y,{isDisabled:!0,children:"Disabled"})]})]})]})]})}const Se=[...co(52)],oe=[...co(52,{icons:!0})],to=[...je(0,51)],Oo=[...je(52,103)],Ho=[...je(104,155)],Uo=[...je(156,207)],Go=[...je(208,259)],zo=["String 1","String 2","String 3","","Some really long text that should get truncated",444,999,!0,!1,...to.map((t,o)=>o%5>0?t:c.cloneElement(t,{...t.props,children:[e.jsx(K,{},`icon-${t.props.children}`),e.jsx(w,{children:t.props.children},`label-${t.props.children}`)]}))];function K(){return e.jsx(V,{children:e.jsx(N,{icon:Je})})}function ba(){const[t,o]=c.useState(200),[r,s]=c.useState(!0),[a,l]=c.useState(oe),n=c.useCallback(g=>l(g===""?oe:oe.filter(({item:v})=>{var C;return(C=v==null?void 0:v.textValue)==null?void 0:C.includes(g)})),[]),i=c.useCallback(async()=>bt({keyedItems:Se,itemHeight:jt.medium,selectedKey:t,topOffset:yt}),[t]),d=c.useCallback(g=>{o(g)},[]),[m,h]=c.useState([String(Se[0].key),String(Se[1].key),String(Se[2].key)]),u=c.useCallback(g=>{h(g)},[]),[x,p]=c.useState(oe),j=c.useCallback(g=>p(g===""?oe:oe.filter(({item:v})=>{var C;return(C=v==null?void 0:v.textValue)==null?void 0:C.includes(g)})),[]);return e.jsxs(f,{name:"pickers",children:[e.jsx("h2",{className:"ui-title",children:"Pickers"}),e.jsxs(S,{gap:14,direction:"column",children:[[No,eo].map(g=>{const v=C=>`${g===No?"Picker":"ComboBox"} (${C})`;return e.jsxs(S,{direction:"row",gap:14,children:[e.jsx(g,{label:v("Single Child"),tooltip:{placement:"bottom-end"},children:e.jsx(b,{textValue:"Aaa",children:"Aaa"})}),e.jsx(g,{label:v("Mixed Children Types"),defaultSelectedKey:"999",tooltip:!0,children:zo}),e.jsxs(g,{label:v("Sections"),tooltip:!0,children:["String 1","String 2","String 3",e.jsxs(A,{title:"Section",children:[e.jsx(b,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(b,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(b,{textValue:"Complex Ccc",children:[e.jsx(K,{}),e.jsx(w,{children:"Complex Ccc"})]})]}),e.jsxs(A,{children:[e.jsx(b,{textValue:"Item Ddd",children:"Item Ddd"}),e.jsx(b,{textValue:"Item Eee",children:"Item Eee"}),e.jsxs(b,{textValue:"Complex Fff",children:[e.jsx(K,{}),e.jsx(w,{children:"Complex Fff"})]}),e.jsxs(b,{textValue:"Ggg",children:[e.jsx(K,{}),e.jsx(w,{children:"Label"}),e.jsx(w,{slot:"description",children:"Description"})]}),e.jsxs(b,{textValue:"Hhh",children:[e.jsx(K,{}),e.jsx(w,{children:"Label that causes overflow"}),e.jsx(w,{slot:"description",children:"Description that causes overflow"})]})]},"Key B"),e.jsx(A,{title:"Section A",children:to}),e.jsx(A,{title:"Section B",children:Oo}),e.jsx(A,{children:Ho},"Section C"),e.jsx(A,{children:Uo},"Section D"),e.jsx(A,{title:"Section E",children:Go})]})]},g.displayName)}),e.jsxs(S,{direction:"row",gap:14,children:[e.jsx(Ce,{label:"MultiSelect (Single Child)",tooltip:{placement:"bottom-end"},children:e.jsx(b,{textValue:"Aaa",children:"Aaa"})}),e.jsx(Ce,{label:"MultiSelect (Mixed Children Types)",defaultSelectedKeys:["999"],tooltip:!0,children:zo}),e.jsxs(Ce,{label:"MultiSelect (Sections)",tooltip:!0,children:["String 1","String 2","String 3",e.jsxs(A,{title:"Section",children:[e.jsx(b,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(b,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(b,{textValue:"Complex Ccc",children:[e.jsx(K,{}),e.jsx(w,{children:"Complex Ccc"})]})]}),e.jsxs(A,{children:[e.jsx(b,{textValue:"Item Ddd",children:"Item Ddd"}),e.jsx(b,{textValue:"Item Eee",children:"Item Eee"}),e.jsxs(b,{textValue:"Complex Fff",children:[e.jsx(K,{}),e.jsx(w,{children:"Complex Fff"})]}),e.jsxs(b,{textValue:"Ggg",children:[e.jsx(K,{}),e.jsx(w,{children:"Label"}),e.jsx(w,{slot:"description",children:"Description"})]}),e.jsxs(b,{textValue:"Hhh",children:[e.jsx(K,{}),e.jsx(w,{children:"Label that causes overflow"}),e.jsx(w,{slot:"description",children:"Description that causes overflow"})]})]},"Key B"),e.jsx(A,{title:"Section A",children:to}),e.jsx(A,{title:"Section B",children:Oo}),e.jsx(A,{children:Ho},"Section C"),e.jsx(A,{children:Uo},"Section D"),e.jsx(A,{title:"Section E",children:Go})]})]}),e.jsx(O,{checked:r,onChange:g=>s(g.currentTarget.checked),children:"Show Icons"}),e.jsxs(S,{direction:"row",gap:14,children:[e.jsx(vt,{label:"Picker (Controlled)",getInitialScrollPosition:i,normalizedItems:oe,selectedKey:t,showItemIcons:r,onChange:d}),e.jsx(it,{label:"ComboBox (Controlled)",getInitialScrollPosition:i,normalizedItems:a,selectedKey:t,showItemIcons:r,onChange:d,validationState:t==null?"invalid":"valid",errorMessage:"Please select an item.",onInputChange:n}),e.jsx(Ce,{label:"MultiSelect (Controlled)",selectedKeys:m,onChange:u,onSearchTextChange:j,children:x.map(({key:g,item:v})=>e.jsx(b,{textValue:(v==null?void 0:v.textValue)??String(g),children:(v==null?void 0:v.textValue)??String(g)},String(g)))})]})]})]})}const ja=[...co(52,{icons:!0})];function xe(){return e.jsx(V,{slot:"illustration",children:e.jsx(N,{icon:Hr})})}const so={gap:10,label:{medium:21,large:25.5}};function pe({label:t,direction:o="column",children:r,...s}){return e.jsxs(S,{...s,direction:o,gap:so.gap,children:[e.jsx(w,{children:t}),r]})}function ya(){const{scale:t}=wt(),[o,r]=c.useState([]),[s,a]=c.useState("compact"),l=so.label[t]+so.gap+2+Ct[s??"compact"][t],n=c.useCallback(g=>{a(g)},[]),[i,d]=c.useState(!0),[m,h]=c.useState(""),[u,x]=c.useState(""),p=c.useCallback((g,v)=>{h(g),x(v)},[]),j=c.useCallback(g=>{r(g)},[]);return e.jsxs(f,{name:"list-views",children:[e.jsx("h2",{className:"ui-title",children:"List View"}),e.jsxs(U,{gap:14,height:"size-6000",columns:"1fr 1fr 1fr",rows:`auto minmax(${l}px, auto) 1fr auto 1fr`,children:[e.jsx(pe,{alignItems:"center",direction:"row",label:"Density",gridColumn:"span 3",children:e.jsxs(qo,{"aria-label":"Density",orientation:"horizontal",value:s,onChange:n,children:[e.jsx(X,{value:"compact",children:"Compact"}),e.jsx(X,{value:"regular",children:"Regular"}),e.jsx(X,{value:"spacious",children:"Spacious"})]})}),e.jsx(pe,{label:"Single Child",gridColumn:"span 3",height:"100%",children:e.jsx(Be,{density:s,"aria-label":"Single Child",selectionMode:"multiple",children:e.jsx(b,{textValue:"Aaa",children:"Aaa"})})}),e.jsx(pe,{label:"Icons",gridColumn:"span 2",children:e.jsxs(Be,{"aria-label":"Icon",density:s,selectionMode:"multiple",children:[e.jsxs(b,{textValue:"Item with icon A",children:[e.jsx(xe,{}),e.jsx(w,{children:"Item with icon A"})]}),e.jsxs(b,{textValue:"Item with icon B",children:[e.jsx(xe,{}),e.jsx(w,{children:"Item with icon B"})]}),e.jsxs(b,{textValue:"Item with icon C",children:[e.jsx(xe,{}),e.jsx(w,{children:"Item with icon C"})]}),e.jsxs(b,{textValue:"Item with icon D",children:[e.jsx(xe,{}),e.jsx(w,{children:"Item with icon D with overflowing content"})]}),e.jsxs(b,{textValue:"Item with icon E",children:[e.jsx(xe,{}),e.jsx(w,{children:"Item with icon E"})]})]})}),e.jsx(pe,{label:"Mixed Children Types",children:e.jsxs(Be,{"aria-label":"Mixed Children Types",density:s,maxWidth:"size-2400",selectionMode:"multiple",defaultSelectedKeys:["999",444],children:["String 1","String 2","String 3","","Some really long text that should get truncated",444,999,!0,!1,e.jsx(b,{textValue:"Item Aaa",children:"Item Aaa"}),e.jsx(b,{textValue:"Item Bbb",children:"Item Bbb"}),e.jsxs(b,{textValue:"Item with Description",children:[e.jsx(w,{children:"Item with Description"}),e.jsx(w,{slot:"description",children:"Description"})]}),e.jsxs(b,{textValue:"Complex Ccc",children:[e.jsx(V,{slot:"image",children:e.jsx(N,{icon:Je})}),e.jsx(w,{children:"Complex Ccc with text that should be truncated"})]}),e.jsxs(b,{textValue:"Complex Ccc with Description",children:[e.jsx(V,{slot:"image",children:e.jsx(N,{icon:Je})}),e.jsx(w,{children:"Complex Ccc with text that should be truncated"}),e.jsx(w,{slot:"description",children:"Description"})]})]})}),e.jsx(S,{gridColumn:"span 3",gap:14,children:e.jsx(O,{checked:i,onChange:g=>d(g.currentTarget.checked),children:"Show Ions"})}),e.jsxs(pe,{label:"Controlled",gridColumn:"span 2",children:[e.jsx(ct,{"aria-label":"Controlled",density:s,normalizedItems:ja,selectionMode:"multiple",selectedKeys:o,showItemIcons:i,onChange:j,actions:e.jsxs(ft,{overflowMode:"collapse",buttonLabelBehavior:"collapse",maxWidth:80,onAction:p,children:[e.jsxs(b,{children:[e.jsx(V,{children:e.jsx(N,{icon:Fr})}),e.jsx(w,{children:"Edit"})]},"Edit"),e.jsxs(b,{children:[e.jsx(V,{children:e.jsx(N,{icon:Or})}),e.jsx(w,{children:"Delete"})]},"Delete")]})}),m," ",u]})]})]})}function wa(){const[t,o]=c.useState(!1),[r,s]=c.useState(!1),[a,l]=c.useState(!1),n={maxHeight:500,display:"flex",flexDirection:"column",maxWidth:400},i="This is a short error message",d=`Mid length error message
 `.repeat(10),m=`Really long error message
-`.repeat(100),d="MidError",u="SuperLongErrorMessageType",x=t||r||a,p=()=>{o(!1),s(!1),l(!1)};return e.jsxs(f,{name:"error-views",children:[e.jsx("h2",{className:"ui-title",title:"Display error messages easily",children:"Error Views"}),e.jsx("h3",{children:"Expandable"}),e.jsxs("div",{className:"row",style:{maxHeight:500},children:[e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:i})}),e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:c,type:d})}),e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:m,type:u})})]}),e.jsx("h3",{children:"Always expanded"}),e.jsxs("div",{className:"row",style:{maxHeight:500},children:[e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:i,isExpanded:!0})}),e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:c,type:d,isExpanded:!0})}),e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:m,type:u,isExpanded:!0})})]}),e.jsxs("h3",{children:["Dismissable",x&&e.jsx(y,{kind:"primary",onClick:p,style:{marginLeft:"1rem"},children:"Reset"})]}),e.jsxs("div",{className:"row",style:{maxHeight:500},children:[e.jsx("div",{className:"col",style:n,children:!t&&e.jsx(W,{message:i,onDismiss:()=>{o(!0)}})}),e.jsx("div",{className:"col",style:n,children:!r&&e.jsx(W,{message:c,type:d,onDismiss:()=>{s(!0)}})}),e.jsx("div",{className:"col",style:n,children:!a&&e.jsx(W,{message:m,type:u,onDismiss:()=>{l(!0)}})})]})]})}function cr({value:t}){return e.jsx(y,{kind:"primary",onClick:()=>{},children:t})}cr.displayName="FooComponent";const Z=Xr(cr);function ja({value:t}){return e.jsx(Z,{value:`${t}.${t}`})}function ya({value:t}){return e.jsxs("div",{children:[e.jsx(Z,{value:t}),e.jsx(Z,{value:t})]})}function Xe({value:t}){return e.jsx(y,{kind:"danger",onClick:()=>{},children:t.split("").reverse().join("")})}function wa(){const[t,o]=h.useState("hello");return e.jsxs(f,{name:"xcomponents",children:[e.jsx("h2",{className:"ui-title",children:"XComponents"}),e.jsxs("p",{children:["XComponents are a way to replace a component with another component without needing to pass props all the way down the component tree. This can be useful in cases where we have a component deep down in the component tree that we want to replace with a different component, but don't want to have to provide props at the top level just to hook into that.",e.jsx("br",{}),"Below is a component that is simply a button displaying the text inputted in the input field. We will replace this component with a new component that reverses the text, straight up, then in a nested scenario, and then multiple instances."]}),e.jsx("div",{className:"form-group",children:e.jsxs("label",{htmlFor:"xcomponentsInput",children:["Input Value:",e.jsx("input",{type:"text",className:"form-control",id:"xcomponentsInput",value:t,onChange:r=>o(r.target.value)})]})}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("small",{children:"Original Component"}),e.jsx("div",{children:e.jsx(Z,{value:t})}),e.jsx("small",{children:"Replaced with Reverse"}),e.jsx("div",{children:e.jsx(Pe,{value:new Map([[Z,Xe]]),children:e.jsx(Z,{value:t})})})]}),e.jsxs("div",{className:"col",children:[e.jsx("small",{children:"Nested component replaced"}),e.jsx("div",{children:e.jsx(Pe,{value:new Map([[Z,Xe]]),children:e.jsx(ja,{value:t})})})]}),e.jsxs("div",{className:"col",children:[e.jsx("small",{children:"Multiple Components replaced"}),e.jsx("div",{children:e.jsx(Pe,{value:new Map([[Z,Xe]]),children:e.jsx(ya,{value:t})})})]})]})]})}function Ca(){return e.jsxs(f,{name:"checkbox-groups",children:[e.jsx("h2",{className:"ui-title",children:"Checkbox Groups"}),e.jsxs(S,{gap:"size-100",gridColumn:"span 3",height:"100%",children:[e.jsxs(S,{direction:"column",children:[e.jsx(w,{children:"Single Child"}),e.jsx(Be,{"aria-label":"Single Child",children:e.jsx(Y,{value:"Aaa",children:"Aaa"})})]}),e.jsxs(S,{direction:"column",children:[e.jsx(w,{children:"Multiple Children"}),e.jsxs(Be,{"aria-label":"Multiple Children",children:[e.jsx(Y,{value:"Aaa",children:"Aaa"}),e.jsx(Y,{value:"Bbb",children:"Bbb"}),e.jsx(Y,{value:"Ccc",children:"Ccc"})]})]}),e.jsxs(S,{direction:"column",children:[e.jsx(w,{children:"Mixed Children Types"}),e.jsxs(Be,{"aria-label":"Mixed Children Types",children:["String 1","String 2",444,999,!0,!1,e.jsx(Y,{children:"Aaa"})]})]})]})]})}const zo={position:"sticky",justifyContent:"end",zIndex:1,UNSAFE_style:{float:"right"}};function Sa(){const{themes:t}=Qo(),o=t.length>1,r=rr()!=="";return e.jsx("div",{tabIndex:-1,role:"main",children:e.jsxs("div",{className:Q("container","style-guide-container",r&&Qt),children:[e.jsx(S,{justifyContent:"space-between",alignItems:"center",marginTop:"2rem",marginBottom:"1rem",children:e.jsx("h1",{style:{paddingTop:"2rem"},children:"Deephaven UI Components"})}),e.jsxs(S,{...zo,UNSAFE_className:r?"hide-when-isolated":void 0,marginTop:-56,top:20,gap:10,alignItems:"end",children:[o?e.jsx(kt,{}):null,e.jsx(ca,{})]}),e.jsx(S,{...zo,UNSAFE_className:r?"hide-when-isolated":void 0,top:"calc(100vh - 40px)",marginTop:-32,marginEnd:o?-234:0,children:e.jsx(da,{})}),e.jsx(Ls,{}),e.jsx(ge,{"data-menu-category":"Colors"}),e.jsx(is,{}),e.jsx(ea,{}),e.jsx(ge,{"data-menu-category":"Layout"}),e.jsx(ma,{}),e.jsx(ge,{"data-menu-category":"Components"}),e.jsx(fe,{}),e.jsx(As,{}),e.jsx(Ns,{}),e.jsx(fa,{}),e.jsx(pa,{}),e.jsx(Ds,{}),e.jsx(Ae,{}),e.jsx(Ms,{}),e.jsx(Ca,{}),e.jsx(ds,{}),e.jsx(Es,{}),e.jsx(cs,{}),e.jsx(hs,{}),e.jsx(Os,{}),e.jsx(Rs,{}),e.jsx($s,{}),e.jsx(ks,{}),e.jsx(gs,{}),e.jsx(ys,{}),e.jsx(os,{}),e.jsx(ct,{}),e.jsx(ga,{}),e.jsx(ba,{}),e.jsx(wa,{}),e.jsx(ge,{"data-menu-category":"Spectrum Components"}),e.jsx(ta,{}),e.jsx(ge,{"data-menu-category":"Spectrum Comparison"}),e.jsx(xa,{}),e.jsx(Dr,{})]})})}function ka(t){const{workspace:o,setWorkspace:r}=t;return h.useEffect(()=>{Tt.makeDefaultWorkspace({getLayouts:async()=>[],getLayout:async()=>({})}).then(r)},[r]),o!=null?e.jsx(Sa,{}):null}const Ta=t=>({workspace:Zr(t)}),Na=Er(Ta,{setWorkspace:Yr})(ka);function Oa(){return h.useEffect(function(){Ct.register(new URL("./download/serviceWorker.js",window.location.href)),Qr.init({getWorker:()=>new Ur}),window["__@hello-pangea/dnd-disable-dev-warnings"]=!0},[]),e.jsx(dt,{children:e.jsx(Ar,{store:Hr,children:e.jsx(Na,{})})})}export{Oa as StyleGuideRoot,Oa as default};
-//# sourceMappingURL=StyleGuideRoot-BzThAiXJ.js.map
+`.repeat(100),h="MidError",u="SuperLongErrorMessageType",x=t||r||a,p=()=>{o(!1),s(!1),l(!1)};return e.jsxs(f,{name:"error-views",children:[e.jsx("h2",{className:"ui-title",title:"Display error messages easily",children:"Error Views"}),e.jsx("h3",{children:"Expandable"}),e.jsxs("div",{className:"row",style:{maxHeight:500},children:[e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:i})}),e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:d,type:h})}),e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:m,type:u})})]}),e.jsx("h3",{children:"Always expanded"}),e.jsxs("div",{className:"row",style:{maxHeight:500},children:[e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:i,isExpanded:!0})}),e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:d,type:h,isExpanded:!0})}),e.jsx("div",{className:"col",style:n,children:e.jsx(W,{message:m,type:u,isExpanded:!0})})]}),e.jsxs("h3",{children:["Dismissable",x&&e.jsx(y,{kind:"primary",onClick:p,style:{marginLeft:"1rem"},children:"Reset"})]}),e.jsxs("div",{className:"row",style:{maxHeight:500},children:[e.jsx("div",{className:"col",style:n,children:!t&&e.jsx(W,{message:i,onDismiss:()=>{o(!0)}})}),e.jsx("div",{className:"col",style:n,children:!r&&e.jsx(W,{message:d,type:h,onDismiss:()=>{s(!0)}})}),e.jsx("div",{className:"col",style:n,children:!a&&e.jsx(W,{message:m,type:u,onDismiss:()=>{l(!0)}})})]})]})}function dr({value:t}){return e.jsx(y,{kind:"primary",onClick:()=>{},children:t})}dr.displayName="FooComponent";const Z=Yr(dr);function Ca({value:t}){return e.jsx(Z,{value:`${t}.${t}`})}function Sa({value:t}){return e.jsxs("div",{children:[e.jsx(Z,{value:t}),e.jsx(Z,{value:t})]})}function Xe({value:t}){return e.jsx(y,{kind:"danger",onClick:()=>{},children:t.split("").reverse().join("")})}function ka(){const[t,o]=c.useState("hello");return e.jsxs(f,{name:"xcomponents",children:[e.jsx("h2",{className:"ui-title",children:"XComponents"}),e.jsxs("p",{children:["XComponents are a way to replace a component with another component without needing to pass props all the way down the component tree. This can be useful in cases where we have a component deep down in the component tree that we want to replace with a different component, but don't want to have to provide props at the top level just to hook into that.",e.jsx("br",{}),"Below is a component that is simply a button displaying the text inputted in the input field. We will replace this component with a new component that reverses the text, straight up, then in a nested scenario, and then multiple instances."]}),e.jsx("div",{className:"form-group",children:e.jsxs("label",{htmlFor:"xcomponentsInput",children:["Input Value:",e.jsx("input",{type:"text",className:"form-control",id:"xcomponentsInput",value:t,onChange:r=>o(r.target.value)})]})}),e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col",children:[e.jsx("small",{children:"Original Component"}),e.jsx("div",{children:e.jsx(Z,{value:t})}),e.jsx("small",{children:"Replaced with Reverse"}),e.jsx("div",{children:e.jsx(_e,{value:new Map([[Z,Xe]]),children:e.jsx(Z,{value:t})})})]}),e.jsxs("div",{className:"col",children:[e.jsx("small",{children:"Nested component replaced"}),e.jsx("div",{children:e.jsx(_e,{value:new Map([[Z,Xe]]),children:e.jsx(Ca,{value:t})})})]}),e.jsxs("div",{className:"col",children:[e.jsx("small",{children:"Multiple Components replaced"}),e.jsx("div",{children:e.jsx(_e,{value:new Map([[Z,Xe]]),children:e.jsx(Sa,{value:t})})})]})]})]})}function Ta(){return e.jsxs(f,{name:"checkbox-groups",children:[e.jsx("h2",{className:"ui-title",children:"Checkbox Groups"}),e.jsxs(S,{gap:"size-100",gridColumn:"span 3",height:"100%",children:[e.jsxs(S,{direction:"column",children:[e.jsx(w,{children:"Single Child"}),e.jsx(Ve,{"aria-label":"Single Child",children:e.jsx(Y,{value:"Aaa",children:"Aaa"})})]}),e.jsxs(S,{direction:"column",children:[e.jsx(w,{children:"Multiple Children"}),e.jsxs(Ve,{"aria-label":"Multiple Children",children:[e.jsx(Y,{value:"Aaa",children:"Aaa"}),e.jsx(Y,{value:"Bbb",children:"Bbb"}),e.jsx(Y,{value:"Ccc",children:"Ccc"})]})]}),e.jsxs(S,{direction:"column",children:[e.jsx(w,{children:"Mixed Children Types"}),e.jsxs(Ve,{"aria-label":"Mixed Children Types",children:["String 1","String 2",444,999,!0,!1,e.jsx(Y,{children:"Aaa"})]})]})]})]})}const Wo={position:"sticky",justifyContent:"end",zIndex:1,UNSAFE_style:{float:"right"}};function Na(){const{themes:t}=Qo(),o=t.length>1,r=rr()!=="";return e.jsx("div",{tabIndex:-1,role:"main",children:e.jsxs("div",{className:Q("container","style-guide-container",r&&Jt),children:[e.jsx(S,{justifyContent:"space-between",alignItems:"center",marginTop:"2rem",marginBottom:"1rem",children:e.jsx("h1",{style:{paddingTop:"2rem"},children:"Deephaven UI Components"})}),e.jsxs(S,{...Wo,UNSAFE_className:r?"hide-when-isolated":void 0,marginTop:-56,top:20,gap:10,alignItems:"end",children:[o?e.jsx(Tt,{}):null,e.jsx(ua,{})]}),e.jsx(S,{...Wo,UNSAFE_className:r?"hide-when-isolated":void 0,top:"calc(100vh - 40px)",marginTop:-32,marginEnd:o?-234:0,children:e.jsx(ma,{})}),e.jsx(Fs,{}),e.jsx(ge,{"data-menu-category":"Colors"}),e.jsx(cs,{}),e.jsx(aa,{}),e.jsx(ge,{"data-menu-category":"Layout"}),e.jsx(pa,{}),e.jsx(ge,{"data-menu-category":"Components"}),e.jsx(fe,{}),e.jsx(Ps,{}),e.jsx(Ms,{}),e.jsx(ya,{}),e.jsx(ba,{}),e.jsx(Rs,{}),e.jsx($e,{}),e.jsx(_s,{}),e.jsx(Ta,{}),e.jsx(hs,{}),e.jsx(Ls,{}),e.jsx(ds,{}),e.jsx(us,{}),e.jsx(Ws,{}),e.jsx(Vs,{}),e.jsx(Bs,{}),e.jsx(Es,{}),e.jsx(xs,{}),e.jsx(Ts,{}),e.jsx(rs,{}),e.jsx(dt,{}),e.jsx(va,{}),e.jsx(wa,{}),e.jsx(ka,{}),e.jsx(ge,{"data-menu-category":"Spectrum Components"}),e.jsx(la,{}),e.jsx(ge,{"data-menu-category":"Spectrum Comparison"}),e.jsx(fa,{}),e.jsx(Er,{})]})})}function Ia(t){const{workspace:o,setWorkspace:r}=t;return c.useEffect(()=>{Nt.makeDefaultWorkspace({getLayouts:async()=>[],getLayout:async()=>({})}).then(r)},[r]),o!=null?e.jsx(Na,{}):null}const Da=t=>({workspace:Qr(t)}),Ea=Ar(Da,{setWorkspace:Zr})(Ia);function Ga(){return c.useEffect(function(){St.register(new URL("./download/serviceWorker.js",window.location.href)),Jr.init({getWorker:()=>new Gr}),window["__@hello-pangea/dnd-disable-dev-warnings"]=!0},[]),e.jsx(ht,{children:e.jsx(Mr,{store:Ur,children:e.jsx(Ea,{})})})}export{Ga as StyleGuideRoot,Ga as default};
+//# sourceMappingURL=StyleGuideRoot-xBfU_7zC.js.map