@patternfly/patternfly-doc-core 1.9.1 → 1.11.0

package/astro.config.mjs

@@ -3,7 +3,7 @@ import { defineConfig } from 'astro/config';
 import react from '@astrojs/react';
 import mdx from '@astrojs/mdx';
 
-import node from '@astrojs/node';
+import cloudflare from '@astrojs/cloudflare';
 
 // https://astro.build/config
 export default defineConfig({
@@ -11,6 +11,7 @@ export default defineConfig({
   vite: {
     ssr: {
       noExternal: ["@patternfly/*", "react-dropzone"],
+      external: ["node:fs", "node:path"]
     },
     server: {
       fs: {
@@ -19,7 +20,5 @@ export default defineConfig({
     }
   },
 
-  adapter: node({
-    mode: 'standalone'
-  })
+  adapter: cloudflare()
 });

package/cli/cli.ts

@@ -7,7 +7,7 @@ import { createCollectionContent } from './createCollectionContent.js'
 import { setFsRootDir } from './setFsRootDir.js'
 import { createConfigFile } from './createConfigFile.js'
 import { updatePackageFile } from './updatePackageFile.js'
-import { getConfig } from './getConfig.js'
+import { DocsConfig, getConfig } from './getConfig.js'
 import { symLinkConfig } from './symLinkConfig.js'
 import { buildPropsData } from './buildPropsData.js'
 import { hasFile } from './hasFile.js'
@@ -45,6 +45,60 @@ async function generateProps(program: Command, forceProps: boolean = false) {
     verbose,
   )
 }
+async function buildProject(): Promise<DocsConfig | undefined> {
+  updateContent(program)
+  await generateProps(program, true)
+  const config = await getConfig(`${currentDir}/pf-docs.config.mjs`)
+  if (!config) {
+    console.error(
+      'No config found, please run the `setup` command or manually create a pf-docs.config.mjs file',
+    )
+    return config;
+  }
+
+  if (!config.outputDir) {
+    console.error(
+      "No outputDir found in config file, an output directory must be defined in your config file e.g. 'dist'",
+    )
+    return config;
+  }
+
+  build({ root: astroRoot, outDir: join(currentDir, config.outputDir) })
+  
+  return config;
+}
+
+async function deploy() {
+  const { verbose } = program.opts()
+  
+  if (verbose) {
+    console.log('Starting Cloudflare deployment...')
+  }
+
+  try {
+    // First build the project
+    const config = await buildProject();
+    if (config) {
+      if (verbose) {
+        console.log('Build complete, deploying to Cloudflare...')
+      }
+
+      // Deploy using Wrangler
+      const { execSync } = await import('child_process')
+      const outputPath = join(currentDir, config.outputDir)
+      
+      execSync(`npx wrangler pages deploy ${outputPath}`, {
+        stdio: 'inherit',
+        cwd: currentDir
+      })
+      
+      console.log('Successfully deployed to Cloudflare Pages!')
+    }
+  } catch (error) {
+    console.error('Deployment failed:', error)
+    process.exit(1)
+  }
+}
 
 let astroRoot = ''
 
@@ -99,24 +153,7 @@ program.command('start').action(async () => {
 })
 
 program.command('build').action(async () => {
-  updateContent(program)
-  await generateProps(program, true)
-  const config = await getConfig(`${currentDir}/pf-docs.config.mjs`)
-  if (!config) {
-    console.error(
-      'No config found, please run the `setup` command or manually create a pf-docs.config.mjs file',
-    )
-    return
-  }
-
-  if (!config.outputDir) {
-    console.error(
-      "No outputDir found in config file, an output directory must be defined in your config file e.g. 'dist'",
-    )
-    return
-  }
-
-  build({ root: astroRoot, outDir: join(currentDir, config.outputDir) })
+  await buildProject();
 })
 
 program.command('generate-props').action(async () => {
@@ -140,4 +177,8 @@ program
     await convertToMDX(globPath)
   })
 
+program.command('deploy').action(async () => {
+  await deploy() 
+})
+
 program.parse(process.argv)

package/cli/convertToMDX.ts

@@ -1,32 +1,87 @@
-import { readFile, writeFile } from 'fs/promises'
+import { readFile, writeFile, unlink } from 'fs/promises'
 import { glob } from 'glob'
+import path from 'path'
 
-export async function convertToMDX(globPath: string) {
-  const files = await glob(globPath)
+function handleTsExamples(content: string): string {
+  //regex link: https://regexr.com/8f0bu
+  const ExampleBlockRegex = /```[tj]s file=['"]\.?\/?(\w*)\.(\w*)['"]\s*\n```/g
+
+  //the first capture group is the example file name without the extension or path, the second is the extension
+  const replacementString = `\nimport $1 from "./$1.$2?raw"\n\n<LiveExample src={$1} />`
+  return content.replace(ExampleBlockRegex, replacementString)
+}
+
+async function handleHTMLExamples(
+  content: string,
+  fileDir: string,
+): Promise<string> {
+  const htmlCodeFenceRegex = /```html\n([\s\S]*?)\n```/g
+  const matches = Array.from(content.matchAll(htmlCodeFenceRegex))
 
-  files.forEach(async (file) => {
-    const fileContent = await readFile(file, 'utf-8')
+  const replacements = await Promise.all(
+    matches.map(async (match, index) => {
+      const htmlContent = match[1]
+      const exampleName = `Example${index + 1}`
+      const htmlFilePath = path.join(fileDir, `${exampleName}.html`)
 
-    //regex link: https://regexr.com/8f0er
-    const importRegex = /(?<!```no[lL]ive\n)import {?[\w\s,\n]*}?.*\n/g
+      await writeFile(htmlFilePath, htmlContent)
 
-    //removes all top level imports from the md file that the old docs framework used to determine what imports are needed
-    const withoutImports = fileContent.replace(importRegex, '')
+      return {
+        original: match[0],
+        replacement: `\nimport ${exampleName} from './${exampleName}.html?raw'\n\n<LiveExample html={${exampleName}} />`,
+      }
+    }),
+  )
 
-    //regex link: https://regexr.com/8f0bu
-    const ExampleBlockRegex =
-      /```[tj]s file=['"]\.?\/?(\w*)\.(\w*)['"]\s*\n```/g
+  return replacements.reduce(
+    (result, { original, replacement }) =>
+      result.replace(original, replacement),
+    content,
+  )
+}
 
-    //the first capture group is the example file name without the extension or path, the second is the extension
-    const replacementString = `\nimport $1 from "./$1.$2?raw"\n\n<LiveExample src={$1} />`
-    const examplesConvertedToMDX = withoutImports.replace(
-      ExampleBlockRegex,
-      replacementString,
-    )
+function removeNoLiveTags(content: string): string {
+  return content.replace(/```no[lL]ive/g, '```')
+}
 
-    //we want to strip the nolive/noLive tags from codeblocks as that was custom to the old docs framework
-    const noLiveRemoved = examplesConvertedToMDX.replace(/```no[lL]ive/g, '```')
+function removeExistingImports(content: string): string {
+  // Remove imports that don't end in .css
+  const importRegex = /^import {?[\w\s,\n]*}? from ['"](?!.*\.css['"])[^'"]*['"]\n/gm
+  return content.replace(importRegex, '')
+}
 
-    await writeFile(file + 'x', noLiveRemoved)
-  })
+function convertCommentsToMDX(content: string): string {
+  return content.replace(
+    /<!--([\s\S]*?)-->/g,
+    (_, comment) => `{/*${comment}*/}`,
+  )
+}
+
+async function processFile(file: string): Promise<void> {
+  const fileContent = await readFile(file, 'utf-8')
+  const fileDir = path.dirname(file)
+
+  const transformations = [
+    removeNoLiveTags,
+    removeExistingImports,
+    (content: string) => handleHTMLExamples(content, fileDir),
+    handleTsExamples,
+    convertCommentsToMDX,
+  ]
+
+  const processedContent = await transformations.reduce(
+    async (contentPromise, transform) => {
+      const content = await contentPromise
+      return transform(content)
+    },
+    Promise.resolve(fileContent),
+  )
+
+  await writeFile(file + 'x', processedContent)
+  await unlink(file)
+}
+
+export async function convertToMDX(globPath: string): Promise<void> {
+  const files = await glob(globPath)
+  await Promise.all(files.map(processFile))
 }

package/dist/.assetsignore

@@ -0,0 +1,2 @@
+_worker.js
+_routes.json

package/dist/_astro/ClientRouter.astro_astro_type_script_index_0_lang.CtSceO8m.js

@@ -0,0 +1 @@
+const b="data-astro-transition-persist",ee=["data-astro-transition","data-astro-transition-fallback"],M=new Set;function U(e){const t=e.src?new URL(e.src,location.href).href:e.textContent;return M.has(t)?!0:(M.add(t),!1)}function te(e){for(const t of e.scripts)!t.hasAttribute("data-astro-rerun")&&U(t)&&(t.dataset.astroExec="")}function ne(e){const t=document.documentElement,n=[...t.attributes].filter(({name:o})=>(t.removeAttribute(o),ee.includes(o)));[...e.documentElement.attributes,...n].forEach(({name:o,value:r})=>t.setAttribute(o,r))}function oe(e){for(const t of Array.from(document.head.children)){const n=se(t,e);n?n.remove():t.remove()}document.head.append(...e.head.children)}function re(e,t){t.replaceWith(e);for(const n of t.querySelectorAll(`[${b}]`)){const o=n.getAttribute(b),r=e.querySelector(`[${b}="${o}"]`);r&&(r.replaceWith(n),r.localName==="astro-island"&&ae(n)&&!ce(n,r)&&(n.setAttribute("ssr",""),n.setAttribute("props",r.getAttribute("props"))))}}const ie=()=>{const e=document.activeElement;if(e?.closest(`[${b}]`)){if(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement){const t=e.selectionStart,n=e.selectionEnd;return()=>k({activeElement:e,start:t,end:n})}return()=>k({activeElement:e})}else return()=>k({activeElement:null})},k=({activeElement:e,start:t,end:n})=>{e&&(e.focus(),(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement)&&(typeof t=="number"&&(e.selectionStart=t),typeof n=="number"&&(e.selectionEnd=n)))},se=(e,t)=>{const n=e.getAttribute(b),o=n&&t.head.querySelector(`[${b}="${n}"]`);if(o)return o;if(e.matches("link[rel=stylesheet]")){const r=e.getAttribute("href");return t.head.querySelector(`link[rel=stylesheet][href="${r}"]`)}return null},ae=e=>{const t=e.dataset.astroTransitionPersistProps;return t==null||t==="false"},ce=(e,t)=>e.getAttribute("props")===t.getAttribute("props"),le=e=>{te(e),ne(e),oe(e);const t=ie();re(e.body,document.body),t()},ue="astro:before-preparation",fe="astro:after-preparation",de="astro:before-swap",me="astro:after-swap",he=e=>document.dispatchEvent(new Event(e));class q extends Event{from;to;direction;navigationType;sourceElement;info;newDocument;signal;constructor(t,n,o,r,i,u,a,c,f,l){super(t,n),this.from=o,this.to=r,this.direction=i,this.navigationType=u,this.sourceElement=a,this.info=c,this.newDocument=f,this.signal=l,Object.defineProperties(this,{from:{enumerable:!0},to:{enumerable:!0,writable:!0},direction:{enumerable:!0,writable:!0},navigationType:{enumerable:!0},sourceElement:{enumerable:!0},info:{enumerable:!0},newDocument:{enumerable:!0,writable:!0},signal:{enumerable:!0}})}}class pe extends q{formData;loader;constructor(t,n,o,r,i,u,a,c,f,l){super(ue,{cancelable:!0},t,n,o,r,i,u,a,c),this.formData=f,this.loader=l.bind(this,this),Object.defineProperties(this,{formData:{enumerable:!0},loader:{enumerable:!0,writable:!0}})}}class ge extends q{direction;viewTransition;swap;constructor(t,n){super(de,void 0,t.from,t.to,t.direction,t.navigationType,t.sourceElement,t.info,t.newDocument,t.signal),this.direction=t.direction,this.viewTransition=n,this.swap=()=>le(this.newDocument),Object.defineProperties(this,{direction:{enumerable:!0},viewTransition:{enumerable:!0},swap:{enumerable:!0,writable:!0}})}}async function we(e,t,n,o,r,i,u,a,c){const f=new pe(e,t,n,o,r,i,window.document,u,a,c);return document.dispatchEvent(f)&&(await f.loader(),f.defaultPrevented||(he(fe),f.navigationType!=="traverse"&&x({scrollX,scrollY}))),f}function be(e,t){const n=new ge(e,t);return document.dispatchEvent(n),n.swap(),n}const ye=history.pushState.bind(history),A=history.replaceState.bind(history),x=e=>{history.state&&(history.scrollRestoration="manual",A({...history.state,...e},""))},I=!!document.startViewTransition,N=()=>!!document.querySelector('[name="astro-view-transitions-enabled"]'),W=(e,t)=>e.pathname===t.pathname&&e.search===t.search;let m,g,S;const V=e=>document.dispatchEvent(new Event(e)),j=()=>V("astro:page-load"),ve=()=>{let e=document.createElement("div");e.setAttribute("aria-live","assertive"),e.setAttribute("aria-atomic","true"),e.className="astro-route-announcer",document.body.append(e),setTimeout(()=>{let t=document.title||document.querySelector("h1")?.textContent||location.pathname;e.textContent=t},60)},H="data-astro-transition-persist",F="data-astro-transition",P="data-astro-transition-fallback";let C,y=0;history.state?(y=history.state.index,scrollTo({left:history.state.scrollX,top:history.state.scrollY})):N()&&(A({index:y,scrollX,scrollY},""),history.scrollRestoration="manual");async function Te(e,t){try{const n=await fetch(e,t),r=(n.headers.get("content-type")??"").split(";",1)[0].trim();return r!=="text/html"&&r!=="application/xhtml+xml"?null:{html:await n.text(),redirected:n.redirected?n.url:void 0,mediaType:r}}catch{return null}}function K(){const e=document.querySelector('[name="astro-view-transitions-fallback"]');return e?e.getAttribute("content"):"animate"}function Ae(){let e=Promise.resolve(),t=!1;for(const n of document.getElementsByTagName("script"))n.dataset.astroExec===void 0&&n.getAttribute("type")==="module"&&(t=n.getAttribute("src")===null);t&&document.body.insertAdjacentHTML("beforeend",'<script type="module" src="data:application/javascript,"/>');for(const n of document.getElementsByTagName("script")){if(n.dataset.astroExec==="")continue;const o=n.getAttribute("type");if(o&&o!=="module"&&o!=="text/javascript")continue;const r=document.createElement("script");r.innerHTML=n.innerHTML;for(const i of n.attributes){if(i.name==="src"){const u=new Promise(a=>{r.onload=r.onerror=a});e=e.then(()=>u)}r.setAttribute(i.name,i.value)}r.dataset.astroExec="",n.replaceWith(r)}return e}const G=(e,t,n,o,r)=>{const i=W(t,e),u=document.title;document.title=o;let a=!1;if(e.href!==location.href&&!r)if(n.history==="replace"){const c=history.state;A({...n.state,index:c.index,scrollX:c.scrollX,scrollY:c.scrollY},"",e.href)}else ye({...n.state,index:++y,scrollX:0,scrollY:0},"",e.href);if(document.title=u,S=e,i||(scrollTo({left:0,top:0,behavior:"instant"}),a=!0),r)scrollTo(r.scrollX,r.scrollY);else{if(e.hash){history.scrollRestoration="auto";const c=history.state;location.href=e.href,history.state||(A(c,""),i&&window.dispatchEvent(new PopStateEvent("popstate")))}else a||scrollTo({left:0,top:0,behavior:"instant"});history.scrollRestoration="manual"}};function Ee(e){const t=[];for(const n of e.querySelectorAll("head link[rel=stylesheet]"))if(!document.querySelector(`[${H}="${n.getAttribute(H)}"], link[rel=stylesheet][href="${n.getAttribute("href")}"]`)){const o=document.createElement("link");o.setAttribute("rel","preload"),o.setAttribute("as","style"),o.setAttribute("href",n.getAttribute("href")),t.push(new Promise(r=>{["load","error"].forEach(i=>o.addEventListener(i,r)),document.head.append(o)}))}return t}async function _(e,t,n,o,r){async function i(c){function f(p){const h=p.effect;return!h||!(h instanceof KeyframeEffect)||!h.target?!1:window.getComputedStyle(h.target,h.pseudoElement).animationIterationCount==="infinite"}const l=document.getAnimations();document.documentElement.setAttribute(P,c);const d=document.getAnimations().filter(p=>!l.includes(p)&&!f(p));return Promise.allSettled(d.map(p=>p.finished))}if(r==="animate"&&!n.transitionSkipped&&!e.signal.aborted)try{await i("old")}catch{}const u=document.title,a=be(e,n.viewTransition);G(a.to,a.from,t,u,o),V(me),r==="animate"&&(!n.transitionSkipped&&!a.signal.aborted?i("new").finally(()=>n.viewTransitionFinished()):n.viewTransitionFinished())}function Se(){return m?.controller.abort(),m={controller:new AbortController}}async function z(e,t,n,o,r){const i=Se();if(!N()||location.origin!==n.origin){i===m&&(m=void 0),location.href=n.href;return}const u=r?"traverse":o.history==="replace"?"replace":"push";if(u!=="traverse"&&x({scrollX,scrollY}),W(t,n)&&(e!=="back"&&n.hash||e==="back"&&t.hash)){G(n,t,o,document.title,r),i===m&&(m=void 0);return}const a=await we(t,n,e,u,o.sourceElement,o.info,i.controller.signal,o.formData,c);if(a.defaultPrevented||a.signal.aborted){i===m&&(m=void 0),a.signal.aborted||(location.href=n.href);return}async function c(s){const d=s.to.href,p={signal:s.signal};if(s.formData){p.method="POST";const w=s.sourceElement instanceof HTMLFormElement?s.sourceElement:s.sourceElement instanceof HTMLElement&&"form"in s.sourceElement?s.sourceElement.form:s.sourceElement?.closest("form");p.body=t!==void 0&&Reflect.get(HTMLFormElement.prototype,"attributes",w).getNamedItem("enctype")?.value==="application/x-www-form-urlencoded"?new URLSearchParams(s.formData):s.formData}const h=await Te(d,p);if(h===null){s.preventDefault();return}if(h.redirected){const w=new URL(h.redirected);if(w.origin!==s.to.origin){s.preventDefault();return}s.to=w}if(C??=new DOMParser,s.newDocument=C.parseFromString(h.html,h.mediaType),s.newDocument.querySelectorAll("noscript").forEach(w=>w.remove()),!s.newDocument.querySelector('[name="astro-view-transitions-enabled"]')&&!s.formData){s.preventDefault();return}const L=Ee(s.newDocument);L.length&&!s.signal.aborted&&await Promise.all(L)}async function f(){if(g&&g.viewTransition){try{g.viewTransition.skipTransition()}catch{}try{await g.viewTransition.updateCallbackDone}catch{}}return g={transitionSkipped:!1}}const l=await f();if(a.signal.aborted){i===m&&(m=void 0);return}if(document.documentElement.setAttribute(F,a.direction),I)l.viewTransition=document.startViewTransition(async()=>await _(a,o,l,r));else{const s=(async()=>{await Promise.resolve(),await _(a,o,l,r,K())})();l.viewTransition={updateCallbackDone:s,ready:s,finished:new Promise(d=>l.viewTransitionFinished=d),skipTransition:()=>{l.transitionSkipped=!0,document.documentElement.removeAttribute(P)},types:new Set}}l.viewTransition?.updateCallbackDone.finally(async()=>{await Ae(),j(),ve()}),l.viewTransition?.finished.finally(()=>{l.viewTransition=void 0,l===g&&(g=void 0),i===m&&(m=void 0),document.documentElement.removeAttribute(F),document.documentElement.removeAttribute(P)});try{await l.viewTransition?.updateCallbackDone}catch(s){const d=s;console.log("[astro]",d.name,d.message,d.stack)}}async function X(e,t){await z("forward",S,new URL(e,location.href),t??{})}function Re(e){if(!N()&&e.state){location.reload();return}if(e.state===null)return;const t=history.state,n=t.index,o=n>y?"forward":"back";y=n,z(o,S,new URL(location.href),{},t)}const Y=()=>{history.state&&(scrollX!==history.state.scrollX||scrollY!==history.state.scrollY)&&x({scrollX,scrollY})};{if(I||K()!=="none")if(S=new URL(location.href),addEventListener("popstate",Re),addEventListener("load",j),"onscrollend"in window)addEventListener("scrollend",Y);else{let e,t,n,o;const r=()=>{if(o!==history.state?.index){clearInterval(e),e=void 0;return}if(t===scrollY&&n===scrollX){clearInterval(e),e=void 0,Y();return}else t=scrollY,n=scrollX};addEventListener("scroll",()=>{e===void 0&&(o=history.state?.index,t=scrollY,n=scrollX,e=window.setInterval(r,50))},{passive:!0})}for(const e of document.getElementsByTagName("script"))U(e),e.dataset.astroExec=""}const J=new Set,E=new WeakSet;let D,Q,B=!1;function Le(e){B||(B=!0,D??=e?.prefetchAll,Q??=e?.defaultStrategy??"hover",ke(),Pe(),De(),Ie())}function ke(){for(const e of["touchstart","mousedown"])document.body.addEventListener(e,t=>{v(t.target,"tap")&&R(t.target.href,{ignoreSlowConnection:!0})},{passive:!0})}function Pe(){let e;document.body.addEventListener("focusin",o=>{v(o.target,"hover")&&t(o)},{passive:!0}),document.body.addEventListener("focusout",n,{passive:!0}),O(()=>{for(const o of document.getElementsByTagName("a"))E.has(o)||v(o,"hover")&&(E.add(o),o.addEventListener("mouseenter",t,{passive:!0}),o.addEventListener("mouseleave",n,{passive:!0}))});function t(o){const r=o.target.href;e&&clearTimeout(e),e=setTimeout(()=>{R(r)},80)}function n(){e&&(clearTimeout(e),e=0)}}function De(){let e;O(()=>{for(const t of document.getElementsByTagName("a"))E.has(t)||v(t,"viewport")&&(E.add(t),e??=xe(),e.observe(t))})}function xe(){const e=new WeakMap;return new IntersectionObserver((t,n)=>{for(const o of t){const r=o.target,i=e.get(r);o.isIntersecting?(i&&clearTimeout(i),e.set(r,setTimeout(()=>{n.unobserve(r),e.delete(r),R(r.href)},300))):i&&(clearTimeout(i),e.delete(r))}})}function Ie(){O(()=>{for(const e of document.getElementsByTagName("a"))v(e,"load")&&R(e.href)})}function R(e,t){e=e.replace(/#.*/,"");const n=t?.ignoreSlowConnection??!1;if(Ne(e,n))if(J.add(e),document.createElement("link").relList?.supports?.("prefetch")&&t?.with!=="fetch"){const o=document.createElement("link");o.rel="prefetch",o.setAttribute("href",e),document.head.append(o)}else fetch(e,{priority:"low"})}function Ne(e,t){if(!navigator.onLine||!t&&Z())return!1;try{const n=new URL(e,location.href);return location.origin===n.origin&&(location.pathname!==n.pathname||location.search!==n.search)&&!J.has(e)}catch{}return!1}function v(e,t){if(e?.tagName!=="A")return!1;const n=e.dataset.astroPrefetch;return n==="false"?!1:t==="tap"&&(n!=null||D)&&Z()?!0:n==null&&D||n===""?t===Q:n===t}function Z(){if("connection"in navigator){const e=navigator.connection;return e.saveData||/2g/.test(e.effectiveType)}return!1}function O(e){e();let t=!1;document.addEventListener("astro:page-load",()=>{if(!t){t=!0;return}e()})}let T=null;function Oe(){const e=document.querySelector('[name="astro-view-transitions-fallback"]');return e?e.getAttribute("content"):"animate"}function $(e){return e.dataset.astroReload!==void 0}const Me=e=>e.button&&e.button!==0||e.metaKey||e.ctrlKey||e.altKey||e.shiftKey;(I||Oe()!=="none")&&(document.addEventListener("click",e=>{let t=e.target;if(T=Me(e)?t:null,e.composed&&(t=e.composedPath()[0]),t instanceof Element&&(t=t.closest("a, area")),!(t instanceof HTMLAnchorElement)&&!(t instanceof SVGAElement)&&!(t instanceof HTMLAreaElement))return;const n=t instanceof HTMLElement?t.target:t.target.baseVal,o=t instanceof HTMLElement?t.href:t.href.baseVal,r=new URL(o,location.href).origin;$(t)||t.hasAttribute("download")||!t.href||n&&n!=="_self"||r!==location.origin||T||e.defaultPrevented||(e.preventDefault(),X(o,{history:t.dataset.astroHistory==="replace"?"replace":"auto",sourceElement:t}))}),document.addEventListener("submit",e=>{let t=e.target;const n=e.submitter,o=n&&n===T;if(T=null,t.tagName!=="FORM"||e.defaultPrevented||$(t)||o)return;const r=t,i=new FormData(r,n),u=typeof r.action=="string"?r.action:r.getAttribute("action"),a=typeof r.method=="string"?r.method:r.getAttribute("method");let c=n?.getAttribute("formaction")??u??location.pathname;const f=n?.getAttribute("formmethod")??a??"get";if(f==="dialog"||location.origin!==new URL(c,location.href).origin)return;const l={sourceElement:n??r};if(f==="get"){const s=new URLSearchParams(i),d=new URL(c);d.search=s.toString(),c=d.toString()}else l.formData=i;e.preventDefault(),X(c,l)}),Le({prefetchAll:!0}));

package/dist/{client/_astro/LiveExample.DZkxbJA_.js → _astro/LiveExample.DjPiO80i.js}

@@ -256,4 +256,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       monaco.config({ paths: { vs: '...' } })
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
-  `},oo=SG2(OG2)(LH),PG2={config:BG2},HG2=function(){for(var t=arguments.length,o=new Array(t),c=0;c<t;c++)o[c]=arguments[c];return function(l){return o.reduceRight(function(r,i){return i(r)},l)}};function BH(a,t){return Object.keys(t).forEach(function(o){t[o]instanceof Object&&a[o]&&Object.assign(t[o],BH(a[o],t[o]))}),Q4(Q4({},a),t)}var EG2={type:"cancelation",msg:"operation is manually canceled"};function ka(a){var t=!1,o=new Promise(function(c,l){a.then(function(r){return t?l(EG2):c(r)}),a.catch(l)});return o.cancel=function(){return t=!0},o}var VG2=wG2.create({config:yG2,isInitialized:!1,resolve:null,reject:null,monaco:null}),MH=lG2(VG2,2),p6=MH[0],sa=MH[1];function TG2(a){var t=PG2.config(a),o=t.monaco,c=cG2(t,["monaco"]);sa(function(l){return{config:BH(l.config,c),monaco:o}})}function AG2(){var a=p6(function(t){var o=t.monaco,c=t.isInitialized,l=t.resolve;return{monaco:o,isInitialized:c,resolve:l}});if(!a.isInitialized){if(sa({isInitialized:!0}),a.monaco)return a.resolve(a.monaco),ka(wa);if(window.monaco&&window.monaco.editor)return OH(window.monaco),a.resolve(window.monaco),ka(wa);HG2(FG2,WG2)(NG2)}return ka(wa)}function FG2(a){return document.body.appendChild(a)}function jG2(a){var t=document.createElement("script");return a&&(t.src=a),t}function WG2(a){var t=p6(function(c){var l=c.config,r=c.reject;return{config:l,reject:r}}),o=jG2("".concat(t.config.paths.vs,"/loader.js"));return o.onload=function(){return a()},o.onerror=t.reject,o}function NG2(){var a=p6(function(o){var c=o.config,l=o.resolve,r=o.reject;return{config:c,resolve:l,reject:r}}),t=window.require;t.config(a.config),t(["vs/editor/editor.main"],function(o){OH(o),a.resolve(o)},function(o){a.reject(o)})}function OH(a){p6().monaco||sa({monaco:a})}function DG2(){return p6(function(a){var t=a.monaco;return t})}var wa=new Promise(function(a,t){return sa({resolve:a,reject:t})}),PH={config:TG2,init:AG2,__getMonacoInstance:DG2},RG2={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},ya=RG2,GG2={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},ZG2=GG2;function UG2({children:a}){return i2.createElement("div",{style:ZG2.container},a)}var qG2=UG2,XG2=qG2;function $G2({width:a,height:t,isEditorReady:o,loading:c,_ref:l,className:r,wrapperProps:i}){return i2.createElement("section",{style:{...ya.wrapper,width:a,height:t},...i},!o&&i2.createElement(XG2,null,c),i2.createElement("div",{ref:l,style:{...ya.fullWidth,...!o&&ya.hide},className:r}))}var KG2=$G2,HH=m.memo(KG2);function YG2(a){m.useEffect(a,[])}var EH=YG2;function JG2(a,t,o=!0){let c=m.useRef(!0);m.useEffect(c.current||!o?()=>{c.current=!1}:a,t)}var r2=JG2;function De(){}function ie(a,t,o,c){return QG2(a,c)||eZ2(a,t,o,c)}function QG2(a,t){return a.editor.getModel(VH(a,t))}function eZ2(a,t,o,c){return a.editor.createModel(t,o,c?VH(a,c):void 0)}function VH(a,t){return a.Uri.parse(t)}function aZ2({original:a,modified:t,language:o,originalLanguage:c,modifiedLanguage:l,originalModelPath:r,modifiedModelPath:i,keepCurrentOriginalModel:s=!1,keepCurrentModifiedModel:p=!1,theme:v="light",loading:d="Loading...",options:f={},height:g="100%",width:h="100%",className:u,wrapperProps:x={},beforeMount:C=De,onMount:z=De}){let[w,I]=m.useState(!1),[k,S]=m.useState(!0),T=m.useRef(null),P=m.useRef(null),V=m.useRef(null),L=m.useRef(z),M=m.useRef(C),y=m.useRef(!1);EH(()=>{let E=PH.init();return E.then(F=>(P.current=F)&&S(!1)).catch(F=>F?.type!=="cancelation"&&console.error("Monaco initialization: error:",F)),()=>T.current?O():E.cancel()}),r2(()=>{if(T.current&&P.current){let E=T.current.getOriginalEditor(),F=ie(P.current,a||"",c||o||"text",r||"");F!==E.getModel()&&E.setModel(F)}},[r],w),r2(()=>{if(T.current&&P.current){let E=T.current.getModifiedEditor(),F=ie(P.current,t||"",l||o||"text",i||"");F!==E.getModel()&&E.setModel(F)}},[i],w),r2(()=>{let E=T.current.getModifiedEditor();E.getOption(P.current.editor.EditorOption.readOnly)?E.setValue(t||""):t!==E.getValue()&&(E.executeEdits("",[{range:E.getModel().getFullModelRange(),text:t||"",forceMoveMarkers:!0}]),E.pushUndoStop())},[t],w),r2(()=>{T.current?.getModel()?.original.setValue(a||"")},[a],w),r2(()=>{let{original:E,modified:F}=T.current.getModel();P.current.editor.setModelLanguage(E,c||o||"text"),P.current.editor.setModelLanguage(F,l||o||"text")},[o,c,l],w),r2(()=>{P.current?.editor.setTheme(v)},[v],w),r2(()=>{T.current?.updateOptions(f)},[f],w);let B=m.useCallback(()=>{if(!P.current)return;M.current(P.current);let E=ie(P.current,a||"",c||o||"text",r||""),F=ie(P.current,t||"",l||o||"text",i||"");T.current?.setModel({original:E,modified:F})},[o,t,l,a,c,r,i]),A=m.useCallback(()=>{!y.current&&V.current&&(T.current=P.current.editor.createDiffEditor(V.current,{automaticLayout:!0,...f}),B(),P.current?.editor.setTheme(v),I(!0),y.current=!0)},[f,v,B]);m.useEffect(()=>{w&&L.current(T.current,P.current)},[w]),m.useEffect(()=>{!k&&!w&&A()},[k,w,A]);function O(){let E=T.current?.getModel();s||E?.original?.dispose(),p||E?.modified?.dispose(),T.current?.dispose()}return i2.createElement(HH,{width:h,height:g,isEditorReady:w,loading:d,_ref:V,className:u,wrapperProps:x})}var tZ2=aZ2;m.memo(tZ2);function oZ2(a){let t=m.useRef();return m.useEffect(()=>{t.current=a},[a]),t.current}var nZ2=oZ2,z6=new Map;function cZ2({defaultValue:a,defaultLanguage:t,defaultPath:o,value:c,language:l,path:r,theme:i="light",line:s,loading:p="Loading...",options:v={},overrideServices:d={},saveViewState:f=!0,keepCurrentModel:g=!1,width:h="100%",height:u="100%",className:x,wrapperProps:C={},beforeMount:z=De,onMount:w=De,onChange:I,onValidate:k=De}){let[S,T]=m.useState(!1),[P,V]=m.useState(!0),L=m.useRef(null),M=m.useRef(null),y=m.useRef(null),B=m.useRef(w),A=m.useRef(z),O=m.useRef(),E=m.useRef(c),F=nZ2(r),X=m.useRef(!1),N=m.useRef(!1);EH(()=>{let q=PH.init();return q.then($=>(L.current=$)&&V(!1)).catch($=>$?.type!=="cancelation"&&console.error("Monaco initialization: error:",$)),()=>M.current?U():q.cancel()}),r2(()=>{let q=ie(L.current,a||c||"",t||l||"",r||o||"");q!==M.current?.getModel()&&(f&&z6.set(F,M.current?.saveViewState()),M.current?.setModel(q),f&&M.current?.restoreViewState(z6.get(r)))},[r],S),r2(()=>{M.current?.updateOptions(v)},[v],S),r2(()=>{!M.current||c===void 0||(M.current.getOption(L.current.editor.EditorOption.readOnly)?M.current.setValue(c):c!==M.current.getValue()&&(N.current=!0,M.current.executeEdits("",[{range:M.current.getModel().getFullModelRange(),text:c,forceMoveMarkers:!0}]),M.current.pushUndoStop(),N.current=!1))},[c],S),r2(()=>{let q=M.current?.getModel();q&&l&&L.current?.editor.setModelLanguage(q,l)},[l],S),r2(()=>{s!==void 0&&M.current?.revealLine(s)},[s],S),r2(()=>{L.current?.editor.setTheme(i)},[i],S);let R=m.useCallback(()=>{if(!(!y.current||!L.current)&&!X.current){A.current(L.current);let q=r||o,$=ie(L.current,c||a||"",t||l||"",q||"");M.current=L.current?.editor.create(y.current,{model:$,automaticLayout:!0,...v},d),f&&M.current.restoreViewState(z6.get(q)),L.current.editor.setTheme(i),s!==void 0&&M.current.revealLine(s),T(!0),X.current=!0}},[a,t,o,c,l,r,v,d,f,i,s]);m.useEffect(()=>{S&&B.current(M.current,L.current)},[S]),m.useEffect(()=>{!P&&!S&&R()},[P,S,R]),E.current=c,m.useEffect(()=>{S&&I&&(O.current?.dispose(),O.current=M.current?.onDidChangeModelContent(q=>{N.current||I(M.current.getValue(),q)}))},[S,I]),m.useEffect(()=>{if(S){let q=L.current.editor.onDidChangeMarkers($=>{let J=M.current.getModel()?.uri;if(J&&$.find(a1=>a1.path===J.path)){let a1=L.current.editor.getModelMarkers({resource:J});k?.(a1)}});return()=>{q?.dispose()}}return()=>{}},[S,k]);function U(){O.current?.dispose(),g?f&&z6.set(r,M.current.saveViewState()):M.current.getModel()?.dispose(),M.current.dispose()}return i2.createElement(HH,{width:h,height:u,isEditorReady:S,loading:p,_ref:y,className:x,wrapperProps:C})}var lZ2=cZ2,rZ2=m.memo(lZ2),iZ2=rZ2;const TH=m.createContext(null),W2=a=>{var{icon:t,className:o,"aria-label":c,onClick:l=()=>{},isVisible:r=!0,tooltipProps:i={}}=a,s=b(a,["icon","className","aria-label","onClick","isVisible","tooltipProps"]);const p=m.useContext(TH),v=d=>{l(p.code,d)};return r?n.jsx(G1,Object.assign({},i,{children:n.jsx(Y,Object.assign({className:o,onClick:v,variant:"plain","aria-label":c},s,{icon:t}))})):null};W2.displayName="CodeEditorControl";var o2;(function(a){a.abap="abap",a.aes="aes",a.apex="apex",a.azcli="azcli",a.bat="bat",a.bicep="bicep",a.c="c",a.cameligo="cameligo",a.clojure="clojure",a.coffeescript="coffeescript",a.cpp="cpp",a.csharp="csharp",a.csp="csp",a.css="css",a.dart="dart",a.dockerfile="dockerfile",a.ecl="ecl",a.elixir="elixir",a.fsharp="fsharp",a.go="go",a.graphql="graphql",a.handlebars="handlebars",a.hcl="hcl",a.html="html",a.ini="ini",a.java="java",a.javascript="javascript",a.json="json",a.julia="julia",a.kotlin="kotlin",a.less="less",a.lexon="lexon",a.liquid="liquid",a.lua="lua",a.m3="m3",a.markdown="markdown",a.mips="mips",a.msdax="msdax",a.mysql="mysql",a["objective-c"]="objective-c",a.pascal="pascal",a.pascaligo="pascaligo",a.perl="perl",a.pgsql="pgsql",a.php="php",a.plaintext="plaintext",a.postiats="postiats",a.powerquery="powerquery",a.powershell="powershell",a.pug="pug",a.python="python",a.r="r",a.razor="razor",a.redis="redis",a.redshift="redshift",a.restructuredtext="restructuredtext",a.ruby="ruby",a.rust="rust",a.sb="sb",a.scala="scala",a.scheme="scheme",a.scss="scss",a.shell="shell",a.sol="sol",a.sql="sql",a.st="st",a.swift="swift",a.systemverilog="systemverilog",a.tcl="tcl",a.twig="twig",a.typescript="typescript",a.vb="vb",a.verilog="verilog",a.xml="xml",a.yaml="yaml"})(o2||(o2={}));const sZ2=a=>{switch(a){case o2.shell:return"sh";case o2.ruby:return"rb";case o2.perl:return"pl";case o2.python:return"py";case o2.mysql:return"sql";case o2.javascript:return"js";case o2.typescript:return"ts";case o2.markdown:return"md";case o2.plaintext:return"txt";default:return a.toString()}},_Z2=(a,t)=>{const o=document.createElement("a");o.href=URL.createObjectURL(new Blob([a],{type:"text"})),o.download=t,o.click()},AH=({className:a="",code:t="",copyButtonAriaLabel:o="Copy code to clipboard",copyButtonSuccessTooltipText:c="Content added to clipboard",copyButtonToolTipText:l="Copy to clipboard",customControls:r=null,downloadButtonAriaLabel:i="Download code",downloadButtonToolTipText:s="Download",downloadFileName:p=Date.now().toString(),editorProps:v,emptyState:d="",emptyStateBody:f="Drag and drop a file or upload one.",emptyStateButton:g="Browse",emptyStateLink:h="Start from scratch",emptyStateTitle:u="Start editing",headerMainContent:x="",height:C,isCopyEnabled:z=!1,isDarkTheme:w=!1,isDownloadEnabled:I=!1,isFullHeight:k=!1,isHeaderPlain:S=!1,isLanguageLabelVisible:T=!1,isLineNumbersVisible:P=!0,isMinimapVisible:V=!1,isReadOnly:L=!1,isUploadEnabled:M=!1,language:y=o2.plaintext,loading:B="",onChange:A=()=>{},onCodeChange:O=()=>{},onDownload:E=_Z2,onEditorDidMount:F=()=>{},options:X={},overrideServices:N={},shortcutsPopoverButtonText:R="View Shortcuts",shortcutsPopoverProps:U={bodyContent:"","aria-label":"Keyboard Shortcuts"},showEditor:q=!0,toolTipCopyExitDelay:$=1600,toolTipDelay:J=300,toolTipMaxWidth:a1="100px",toolTipPosition:o1="top",uploadButtonAriaLabel:s1="Upload code",uploadButtonToolTipText:I1="Upload",width:m1=""})=>{const[u1,k1]=m.useState(t),[w1,v1]=m.useState(!1),[C1,x1]=m.useState(!0),[b1,B1]=m.useState(!1),i1=m.useRef(null),e1=m.useRef(null),G=m.useRef(null),W=m.useRef(()=>{}),H=()=>{var _1,y1,W1;const d2=(_1=i1.current)===null||_1===void 0?void 0:_1.getContentHeight(),Ee=(y1=i1.current)===null||y1===void 0?void 0:y1.getLayoutInfo();(W1=i1.current)===null||W1===void 0||W1.layout({width:Ee.width,height:d2})},Z=(_1,y1)=>{C==="sizeToFit"&&H(),A&&A(_1,y1),k1(_1),O(_1)},D=()=>{i1.current&&(i1.current.layout({width:0,height:0}),i1.current.layout())},j=_1=>{var y1;e1.current===document.activeElement&&(_1.key==="ArrowDown"||_1.key===" ")&&((y1=i1.current)===null||y1===void 0||y1.focus(),_1.preventDefault())};m.useEffect(()=>k1(t),[t]),m.useEffect(()=>(document.addEventListener("keydown",j),W.current=G2(G.current,D,!0),D(),()=>{document.removeEventListener("keydown",j),W.current()}),[]);const K=(_1,y1)=>{_1.addCommand(y1.KeyMod.Shift|y1.KeyCode.Tab,()=>e1.current.focus()),Array.from(document.getElementsByClassName("monaco-editor")).forEach(W1=>W1.removeAttribute("role")),F(_1,y1),i1.current=_1,C==="sizeToFit"&&H()},n1=_1=>{k1(_1),O(_1)},p1=()=>v1(!0),z1=()=>v1(!1),Z1=_1=>new Promise((y1,W1)=>{const d2=new FileReader;d2.onload=()=>y1(d2.result),d2.onerror=()=>W1(d2.error),d2.readAsText(_1)}),K1=_1=>{if(_1.length>0){const y1=_1[0];n1(""),p1(),Z1(y1).then(W1=>{z1(),x1(!1),n1(W1)}).catch(W1=>{console.error("error",W1),z1(),n1("")})}},k2=_1=>{_1.length>0&&console.error("There was an error accepting that dropped file")},C2=()=>{navigator.clipboard.writeText(u1),B1(!0)},l2=Object.assign({scrollBeyondLastLine:C!=="sizeToFit",readOnly:L,cursorStyle:"line",lineNumbers:P?"on":"off",tabIndex:-1,minimap:{enabled:V}},X),P2={position:o1,exitDelay:J,entryDelay:J,maxWidth:a1,trigger:"mouseenter focus"},He=(z||I)&&(!C1||!!u1)||M||r||x||!!U.bodyContent;return n.jsx(ea,{multiple:!1,onDropAccepted:K1,onDropRejected:k2,children:({getRootProps:_1,getInputProps:y1,isDragActive:W1,open:d2})=>{const Ee=n.jsx("input",Object.assign({},y1(),{hidden:!0})),FH=d||(M?n.jsxs(T6,{variant:ue.sm,titleText:u,icon:Ne,headingLevel:"h4",children:[n.jsx(Ft,{children:f}),!L&&n.jsxs(A6,{children:[n.jsx(We,{children:n.jsx(Y,{variant:"primary",onClick:d2,children:g})}),n.jsx(We,{children:n.jsx(Y,{variant:"link",onClick:()=>x1(!1),children:h})})]})]}):n.jsx(T6,{variant:ue.sm,titleText:u,icon:Ne,headingLevel:"h4",children:!L&&n.jsx(A6,{children:n.jsx(We,{children:n.jsx(Y,{variant:"primary",onClick:()=>x1(!1),children:h})})})})),jH=n.jsxs(n.Fragment,{children:[n.jsx("div",{className:_(T1.codeEditorControls),children:n.jsxs(TH.Provider,{value:{code:u1},children:[z&&(!C1||!!u1)&&n.jsx(W2,{icon:n.jsx(K6,{}),"aria-label":o,tooltipProps:Object.assign(Object.assign({},P2),{"aria-live":"polite",content:n.jsx("div",{children:b1?c:l}),exitDelay:b1?$:J,onTooltipHidden:()=>B1(!1)}),onClick:C2}),M&&n.jsx(W2,{icon:n.jsx(lO,{}),"aria-label":s1,tooltipProps:Object.assign({content:n.jsx("div",{children:I1})},P2),onClick:d2}),I&&(!C1||!!u1)&&n.jsx(W2,{icon:n.jsx(ks,{}),"aria-label":i,tooltipProps:Object.assign({content:n.jsx("div",{children:s})},P2),onClick:()=>{E(u1,`${p}.${sZ2(y)}`)}}),r&&r]})}),x&&n.jsx("div",{className:_(T1.codeEditorHeaderMain),children:x}),!!U.bodyContent&&n.jsx("div",{className:`${T1.codeEditor}__keyboard-shortcuts`,children:n.jsx(tt,Object.assign({},U,{children:n.jsx(Y,{variant:H1.link,icon:n.jsx(Lo,{}),children:R})}))})]}),C4=n.jsxs("div",{className:_(T1.codeEditorHeader,S&&T1.modifiers.plain),children:[He&&n.jsx("div",{className:_(T1.codeEditorHeaderContent),children:jH}),T&&n.jsxs("div",{className:_(T1.codeEditorTab),children:[n.jsx("span",{className:_(T1.codeEditorTabIcon),children:n.jsx(Ne,{})}),n.jsx("span",{className:_(T1.codeEditorTabText),children:y.toUpperCase()})]})]}),x4=n.jsx("div",{className:_(T1.codeEditorCode),ref:e1,tabIndex:0,dir:"ltr",children:n.jsx(iZ2,Object.assign({height:C==="100%"?void 0:C,width:m1,language:y,value:u1,options:l2,overrideServices:N,onChange:Z,onMount:K,loading:B,theme:w?"vs-dark":"vs-light"},v))});return n.jsx("div",{className:_(T1.codeEditor,L&&T1.modifiers.readOnly,(C==="100%"?!0:k)&&T1.modifiers.fullHeight,a),ref:G,children:(M||d)&&!u1?n.jsxs("div",Object.assign({},_1({onClick:WH=>WH.stopPropagation()}),{className:_(T1.codeEditorContainer,w1&&V2.modifiers.loading),children:[C4,n.jsx("div",{className:_(T1.codeEditorMain,W1&&T1.modifiers.dragHover),children:(C1||d)&&!u1?n.jsxs("div",{className:_(T1.codeEditorUpload),children:[Ee,FH]}):n.jsxs(n.Fragment,{children:[Ee,x4]})})]})):n.jsxs(n.Fragment,{children:[C4,q&&n.jsxs("div",{className:_(T1.codeEditorMain),children:[Ee,x4]})]})})}})};AH.displayName="CodeEditor";const dZ2=a=>{navigator.clipboard.writeText(a)},no=window,ne=(a,t,o,c)=>{c||=0,no?.gtag&&no?.gtag("event",a,{event_category:t,event_label:o,...c>=0&&{value:c}})};function vZ2(a){return a==="js"?o2.javascript:a==="ts"?o2.typescript:a}const mZ2=({fullscreenLink:a,codeBoxParams:t,lang:o,isFullscreen:c,originalCode:l,code:r,setCode:i,exampleTitle:s})=>{const[p,v]=i2.useState(!1),[d,f]=i2.useState(!1),g="Copy code to clipboard",h=`Toggle ${o.toUpperCase()} code`,u="Open example in CodeSandbox",x="Open example in new window",C="Convert example from Typescript to JavaScript",z="Undo all changes",w=`Copy ${s} example code to clipboard`,I=`Toggle ${o.toUpperCase()} code in ${s} example`,k=`Open ${s} example in CodeSandbox`,S=`Open ${s} example in new window`,T=`Convert ${s} example from Typescript to JavaScript`,P=`Undo all changes to ${s}`,V={className:"ws-code-editor-control"},L={exitDelay:300,maxWidth:"var(--ws-code-editor--tooltip--MaxWidth)"},M=()=>{dZ2(r),f(!0)},y=n.jsxs(i2.Fragment,{children:[n.jsx(W2,{icon:n.jsxs(i2.Fragment,{children:[n.jsx(Ne,{})," "+o.toUpperCase()]}),onClick:()=>{v(!p),ne("code_editor_control_click","click_event","TOGGLE_CODE",p?0:1)},tooltipProps:{content:h,...L},"aria-label":I,"aria-expanded":p,...V}),n.jsx(G1,{content:n.jsx("div",{children:d?"Code copied":g}),maxWidth:V?.maxWidth,exitDelay:d?300:1600,onTooltipHidden:()=>f(!1),children:n.jsx(Y,{onClick:()=>{M(),ne("code_editor_control_click","click_event","COPY_CODE")},variant:"plain","aria-label":w,className:V.className,children:n.jsx(K6,{})})}),t&&n.jsxs(Ja,{"aria-label":`${k} form`,action:"https://codesandbox.io/api/v1/sandboxes/define",method:"POST",target:"_blank",style:{display:"inline-block"},children:[n.jsx(G1,{content:u,maxWidth:V.maxWidth,children:n.jsx(Y,{"aria-label":k,variant:"plain",type:"submit",onClick:()=>{ne("code_editor_control_click","click_event","CODESANDBOX_LINK")},className:V.className,children:n.jsx(pi,{})})}),n.jsx("input",{type:"hidden",name:"parameters",value:t})]}),a&&n.jsx(W2,{component:"a",icon:n.jsx(Mo,{}),href:a,target:"_blank",rel:"noopener noreferrer","aria-label":S,tooltipProps:{content:x,...L},onClick:()=>{ne("code_editor_control_click","click_event","FULLSCREEN_LINK")},...V}),p&&o==="ts"&&n.jsx(W2,{icon:n.jsxs(i2.Fragment,{children:["TS ",n.jsx(o4,{})," JS"]}),"aria-label":T,tooltipProps:{content:C,...L},onClick:()=>{i(ho.convertToJSX(r).code),ne("code_editor_control_click","click_event","TS_TO_JS")},...V}),r!==l&&n.jsx(W2,{icon:n.jsx(Kk,{}),"aria-label":P,tooltipProps:{content:z,...L},onClick:()=>{i(l),ne("code_editor_control_click","click_event","RESET_CODE")},...V})]}),B=(A,O)=>{O.languages.typescript.typescriptDefaults.setCompilerOptions({jsx:!0,...O.languages.typescript.typescriptDefaults.getCompilerOptions()}),O.languages.typescript.typescriptDefaults.setDiagnosticsOptions({noSemanticValidation:!0,noSyntaxValidation:!0,noSuggestionDiagnostics:!0,onlyVisible:!0})};return n.jsx(AH,{customControls:y,showEditor:p,language:vZ2(o),height:"400px",code:r,onChange:A=>i(A),onEditorDidMount:B,isReadOnly:c,className:`${p?"ws-example-code-expanded ":""}ws-code-editor`,isHeaderPlain:!0})};function pZ2({error:a}){return n.jsxs("div",{role:"alert",children:[n.jsx("p",{children:"Something went wrong:"}),n.jsx("pre",{style:{color:"red"},children:a.message})]})}function fZ2(a){const t={...fW,...Ni1,styles:Di1,...tG2,useState:m.useState,Fragment:m.Fragment,useRef:m.useRef,useEffect:m.useEffect,createRef:m.createRef,useReducer:m.useReducer},{code:o}=ho.convertToReactComponent(a),c=Object.keys(t),l=Object.values(t),i=new Function("React",...c,o)(i2,...l);return n.jsx(i,{})}const HZ2=({src:a})=>{const[t,o]=m.useState(a),c=fZ2(t);return n.jsxs(uW,{fallbackRender:pZ2,children:[c,n.jsx(mZ2,{originalCode:a,code:t,setCode:o,lang:"ts",isFullscreen:!1})]})};export{HZ2 as LiveExample};
+  `},oo=SG2(OG2)(LH),PG2={config:BG2},HG2=function(){for(var t=arguments.length,o=new Array(t),c=0;c<t;c++)o[c]=arguments[c];return function(l){return o.reduceRight(function(r,i){return i(r)},l)}};function BH(a,t){return Object.keys(t).forEach(function(o){t[o]instanceof Object&&a[o]&&Object.assign(t[o],BH(a[o],t[o]))}),Q4(Q4({},a),t)}var EG2={type:"cancelation",msg:"operation is manually canceled"};function ka(a){var t=!1,o=new Promise(function(c,l){a.then(function(r){return t?l(EG2):c(r)}),a.catch(l)});return o.cancel=function(){return t=!0},o}var VG2=wG2.create({config:yG2,isInitialized:!1,resolve:null,reject:null,monaco:null}),MH=lG2(VG2,2),p6=MH[0],sa=MH[1];function TG2(a){var t=PG2.config(a),o=t.monaco,c=cG2(t,["monaco"]);sa(function(l){return{config:BH(l.config,c),monaco:o}})}function AG2(){var a=p6(function(t){var o=t.monaco,c=t.isInitialized,l=t.resolve;return{monaco:o,isInitialized:c,resolve:l}});if(!a.isInitialized){if(sa({isInitialized:!0}),a.monaco)return a.resolve(a.monaco),ka(wa);if(window.monaco&&window.monaco.editor)return OH(window.monaco),a.resolve(window.monaco),ka(wa);HG2(FG2,WG2)(NG2)}return ka(wa)}function FG2(a){return document.body.appendChild(a)}function jG2(a){var t=document.createElement("script");return a&&(t.src=a),t}function WG2(a){var t=p6(function(c){var l=c.config,r=c.reject;return{config:l,reject:r}}),o=jG2("".concat(t.config.paths.vs,"/loader.js"));return o.onload=function(){return a()},o.onerror=t.reject,o}function NG2(){var a=p6(function(o){var c=o.config,l=o.resolve,r=o.reject;return{config:c,resolve:l,reject:r}}),t=window.require;t.config(a.config),t(["vs/editor/editor.main"],function(o){OH(o),a.resolve(o)},function(o){a.reject(o)})}function OH(a){p6().monaco||sa({monaco:a})}function DG2(){return p6(function(a){var t=a.monaco;return t})}var wa=new Promise(function(a,t){return sa({resolve:a,reject:t})}),PH={config:TG2,init:AG2,__getMonacoInstance:DG2},RG2={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},ya=RG2,GG2={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},ZG2=GG2;function UG2({children:a}){return i2.createElement("div",{style:ZG2.container},a)}var qG2=UG2,XG2=qG2;function $G2({width:a,height:t,isEditorReady:o,loading:c,_ref:l,className:r,wrapperProps:i}){return i2.createElement("section",{style:{...ya.wrapper,width:a,height:t},...i},!o&&i2.createElement(XG2,null,c),i2.createElement("div",{ref:l,style:{...ya.fullWidth,...!o&&ya.hide},className:r}))}var KG2=$G2,HH=m.memo(KG2);function YG2(a){m.useEffect(a,[])}var EH=YG2;function JG2(a,t,o=!0){let c=m.useRef(!0);m.useEffect(c.current||!o?()=>{c.current=!1}:a,t)}var r2=JG2;function De(){}function ie(a,t,o,c){return QG2(a,c)||eZ2(a,t,o,c)}function QG2(a,t){return a.editor.getModel(VH(a,t))}function eZ2(a,t,o,c){return a.editor.createModel(t,o,c?VH(a,c):void 0)}function VH(a,t){return a.Uri.parse(t)}function aZ2({original:a,modified:t,language:o,originalLanguage:c,modifiedLanguage:l,originalModelPath:r,modifiedModelPath:i,keepCurrentOriginalModel:s=!1,keepCurrentModifiedModel:p=!1,theme:v="light",loading:d="Loading...",options:f={},height:g="100%",width:h="100%",className:u,wrapperProps:x={},beforeMount:C=De,onMount:z=De}){let[w,I]=m.useState(!1),[k,S]=m.useState(!0),T=m.useRef(null),P=m.useRef(null),V=m.useRef(null),L=m.useRef(z),M=m.useRef(C),y=m.useRef(!1);EH(()=>{let E=PH.init();return E.then(F=>(P.current=F)&&S(!1)).catch(F=>F?.type!=="cancelation"&&console.error("Monaco initialization: error:",F)),()=>T.current?O():E.cancel()}),r2(()=>{if(T.current&&P.current){let E=T.current.getOriginalEditor(),F=ie(P.current,a||"",c||o||"text",r||"");F!==E.getModel()&&E.setModel(F)}},[r],w),r2(()=>{if(T.current&&P.current){let E=T.current.getModifiedEditor(),F=ie(P.current,t||"",l||o||"text",i||"");F!==E.getModel()&&E.setModel(F)}},[i],w),r2(()=>{let E=T.current.getModifiedEditor();E.getOption(P.current.editor.EditorOption.readOnly)?E.setValue(t||""):t!==E.getValue()&&(E.executeEdits("",[{range:E.getModel().getFullModelRange(),text:t||"",forceMoveMarkers:!0}]),E.pushUndoStop())},[t],w),r2(()=>{T.current?.getModel()?.original.setValue(a||"")},[a],w),r2(()=>{let{original:E,modified:F}=T.current.getModel();P.current.editor.setModelLanguage(E,c||o||"text"),P.current.editor.setModelLanguage(F,l||o||"text")},[o,c,l],w),r2(()=>{P.current?.editor.setTheme(v)},[v],w),r2(()=>{T.current?.updateOptions(f)},[f],w);let B=m.useCallback(()=>{if(!P.current)return;M.current(P.current);let E=ie(P.current,a||"",c||o||"text",r||""),F=ie(P.current,t||"",l||o||"text",i||"");T.current?.setModel({original:E,modified:F})},[o,t,l,a,c,r,i]),A=m.useCallback(()=>{!y.current&&V.current&&(T.current=P.current.editor.createDiffEditor(V.current,{automaticLayout:!0,...f}),B(),P.current?.editor.setTheme(v),I(!0),y.current=!0)},[f,v,B]);m.useEffect(()=>{w&&L.current(T.current,P.current)},[w]),m.useEffect(()=>{!k&&!w&&A()},[k,w,A]);function O(){let E=T.current?.getModel();s||E?.original?.dispose(),p||E?.modified?.dispose(),T.current?.dispose()}return i2.createElement(HH,{width:h,height:g,isEditorReady:w,loading:d,_ref:V,className:u,wrapperProps:x})}var tZ2=aZ2;m.memo(tZ2);function oZ2(a){let t=m.useRef();return m.useEffect(()=>{t.current=a},[a]),t.current}var nZ2=oZ2,z6=new Map;function cZ2({defaultValue:a,defaultLanguage:t,defaultPath:o,value:c,language:l,path:r,theme:i="light",line:s,loading:p="Loading...",options:v={},overrideServices:d={},saveViewState:f=!0,keepCurrentModel:g=!1,width:h="100%",height:u="100%",className:x,wrapperProps:C={},beforeMount:z=De,onMount:w=De,onChange:I,onValidate:k=De}){let[S,T]=m.useState(!1),[P,V]=m.useState(!0),L=m.useRef(null),M=m.useRef(null),y=m.useRef(null),B=m.useRef(w),A=m.useRef(z),O=m.useRef(),E=m.useRef(c),F=nZ2(r),X=m.useRef(!1),N=m.useRef(!1);EH(()=>{let q=PH.init();return q.then($=>(L.current=$)&&V(!1)).catch($=>$?.type!=="cancelation"&&console.error("Monaco initialization: error:",$)),()=>M.current?U():q.cancel()}),r2(()=>{let q=ie(L.current,a||c||"",t||l||"",r||o||"");q!==M.current?.getModel()&&(f&&z6.set(F,M.current?.saveViewState()),M.current?.setModel(q),f&&M.current?.restoreViewState(z6.get(r)))},[r],S),r2(()=>{M.current?.updateOptions(v)},[v],S),r2(()=>{!M.current||c===void 0||(M.current.getOption(L.current.editor.EditorOption.readOnly)?M.current.setValue(c):c!==M.current.getValue()&&(N.current=!0,M.current.executeEdits("",[{range:M.current.getModel().getFullModelRange(),text:c,forceMoveMarkers:!0}]),M.current.pushUndoStop(),N.current=!1))},[c],S),r2(()=>{let q=M.current?.getModel();q&&l&&L.current?.editor.setModelLanguage(q,l)},[l],S),r2(()=>{s!==void 0&&M.current?.revealLine(s)},[s],S),r2(()=>{L.current?.editor.setTheme(i)},[i],S);let R=m.useCallback(()=>{if(!(!y.current||!L.current)&&!X.current){A.current(L.current);let q=r||o,$=ie(L.current,c||a||"",t||l||"",q||"");M.current=L.current?.editor.create(y.current,{model:$,automaticLayout:!0,...v},d),f&&M.current.restoreViewState(z6.get(q)),L.current.editor.setTheme(i),s!==void 0&&M.current.revealLine(s),T(!0),X.current=!0}},[a,t,o,c,l,r,v,d,f,i,s]);m.useEffect(()=>{S&&B.current(M.current,L.current)},[S]),m.useEffect(()=>{!P&&!S&&R()},[P,S,R]),E.current=c,m.useEffect(()=>{S&&I&&(O.current?.dispose(),O.current=M.current?.onDidChangeModelContent(q=>{N.current||I(M.current.getValue(),q)}))},[S,I]),m.useEffect(()=>{if(S){let q=L.current.editor.onDidChangeMarkers($=>{let J=M.current.getModel()?.uri;if(J&&$.find(a1=>a1.path===J.path)){let a1=L.current.editor.getModelMarkers({resource:J});k?.(a1)}});return()=>{q?.dispose()}}return()=>{}},[S,k]);function U(){O.current?.dispose(),g?f&&z6.set(r,M.current.saveViewState()):M.current.getModel()?.dispose(),M.current.dispose()}return i2.createElement(HH,{width:h,height:u,isEditorReady:S,loading:p,_ref:y,className:x,wrapperProps:C})}var lZ2=cZ2,rZ2=m.memo(lZ2),iZ2=rZ2;const TH=m.createContext(null),W2=a=>{var{icon:t,className:o,"aria-label":c,onClick:l=()=>{},isVisible:r=!0,tooltipProps:i={}}=a,s=b(a,["icon","className","aria-label","onClick","isVisible","tooltipProps"]);const p=m.useContext(TH),v=d=>{l(p.code,d)};return r?n.jsx(G1,Object.assign({},i,{children:n.jsx(Y,Object.assign({className:o,onClick:v,variant:"plain","aria-label":c},s,{icon:t}))})):null};W2.displayName="CodeEditorControl";var o2;(function(a){a.abap="abap",a.aes="aes",a.apex="apex",a.azcli="azcli",a.bat="bat",a.bicep="bicep",a.c="c",a.cameligo="cameligo",a.clojure="clojure",a.coffeescript="coffeescript",a.cpp="cpp",a.csharp="csharp",a.csp="csp",a.css="css",a.dart="dart",a.dockerfile="dockerfile",a.ecl="ecl",a.elixir="elixir",a.fsharp="fsharp",a.go="go",a.graphql="graphql",a.handlebars="handlebars",a.hcl="hcl",a.html="html",a.ini="ini",a.java="java",a.javascript="javascript",a.json="json",a.julia="julia",a.kotlin="kotlin",a.less="less",a.lexon="lexon",a.liquid="liquid",a.lua="lua",a.m3="m3",a.markdown="markdown",a.mips="mips",a.msdax="msdax",a.mysql="mysql",a["objective-c"]="objective-c",a.pascal="pascal",a.pascaligo="pascaligo",a.perl="perl",a.pgsql="pgsql",a.php="php",a.plaintext="plaintext",a.postiats="postiats",a.powerquery="powerquery",a.powershell="powershell",a.pug="pug",a.python="python",a.r="r",a.razor="razor",a.redis="redis",a.redshift="redshift",a.restructuredtext="restructuredtext",a.ruby="ruby",a.rust="rust",a.sb="sb",a.scala="scala",a.scheme="scheme",a.scss="scss",a.shell="shell",a.sol="sol",a.sql="sql",a.st="st",a.swift="swift",a.systemverilog="systemverilog",a.tcl="tcl",a.twig="twig",a.typescript="typescript",a.vb="vb",a.verilog="verilog",a.xml="xml",a.yaml="yaml"})(o2||(o2={}));const sZ2=a=>{switch(a){case o2.shell:return"sh";case o2.ruby:return"rb";case o2.perl:return"pl";case o2.python:return"py";case o2.mysql:return"sql";case o2.javascript:return"js";case o2.typescript:return"ts";case o2.markdown:return"md";case o2.plaintext:return"txt";default:return a.toString()}},_Z2=(a,t)=>{const o=document.createElement("a");o.href=URL.createObjectURL(new Blob([a],{type:"text"})),o.download=t,o.click()},AH=({className:a="",code:t="",copyButtonAriaLabel:o="Copy code to clipboard",copyButtonSuccessTooltipText:c="Content added to clipboard",copyButtonToolTipText:l="Copy to clipboard",customControls:r=null,downloadButtonAriaLabel:i="Download code",downloadButtonToolTipText:s="Download",downloadFileName:p=Date.now().toString(),editorProps:v,emptyState:d="",emptyStateBody:f="Drag and drop a file or upload one.",emptyStateButton:g="Browse",emptyStateLink:h="Start from scratch",emptyStateTitle:u="Start editing",headerMainContent:x="",height:C,isCopyEnabled:z=!1,isDarkTheme:w=!1,isDownloadEnabled:I=!1,isFullHeight:k=!1,isHeaderPlain:S=!1,isLanguageLabelVisible:T=!1,isLineNumbersVisible:P=!0,isMinimapVisible:V=!1,isReadOnly:L=!1,isUploadEnabled:M=!1,language:y=o2.plaintext,loading:B="",onChange:A=()=>{},onCodeChange:O=()=>{},onDownload:E=_Z2,onEditorDidMount:F=()=>{},options:X={},overrideServices:N={},shortcutsPopoverButtonText:R="View Shortcuts",shortcutsPopoverProps:U={bodyContent:"","aria-label":"Keyboard Shortcuts"},showEditor:q=!0,toolTipCopyExitDelay:$=1600,toolTipDelay:J=300,toolTipMaxWidth:a1="100px",toolTipPosition:o1="top",uploadButtonAriaLabel:s1="Upload code",uploadButtonToolTipText:I1="Upload",width:m1=""})=>{const[u1,k1]=m.useState(t),[w1,v1]=m.useState(!1),[C1,x1]=m.useState(!0),[b1,B1]=m.useState(!1),i1=m.useRef(null),e1=m.useRef(null),G=m.useRef(null),W=m.useRef(()=>{}),H=()=>{var _1,y1,W1;const d2=(_1=i1.current)===null||_1===void 0?void 0:_1.getContentHeight(),Ee=(y1=i1.current)===null||y1===void 0?void 0:y1.getLayoutInfo();(W1=i1.current)===null||W1===void 0||W1.layout({width:Ee.width,height:d2})},Z=(_1,y1)=>{C==="sizeToFit"&&H(),A&&A(_1,y1),k1(_1),O(_1)},D=()=>{i1.current&&(i1.current.layout({width:0,height:0}),i1.current.layout())},j=_1=>{var y1;e1.current===document.activeElement&&(_1.key==="ArrowDown"||_1.key===" ")&&((y1=i1.current)===null||y1===void 0||y1.focus(),_1.preventDefault())};m.useEffect(()=>k1(t),[t]),m.useEffect(()=>(document.addEventListener("keydown",j),W.current=G2(G.current,D,!0),D(),()=>{document.removeEventListener("keydown",j),W.current()}),[]);const K=(_1,y1)=>{_1.addCommand(y1.KeyMod.Shift|y1.KeyCode.Tab,()=>e1.current.focus()),Array.from(document.getElementsByClassName("monaco-editor")).forEach(W1=>W1.removeAttribute("role")),F(_1,y1),i1.current=_1,C==="sizeToFit"&&H()},n1=_1=>{k1(_1),O(_1)},p1=()=>v1(!0),z1=()=>v1(!1),Z1=_1=>new Promise((y1,W1)=>{const d2=new FileReader;d2.onload=()=>y1(d2.result),d2.onerror=()=>W1(d2.error),d2.readAsText(_1)}),K1=_1=>{if(_1.length>0){const y1=_1[0];n1(""),p1(),Z1(y1).then(W1=>{z1(),x1(!1),n1(W1)}).catch(W1=>{console.error("error",W1),z1(),n1("")})}},k2=_1=>{_1.length>0&&console.error("There was an error accepting that dropped file")},C2=()=>{navigator.clipboard.writeText(u1),B1(!0)},l2=Object.assign({scrollBeyondLastLine:C!=="sizeToFit",readOnly:L,cursorStyle:"line",lineNumbers:P?"on":"off",tabIndex:-1,minimap:{enabled:V}},X),P2={position:o1,exitDelay:J,entryDelay:J,maxWidth:a1,trigger:"mouseenter focus"},He=(z||I)&&(!C1||!!u1)||M||r||x||!!U.bodyContent;return n.jsx(ea,{multiple:!1,onDropAccepted:K1,onDropRejected:k2,children:({getRootProps:_1,getInputProps:y1,isDragActive:W1,open:d2})=>{const Ee=n.jsx("input",Object.assign({},y1(),{hidden:!0})),FH=d||(M?n.jsxs(T6,{variant:ue.sm,titleText:u,icon:Ne,headingLevel:"h4",children:[n.jsx(Ft,{children:f}),!L&&n.jsxs(A6,{children:[n.jsx(We,{children:n.jsx(Y,{variant:"primary",onClick:d2,children:g})}),n.jsx(We,{children:n.jsx(Y,{variant:"link",onClick:()=>x1(!1),children:h})})]})]}):n.jsx(T6,{variant:ue.sm,titleText:u,icon:Ne,headingLevel:"h4",children:!L&&n.jsx(A6,{children:n.jsx(We,{children:n.jsx(Y,{variant:"primary",onClick:()=>x1(!1),children:h})})})})),jH=n.jsxs(n.Fragment,{children:[n.jsx("div",{className:_(T1.codeEditorControls),children:n.jsxs(TH.Provider,{value:{code:u1},children:[z&&(!C1||!!u1)&&n.jsx(W2,{icon:n.jsx(K6,{}),"aria-label":o,tooltipProps:Object.assign(Object.assign({},P2),{"aria-live":"polite",content:n.jsx("div",{children:b1?c:l}),exitDelay:b1?$:J,onTooltipHidden:()=>B1(!1)}),onClick:C2}),M&&n.jsx(W2,{icon:n.jsx(lO,{}),"aria-label":s1,tooltipProps:Object.assign({content:n.jsx("div",{children:I1})},P2),onClick:d2}),I&&(!C1||!!u1)&&n.jsx(W2,{icon:n.jsx(ks,{}),"aria-label":i,tooltipProps:Object.assign({content:n.jsx("div",{children:s})},P2),onClick:()=>{E(u1,`${p}.${sZ2(y)}`)}}),r&&r]})}),x&&n.jsx("div",{className:_(T1.codeEditorHeaderMain),children:x}),!!U.bodyContent&&n.jsx("div",{className:`${T1.codeEditor}__keyboard-shortcuts`,children:n.jsx(tt,Object.assign({},U,{children:n.jsx(Y,{variant:H1.link,icon:n.jsx(Lo,{}),children:R})}))})]}),C4=n.jsxs("div",{className:_(T1.codeEditorHeader,S&&T1.modifiers.plain),children:[He&&n.jsx("div",{className:_(T1.codeEditorHeaderContent),children:jH}),T&&n.jsxs("div",{className:_(T1.codeEditorTab),children:[n.jsx("span",{className:_(T1.codeEditorTabIcon),children:n.jsx(Ne,{})}),n.jsx("span",{className:_(T1.codeEditorTabText),children:y.toUpperCase()})]})]}),x4=n.jsx("div",{className:_(T1.codeEditorCode),ref:e1,tabIndex:0,dir:"ltr",children:n.jsx(iZ2,Object.assign({height:C==="100%"?void 0:C,width:m1,language:y,value:u1,options:l2,overrideServices:N,onChange:Z,onMount:K,loading:B,theme:w?"vs-dark":"vs-light"},v))});return n.jsx("div",{className:_(T1.codeEditor,L&&T1.modifiers.readOnly,(C==="100%"?!0:k)&&T1.modifiers.fullHeight,a),ref:G,children:(M||d)&&!u1?n.jsxs("div",Object.assign({},_1({onClick:WH=>WH.stopPropagation()}),{className:_(T1.codeEditorContainer,w1&&V2.modifiers.loading),children:[C4,n.jsx("div",{className:_(T1.codeEditorMain,W1&&T1.modifiers.dragHover),children:(C1||d)&&!u1?n.jsxs("div",{className:_(T1.codeEditorUpload),children:[Ee,FH]}):n.jsxs(n.Fragment,{children:[Ee,x4]})})]})):n.jsxs(n.Fragment,{children:[C4,q&&n.jsxs("div",{className:_(T1.codeEditorMain),children:[Ee,x4]})]})})}})};AH.displayName="CodeEditor";const dZ2=a=>{navigator.clipboard.writeText(a)},no=window,ne=(a,t,o,c)=>{c||=0,no?.gtag&&no?.gtag("event",a,{event_category:t,event_label:o,...c>=0&&{value:c}})};function vZ2(a){return a==="js"?o2.javascript:a==="ts"?o2.typescript:a}const mZ2=({fullscreenLink:a,codeBoxParams:t,lang:o,isFullscreen:c,originalCode:l,code:r,setCode:i,exampleTitle:s})=>{const[p,v]=i2.useState(!1),[d,f]=i2.useState(!1),g="Copy code to clipboard",h=`Toggle ${o.toUpperCase()} code`,u="Open example in CodeSandbox",x="Open example in new window",C="Convert example from Typescript to JavaScript",z="Undo all changes",w=`Copy ${s} example code to clipboard`,I=`Toggle ${o.toUpperCase()} code in ${s} example`,k=`Open ${s} example in CodeSandbox`,S=`Open ${s} example in new window`,T=`Convert ${s} example from Typescript to JavaScript`,P=`Undo all changes to ${s}`,V={className:"ws-code-editor-control"},L={exitDelay:300,maxWidth:"var(--ws-code-editor--tooltip--MaxWidth)"},M=()=>{dZ2(r),f(!0)},y=n.jsxs(i2.Fragment,{children:[n.jsx(W2,{icon:n.jsxs(i2.Fragment,{children:[n.jsx(Ne,{})," "+o.toUpperCase()]}),onClick:()=>{v(!p),ne("code_editor_control_click","click_event","TOGGLE_CODE",p?0:1)},tooltipProps:{content:h,...L},"aria-label":I,"aria-expanded":p,...V}),n.jsx(G1,{content:n.jsx("div",{children:d?"Code copied":g}),maxWidth:V?.maxWidth,exitDelay:d?300:1600,onTooltipHidden:()=>f(!1),children:n.jsx(Y,{onClick:()=>{M(),ne("code_editor_control_click","click_event","COPY_CODE")},variant:"plain","aria-label":w,className:V.className,children:n.jsx(K6,{})})}),t&&n.jsxs(Ja,{"aria-label":`${k} form`,action:"https://codesandbox.io/api/v1/sandboxes/define",method:"POST",target:"_blank",style:{display:"inline-block"},children:[n.jsx(G1,{content:u,maxWidth:V.maxWidth,children:n.jsx(Y,{"aria-label":k,variant:"plain",type:"submit",onClick:()=>{ne("code_editor_control_click","click_event","CODESANDBOX_LINK")},className:V.className,children:n.jsx(pi,{})})}),n.jsx("input",{type:"hidden",name:"parameters",value:t})]}),a&&n.jsx(W2,{component:"a",icon:n.jsx(Mo,{}),href:a,target:"_blank",rel:"noopener noreferrer","aria-label":S,tooltipProps:{content:x,...L},onClick:()=>{ne("code_editor_control_click","click_event","FULLSCREEN_LINK")},...V}),p&&o==="ts"&&n.jsx(W2,{icon:n.jsxs(i2.Fragment,{children:["TS ",n.jsx(o4,{})," JS"]}),"aria-label":T,tooltipProps:{content:C,...L},onClick:()=>{i(ho.convertToJSX(r).code),ne("code_editor_control_click","click_event","TS_TO_JS")},...V}),r!==l&&n.jsx(W2,{icon:n.jsx(Kk,{}),"aria-label":P,tooltipProps:{content:z,...L},onClick:()=>{i(l),ne("code_editor_control_click","click_event","RESET_CODE")},...V})]}),B=(A,O)=>{O.languages.typescript.typescriptDefaults.setCompilerOptions({jsx:!0,...O.languages.typescript.typescriptDefaults.getCompilerOptions()}),O.languages.typescript.typescriptDefaults.setDiagnosticsOptions({noSemanticValidation:!0,noSyntaxValidation:!0,noSuggestionDiagnostics:!0,onlyVisible:!0})};return n.jsx(AH,{customControls:y,showEditor:p,language:vZ2(o),height:"400px",code:r,onChange:A=>i(A),onEditorDidMount:B,isReadOnly:c,className:`${p?"ws-example-code-expanded ":""}ws-code-editor`,isHeaderPlain:!0})};function pZ2({error:a}){return n.jsxs("div",{role:"alert",children:[n.jsx("p",{children:"Something went wrong:"}),n.jsx("pre",{style:{color:"red"},children:a.message})]})}function fZ2(a){const t={...fW,...Ni1,styles:Di1,...tG2,useState:m.useState,Fragment:m.Fragment,useRef:m.useRef,useEffect:m.useEffect,createRef:m.createRef,useReducer:m.useReducer},{code:o}=ho.convertToReactComponent(a),c=Object.keys(t),l=Object.values(t),i=new Function("React",...c,o)(i2,...l);return n.jsx(i,{})}const HZ2=({src:a,html:t,isFullscreenPreview:o})=>{const c=a||t||"",[l,r]=m.useState(c);let i=null,s="ts";return t?(i=n.jsx("div",{className:`ws-preview-html ${o&&"pf-v6-u-h-100"}`,dangerouslySetInnerHTML:{__html:l}}),s="html"):(i=fZ2(l),s="ts"),n.jsxs(uW,{fallbackRender:pZ2,children:[i,n.jsx(mZ2,{originalCode:c,code:l,setCode:r,lang:s,isFullscreen:!1})]})};export{HZ2 as LiveExample};

package/dist/_astro/client.DN8ES6L5.js

@@ -0,0 +1 @@
+import{r as o}from"./index.eCxJ45ll.js";import{r as b}from"./index.BQFV5hT1.js";var s={},E;function g(){if(E)return s;E=1;var t=b();return s.createRoot=t.createRoot,s.hydrateRoot=t.hydrateRoot,s}var p=g();const v=({value:t,name:e,hydrate:r=!0})=>{if(!t)return null;const a=r?"astro-slot":"astro-static-slot";return o.createElement(a,{name:e,suppressHydrationWarning:!0,dangerouslySetInnerHTML:{__html:t}})};v.shouldComponentUpdate=()=>!1;var N=v;function C(t){for(const e in t)if(e.startsWith("__reactContainer"))return e}function R(t){let e={};for(const r of t.attributes)e[r.name]=r.value;return t.firstChild===null?o.createElement(t.localName,e):o.createElement(t.localName,e,Array.from(t.childNodes).map(r=>r.nodeType===Node.TEXT_NODE?r.data:r.nodeType===Node.ELEMENT_NODE?R(r):void 0).filter(r=>!!r))}function O(t,e){if(e&&t){let r=[],a=document.createElement("template");a.innerHTML=t;for(let u of a.content.children)r.push(R(u));return r}else return t?o.createElement(N,{value:t}):void 0}let y=new WeakMap;const h=(t,e)=>{let r=y.get(t);return r||(r=e(),y.set(t,r)),r};var H=t=>(e,r,{default:a,...u},{client:A})=>{if(!t.hasAttribute("ssr"))return;const d=t.getAttribute("data-action-key"),l=t.getAttribute("data-action-name"),f=t.getAttribute("data-action-result"),T=d&&l&&f?[JSON.parse(f),d,l]:void 0,_={identifierPrefix:t.getAttribute("prefix"),formState:T};for(const[i,n]of Object.entries(u))r[i]=o.createElement(N,{value:n,name:i});const c=o.createElement(e,r,O(a,t.hasAttribute("data-react-children"))),m=C(t);if(m&&delete t[m],A==="only")return o.startTransition(()=>{h(t,()=>{const n=p.createRoot(t);return t.addEventListener("astro:unmount",()=>n.unmount(),{once:!0}),n}).render(c)});o.startTransition(()=>{h(t,()=>{const n=p.hydrateRoot(t,c,_);return t.addEventListener("astro:unmount",()=>n.unmount(),{once:!0}),n}).render(c)})};export{H as default};

package/dist/_routes.json

@@ -0,0 +1,20 @@
+{
+  "version": 1,
+  "include": [
+    "/*"
+  ],
+  "exclude": [
+    "/",
+    "/_astro/*",
+    "/.assetsignore",
+    "/PF-HorizontalLogo-Color.svg",
+    "/PF-HorizontalLogo-Reverse.svg",
+    "/avatarImg.svg",
+    "/avatarImgDark.svg",
+    "/favicon.svg",
+    "/content/*",
+    "/components/*",
+    "/get-started/*",
+    "/design-foundations/*"
+  ]
+}

package/dist/_worker.js/_@astrojs-ssr-adapter.mjs

@@ -0,0 +1,2 @@
+globalThis.process ??= {}; globalThis.process.env ??= {};
+export { c as createExports } from './chunks/_@astrojs-ssr-adapter_C9Nk07-M.mjs';

package/dist/_worker.js/_astro-internal_middleware.mjs

@@ -0,0 +1,21 @@
+globalThis.process ??= {}; globalThis.process.env ??= {};
+import './chunks/astro-designed-error-pages_4xWqsa9_.mjs';
+import './chunks/astro/server_BpfPtTmt.mjs';
+import { s as sequence } from './chunks/index_DlGha6WC.mjs';
+
+const onRequest$1 = (context, next) => {
+  if (context.isPrerendered) {
+    context.locals.runtime ??= {
+      env: process.env
+    };
+  }
+  return next();
+};
+
+const onRequest = sequence(
+	onRequest$1,
+	
+	
+);
+
+export { onRequest };

package/dist/_worker.js/_noop-actions.mjs

@@ -0,0 +1,4 @@
+globalThis.process ??= {}; globalThis.process.env ??= {};
+const server = {};
+
+export { server };

package/dist/{server/chunks/AutoLinkHeader_C2GD0g-K.mjs → _worker.js/chunks/AutoLinkHeader_xh_mBOfs.mjs}

@@ -1,8 +1,7 @@
-import { __rest } from 'tslib';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { u as useOUIAProps, c as css, s as setBreakpointCssVars, l as formatBreakpointMods, b as createIcon, B as Button } from './Button_BKhHR-ak.mjs';
+globalThis.process ??= {}; globalThis.process.env ??= {};
+import { _ as __rest, u as useOUIAProps, j as jsxRuntimeExports, c as css, s as setBreakpointCssVars, m as formatBreakpointMods, b as createIcon, B as Button } from './Button_ByndGYyw.mjs';
 /* empty css                          */
-import React from 'react';
+import { R as React } from './index_Dc2aKkl4.mjs';
 
 const styles$2 = {
   "content": "pf-v6-c-content",
@@ -79,7 +78,7 @@ const Content = (_a) => {
     const Component = wrappingComponent;
     const ouiaProps = useOUIAProps(Content.displayName, ouiaId, ouiaSafe);
     const isList = ['ul', 'ol', 'dl'].includes(wrappingComponent);
-    return (jsx(Component, Object.assign({}, ouiaProps, props, { "data-pf-content": true, className: css(componentStyles[wrappingComponent], isList && isPlainList && styles$2.modifiers.plain, isVisitedLink && styles$2.modifiers.visited, isEditorial && styles$2.modifiers.editorial, className), children: children })));
+    return (jsxRuntimeExports.jsx(Component, Object.assign({}, ouiaProps, props, { "data-pf-content": true, className: css(componentStyles[wrappingComponent], isList && isPlainList && styles$2.modifiers.plain, isVisitedLink && styles$2.modifiers.visited, isEditorial && styles$2.modifiers.editorial, className), children: children })));
 };
 Content.displayName = 'Content';
 
@@ -635,14 +634,14 @@ const l_flex_item_Order = {
 const Flex = (_a) => {
     var { children = null, className = '', component = 'div', spacer, spaceItems, gap, rowGap, columnGap, grow, shrink, flex, direction, alignItems, alignContent, alignSelf, align, justifyContent, display, fullWidth, flexWrap, order, style } = _a, props = __rest(_a, ["children", "className", "component", "spacer", "spaceItems", "gap", "rowGap", "columnGap", "grow", "shrink", "flex", "direction", "alignItems", "alignContent", "alignSelf", "align", "justifyContent", "display", "fullWidth", "flexWrap", "order", "style"]);
     const Component = component;
-    return (jsx(Component, Object.assign({ className: css(styles$1.flex, formatBreakpointMods(spacer, styles$1), formatBreakpointMods(spaceItems, styles$1), formatBreakpointMods(grow, styles$1), formatBreakpointMods(shrink, styles$1), formatBreakpointMods(flex, styles$1), formatBreakpointMods(direction, styles$1), formatBreakpointMods(alignItems, styles$1), formatBreakpointMods(alignContent, styles$1), formatBreakpointMods(alignSelf, styles$1), formatBreakpointMods(align, styles$1), formatBreakpointMods(justifyContent, styles$1), formatBreakpointMods(display, styles$1), formatBreakpointMods(fullWidth, styles$1), formatBreakpointMods(flexWrap, styles$1), formatBreakpointMods(gap, styles$1), formatBreakpointMods(rowGap, styles$1), formatBreakpointMods(columnGap, styles$1), className), style: style || order ? Object.assign(Object.assign({}, style), setBreakpointCssVars(order, l_flex_item_Order.name)) : undefined }, props, { children: children })));
+    return (jsxRuntimeExports.jsx(Component, Object.assign({ className: css(styles$1.flex, formatBreakpointMods(spacer, styles$1), formatBreakpointMods(spaceItems, styles$1), formatBreakpointMods(grow, styles$1), formatBreakpointMods(shrink, styles$1), formatBreakpointMods(flex, styles$1), formatBreakpointMods(direction, styles$1), formatBreakpointMods(alignItems, styles$1), formatBreakpointMods(alignContent, styles$1), formatBreakpointMods(alignSelf, styles$1), formatBreakpointMods(align, styles$1), formatBreakpointMods(justifyContent, styles$1), formatBreakpointMods(display, styles$1), formatBreakpointMods(fullWidth, styles$1), formatBreakpointMods(flexWrap, styles$1), formatBreakpointMods(gap, styles$1), formatBreakpointMods(rowGap, styles$1), formatBreakpointMods(columnGap, styles$1), className), style: style || order ? Object.assign(Object.assign({}, style), setBreakpointCssVars(order, l_flex_item_Order.name)) : undefined }, props, { children: children })));
 };
 Flex.displayName = 'Flex';
 
 const FlexItem = (_a) => {
     var { children = null, className = '', component = 'div', spacer, grow, shrink, flex, alignSelf, align, fullWidth, order, style } = _a, props = __rest(_a, ["children", "className", "component", "spacer", "grow", "shrink", "flex", "alignSelf", "align", "fullWidth", "order", "style"]);
     const Component = component;
-    return (jsx(Component, Object.assign({}, props, { className: css(formatBreakpointMods(spacer, styles$1), formatBreakpointMods(grow, styles$1), formatBreakpointMods(shrink, styles$1), formatBreakpointMods(flex, styles$1), formatBreakpointMods(alignSelf, styles$1), formatBreakpointMods(align, styles$1), formatBreakpointMods(fullWidth, styles$1), className), style: style || order ? Object.assign(Object.assign({}, style), setBreakpointCssVars(order, l_flex_item_Order.name)) : undefined, children: children })));
+    return (jsxRuntimeExports.jsx(Component, Object.assign({}, props, { className: css(formatBreakpointMods(spacer, styles$1), formatBreakpointMods(grow, styles$1), formatBreakpointMods(shrink, styles$1), formatBreakpointMods(flex, styles$1), formatBreakpointMods(alignSelf, styles$1), formatBreakpointMods(align, styles$1), formatBreakpointMods(fullWidth, styles$1), className), style: style || order ? Object.assign(Object.assign({}, style), setBreakpointCssVars(order, l_flex_item_Order.name)) : undefined, children: children })));
 };
 FlexItem.displayName = 'FlexItem';
 
@@ -658,14 +657,14 @@ const styles = {
 const Stack = (_a) => {
     var { hasGutter = false, className = '', children = null, component = 'div' } = _a, props = __rest(_a, ["hasGutter", "className", "children", "component"]);
     const Component = component;
-    return (jsx(Component, Object.assign({}, props, { className: css(styles.stack, hasGutter && styles.modifiers.gutter, className), children: children })));
+    return (jsxRuntimeExports.jsx(Component, Object.assign({}, props, { className: css(styles.stack, hasGutter && styles.modifiers.gutter, className), children: children })));
 };
 Stack.displayName = 'Stack';
 
 const StackItem = (_a) => {
     var { isFilled = false, className = '', children = null, component = 'div' } = _a, props = __rest(_a, ["isFilled", "className", "children", "component"]);
     const Component = component;
-    return (jsx(Component, Object.assign({}, props, { className: css(styles.stackItem, isFilled && styles.modifiers.fill, className), children: children })));
+    return (jsxRuntimeExports.jsx(Component, Object.assign({}, props, { className: css(styles.stackItem, isFilled && styles.modifiers.fill, className), children: children })));
 };
 StackItem.displayName = 'StackItem';
 
@@ -693,13 +692,13 @@ const AutoLinkHeader = ({
   className
 }) => {
   const slug = id || slugger(children);
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Flex,
     {
       alignItems: { default: "alignItemsCenter" },
       spaceItems: { default: "spaceItemsSm" },
       children: [
-        /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(FlexItem, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
           Content,
           {
             id: slug,
@@ -708,7 +707,7 @@ const AutoLinkHeader = ({
             tabIndex: -1,
             isEditorial: true,
             children: [
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
                 Button,
                 {
                   href: `#${slug}`,
@@ -718,7 +717,7 @@ const AutoLinkHeader = ({
                   "aria-hidden": true,
                   variant: "plain",
                   isInline: true,
-                  children: /* @__PURE__ */ jsx(
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     LinkIcon,
                     {
                       className: "ws-heading-anchor-icon",
@@ -731,7 +730,7 @@ const AutoLinkHeader = ({
             ]
           }
         ) }),
-        metaText && /* @__PURE__ */ jsx(FlexItem, { children: metaText })
+        metaText && /* @__PURE__ */ jsxRuntimeExports.jsx(FlexItem, { children: metaText })
       ]
     }
   );