@ms-cloudpack/overlay 0.19.18 → 0.19.19

package/lib/components/StatusDialog/TaskStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskStatus.js","sourceRoot":"","sources":["../../../src/components/StatusDialog/TaskStatus.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { FunctionComponent } from 'preact';\nimport type { TaskDescription } from '@ms-cloudpack/api-server/browser';\nimport { TaskResultItem } from './TaskResultItem.js';\nimport { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';\nimport { Button } from '../Button/Button.js';\nimport {\n  ResultsAccordion,\n  ResultsAccordionContent,\n  type ResultsAccordionProps,\n} from '../ResultsAccordion/ResultsAccordion.js';\n\nexport interface TaskStatusProps extends Pick<ResultsAccordionProps, 'index'> {\n  task: TaskDescription;\n}\n\nfunction getCompletion(task: TaskDescription): string {\n  if (task.status === 'pending') {\n    return 'Running';\n  }\n  return [\n    `Completed in ${task.duration}ms`,\n    task.errors?.length && `${task.errors.length} error${task.errors.length > 1 ? 's' : ''}`,\n    task.warnings?.length && `${task.warnings.length} warning${task.warnings.length > 1 ? 's' : ''}`,\n  ]\n    .filter(Boolean)\n    .join(', ');\n}\n\n/**\n * Item (collapsible section) in the list of bundle task results in the StatusDialog.\n */\nexport const TaskStatus: FunctionComponent<TaskStatusProps> = (props) => {\n  const { task } = props;\n  const { name, warnings = [], errors = [], inputPath, outputPath } = task;\n  const cloudpack = useCloudpack();\n\n  const openPath = (rootPath: string) => void cloudpack.openFilePath.mutate({ rootPath });\n\n  const openPackageJson = (): void => {\n    if (!inputPath) return; // the button won't be shown in this case\n\n    void cloudpack.openCodeEditor.mutate({\n      rootPath: inputPath,\n      relativePath: 'package.json',\n    });\n  };\n\n  const restartTask = (): void => {\n    if (!inputPath) return;\n\n    void cloudpack.restartTask.mutate({ id: task.id, inputPath });\n  };\n\n  // This callback prevents rendering thousands of bundle result details unnecessarily.\n  // It could be further optimized with useMemo etc if it's an actual performance issue.\n  const getContent = () => (\n    <>\n      {inputPath ? (\n        <ResultsAccordionContent\n          itemName=\"Input path\"\n          itemValue={\n            <>\n              <Button variant=\"link\" onClick={() => openPath(inputPath)}>\n                {inputPath}\n              </Button>{' '}\n              (\n              <Button variant=\"link\" onClick={openPackageJson}>\n                package.json\n              </Button>\n              )\n            </>\n          }\n        />\n      ) : (\n        'No input path found for bundle task. This is a Cloudpack bug. Please report it.'\n      )}\n      {outputPath && (\n        <ResultsAccordionContent\n          itemName=\"Output path\"\n          itemValue={\n            <Button variant=\"link\" onClick={() => openPath(outputPath)}>\n              {outputPath}\n            </Button>\n          }\n        />\n      )}\n      {errors.length > 0 && (\n        <ResultsAccordionContent title=\"Errors\">\n          {errors.map((item, index) => (\n            <TaskResultItem type=\"error\" key={index} item={item} inputPath={inputPath} index={index} />\n          ))}\n        </ResultsAccordionContent>\n      )}\n      {warnings.length > 0 && (\n        <ResultsAccordionContent title=\"Warnings\">\n          {warnings.map((item, index) => (\n            <TaskResultItem type=\"warning\" key={index} item={item} inputPath={inputPath} index={index} />\n          ))}\n        </ResultsAccordionContent>\n      )}\n    </>\n  );\n\n  return (\n    <ResultsAccordion\n      name={name || '<unknown>'}\n      index={props.index}\n      result={errors.length ? 'error' : warnings.length ? 'warning' : 'success'}\n      headerEndContent={getCompletion(task)}\n      headerCommands={\n        <Button\n          variant=\"iconOnly\"\n          iconName=\"refresh\"\n          onClick={restartTask}\n          title=\"Re-bundle this package\"\n          aria-label=\"Re-bundle this package\"\n        />\n      }\n      getContent={getContent}\n    />\n  );\n};\n"]}
+{"version":3,"file":"TaskStatus.js","sourceRoot":"","sources":["../../../src/components/StatusDialog/TaskStatus.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { FunctionComponent } from 'preact';\nimport type { TaskDescription } from '@ms-cloudpack/api-server/browser';\nimport { TaskResultItem } from './TaskResultItem.js';\nimport { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';\nimport { Button } from '../Button/Button.js';\nimport {\n  ResultsAccordion,\n  ResultsAccordionContent,\n  type ResultsAccordionProps,\n} from '../ResultsAccordion/ResultsAccordion.js';\nimport { Refresh20 } from '../icons/Refresh20.js';\n\nexport interface TaskStatusProps extends Pick<ResultsAccordionProps, 'index'> {\n  task: TaskDescription;\n}\n\nfunction getCompletion(task: TaskDescription): string {\n  if (task.status === 'pending') {\n    return 'Running';\n  }\n  return [\n    `Completed in ${task.duration}ms`,\n    task.errors?.length && `${task.errors.length} error${task.errors.length > 1 ? 's' : ''}`,\n    task.warnings?.length && `${task.warnings.length} warning${task.warnings.length > 1 ? 's' : ''}`,\n  ]\n    .filter(Boolean)\n    .join(', ');\n}\n\n/**\n * Item (collapsible section) in the list of bundle task results in the StatusDialog.\n */\nexport const TaskStatus: FunctionComponent<TaskStatusProps> = (props) => {\n  const { task } = props;\n  const { name, warnings = [], errors = [], inputPath, outputPath } = task;\n  const cloudpack = useCloudpack();\n\n  const openPath = (rootPath: string) => void cloudpack.openFilePath.mutate({ rootPath });\n\n  const openPackageJson = (): void => {\n    if (!inputPath) return; // the button won't be shown in this case\n\n    void cloudpack.openCodeEditor.mutate({\n      rootPath: inputPath,\n      relativePath: 'package.json',\n    });\n  };\n\n  const restartTask = (): void => {\n    if (!inputPath) return;\n\n    void cloudpack.restartTask.mutate({ id: task.id, inputPath });\n  };\n\n  // This callback prevents rendering thousands of bundle result details unnecessarily.\n  // It could be further optimized with useMemo etc if it's an actual performance issue.\n  const getContent = () => (\n    <>\n      {inputPath ? (\n        <ResultsAccordionContent\n          itemName=\"Input path\"\n          itemValue={\n            <>\n              <Button variant=\"link\" onClick={() => openPath(inputPath)}>\n                {inputPath}\n              </Button>{' '}\n              (\n              <Button variant=\"link\" onClick={openPackageJson}>\n                package.json\n              </Button>\n              )\n            </>\n          }\n        />\n      ) : (\n        'No input path found for bundle task. This is a Cloudpack bug. Please report it.'\n      )}\n      {outputPath && (\n        <ResultsAccordionContent\n          itemName=\"Output path\"\n          itemValue={\n            <Button variant=\"link\" onClick={() => openPath(outputPath)}>\n              {outputPath}\n            </Button>\n          }\n        />\n      )}\n      {errors.length > 0 && (\n        <ResultsAccordionContent title=\"Errors\">\n          {errors.map((item, index) => (\n            <TaskResultItem type=\"error\" key={index} item={item} inputPath={inputPath} index={index} />\n          ))}\n        </ResultsAccordionContent>\n      )}\n      {warnings.length > 0 && (\n        <ResultsAccordionContent title=\"Warnings\">\n          {warnings.map((item, index) => (\n            <TaskResultItem type=\"warning\" key={index} item={item} inputPath={inputPath} index={index} />\n          ))}\n        </ResultsAccordionContent>\n      )}\n    </>\n  );\n\n  return (\n    <ResultsAccordion\n      name={name || '<unknown>'}\n      index={props.index}\n      result={errors.length ? 'error' : warnings.length ? 'warning' : 'success'}\n      headerEndContent={getCompletion(task)}\n      headerCommands={\n        <Button\n          variant=\"iconOnly\"\n          onClick={restartTask}\n          title=\"Re-bundle this package\"\n          aria-label=\"Re-bundle this package\"\n        >\n          <Refresh20 />\n        </Button>\n      }\n      getContent={getContent}\n    />\n  );\n};\n"]}

package/lib/components/icons/ChevronDown20.d.ts

@@ -0,0 +1,2 @@
+export declare const ChevronDown20: import("preact").FunctionComponent<import("./createSvgIcon.js").SvgIconProps>;
+//# sourceMappingURL=ChevronDown20.d.ts.map

package/lib/components/icons/ChevronDown20.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronDown20.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ChevronDown20.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,+EAIzB,CAAC"}

package/lib/components/icons/ChevronDown20.js

@@ -0,0 +1,3 @@
+import { createSvgIcon } from './createSvgIcon.js';
+export const ChevronDown20 = createSvgIcon('ChevronDown20', 20, 'M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z');
+//# sourceMappingURL=ChevronDown20.js.map

package/lib/components/icons/ChevronDown20.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronDown20.js","sourceRoot":"","sources":["../../../src/components/icons/ChevronDown20.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACxC,eAAe,EACf,EAAE,EACF,iUAAiU,CAClU,CAAC","sourcesContent":["import { createSvgIcon } from './createSvgIcon.js';\n\nexport const ChevronDown20 = createSvgIcon(\n  'ChevronDown20',\n  20,\n  'M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z',\n);\n"]}

package/lib/components/icons/Dismiss16.d.ts

@@ -0,0 +1,2 @@
+export declare const Dismiss16: import("preact").FunctionComponent<import("./createSvgIcon.js").SvgIconProps>;
+//# sourceMappingURL=Dismiss16.d.ts.map

package/lib/components/icons/Dismiss16.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dismiss16.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Dismiss16.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,+EAIrB,CAAC"}

package/lib/components/icons/Dismiss16.js

@@ -0,0 +1,3 @@
+import { createSvgIcon } from './createSvgIcon.js';
+export const Dismiss16 = createSvgIcon('Dismiss16', 16, 'M2.39705 2.55379L2.46967 2.46967C2.73594 2.2034 3.1526 2.1792 3.44621 2.39705L3.53033 2.46967L8 6.939L12.4697 2.46967C12.7626 2.17678 13.2374 2.17678 13.5303 2.46967C13.8232 2.76256 13.8232 3.23744 13.5303 3.53033L9.061 8L13.5303 12.4697C13.7966 12.7359 13.8208 13.1526 13.6029 13.4462L13.5303 13.5303C13.2641 13.7966 12.8474 13.8208 12.5538 13.6029L12.4697 13.5303L8 9.061L3.53033 13.5303C3.23744 13.8232 2.76256 13.8232 2.46967 13.5303C2.17678 13.2374 2.17678 12.7626 2.46967 12.4697L6.939 8L2.46967 3.53033C2.2034 3.26406 2.1792 2.8474 2.39705 2.55379L2.46967 2.46967L2.39705 2.55379Z');
+//# sourceMappingURL=Dismiss16.js.map

package/lib/components/icons/Dismiss16.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dismiss16.js","sourceRoot":"","sources":["../../../src/components/icons/Dismiss16.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CACpC,WAAW,EACX,EAAE,EACF,6kBAA6kB,CAC9kB,CAAC","sourcesContent":["import { createSvgIcon } from './createSvgIcon.js';\n\nexport const Dismiss16 = createSvgIcon(\n  'Dismiss16',\n  16,\n  'M2.39705 2.55379L2.46967 2.46967C2.73594 2.2034 3.1526 2.1792 3.44621 2.39705L3.53033 2.46967L8 6.939L12.4697 2.46967C12.7626 2.17678 13.2374 2.17678 13.5303 2.46967C13.8232 2.76256 13.8232 3.23744 13.5303 3.53033L9.061 8L13.5303 12.4697C13.7966 12.7359 13.8208 13.1526 13.6029 13.4462L13.5303 13.5303C13.2641 13.7966 12.8474 13.8208 12.5538 13.6029L12.4697 13.5303L8 9.061L3.53033 13.5303C3.23744 13.8232 2.76256 13.8232 2.46967 13.5303C2.17678 13.2374 2.17678 12.7626 2.46967 12.4697L6.939 8L2.46967 3.53033C2.2034 3.26406 2.1792 2.8474 2.39705 2.55379L2.46967 2.46967L2.39705 2.55379Z',\n);\n"]}

package/lib/components/icons/Error24.d.ts

@@ -0,0 +1,3 @@
+/** Error circle-X icon with hardcoded dark red color */
+export declare const Error24: import("preact").FunctionComponent<import("./createSvgIcon.js").SvgIconProps>;
+//# sourceMappingURL=Error24.d.ts.map

package/lib/components/icons/Error24.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error24.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Error24.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,eAAO,MAAM,OAAO,+EAKnB,CAAC"}

package/lib/components/icons/Error24.js

@@ -0,0 +1,4 @@
+import { createSvgIcon } from './createSvgIcon.js';
+/** Error circle-X icon with hardcoded dark red color */
+export const Error24 = createSvgIcon('Error24', 24, 'M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM15.5303 8.46967L15.4462 8.39705C15.1852 8.2034 14.827 8.20101 14.5636 8.38988L14.4697 8.46967L12 10.939L9.53033 8.46967L9.44621 8.39705C9.18522 8.2034 8.82701 8.20101 8.56362 8.38988L8.46967 8.46967L8.39705 8.55379C8.2034 8.81478 8.20101 9.17299 8.38988 9.43638L8.46967 9.53033L10.939 12L8.46967 14.4697L8.39705 14.5538C8.2034 14.8148 8.20101 15.173 8.38988 15.4364L8.46967 15.5303L8.55379 15.6029C8.81478 15.7966 9.17299 15.799 9.43638 15.6101L9.53033 15.5303L12 13.061L14.4697 15.5303L14.5538 15.6029C14.8148 15.7966 15.173 15.799 15.4364 15.6101L15.5303 15.5303L15.6029 15.4462C15.7966 15.1852 15.799 14.827 15.6101 14.5636L15.5303 14.4697L13.061 12L15.5303 9.53033L15.6029 9.44621C15.7966 9.18522 15.799 8.82701 15.6101 8.56362L15.5303 8.46967L15.4462 8.39705L15.5303 8.46967Z', '#a4262c');
+//# sourceMappingURL=Error24.js.map

package/lib/components/icons/Error24.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error24.js","sourceRoot":"","sources":["../../../src/components/icons/Error24.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,wDAAwD;AACxD,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAClC,SAAS,EACT,EAAE,EACF,+3BAA+3B,EAC/3B,SAAS,CACV,CAAC","sourcesContent":["import { createSvgIcon } from './createSvgIcon.js';\n\n/** Error circle-X icon with hardcoded dark red color */\nexport const Error24 = createSvgIcon(\n  'Error24',\n  24,\n  'M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM15.5303 8.46967L15.4462 8.39705C15.1852 8.2034 14.827 8.20101 14.5636 8.38988L14.4697 8.46967L12 10.939L9.53033 8.46967L9.44621 8.39705C9.18522 8.2034 8.82701 8.20101 8.56362 8.38988L8.46967 8.46967L8.39705 8.55379C8.2034 8.81478 8.20101 9.17299 8.38988 9.43638L8.46967 9.53033L10.939 12L8.46967 14.4697L8.39705 14.5538C8.2034 14.8148 8.20101 15.173 8.38988 15.4364L8.46967 15.5303L8.55379 15.6029C8.81478 15.7966 9.17299 15.799 9.43638 15.6101L9.53033 15.5303L12 13.061L14.4697 15.5303L14.5538 15.6029C14.8148 15.7966 15.173 15.799 15.4364 15.6101L15.5303 15.5303L15.6029 15.4462C15.7966 15.1852 15.799 14.827 15.6101 14.5636L15.5303 14.4697L13.061 12L15.5303 9.53033L15.6029 9.44621C15.7966 9.18522 15.799 8.82701 15.6101 8.56362L15.5303 8.46967L15.4462 8.39705L15.5303 8.46967Z',\n  '#a4262c',\n);\n"]}

package/lib/components/icons/Open16.d.ts

@@ -0,0 +1,2 @@
+export declare const Open16: import("preact").FunctionComponent<import("./createSvgIcon.js").SvgIconProps>;
+//# sourceMappingURL=Open16.d.ts.map

package/lib/components/icons/Open16.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Open16.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Open16.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,+EAIlB,CAAC"}

package/lib/components/icons/Open16.js

@@ -0,0 +1,3 @@
+import { createSvgIcon } from './createSvgIcon.js';
+export const Open16 = createSvgIcon('Open16', 16, 'M4.75 3.5C4.05964 3.5 3.5 4.05964 3.5 4.75V11.25C3.5 11.9404 4.05964 12.5 4.75 12.5H11.25C11.9404 12.5 12.5 11.9404 12.5 11.25V9.75C12.5 9.33579 12.8358 9 13.25 9C13.6642 9 14 9.33579 14 9.75V11.25C14 12.7688 12.7688 14 11.25 14H4.75C3.23122 14 2 12.7688 2 11.25V4.75C2 3.23122 3.23122 2 4.75 2H6.25C6.66421 2 7 2.33579 7 2.75C7 3.16421 6.66421 3.5 6.25 3.5H4.75ZM7.99976 2.75C7.99976 2.33579 8.33554 2 8.74976 2H13.2498C13.664 2 13.9998 2.33579 13.9998 2.75V7.25C13.9998 7.66421 13.664 8 13.2498 8C12.8355 8 12.4998 7.66421 12.4998 7.25V4.56095L9.28008 7.78056C8.98719 8.07345 8.51231 8.07345 8.21942 7.78055C7.92653 7.48766 7.92653 7.01278 8.21943 6.71989L11.4394 3.5H8.74976C8.33554 3.5 7.99976 3.16421 7.99976 2.75Z');
+//# sourceMappingURL=Open16.js.map

package/lib/components/icons/Open16.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Open16.js","sourceRoot":"","sources":["../../../src/components/icons/Open16.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CACjC,QAAQ,EACR,EAAE,EACF,itBAAitB,CACltB,CAAC","sourcesContent":["import { createSvgIcon } from './createSvgIcon.js';\n\nexport const Open16 = createSvgIcon(\n  'Open16',\n  16,\n  'M4.75 3.5C4.05964 3.5 3.5 4.05964 3.5 4.75V11.25C3.5 11.9404 4.05964 12.5 4.75 12.5H11.25C11.9404 12.5 12.5 11.9404 12.5 11.25V9.75C12.5 9.33579 12.8358 9 13.25 9C13.6642 9 14 9.33579 14 9.75V11.25C14 12.7688 12.7688 14 11.25 14H4.75C3.23122 14 2 12.7688 2 11.25V4.75C2 3.23122 3.23122 2 4.75 2H6.25C6.66421 2 7 2.33579 7 2.75C7 3.16421 6.66421 3.5 6.25 3.5H4.75ZM7.99976 2.75C7.99976 2.33579 8.33554 2 8.74976 2H13.2498C13.664 2 13.9998 2.33579 13.9998 2.75V7.25C13.9998 7.66421 13.664 8 13.2498 8C12.8355 8 12.4998 7.66421 12.4998 7.25V4.56095L9.28008 7.78056C8.98719 8.07345 8.51231 8.07345 8.21942 7.78055C7.92653 7.48766 7.92653 7.01278 8.21943 6.71989L11.4394 3.5H8.74976C8.33554 3.5 7.99976 3.16421 7.99976 2.75Z',\n);\n"]}

package/lib/components/icons/Refresh20.d.ts

@@ -0,0 +1,2 @@
+export declare const Refresh20: import("preact").FunctionComponent<import("./createSvgIcon.js").SvgIconProps>;
+//# sourceMappingURL=Refresh20.d.ts.map

package/lib/components/icons/Refresh20.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Refresh20.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Refresh20.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,+EAIrB,CAAC"}

package/lib/components/icons/Refresh20.js

@@ -0,0 +1,4 @@
+import { createSvgIcon } from './createSvgIcon.js';
+// In fluentui-system-icons, this is "ArrowClockwiseFilled"
+export const Refresh20 = createSvgIcon('Refresh20', 20, 'M4 10C4 6.68629 6.68629 4 10 4C11.5213 4 12.9107 4.56592 13.9689 5.5H12.75C12.3358 5.5 12 5.83579 12 6.25C12 6.66421 12.3358 7 12.75 7H15.75C16.1642 7 16.5 6.66421 16.5 6.25V3.25C16.5 2.83579 16.1642 2.5 15.75 2.5C15.3358 2.5 15 2.83579 15 3.25V4.40987C13.6736 3.22274 11.9213 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 9.90715 17.4983 9.81467 17.495 9.72258C17.4799 9.30864 17.1321 8.9853 16.7181 9.00038C16.3042 9.01546 15.9809 9.36324 15.9959 9.77718C15.9986 9.85109 16 9.92537 16 10C16 13.3137 13.3137 16 10 16C6.68629 16 4 13.3137 4 10Z');
+//# sourceMappingURL=Refresh20.js.map

package/lib/components/icons/Refresh20.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Refresh20.js","sourceRoot":"","sources":["../../../src/components/icons/Refresh20.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,2DAA2D;AAC3D,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CACpC,WAAW,EACX,EAAE,EACF,smBAAsmB,CACvmB,CAAC","sourcesContent":["import { createSvgIcon } from './createSvgIcon.js';\n\n// In fluentui-system-icons, this is \"ArrowClockwiseFilled\"\nexport const Refresh20 = createSvgIcon(\n  'Refresh20',\n  20,\n  'M4 10C4 6.68629 6.68629 4 10 4C11.5213 4 12.9107 4.56592 13.9689 5.5H12.75C12.3358 5.5 12 5.83579 12 6.25C12 6.66421 12.3358 7 12.75 7H15.75C16.1642 7 16.5 6.66421 16.5 6.25V3.25C16.5 2.83579 16.1642 2.5 15.75 2.5C15.3358 2.5 15 2.83579 15 3.25V4.40987C13.6736 3.22274 11.9213 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 9.90715 17.4983 9.81467 17.495 9.72258C17.4799 9.30864 17.1321 8.9853 16.7181 9.00038C16.3042 9.01546 15.9809 9.36324 15.9959 9.77718C15.9986 9.85109 16 9.92537 16 10C16 13.3137 13.3137 16 10 16C6.68629 16 4 13.3137 4 10Z',\n);\n"]}

package/lib/components/icons/Success24.d.ts

@@ -0,0 +1,3 @@
+/** Success checkmark with hardcoded dark green color */
+export declare const Success24: import("preact").FunctionComponent<import("./createSvgIcon.js").SvgIconProps>;
+//# sourceMappingURL=Success24.d.ts.map

package/lib/components/icons/Success24.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Success24.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Success24.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,eAAO,MAAM,SAAS,+EAKrB,CAAC"}

package/lib/components/icons/Success24.js

@@ -0,0 +1,4 @@
+import { createSvgIcon } from './createSvgIcon.js';
+/** Success checkmark with hardcoded dark green color */
+export const Success24 = createSvgIcon('Success24', 24, 'M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM15.2197 8.96967L10.75 13.4393L8.78033 11.4697C8.48744 11.1768 8.01256 11.1768 7.71967 11.4697C7.42678 11.7626 7.42678 12.2374 7.71967 12.5303L10.2197 15.0303C10.5126 15.3232 10.9874 15.3232 11.2803 15.0303L16.2803 10.0303C16.5732 9.73744 16.5732 9.26256 16.2803 8.96967C15.9874 8.67678 15.5126 8.67678 15.2197 8.96967Z', '#00aa00');
+//# sourceMappingURL=Success24.js.map

package/lib/components/icons/Success24.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Success24.js","sourceRoot":"","sources":["../../../src/components/icons/Success24.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,wDAAwD;AACxD,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CACpC,WAAW,EACX,EAAE,EACF,ibAAib,EACjb,SAAS,CACV,CAAC","sourcesContent":["import { createSvgIcon } from './createSvgIcon.js';\n\n/** Success checkmark with hardcoded dark green color */\nexport const Success24 = createSvgIcon(\n  'Success24',\n  24,\n  'M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM15.2197 8.96967L10.75 13.4393L8.78033 11.4697C8.48744 11.1768 8.01256 11.1768 7.71967 11.4697C7.42678 11.7626 7.42678 12.2374 7.71967 12.5303L10.2197 15.0303C10.5126 15.3232 10.9874 15.3232 11.2803 15.0303L16.2803 10.0303C16.5732 9.73744 16.5732 9.26256 16.2803 8.96967C15.9874 8.67678 15.5126 8.67678 15.2197 8.96967Z',\n  '#00aa00',\n);\n"]}

package/lib/components/icons/Warning24.d.ts

@@ -0,0 +1,3 @@
+/** Warning triangle ! with hardcoded dark yellow color */
+export declare const Warning24: import("preact").FunctionComponent<import("./createSvgIcon.js").SvgIconProps>;
+//# sourceMappingURL=Warning24.d.ts.map

package/lib/components/icons/Warning24.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Warning24.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Warning24.ts"],"names":[],"mappings":"AAEA,0DAA0D;AAC1D,eAAO,MAAM,SAAS,+EAKrB,CAAC"}

package/lib/components/icons/Warning24.js

@@ -0,0 +1,4 @@
+import { createSvgIcon } from './createSvgIcon.js';
+/** Warning triangle ! with hardcoded dark yellow color */
+export const Warning24 = createSvgIcon('Warning', 24, 'M10.03 3.66a2.25 2.25 0 0 1 3.94 0l7.74 14A2.25 2.25 0 0 1 19.74 21H4.25a2.25 2.25 0 0 1-1.97-3.34l7.75-14ZM13 17a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm-.26-7.85a.75.75 0 0 0-1.5.1v4.5l.02.1a.75.75 0 0 0 1.49-.1v-4.5l-.01-.1Z', '#b88700');
+//# sourceMappingURL=Warning24.js.map

package/lib/components/icons/Warning24.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Warning24.js","sourceRoot":"","sources":["../../../src/components/icons/Warning24.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,0DAA0D;AAC1D,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CACpC,SAAS,EACT,EAAE,EACF,0NAA0N,EAC1N,SAAS,CACV,CAAC","sourcesContent":["import { createSvgIcon } from './createSvgIcon.js';\n\n/** Warning triangle ! with hardcoded dark yellow color */\nexport const Warning24 = createSvgIcon(\n  'Warning',\n  24,\n  'M10.03 3.66a2.25 2.25 0 0 1 3.94 0l7.74 14A2.25 2.25 0 0 1 19.74 21H4.25a2.25 2.25 0 0 1-1.97-3.34l7.75-14ZM13 17a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm-.26-7.85a.75.75 0 0 0-1.5.1v4.5l.02.1a.75.75 0 0 0 1.49-.1v-4.5l-.01-.1Z',\n  '#b88700',\n);\n"]}

package/lib/components/icons/createSvgIcon.d.ts

@@ -0,0 +1,17 @@
+import type { FunctionComponent } from 'preact';
+import type { SVGProps } from 'preact/compat';
+export type SvgIconProps = Omit<SVGProps<SVGSVGElement>, 'width' | 'height' | 'viewBox'>;
+/**
+ * Create an SVG icon with proper styling. The advantage of this over inline SVG imports is that
+ * it allows the icons to automatically match the text color (`fill="currentColor"`).
+ *
+ * This is based on `createFluentIcon` from `@fluentui/react-icons`.
+ *
+ * @param displayName The name of the icon, used for debugging
+ * @param width Original width/height of the icon SVG content in pixels, for correct scaling.
+ * @param pathContents `<path>` tag contents
+ * @param color Hardcoded color for the icon (defaults to `'currentColor'` i.e. text color).
+ * This should only be used for things like error/success/warning icons.
+ */
+export declare function createSvgIcon(displayName: string, width: number, pathContents: string, color?: `#${string}`): FunctionComponent<SvgIconProps>;
+//# sourceMappingURL=createSvgIcon.d.ts.map

package/lib/components/icons/createSvgIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSvgIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/createSvgIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC,CAAC;AAEzF;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAC3B,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,MAAM,EAEb,YAAY,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,IAAI,MAAM,EAAE,GACnB,iBAAiB,CAAC,YAAY,CAAC,CAgCjC"}

package/lib/components/icons/createSvgIcon.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import cx from 'classnames';
+import styles from './createSvgIcon.module.css';
+/**
+ * Create an SVG icon with proper styling. The advantage of this over inline SVG imports is that
+ * it allows the icons to automatically match the text color (`fill="currentColor"`).
+ *
+ * This is based on `createFluentIcon` from `@fluentui/react-icons`.
+ *
+ * @param displayName The name of the icon, used for debugging
+ * @param width Original width/height of the icon SVG content in pixels, for correct scaling.
+ * @param pathContents `<path>` tag contents
+ * @param color Hardcoded color for the icon (defaults to `'currentColor'` i.e. text color).
+ * This should only be used for things like error/success/warning icons.
+ */
+export function createSvgIcon(displayName, width, 
+// Currently all the icons just have one path (this could be changed to an array or children if needed)
+pathContents, color) {
+    const Icon = (props) => {
+        // Extract `className` to avoid conflicts with `class`.
+        // Extract `title` since it doesn't work properly on SVG elements and must be manually handled.
+        const { className, title, ...rest } = props;
+        const svgProps = {
+            fill: color || 'currentColor',
+            'aria-label': title,
+            ...rest,
+            class: cx(styles.root, className || props.class),
+            width,
+            height: width,
+            viewBox: `0 0 ${width} ${width}`,
+            xmlns: 'http://www.w3.org/2000/svg',
+        };
+        if (!svgProps['aria-label'] && !svgProps['aria-labelledby']) {
+            svgProps['aria-hidden'] = true;
+        }
+        else {
+            svgProps['role'] = 'img';
+        }
+        return (_jsxs("svg", { ...svgProps, children: [title && _jsx("title", { children: title }), _jsx("path", { d: pathContents, fill: svgProps.fill })] }));
+    };
+    Icon.displayName = displayName;
+    return Icon;
+}
+//# sourceMappingURL=createSvgIcon.js.map

package/lib/components/icons/createSvgIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSvgIcon.js","sourceRoot":"","sources":["../../../src/components/icons/createSvgIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAG5B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAIhD;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,aAAa,CAC3B,WAAmB,EACnB,KAAa;AACb,uGAAuG;AACvG,YAAoB,EACpB,KAAoB;IAEpB,MAAM,IAAI,GAAoC,CAAC,KAAK,EAAE,EAAE;QACtD,uDAAuD;QACvD,+FAA+F;QAC/F,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;QAC5C,MAAM,QAAQ,GAA4B;YACxC,IAAI,EAAE,KAAK,IAAI,cAAc;YAC7B,YAAY,EAAE,KAAK;YACnB,GAAG,IAAI;YACP,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC;YAChD,KAAK;YACL,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,OAAO,KAAK,IAAI,KAAK,EAAE;YAChC,KAAK,EAAE,4BAA4B;SACpC,CAAC;QAEF,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;YAC5D,QAAQ,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC;QAC3B,CAAC;QAED,OAAO,CACL,kBAAS,QAAQ,aACd,KAAK,IAAI,0BAAQ,KAAK,GAAS,EAChC,eAAM,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAI,IAC1C,CACP,CAAC;IACJ,CAAC,CAAC;IACF,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IAE/B,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import cx from 'classnames';\nimport type { FunctionComponent } from 'preact';\nimport type { SVGProps } from 'preact/compat';\nimport styles from './createSvgIcon.module.css';\n\nexport type SvgIconProps = Omit<SVGProps<SVGSVGElement>, 'width' | 'height' | 'viewBox'>;\n\n/**\n * Create an SVG icon with proper styling. The advantage of this over inline SVG imports is that\n * it allows the icons to automatically match the text color (`fill=\"currentColor\"`).\n *\n * This is based on `createFluentIcon` from `@fluentui/react-icons`.\n *\n * @param displayName The name of the icon, used for debugging\n * @param width Original width/height of the icon SVG content in pixels, for correct scaling.\n * @param pathContents `<path>` tag contents\n * @param color Hardcoded color for the icon (defaults to `'currentColor'` i.e. text color).\n * This should only be used for things like error/success/warning icons.\n */\nexport function createSvgIcon(\n  displayName: string,\n  width: number,\n  // Currently all the icons just have one path (this could be changed to an array or children if needed)\n  pathContents: string,\n  color?: `#${string}`,\n): FunctionComponent<SvgIconProps> {\n  const Icon: FunctionComponent<SvgIconProps> = (props) => {\n    // Extract `className` to avoid conflicts with `class`.\n    // Extract `title` since it doesn't work properly on SVG elements and must be manually handled.\n    const { className, title, ...rest } = props;\n    const svgProps: SVGProps<SVGSVGElement> = {\n      fill: color || 'currentColor',\n      'aria-label': title,\n      ...rest,\n      class: cx(styles.root, className || props.class),\n      width,\n      height: width,\n      viewBox: `0 0 ${width} ${width}`,\n      xmlns: 'http://www.w3.org/2000/svg',\n    };\n\n    if (!svgProps['aria-label'] && !svgProps['aria-labelledby']) {\n      svgProps['aria-hidden'] = true;\n    } else {\n      svgProps['role'] = 'img';\n    }\n\n    return (\n      <svg {...svgProps}>\n        {title && <title>{title}</title>}\n        <path d={pathContents} fill={svgProps.fill} />\n      </svg>\n    );\n  };\n  Icon.displayName = displayName;\n\n  return Icon;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ms-cloudpack/overlay",
-  "version": "0.19.18",
+  "version": "0.19.19",
   "description": "The Cloudpack overlay ux.",
   "license": "MIT",
   "types": "./lib/index.d.ts",
@@ -29,7 +29,7 @@
     "prepack": "cp .npmignore dist/.npmignore"
   },
   "devDependencies": {
-    "@ms-cloudpack/api-server": "^0.64.8",
+    "@ms-cloudpack/api-server": "^0.64.9",
     "@ms-cloudpack/common-types": "^0.26.4",
     "@ms-cloudpack/common-types-browser": "^0.6.2",
     "@ms-cloudpack/eslint-plugin-internal": "^0.0.1",

package/dist/browser-esm/282.chunk.js

@@ -1,2 +0,0 @@
-export const __webpack_id__=282;export const __webpack_ids__=[282];export const __webpack_modules__={232:(n,e,t)=>{t.d(e,{Dialog:()=>it});var r=t(821),o=t(104),a=t.n(o),i=t(790),c=function(){return c=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n},c.apply(this,arguments)};function u(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(n);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(n,r[o])&&(t[r[o]]=n[r[o]])}return t}Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError;var d=t(878),l="right-scroll-bar-position",s="width-before-scroll-bar";function f(n,e){return"function"==typeof n?n(e):n&&(n.current=e),n}var A="undefined"!=typeof window?d.useLayoutEffect:d.useEffect,p=new WeakMap;function g(n,e){var t,r,o,a=(t=e||null,r=function(e){return n.forEach(function(n){return f(n,e)})},(o=(0,d.useState)(function(){return{value:t,callback:r,facade:{get current(){return o.value},set current(n){var e=o.value;e!==n&&(o.value=n,o.callback(n,e))}}}})[0]).callback=r,o.facade);return A(function(){var e=p.get(a);if(e){var t=new Set(e),r=new Set(n),o=a.current;t.forEach(function(n){r.has(n)||f(n,null)}),r.forEach(function(n){t.has(n)||f(n,o)})}p.set(a,n)},[n]),a}function m(n){return n}function v(n,e){void 0===e&&(e=m);var t=[],r=!1;return{read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return t.length?t[t.length-1]:n},useMedium:function(n){var o=e(n,r);return t.push(o),function(){t=t.filter(function(n){return n!==o})}},assignSyncMedium:function(n){for(r=!0;t.length;){var e=t;t=[],e.forEach(n)}t={push:function(e){return n(e)},filter:function(){return t}}},assignMedium:function(n){r=!0;var e=[];if(t.length){var o=t;t=[],o.forEach(n),e=t}var a=function(){var t=e;e=[],t.forEach(n)},i=function(){return Promise.resolve().then(a)};i(),t={push:function(n){e.push(n),i()},filter:function(n){return e=e.filter(n),t}}}}}function h(n,e){return void 0===e&&(e=m),v(n,e)}function E(n){void 0===n&&(n={});var e=v(null);return e.options=c({async:!0,ssr:!1},n),e}var x=E(),C=function(){},M=d.forwardRef(function(n,e){var t=d.useRef(null),r=d.useState({onScrollCapture:C,onWheelCapture:C,onTouchMoveCapture:C}),o=r[0],a=r[1],i=n.forwardProps,l=n.children,s=n.className,f=n.removeScrollBar,A=n.enabled,p=n.shards,m=n.sideCar,v=n.noRelative,h=n.noIsolation,E=n.inert,M=n.allowPinchZoom,b=n.as,y=void 0===b?"div":b,w=n.gapMode,N=u(n,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noRelative","noIsolation","inert","allowPinchZoom","as","gapMode"]),D=m,I=g([t,e]),j=c(c({},N),o);return d.createElement(d.Fragment,null,A&&d.createElement(D,{sideCar:x,removeScrollBar:f,shards:p,noRelative:v,noIsolation:h,inert:E,setCallbacks:a,allowPinchZoom:!!M,lockRef:t,gapMode:w}),i?d.cloneElement(d.Children.only(l),c(c({},j),{ref:I})):d.createElement(y,c({},j,{className:s,ref:I}),l))});function b(){return b=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},b.apply(null,arguments)}M.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},M.classNames={fullWidth:s,zeroRight:l};var y="data-focus-lock",w="data-focus-lock-disabled",N={width:"1px",height:"0px",padding:0,overflow:"hidden",position:"fixed",top:"1px",left:"1px"},D=h({},function(n){return{target:n.target,currentTarget:n.currentTarget}}),I=h(),j=h(),T=E({async:!0,ssr:"undefined"!=typeof document}),B=(0,d.createContext)(void 0),_=[],k=(0,d.forwardRef)(function(n,e){var t,r=(0,d.useState)(),o=r[0],a=r[1],i=(0,d.useRef)(),c=(0,d.useRef)(!1),u=(0,d.useRef)(null),l=(0,d.useState)({})[1],s=n.children,f=n.disabled,A=void 0!==f&&f,p=n.noFocusGuards,m=void 0!==p&&p,v=n.persistentFocus,h=void 0!==v&&v,E=n.crossFrame,x=void 0===E||E,C=n.autoFocus,M=void 0===C||C,j=(n.allowTextSelection,n.group),k=n.className,z=n.whiteList,L=n.hasPositiveIndices,O=n.shards,S=void 0===O?_:O,U=n.as,Y=void 0===U?"div":U,P=n.lockProps,Q=void 0===P?{}:P,F=n.sideCar,R=n.returnFocus,Z=void 0!==R&&R,W=n.focusOptions,G=n.onActivation,K=n.onDeactivation,J=(0,d.useState)({})[0],X=(0,d.useCallback)(function(n){var e=n.captureFocusRestore;if(!u.current){var t,r=null==(t=document)?void 0:t.activeElement;u.current=r,r!==document.body&&(u.current=e(r))}i.current&&G&&G(i.current),c.current=!0,l()},[G]),V=(0,d.useCallback)(function(){c.current=!1,K&&K(i.current),l()},[K]),H=(0,d.useCallback)(function(n){var e=u.current;if(e){var t=("function"==typeof e?e():e)||document.body,r="function"==typeof Z?Z(t):Z;if(r){var o="object"==typeof r?r:void 0;u.current=null,n?Promise.resolve().then(function(){return t.focus(o)}):t.focus(o)}}},[Z]),q=(0,d.useCallback)(function(n){c.current&&D.useMedium(n)},[]),$=I.useMedium,nn=(0,d.useCallback)(function(n){i.current!==n&&(i.current=n,a(n))},[]),en=b(((t={})[w]=A&&"disabled",t[y]=j,t),Q),tn=!0!==m,rn=tn&&"tail"!==m,on=g([e,nn]),an=(0,d.useMemo)(function(){return{observed:i,shards:S,enabled:!A,active:c.current}},[A,c.current,S,o]);return d.default.createElement(d.Fragment,null,tn&&[d.default.createElement("div",{key:"guard-first","data-focus-guard":!0,tabIndex:A?-1:0,style:N}),L?d.default.createElement("div",{key:"guard-nearest","data-focus-guard":!0,tabIndex:A?-1:1,style:N}):null],!A&&d.default.createElement(F,{id:J,sideCar:T,observed:o,disabled:A,persistentFocus:h,crossFrame:x,autoFocus:M,whiteList:z,shards:S,onActivation:X,onDeactivation:V,returnFocus:H,focusOptions:W,noFocusGuards:m}),d.default.createElement(Y,b({ref:on},en,{className:k,onBlur:$,onFocus:q}),d.default.createElement(B.Provider,{value:an},s)),rn&&d.default.createElement("div",{"data-focus-guard":!0,tabIndex:A?-1:0,style:N}))});k.propTypes={};const z=k;var L=E(),O="data-focus-on-hidden",S={preventScroll:!0},U=d.forwardRef(function(n,e){var t=d.useState(!1),r=t[0],o=t[1],a=n.children,i=n.autoFocus,l=n.shards,s=n.crossFrame,f=n.enabled,A=void 0===f||f,p=n.scrollLock,g=void 0===p||p,m=n.focusLock,v=void 0===m||m,h=n.returnFocus,E=void 0===h||h,x=n.inert,C=n.allowPinchZoom,b=n.sideCar,y=n.className,w=n.shouldIgnore,N=n.preventScrollOnFocus,D=n.style,I=n.as,j=n.gapMode,T=u(n,["children","autoFocus","shards","crossFrame","enabled","scrollLock","focusLock","returnFocus","inert","allowPinchZoom","sideCar","className","shouldIgnore","preventScrollOnFocus","style","as","gapMode"]),B=b,_=r.onActivation,k=r.onDeactivation,O=u(r,["onActivation","onDeactivation"]),U=c(c({},O),{as:I,style:D,sideCar:b,shards:l,allowPinchZoom:C,gapMode:j,inert:x,enabled:A&&g});return d.createElement(d.Fragment,null,d.createElement(z,{ref:e,sideCar:b,disabled:!(r&&A&&v),returnFocus:E,autoFocus:i,shards:l,crossFrame:s,onActivation:_,onDeactivation:k,className:y,whiteList:w,lockProps:U,focusOptions:N?S:void 0,as:M},a),A&&d.createElement(B,c({},T,{sideCar:L,setLockProps:o,shards:l})))}),Y=function(n){var e=n.sideCar,t=u(n,["sideCar"]);if(!e)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var r=e.read();if(!r)throw new Error("Sidecar medium not found");return d.createElement(r,c({},t))};function P(n,e){return n.useMedium(e),Y}function Q(n,e){return Q=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,e){return n.__proto__=e,n},Q(n,e)}function F(n){return F="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},F(n)}Y.isSideCarExport=!0;var R=function(n){for(var e=Array(n.length),t=0;t<n.length;++t)e[t]=n[t];return e},Z=function(n){return Array.isArray(n)?n:[n]},W=function(n){return Array.isArray(n)?n[0]:n},G=function(n){return n.parentNode&&n.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?n.parentNode.host:n.parentNode},K=function(n){return n===document||n&&n.nodeType===Node.DOCUMENT_NODE},J=function(n,e){var t=n.get(e);if(void 0!==t)return t;var r=function(n,e){return!n||K(n)||!function(n){if(n.nodeType!==Node.ELEMENT_NODE)return!1;var e=window.getComputedStyle(n,null);return!(!e||!e.getPropertyValue||"none"!==e.getPropertyValue("display")&&"hidden"!==e.getPropertyValue("visibility"))}(n)&&!function(n){return n.hasAttribute("inert")}(n)&&e(G(n))}(e,J.bind(void 0,n));return n.set(e,r),r},X=function(n,e){var t=n.get(e);if(void 0!==t)return t;var r=function(n,e){return!(n&&!K(n))||!!$(n)&&e(G(n))}(e,X.bind(void 0,n));return n.set(e,r),r},V=function(n){return n.dataset},H=function(n){return"INPUT"===n.tagName},q=function(n){return H(n)&&"radio"===n.type},$=function(n){var e=n.getAttribute("data-no-autofocus");return![!0,"true",""].includes(e)},nn=function(n){var e;return Boolean(n&&(null===(e=V(n))||void 0===e?void 0:e.focusGuard))},en=function(n){return!nn(n)},tn=function(n){return Boolean(n)},rn=function(n,e){var t=Math.max(0,n.tabIndex),r=Math.max(0,e.tabIndex),o=t-r,a=n.index-e.index;if(o){if(!t)return 1;if(!r)return-1}return o||a},on=function(n,e,t){return R(n).map(function(n,e){var r=function(n){return n.tabIndex<0&&!n.hasAttribute("tabindex")?0:n.tabIndex}(n);return{node:n,index:e,tabIndex:t&&-1===r?(n.dataset||{}).focusGuard?0:-1:r}}).filter(function(n){return!e||n.tabIndex>=0}).sort(rn)},an=["button:enabled","select:enabled","textarea:enabled","input:enabled","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[tabindex]","[contenteditable]","[autofocus]"].join(","),cn="".concat(an,", [data-focus-guard]"),un=function(n,e){return R((n.shadowRoot||n).children).reduce(function(n,t){return n.concat(t.matches(e?cn:an)?[t]:[],un(t))},[])},dn=function(n,e){return n.reduce(function(n,t){var r,o=un(t,e),a=(r=[]).concat.apply(r,o.map(function(n){return function(n,e){var t;return n instanceof HTMLIFrameElement&&(null===(t=n.contentDocument)||void 0===t?void 0:t.body)?dn([n.contentDocument.body],e):[n]}(n,e)}));return n.concat(a,t.parentNode?R(t.parentNode.querySelectorAll(an)).filter(function(n){return n===t}):[])},[])},ln=function(n,e){return R(n).filter(function(n){return J(e,n)}).filter(function(n){return function(n){return!((H(n)||function(n){return"BUTTON"===n.tagName}(n))&&("hidden"===n.type||n.disabled))}(n)})},sn=function(n,e){return void 0===e&&(e=new Map),R(n).filter(function(n){return X(e,n)})},fn=function(n,e,t){return on(ln(dn(n,t),e),!0,t)},An=function(n,e){return on(ln(dn(n),e),!1)},pn=function(n,e){return n.shadowRoot?pn(n.shadowRoot,e):!(void 0===Object.getPrototypeOf(n).contains||!Object.getPrototypeOf(n).contains.call(n,e))||R(n.children).some(function(n){var t;if(n instanceof HTMLIFrameElement){var r=null===(t=n.contentDocument)||void 0===t?void 0:t.body;return!!r&&pn(r,e)}return pn(n,e)})},gn=function(n){if(void 0===n&&(n=document),n&&n.activeElement){var e=n.activeElement;return e.shadowRoot?gn(e.shadowRoot):e instanceof HTMLIFrameElement&&function(){try{return e.contentWindow.document}catch(n){return}}()?gn(e.contentWindow.document):e}},mn=function(n){return n.parentNode?mn(n.parentNode):n},vn=function(n){return Z(n).filter(Boolean).reduce(function(n,e){var t=e.getAttribute(y);return n.push.apply(n,t?function(n){for(var e=new Set,t=n.length,r=0;r<t;r+=1)for(var o=r+1;o<t;o+=1){var a=n[r].compareDocumentPosition(n[o]);(a&Node.DOCUMENT_POSITION_CONTAINED_BY)>0&&e.add(o),(a&Node.DOCUMENT_POSITION_CONTAINS)>0&&e.add(r)}return n.filter(function(n,t){return!e.has(t)})}(R(mn(e).querySelectorAll("[".concat(y,'="').concat(t,'"]:not([').concat(w,'="disabled"])')))):[e]),n},[])},hn=function(n,e){return void 0===e&&(e=gn(W(n).ownerDocument)),!(!e||e.dataset&&e.dataset.focusGuard)&&vn(n).some(function(n){return pn(n,e)||function(n,e){return Boolean(R(n.querySelectorAll("iframe")).some(function(n){return function(n,e){return n===e}(n,e)}))}(n,e)})},En=function(n,e){n&&("focus"in n&&n.focus(e),"contentWindow"in n&&n.contentWindow&&n.contentWindow.focus())},xn=function(n,e){return q(n)&&n.name?function(n,e){return e.filter(q).filter(function(e){return e.name===n.name}).filter(function(n){return n.checked})[0]||n}(n,e):n},Cn=function(n){return n[0]&&n.length>1?xn(n[0],n):n[0]},Mn=function(n,e){return n.indexOf(xn(e,n))},bn="NEW_FOCUS",yn=function(n,e,t){var r,o=n.map(function(n){return n.node}),a=sn(o.filter((r=t,function(n){var e,t=null===(e=V(n))||void 0===e?void 0:e.autofocus;return n.autofocus||void 0!==t&&"false"!==t||r.indexOf(n)>=0})));return a&&a.length?Cn(a):Cn(sn(e))},wn=function(n,e){return void 0===e&&(e=[]),e.push(n),n.parentNode&&wn(n.parentNode.host||n.parentNode,e),e},Nn=function(n,e){for(var t=wn(n),r=wn(e),o=0;o<t.length;o+=1){var a=t[o];if(r.indexOf(a)>=0)return a}return!1},Dn=function(n,e,t){var r=Z(n),o=Z(e),a=r[0],i=!1;return o.filter(Boolean).forEach(function(n){i=Nn(i||n,n)||i,t.filter(Boolean).forEach(function(n){var e=Nn(a,n);e&&(i=!i||pn(e,i)?e:Nn(e,i))})}),i},In=function(n,e){return n.reduce(function(n,t){return n.concat(function(n,e){return ln((t=n.querySelectorAll("[".concat("data-autofocus-inside","]")),R(t).map(function(n){return dn([n])}).reduce(function(n,e){return n.concat(e)},[])),e);var t}(t,e))},[])},jn=function(n,e){var t=gn(Z(n).length>0?document:W(n).ownerDocument),r=vn(n).filter(en),o=Dn(t||n,n,r),a=new Map,i=An(r,a),c=i.filter(function(n){var e=n.node;return en(e)});if(c[0]){var u,d,l,s=An([o],a).map(function(n){return n.node}),f=(u=s,d=c,l=new Map,d.forEach(function(n){return l.set(n.node,n)}),u.map(function(n){return l.get(n)}).filter(tn)),A=f.map(function(n){return n.node}),p=f.filter(function(n){return n.tabIndex>=0}).map(function(n){return n.node}),g=function(n,e,t,r,o){var a=n.length,i=n[0],c=n[a-1],u=nn(r);if(!(r&&n.indexOf(r)>=0)){var d=void 0!==r?t.indexOf(r):-1,l=o?t.indexOf(o):d,s=o?n.indexOf(o):-1;if(-1===d)return-1!==s?s:bn;if(-1===s)return bn;var f,A,p=d-l,g=t.indexOf(i),m=t.indexOf(c),v=(f=t,A=new Set,f.forEach(function(n){return A.add(xn(n,f))}),f.filter(function(n){return A.has(n)})),h=void 0!==r?v.indexOf(r):-1,E=o?v.indexOf(o):h,x=v.filter(function(n){return n.tabIndex>=0}),C=void 0!==r?x.indexOf(r):-1,M=o?x.indexOf(o):C,b=C>=0&&M>=0?M-C:E-h;if(!p&&s>=0)return s;if(0===e.length)return s;var y=Mn(n,e[0]),w=Mn(n,e[e.length-1]);return d<=g&&u&&Math.abs(p)>1?w:d>=m&&u&&Math.abs(p)>1?y:p&&Math.abs(b)>1?s:d<=g?w:d>m?y:p?Math.abs(p)>1?s:(a+s+p)%a:void 0}}(A,p,s,t,e);if(g===bn){var m=yn(i,p,In(r,a))||yn(i,A,In(r,a));return m?{node:m}:void console.warn("focus-lock: cannot find any node to move focus into")}return void 0===g?g:f[g]}},Tn=0,Bn=!1,_n=function(n,e,t){void 0===t&&(t={});var r=jn(n,e);if(!Bn&&r){if(Tn>2)return console.error("FocusLock: focus-fighting detected. Only one focus management system could be active. See https://github.com/theKashey/focus-lock/#focus-fighting"),Bn=!0,void setTimeout(function(){Bn=!1},1);Tn++,En(r.node,t.focusOptions),Tn--}};function kn(n){if(!n)return null;if("undefined"==typeof WeakRef)return function(){return n||null};var e=n?new WeakRef(n):null;return function(){return(null==e?void 0:e.deref())||null}}var zn=function(n){var e=function(n){if(!n)return null;for(var e=[],t=n;t&&t!==document.body;)e.push({current:kn(t),parent:kn(t.parentElement),left:kn(t.previousElementSibling),right:kn(t.nextElementSibling)}),t=t.parentElement;return{element:kn(n),stack:e,ownerDocument:n.ownerDocument}}(n);return function(){return function(n){var e,t,r,o,a;if(n)for(var i=n.stack,c=n.ownerDocument,u=new Map,d=0,l=i;d<l.length;d++){var s=l[d],f=null===(e=s.parent)||void 0===e?void 0:e.call(s);if(f&&c.contains(f)){for(var A=null===(t=s.left)||void 0===t?void 0:t.call(s),p=s.current(),g=f.contains(p)?p:void 0,m=null===(r=s.right)||void 0===r?void 0:r.call(s),v=fn([f],u),h=null!==(a=null!==(o=null!=g?g:null==A?void 0:A.nextElementSibling)&&void 0!==o?o:m)&&void 0!==a?a:A;h;){for(var E=0,x=v;E<x.length;E++){var C=x[E];if(null==h?void 0:h.contains(C.node))return C.node}h=h.nextElementSibling}if(v.length)return v[0].node}}}(e)}},Ln=function(n,e,t){void 0===e&&(e={});var r=function(n){return Object.assign({scope:document.body,cycle:!0,onlyTabbable:!0},n)}(e),o=function(n,e,t){if(!n||!e)return console.error("no element or scope given"),{};var r=Z(e);if(r.every(function(e){return!pn(e,n)}))return console.error("Active element is not contained in the scope"),{};var o=t?fn(r,new Map):An(r,new Map),a=o.findIndex(function(e){return e.node===n});return-1!==a?{prev:o[a-1],next:o[a+1],first:o[0],last:o[o.length-1]}:void 0}(n,r.scope,r.onlyTabbable);if(o){var a=t(o,r.cycle);a&&En(a.node,r.focusOptions)}},On=function(n,e,t){var r,o,a,i,c=(o=n,a=null===(r=e.onlyTabbable)||void 0===r||r,{first:(i=a?fn(Z(o),new Map):An(Z(o),new Map))[0],last:i[i.length-1]})[t];c&&En(c.node,e.focusOptions)};function Sn(n){setTimeout(n,1)}var Un=function(n){return n&&"current"in n?n.current:n},Yn=function(){return document&&document.activeElement===document.body},Pn=null,Qn=null,Fn=function(){return null},Rn=null,Zn=!1,Wn=!1,Gn=function(){return!0};function Kn(n,e,t,r){var o=null,a=n;do{var i=r[a];if(i.guard)i.node.dataset.focusAutoGuard&&(o=i);else{if(!i.lockItem)break;if(a!==n)return;o=null}}while((a+=t)!==e);o&&(o.node.tabIndex=0)}var Jn=function n(e,t,r){return t&&(t.host===e&&(!t.activeElement||r.contains(t.activeElement))||t.parentNode&&n(e,t.parentNode,r))},Xn=function(n){return An(n,new Map)},Vn=function(){var n,e,t,r,o,a,i,c=!1;if(Pn){var u=Pn,d=u.observed,l=u.persistentFocus,s=u.autoFocus,f=u.shards,A=u.crossFrame,p=u.focusOptions,g=u.noFocusGuards,m=d||Rn&&Rn.portaledElement;if(Yn()&&Qn&&Qn!==document.body&&(!document.body.contains(Qn)||!Xn([(i=Qn).parentNode]).some(function(n){return n.node===i}))){var v=Fn();v&&v.focus()}var h=document&&document.activeElement;if(m){var E=[m].concat(f.map(Un).filter(Boolean));if(h&&!function(n){return(Pn.whiteList||Gn)(n)}(h)||(l||function(){if(!(A?Boolean(Zn):"meanwhile"===Zn)||!g||!Qn||Wn)return!1;var n=Xn(E),e=n.findIndex(function(n){return n.node===Qn});return 0===e||e===n.length-1}()||!(Yn()||function(n){void 0===n&&(n=document);var e=gn(n);return!!e&&R(n.querySelectorAll("[".concat("data-no-focus-lock","]"))).some(function(n){return pn(n,e)})}())||!Qn&&s)&&(m&&!(hn(E)||h&&function(n,e){return e.some(function(e){return Jn(n,e,e)})}(h,E)||(a=h,Rn&&Rn.portaledElement===a))&&(document&&!Qn&&h&&!s?(h.blur&&h.blur(),document.body.focus()):(c=_n(E,Qn,{focusOptions:p}),Rn={})),(Qn=document&&document.activeElement)!==document.body&&(Fn=zn(Qn)),Zn=!1),document&&h!==document.activeElement&&document.querySelector("[data-focus-auto-guard]")){var x=document&&document.activeElement,C=(e=vn(n=E).filter(en),t=Dn(n,n,e),r=on(dn([t],!0),!0,!0),o=dn(e,!1),r.map(function(n){var e=n.node;return{node:e,index:n.index,lockItem:o.indexOf(e)>=0,guard:nn(e)}})),M=C.map(function(n){return n.node}).indexOf(x);M>-1&&(C.filter(function(n){var e=n.guard,t=n.node;return e&&t.dataset.focusAutoGuard}).forEach(function(n){return n.node.removeAttribute("tabIndex")}),Kn(M,C.length,1,C),Kn(M,-1,-1,C))}}}return c},Hn=function(n){Vn()&&n&&(n.stopPropagation(),n.preventDefault())},qn=function(){return Sn(Vn)},$n=function(){Wn=!0},ne=function(){Wn=!1,Zn="just",Sn(function(){Zn="meanwhile"})},ee={moveFocusInside:_n,focusInside:hn,focusNextElement:function(n,e){void 0===e&&(e={}),Ln(n,e,function(n,e){var t=n.next,r=n.first;return t||e&&r})},focusPrevElement:function(n,e){void 0===e&&(e={}),Ln(n,e,function(n,e){var t=n.prev,r=n.last;return t||e&&r})},focusFirstElement:function(n,e){void 0===e&&(e={}),On(n,e,"first")},focusLastElement:function(n,e){void 0===e&&(e={}),On(n,e,"last")},captureFocusRestore:zn};D.assignSyncMedium(function(n){var e=n.target,t=n.currentTarget;t.contains(e)||(Rn={observerNode:t,portaledElement:e})}),I.assignMedium(qn),j.assignMedium(function(n){return n(ee)});const te=(re=function(n){return n.filter(function(n){return!n.disabled})},oe=function(n){var e=n.slice(-1)[0];e&&!Pn&&(document.addEventListener("focusin",Hn),document.addEventListener("focusout",qn),window.addEventListener("focus",$n),window.addEventListener("blur",ne));var t=Pn,r=t&&e&&e.id===t.id;Pn=e,t&&!r&&(t.onDeactivation(),n.filter(function(n){return n.id===t.id}).length||t.returnFocus(!e)),e?(Qn=null,r&&t.observed===e.observed||e.onActivation(ee),Vn(),Sn(Vn)):(document.removeEventListener("focusin",Hn),document.removeEventListener("focusout",qn),window.removeEventListener("focus",$n),window.removeEventListener("blur",ne),Qn=null)},function(n){var e,t=[];function r(){e=re(t.map(function(n){return n.props})),oe(e)}var o,a,i,c=function(o){var a,i;function c(){return o.apply(this,arguments)||this}i=o,(a=c).prototype=Object.create(i.prototype),a.prototype.constructor=a,Q(a,i),c.peek=function(){return e};var u=c.prototype;return u.componentDidMount=function(){t.push(this),r()},u.componentDidUpdate=function(){r()},u.componentWillUnmount=function(){var n=t.indexOf(this);t.splice(n,1),r()},u.render=function(){return d.default.createElement(n,this.props)},c}(d.PureComponent);return o=c,a="displayName",i="SideEffect("+function(n){return n.displayName||n.name||"Component"}(n)+")",(a=function(n){var e=function(n){if("object"!=F(n)||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=F(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==F(e)?e:e+""}(a))in o?Object.defineProperty(o,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):o[a]=i,c})(function(){return null});var re,oe;P(T,te);var ae=function(){var n=0,e=null;return{add:function(r){var o,a;0==n&&(e=function(){if(!document)return null;var n=document.createElement("style");n.type="text/css";var e=t.nc;return e&&n.setAttribute("nonce",e),n}())&&(a=r,(o=e).styleSheet?o.styleSheet.cssText=a:o.appendChild(document.createTextNode(a)),function(n){(document.head||document.getElementsByTagName("head")[0]).appendChild(n)}(e)),n++},remove:function(){! --n&&e&&(e.parentNode&&e.parentNode.removeChild(e),e=null)}}},ie=function(){var n,e=(n=ae(),function(e,t){d.useEffect(function(){return n.add(e),function(){n.remove()}},[e&&t])});return function(n){var t=n.styles,r=n.dynamic;return e(t,r),null}},ce={left:0,top:0,right:0,gap:0},ue=function(n){return parseInt(n||"",10)||0},de=ie(),le="data-scroll-locked",se=function(n,e,t,r){var o=n.left,a=n.top,i=n.right,c=n.gap;return void 0===t&&(t="margin"),"\n  .".concat("with-scroll-bars-hidden"," {\n   overflow: hidden ").concat(r,";\n   padding-right: ").concat(c,"px ").concat(r,";\n  }\n  body[").concat(le,"] {\n    overflow: hidden ").concat(r,";\n    overscroll-behavior: contain;\n    ").concat([e&&"position: relative ".concat(r,";"),"margin"===t&&"\n    padding-left: ".concat(o,"px;\n    padding-top: ").concat(a,"px;\n    padding-right: ").concat(i,"px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: ").concat(c,"px ").concat(r,";\n    "),"padding"===t&&"padding-right: ".concat(c,"px ").concat(r,";")].filter(Boolean).join(""),"\n  }\n  \n  .").concat(l," {\n    right: ").concat(c,"px ").concat(r,";\n  }\n  \n  .").concat(s," {\n    margin-right: ").concat(c,"px ").concat(r,";\n  }\n  \n  .").concat(l," .").concat(l," {\n    right: 0 ").concat(r,";\n  }\n  \n  .").concat(s," .").concat(s," {\n    margin-right: 0 ").concat(r,";\n  }\n  \n  body[").concat(le,"] {\n    ").concat("--removed-body-scroll-bar-size",": ").concat(c,"px;\n  }\n")},fe=function(){var n=parseInt(document.body.getAttribute(le)||"0",10);return isFinite(n)?n:0},Ae=function(n){var e=n.noRelative,t=n.noImportant,r=n.gapMode,o=void 0===r?"margin":r;d.useEffect(function(){return document.body.setAttribute(le,(fe()+1).toString()),function(){var n=fe()-1;n<=0?document.body.removeAttribute(le):document.body.setAttribute(le,n.toString())}},[]);var a=d.useMemo(function(){return function(n){if(void 0===n&&(n="margin"),"undefined"==typeof window)return ce;var e=function(n){var e=window.getComputedStyle(document.body),t=e["padding"===n?"paddingLeft":"marginLeft"],r=e["padding"===n?"paddingTop":"marginTop"],o=e["padding"===n?"paddingRight":"marginRight"];return[ue(t),ue(r),ue(o)]}(n),t=document.documentElement.clientWidth,r=window.innerWidth;return{left:e[0],top:e[1],right:e[2],gap:Math.max(0,r-t+e[2]-e[0])}}(o)},[o]);return d.createElement(de,{styles:se(a,!e,o,t?"":"!important")})},pe=!1;if("undefined"!=typeof window)try{var ge=Object.defineProperty({},"passive",{get:function(){return pe=!0,!0}});window.addEventListener("test",ge,ge),window.removeEventListener("test",ge,ge)}catch(n){pe=!1}var me=!!pe&&{passive:!1},ve=function(n,e){if(!(n instanceof Element))return!1;var t=window.getComputedStyle(n);return"hidden"!==t[e]&&!(t.overflowY===t.overflowX&&!function(n){return"TEXTAREA"===n.tagName}(n)&&"visible"===t[e])},he=function(n,e){var t=e.ownerDocument,r=e;do{if("undefined"!=typeof ShadowRoot&&r instanceof ShadowRoot&&(r=r.host),Ee(n,r)){var o=xe(n,r);if(o[1]>o[2])return!0}r=r.parentNode}while(r&&r!==t.body);return!1},Ee=function(n,e){return"v"===n?function(n){return ve(n,"overflowY")}(e):function(n){return ve(n,"overflowX")}(e)},xe=function(n,e){return"v"===n?[(t=e).scrollTop,t.scrollHeight,t.clientHeight]:function(n){return[n.scrollLeft,n.scrollWidth,n.clientWidth]}(e);var t},Ce=function(n){return"changedTouches"in n?[n.changedTouches[0].clientX,n.changedTouches[0].clientY]:[0,0]},Me=function(n){return[n.deltaX,n.deltaY]},be=function(n){return n&&"current"in n?n.current:n},ye=function(n){return"\n  .block-interactivity-".concat(n," {pointer-events: none;}\n  .allow-interactivity-").concat(n," {pointer-events: all;}\n")},we=0,Ne=[];function De(n){for(var e=null;null!==n;)n instanceof ShadowRoot&&(e=n.host,n=n.host),n=n.parentNode;return e}P(x,function(n){var e=d.useRef([]),t=d.useRef([0,0]),r=d.useRef(),o=d.useState(we++)[0],a=d.useState(ie)[0],i=d.useRef(n);d.useEffect(function(){i.current=n},[n]),d.useEffect(function(){if(n.inert){document.body.classList.add("block-interactivity-".concat(o));var e=function(n,e,t){if(t||2===arguments.length)for(var r,o=0,a=e.length;o<a;o++)!r&&o in e||(r||(r=Array.prototype.slice.call(e,0,o)),r[o]=e[o]);return n.concat(r||Array.prototype.slice.call(e))}([n.lockRef.current],(n.shards||[]).map(be),!0).filter(Boolean);return e.forEach(function(n){return n.classList.add("allow-interactivity-".concat(o))}),function(){document.body.classList.remove("block-interactivity-".concat(o)),e.forEach(function(n){return n.classList.remove("allow-interactivity-".concat(o))})}}},[n.inert,n.lockRef.current,n.shards]);var c=d.useCallback(function(n,e){if("touches"in n&&2===n.touches.length||"wheel"===n.type&&n.ctrlKey)return!i.current.allowPinchZoom;var o,a=Ce(n),c=t.current,u="deltaX"in n?n.deltaX:c[0]-a[0],d="deltaY"in n?n.deltaY:c[1]-a[1],l=n.target,s=Math.abs(u)>Math.abs(d)?"h":"v";if("touches"in n&&"h"===s&&"range"===l.type)return!1;var f=he(s,l);if(!f)return!0;if(f?o=s:(o="v"===s?"h":"v",f=he(s,l)),!f)return!1;if(!r.current&&"changedTouches"in n&&(u||d)&&(r.current=o),!o)return!0;var A=r.current||o;return function(n,e,t,r){var o=function(n,e){return"h"===n&&"rtl"===e?-1:1}(n,window.getComputedStyle(e).direction),a=o*r,i=t.target,c=e.contains(i),u=!1,d=a>0,l=0,s=0;do{if(!i)break;var f=xe(n,i),A=f[0],p=f[1]-f[2]-o*A;(A||p)&&Ee(n,i)&&(l+=p,s+=A);var g=i.parentNode;i=g&&g.nodeType===Node.DOCUMENT_FRAGMENT_NODE?g.host:g}while(!c&&i!==document.body||c&&(e.contains(i)||e===i));return(d&&(Math.abs(l)<1||!1)||!d&&(Math.abs(s)<1||!1))&&(u=!0),u}(A,e,n,"h"===A?u:d)},[]),u=d.useCallback(function(n){var t=n;if(Ne.length&&Ne[Ne.length-1]===a){var r="deltaY"in t?Me(t):Ce(t),o=e.current.filter(function(n){return n.name===t.type&&(n.target===t.target||t.target===n.shadowParent)&&(e=n.delta,o=r,e[0]===o[0]&&e[1]===o[1]);var e,o})[0];if(o&&o.should)t.cancelable&&t.preventDefault();else if(!o){var u=(i.current.shards||[]).map(be).filter(Boolean).filter(function(n){return n.contains(t.target)});(u.length>0?c(t,u[0]):!i.current.noIsolation)&&t.cancelable&&t.preventDefault()}}},[]),l=d.useCallback(function(n,t,r,o){var a={name:n,delta:t,target:r,should:o,shadowParent:De(r)};e.current.push(a),setTimeout(function(){e.current=e.current.filter(function(n){return n!==a})},1)},[]),s=d.useCallback(function(n){t.current=Ce(n),r.current=void 0},[]),f=d.useCallback(function(e){l(e.type,Me(e),e.target,c(e,n.lockRef.current))},[]),A=d.useCallback(function(e){l(e.type,Ce(e),e.target,c(e,n.lockRef.current))},[]);d.useEffect(function(){return Ne.push(a),n.setCallbacks({onScrollCapture:f,onWheelCapture:f,onTouchMoveCapture:A}),document.addEventListener("wheel",u,me),document.addEventListener("touchmove",u,me),document.addEventListener("touchstart",s,me),function(){Ne=Ne.filter(function(n){return n!==a}),document.removeEventListener("wheel",u,me),document.removeEventListener("touchmove",u,me),document.removeEventListener("touchstart",s,me)}},[]);var p=n.removeScrollBar,g=n.inert;return d.createElement(d.Fragment,null,g?d.createElement(a,{styles:ye(o)}):null,p?d.createElement(Ae,{noRelative:n.noRelative,gapMode:n.gapMode}):null)});var Ie=new WeakMap,je=new WeakMap,Te={},Be=0,_e=function(n){return n&&(n.host||_e(n.parentNode))},ke=function(n,e,t){void 0===t&&(t="data-aria-hidden");var r=Array.from(Array.isArray(n)?n:[n]),o=e||function(n){return"undefined"==typeof document?null:(Array.isArray(n)?n[0]:n).ownerDocument.body}(n);return o?(r.push.apply(r,Array.from(o.querySelectorAll("[aria-live], script"))),function(n,e,t,r){var o=function(n,e){return e.map(function(e){if(n.contains(e))return e;var t=_e(e);return t&&n.contains(t)?t:(console.error("aria-hidden",e,"in not contained inside",n,". Doing nothing"),null)}).filter(function(n){return Boolean(n)})}(e,Array.isArray(n)?n:[n]);Te[t]||(Te[t]=new WeakMap);var a=Te[t],i=[],c=new Set,u=new Set(o),d=function(n){n&&!c.has(n)&&(c.add(n),d(n.parentNode))};o.forEach(d);var l=function(n){n&&!u.has(n)&&Array.prototype.forEach.call(n.children,function(n){if(c.has(n))l(n);else try{var e=n.getAttribute(r),o=null!==e&&"false"!==e,u=(Ie.get(n)||0)+1,d=(a.get(n)||0)+1;Ie.set(n,u),a.set(n,d),i.push(n),1===u&&o&&je.set(n,!0),1===d&&n.setAttribute(t,"true"),o||n.setAttribute(r,"true")}catch(e){console.error("aria-hidden: cannot operate on ",n,e)}})};return l(e),c.clear(),Be++,function(){i.forEach(function(n){var e=Ie.get(n)-1,o=a.get(n)-1;Ie.set(n,e),a.set(n,o),e||(je.has(n)||n.removeAttribute(r),je.delete(n)),o||n.removeAttribute(t)}),--Be||(Ie=new WeakMap,Ie=new WeakMap,je=new WeakMap,Te={})}}(r,o,t,"aria-hidden")):function(){return null}},ze=ie(),Le="\n ["+O+"] {\n   pointer-events: none !important;\n }\n",Oe=function(){return d.createElement(ze,{styles:Le})},Se=function(n){return"current"in n?n.current:n};const Ue=P(L,function(n){var e=n.setLockProps,t=n.onEscapeKey,r=n.onClickOutside,o=n.shards,a=n.onActivation,i=n.onDeactivation,c=n.noIsolation,u=(0,d.useState)(void 0),l=u[0],s=u[1],f=(0,d.useRef)(null),A=(0,d.useRef)(0);return d.useEffect(function(){var n=function(n){n.defaultPrevented||"Escape"!==n.code&&"Escape"!==n.key&&27!==n.keyCode||!t||t(n)},e=function(n){n.defaultPrevented||n.target===f.current||n instanceof MouseEvent&&0!==n.button||o&&o.map(Se).some(function(e){return e&&e.contains(n.target)||e===n.target})||r&&r(n)},a=function(n){e(n),A.current=n.touches.length},i=function(n){A.current=n.touches.length};if(l)return l.ownerDocument.addEventListener("keydown",n),l.ownerDocument.addEventListener("mousedown",e),l.ownerDocument.addEventListener("touchstart",a),l.ownerDocument.addEventListener("touchend",i),function(){l.ownerDocument.removeEventListener("keydown",n),l.ownerDocument.removeEventListener("mousedown",e),l.ownerDocument.removeEventListener("touchstart",a),l.ownerDocument.removeEventListener("touchend",i)}},[l,r,t]),(0,d.useEffect)(function(){if(l)return a&&a(l),function(){i&&i()}},[!!l]),(0,d.useEffect)(function(){var n=function(){return null},t=!1;return e({onMouseDown:function(n){f.current=n.target},onTouchStart:function(n){f.current=n.target},onActivation:function(e){c||(n=ke(function(){for(var n=0,e=0,t=arguments.length;e<t;e++)n+=arguments[e].length;var r=Array(n),o=0;for(e=0;e<t;e++)for(var a=arguments[e],i=0,c=a.length;i<c;i++,o++)r[o]=a[i];return r}([e],(o||[]).map(Se)),e.ownerDocument.body,O)),s(function(){return e})},onDeactivation:function(){n(),t||s(null)}}),function(){t=!0,e(!1)}},[]),d.createElement(Oe,null)});var Ye=function(n){return d.createElement(Ue,c({},n))},Pe=d.forwardRef(function(n,e){return d.createElement(U,c({},n,{ref:e,sideCar:Ye}))}),Qe=t(606),Fe=t.n(Qe),Re=t(607),Ze=t.n(Re),We=t(437),Ge=t.n(We),Ke=t(750),Je=t.n(Ke),Xe=t(994),Ve=t.n(Xe),He=t(415),qe=t.n(He),$e=t(429),nt={};nt.styleTagTransform=qe(),nt.setAttributes=Je(),nt.insert=Ge().bind(null,"head"),nt.domAPI=Ze(),nt.insertStyleElement=Ve(),Fe()($e.default,nt);const et=$e.default&&$e.default.locals?$e.default.locals:void 0;var tt=t(658),rt=t(394),ot=t(116);const at=Pe,it=n=>{const{title:e,id:t,style:o,draggable:c,onClose:u,commands:d,children:l}=n,s=(0,i.useRef)(null),f=(0,i.useRef)(null);return(0,tt.useDraggable)({enabled:!!c,containerElementRef:s,dragElementRef:f}),(0,r.jsx)(at,{className:et.overlay,onClickOutside:u,onEscapeKey:u,onActivation:()=>f.current?.focus(),children:(0,r.jsxs)("div",{id:t,ref:s,class:a()(et.dialog,"error"===o&&et.error),role:"dialog","aria-modal":!0,"aria-labelledby":ot.elementIds.dialogTitle,children:[(0,r.jsxs)("div",{class:et.titleArea,children:[(0,r.jsx)("h2",{ref:f,id:ot.elementIds.dialogTitle,class:a()(et.title,c&&et.draggable),tabIndex:-1,children:e}),u&&(0,r.jsx)(rt.Button,{variant:"iconOnly",iconName:"close",onClick:u,"aria-label":"Close"})]}),d&&(0,r.jsx)("div",{class:et.commands,children:d}),l]})})}},429:(n,e,t)=>{t.d(e,{default:()=>c});var r=t(692),o=t.n(r),a=t(860),i=t.n(a)()(o());i.push([n.id,".overlay__nFL23Zz8oxyuq_mozmYD {\n  background: rgba(0, 0, 0, 0.1);\n  border: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: var(--cp-zIndexDialog);\n}\n\n@keyframes fade-in__RgoXtDCvXp_zLUEhFX0G {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.commands__VZxKM817eSqGY6etKAYx {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  flex-shrink: 0;\n  padding: 0 20px 8px;\n}\n\n.dialog__ZWJzr7wpZVh1FbHdy6Q2 {\n  /* used for the top border and title color */\n  --cp-dialogAccent: var(--cp-themePrimary);\n  animation: fade-in__RgoXtDCvXp_zLUEhFX0G 0.1s ease-in-out;\n  width: 80vw;\n  align-self: stretch;\n  margin: 20px 0;\n  background: white;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border-top: 4px solid var(--cp-dialogAccent);\n  border-radius: 3px;\n  box-shadow:\n    rgb(0 0 0 / 22%) 0px 25.6px 57.6px 0px,\n    rgb(0 0 0 / 18%) 0px 4.8px 14.4px 0px;\n  position: relative;\n  outline: transparent solid 3px;\n}\n.dialog__ZWJzr7wpZVh1FbHdy6Q2.error__sqI0jdiToNIQgfQ6E95R {\n  --cp-dialogAccent: var(--cp-errorDark);\n}\n\n.draggable__J68SmatPFr3O_E5JYUtt {\n  cursor: move;\n}\n\n.titleArea__Bq9plXsgb2IJ0KMqM0yK {\n  display: flex;\n  align-items: center;\n  padding: 12px 12px 2px 20px;\n}\n\n.title__LTsU7kHigVvD2yo102t7 {\n  margin: 0;\n  padding: 0;\n  flex-grow: 1;\n  font-size: 24px;\n  font-weight: 600;\n  color: var(--cp-dialogAccent);\n}\n","",{version:3,sources:["webpack://./src/components/Dialog/Dialog.module.css"],names:[],mappings:"AAAA;EACE,8BAA8B;EAC9B,YAAY;EACZ,eAAe;EACf,MAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAS;EACT,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,+BAA+B;AACjC;;AAEA;EACE;IACE,UAAU;EACZ;EACA;IACE,UAAU;EACZ;AACF;;AAEA;EACE,aAAa;EACb,QAAQ;EACR,mBAAmB;EACnB,cAAc;EACd,mBAAmB;AACrB;;AAEA;EACE,4CAA4C;EAC5C,yCAAyC;EACzC,yDAAmC;EACnC,WAAW;EACX,mBAAmB;EACnB,cAAc;EACd,iBAAiB;EACjB,sBAAsB;EACtB,aAAa;EACb,sBAAsB;EACtB,QAAQ;EACR,4CAA4C;EAC5C,kBAAkB;EAClB;;yCAEuC;EACvC,kBAAkB;EAClB,8BAA8B;AAChC;AACA;EACE,sCAAsC;AACxC;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,2BAA2B;AAC7B;;AAEA;EACE,SAAS;EACT,UAAU;EACV,YAAY;EACZ,eAAe;EACf,gBAAgB;EAChB,6BAA6B;AAC/B",sourcesContent:[".overlay {\n  background: rgba(0, 0, 0, 0.1);\n  border: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: var(--cp-zIndexDialog);\n}\n\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.commands {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  flex-shrink: 0;\n  padding: 0 20px 8px;\n}\n\n.dialog {\n  /* used for the top border and title color */\n  --cp-dialogAccent: var(--cp-themePrimary);\n  animation: fade-in 0.1s ease-in-out;\n  width: 80vw;\n  align-self: stretch;\n  margin: 20px 0;\n  background: white;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border-top: 4px solid var(--cp-dialogAccent);\n  border-radius: 3px;\n  box-shadow:\n    rgb(0 0 0 / 22%) 0px 25.6px 57.6px 0px,\n    rgb(0 0 0 / 18%) 0px 4.8px 14.4px 0px;\n  position: relative;\n  outline: transparent solid 3px;\n}\n.dialog.error {\n  --cp-dialogAccent: var(--cp-errorDark);\n}\n\n.draggable {\n  cursor: move;\n}\n\n.titleArea {\n  display: flex;\n  align-items: center;\n  padding: 12px 12px 2px 20px;\n}\n\n.title {\n  margin: 0;\n  padding: 0;\n  flex-grow: 1;\n  font-size: 24px;\n  font-weight: 600;\n  color: var(--cp-dialogAccent);\n}\n"],sourceRoot:""}]),i.locals={overlay:"overlay__nFL23Zz8oxyuq_mozmYD",commands:"commands__VZxKM817eSqGY6etKAYx",dialog:"dialog__ZWJzr7wpZVh1FbHdy6Q2","fade-in":"fade-in__RgoXtDCvXp_zLUEhFX0G",error:"error__sqI0jdiToNIQgfQ6E95R",draggable:"draggable__J68SmatPFr3O_E5JYUtt",titleArea:"titleArea__Bq9plXsgb2IJ0KMqM0yK",title:"title__LTsU7kHigVvD2yo102t7"};const c=i},538:(n,e,t)=>{t.d(e,{default:()=>c});var r=t(692),o=t.n(r),a=t(860),i=t.n(a)()(o());i.push([n.id,"/* NOTE: This is also used by ErrorDialog */\n.root__sQBBRBwDngEVzWzI6zAo {\n  flex-grow: 1;\n  overflow: auto;\n  border-top: 1px solid var(--cp-border);\n  box-sizing: border-box;\n  padding: 16px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n","",{version:3,sources:["webpack://./src/components/StatusDialog/TaskList.module.css"],names:[],mappings:"AAAA,2CAA2C;AAC3C;EACE,YAAY;EACZ,cAAc;EACd,sCAAsC;EACtC,sBAAsB;EACtB,kBAAkB;EAClB,aAAa;EACb,sBAAsB;EACtB,QAAQ;AACV",sourcesContent:["/* NOTE: This is also used by ErrorDialog */\n.root {\n  flex-grow: 1;\n  overflow: auto;\n  border-top: 1px solid var(--cp-border);\n  box-sizing: border-box;\n  padding: 16px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n"],sourceRoot:""}]),i.locals={root:"root__sQBBRBwDngEVzWzI6zAo"};const c=i},595:(n,e,t)=>{t.d(e,{ResultsAccordion:()=>y,ResultsAccordionContent:()=>w});var r=t(821),o=t(790),a=t(104),i=t.n(a),c=t(606),u=t.n(c),d=t(607),l=t.n(d),s=t(437),f=t.n(s),A=t(750),p=t.n(A),g=t(994),m=t.n(g),v=t(415),h=t.n(v),E=t(741),x={};x.styleTagTransform=h(),x.setAttributes=p(),x.insert=f().bind(null,"head"),x.domAPI=l(),x.insertStyleElement=m(),u()(E.default,x);const C=E.default&&E.default.locals?E.default.locals:void 0;var M=t(394);const b={error:(0,r.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJDMTcuNTIyOCAyIDIyIDYuNDc3MTUgMjIgMTJDMjIgMTcuNTIyOCAxNy41MjI4IDIyIDEyIDIyQzYuNDc3MTUgMjIgMiAxNy41MjI4IDIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyWk0xNS41MzAzIDguNDY5NjdMMTUuNDQ2MiA4LjM5NzA1QzE1LjE4NTIgOC4yMDM0IDE0LjgyNyA4LjIwMTAxIDE0LjU2MzYgOC4zODk4OEwxNC40Njk3IDguNDY5NjdMMTIgMTAuOTM5TDkuNTMwMzMgOC40Njk2N0w5LjQ0NjIxIDguMzk3MDVDOS4xODUyMiA4LjIwMzQgOC44MjcwMSA4LjIwMTAxIDguNTYzNjIgOC4zODk4OEw4LjQ2OTY3IDguNDY5NjdMOC4zOTcwNSA4LjU1Mzc5QzguMjAzNCA4LjgxNDc4IDguMjAxMDEgOS4xNzI5OSA4LjM4OTg4IDkuNDM2MzhMOC40Njk2NyA5LjUzMDMzTDEwLjkzOSAxMkw4LjQ2OTY3IDE0LjQ2OTdMOC4zOTcwNSAxNC41NTM4QzguMjAzNCAxNC44MTQ4IDguMjAxMDEgMTUuMTczIDguMzg5ODggMTUuNDM2NEw4LjQ2OTY3IDE1LjUzMDNMOC41NTM3OSAxNS42MDI5QzguODE0NzggMTUuNzk2NiA5LjE3Mjk5IDE1Ljc5OSA5LjQzNjM4IDE1LjYxMDFMOS41MzAzMyAxNS41MzAzTDEyIDEzLjA2MUwxNC40Njk3IDE1LjUzMDNMMTQuNTUzOCAxNS42MDI5QzE0LjgxNDggMTUuNzk2NiAxNS4xNzMgMTUuNzk5IDE1LjQzNjQgMTUuNjEwMUwxNS41MzAzIDE1LjUzMDNMMTUuNjAyOSAxNS40NDYyQzE1Ljc5NjYgMTUuMTg1MiAxNS43OTkgMTQuODI3IDE1LjYxMDEgMTQuNTYzNkwxNS41MzAzIDE0LjQ2OTdMMTMuMDYxIDEyTDE1LjUzMDMgOS41MzAzM0wxNS42MDI5IDkuNDQ2MjFDMTUuNzk2NiA5LjE4NTIyIDE1Ljc5OSA4LjgyNzAxIDE1LjYxMDEgOC41NjM2MkwxNS41MzAzIDguNDY5NjdMMTUuNDQ2MiA4LjM5NzA1TDE1LjUzMDMgOC40Njk2N1oiIGZpbGw9IiNhNDI2MmMiLz4KPC9zdmc+Cg==",alt:"Error"}),warning:(0,r.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuMDMgMy42NmEyLjI1IDIuMjUgMCAwIDEgMy45NCAwbDcuNzQgMTRBMi4yNSAyLjI1IDAgMCAxIDE5Ljc0IDIxSDQuMjVhMi4yNSAyLjI1IDAgMCAxLTEuOTctMy4zNGw3Ljc1LTE0Wk0xMyAxN2ExIDEgMCAxIDAtMiAwIDEgMSAwIDAgMCAyIDBabS0uMjYtNy44NWEuNzUuNzUgMCAwIDAtMS41LjF2NC41bC4wMi4xYS43NS43NSAwIDAgMCAxLjQ5LS4xdi00LjVsLS4wMS0uMVoiIGZpbGw9IiNiODg3MDAiPjwvcGF0aD48L3N2Zz4K",alt:"Warning"}),success:(0,r.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJDMTcuNTIyOCAyIDIyIDYuNDc3MTUgMjIgMTJDMjIgMTcuNTIyOCAxNy41MjI4IDIyIDEyIDIyQzYuNDc3MTUgMjIgMiAxNy41MjI4IDIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyWk0xNS4yMTk3IDguOTY5NjdMMTAuNzUgMTMuNDM5M0w4Ljc4MDMzIDExLjQ2OTdDOC40ODc0NCAxMS4xNzY4IDguMDEyNTYgMTEuMTc2OCA3LjcxOTY3IDExLjQ2OTdDNy40MjY3OCAxMS43NjI2IDcuNDI2NzggMTIuMjM3NCA3LjcxOTY3IDEyLjUzMDNMMTAuMjE5NyAxNS4wMzAzQzEwLjUxMjYgMTUuMzIzMiAxMC45ODc0IDE1LjMyMzIgMTEuMjgwMyAxNS4wMzAzTDE2LjI4MDMgMTAuMDMwM0MxNi41NzMyIDkuNzM3NDQgMTYuNTczMiA5LjI2MjU2IDE2LjI4MDMgOC45Njk2N0MxNS45ODc0IDguNjc2NzggMTUuNTEyNiA4LjY3Njc4IDE1LjIxOTcgOC45Njk2N1oiIGZpbGw9IiMwMGFhMDAiLz4KPC9zdmc+Cg==",alt:"Success"})},y=n=>{const{name:e,result:t,headerEndContent:a,headerCommands:c,getContent:u,index:d}=n,[l,s]=(0,o.useState)(void 0),f=!0===l||void 0===l&&"error"===t,A=`results-accordion-button-${d}`,p=`results-accordion-content-${d}`;return(0,r.jsxs)("div",{class:C.root,children:[(0,r.jsxs)("div",{class:i()(C.header,C[t],f&&C.expanded),children:[(0,r.jsx)("h3",{class:C.headerButtonWrapper,children:(0,r.jsxs)(M.Button,{id:A,class:C.headerButton,variant:"custom","aria-expanded":f,"aria-controls":p,onClick:()=>s(!f),children:[(0,r.jsx)("img",{class:i()(C.expandIcon,!f&&C.collapsed),src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljc5NCA3LjczMjcxQzE2LjA3OTcgOC4wMzI2MyAxNi4wNjgxIDguNTA3MzcgMTUuNzY4MiA4Ljc5MzA2TDEwLjUxNzggMTMuNzk0NEMxMC4yMjgxIDE0LjA3MDMgOS43NzI4NSAxNC4wNzAzIDkuNDgzMTggMTMuNzk0NEw0LjIzMjcxIDguNzkzMDZDMy45MzI3OSA4LjUwNzM3IDMuOTIxMjUgOC4wMzI2MyA0LjIwNjk0IDcuNzMyNzFDNC40OTI2NCA3LjQzMjc5IDQuOTY3MzcgNy40MjEyNSA1LjI2NzI5IDcuNzA2OTRMMTAuMDAwNSAxMi4yMTU1TDE0LjczMzYgNy43MDY5NEMxNS4wMzM2IDcuNDIxMjUgMTUuNTA4MyA3LjQzMjc5IDE1Ljc5NCA3LjczMjcxWiIgZmlsbD0iIzIxMjEyMSIvPgo8L3N2Zz4K",alt:""}),b[t],(0,r.jsx)("div",{class:C.title,children:e}),a&&(0,r.jsx)("div",{class:C.headerEnd,children:a})]})}),c&&(0,r.jsx)("div",{class:C.headerCommands,children:c})]}),(0,r.jsx)("div",{id:p,class:f?C.content:C.contentHidden,children:f&&u()})]})},w=n=>{const{title:e,itemName:t,itemValue:o,children:a}=n;return a||o&&t?(0,r.jsxs)(r.Fragment,{children:[e&&(0,r.jsx)("h4",{class:C.title,children:e}),t&&o?(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{class:C.itemName,children:t}),(0,r.jsx)("div",{class:C.itemValue,children:o})]}):null,a]}):null}},697:(n,e,t)=>{t.d(e,{default:()=>v});var r=t(606),o=t.n(r),a=t(607),i=t.n(a),c=t(437),u=t.n(c),d=t(750),l=t.n(d),s=t(994),f=t.n(s),A=t(415),p=t.n(A),g=t(538),m={};m.styleTagTransform=p(),m.setAttributes=l(),m.insert=u().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=f(),o()(g.default,m);const v=g.default&&g.default.locals?g.default.locals:void 0},741:(n,e,t)=>{t.d(e,{default:()=>c});var r=t(692),o=t.n(r),a=t(860),i=t.n(a)()(o());i.push([n.id,".root__XGfokeIdlhljyLrJoTUw {\n  border: 1px solid var(--cp-borderSubtle);\n  border-radius: 3px;\n  box-shadow: 0 0 12px -6px rgba(0, 0, 0, 0.25);\n}\n\n.header__wuGrO61h0mxJCT13pKKi {\n  /* offset the margin so this element's border overlaps the root's gray border */\n  margin: -1px;\n  /* this overlaps the parent border so there can be a hover border for the header only without jumping */\n  border: 1px solid var(--cp-borderSubtle);\n  border-radius: 3px;\n  background: var(--cp-neutralLighter);\n  padding: 0;\n  display: flex;\n  align-items: center;\n  line-height: 1;\n}\n.header__wuGrO61h0mxJCT13pKKi:hover {\n  border-color: black;\n}\n.header__wuGrO61h0mxJCT13pKKi.expanded__xUYhCGbIYOflP2MeZWAZ {\n  /* change the margin-bottom when expanded so the border still shows up */\n  margin-bottom: 0;\n}\n.header__wuGrO61h0mxJCT13pKKi.error__tYu_98mP3NNuncdgfx2e {\n  background: var(--cp-errorLight);\n}\n.header__wuGrO61h0mxJCT13pKKi.success__sn79vVqYMTENjCFDp9o2 {\n  background: var(--cp-successLight);\n}\n.header__wuGrO61h0mxJCT13pKKi.warning__uBvWcRQWreqOQcQx11QC {\n  background: var(--cp-warningLight);\n}\n\nh3.headerButtonWrapper__kGHJtSdatcFi9k0NuFhK {\n  /* Ignore this element for flexbox layout purposes (children act as if they're directly under parent) */\n  display: contents;\n  margin: 0;\n  padding: 0;\n}\n\n/* Unfortunately the button can't use display: contents due to browser bugs that would make it\nnot accessible with the tab key */\nbutton.headerButton__DPU_BgMDvX9c3bs_hgJf {\n  width: 100%;\n  margin: 0;\n  /* Set padding on the button so it's included in the click target */\n  padding: 8px 16px;\n  border: none;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n/* The chevron icon is 20x20. We want it to take up a 32x32 area. */\n.expandIcon__jZlxmg1VmtWr__jzMk1T {\n  width: 20px;\n  height: 20px;\n  padding: 6px;\n  transition: transform 0.1s ease-in-out;\n}\n\n.expandIcon__jZlxmg1VmtWr__jzMk1T.collapsed__YFo31CeXA_PU_CMg_zld {\n  padding-top: 8px;\n  padding-bottom: 4px;\n  transform: rotate(-90deg);\n}\n\n.headerEnd__cUZadJUKd9B70qLziRSU {\n  /* this makes it right-aligned */\n  margin-left: auto;\n  font-size: 13px;\n  font-weight: 400;\n  text-align: end;\n}\n\n.headerCommands___LelyTIepA5pC2N_dHW2 {\n  margin-right: 16px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  justify-content: end;\n}\n\n.title__ERmJeA26FxA8sETCCLQS {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--cp-neutralPrimary);\n  /* in case it's applied directly to a h* element */\n  margin: 0;\n  padding: 0;\n}\n\n.contentHidden__QUAuafbYFPvmVwOUOqYN {\n  display: none;\n}\n\n.content__xPBZFnKM72fLspTwq_5u {\n  background: var(--cp-neutralLighterAlt);\n  /* 24px optically aligns with the icons in the header */\n  padding: 16px 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  /* Increase line-height so it's easier to read */\n  line-height: 1.2em;\n}\n.content__xPBZFnKM72fLspTwq_5u li {\n  margin: 3px 0;\n}\n.content__xPBZFnKM72fLspTwq_5u p {\n  margin: 0;\n}\n.content__xPBZFnKM72fLspTwq_5u p + p {\n  margin-top: 8px;\n}\n\n.itemName__MP8Xx_w4X_xqx1QcYVfk {\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  padding-bottom: 2px;\n}\n\n.itemValue__bS0g8MYKC82hwEKmB69Q {\n  font-size: 14px;\n}\n","",{version:3,sources:["webpack://./src/components/ResultsAccordion/ResultsAccordion.module.css"],names:[],mappings:"AAAA;EACE,wCAAwC;EACxC,kBAAkB;EAClB,6CAA6C;AAC/C;;AAEA;EACE,+EAA+E;EAC/E,YAAY;EACZ,uGAAuG;EACvG,wCAAwC;EACxC,kBAAkB;EAClB,oCAAoC;EACpC,UAAU;EACV,aAAa;EACb,mBAAmB;EACnB,cAAc;AAChB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,wEAAwE;EACxE,gBAAgB;AAClB;AACA;EACE,gCAAgC;AAClC;AACA;EACE,kCAAkC;AACpC;AACA;EACE,kCAAkC;AACpC;;AAEA;EACE,uGAAuG;EACvG,iBAAiB;EACjB,SAAS;EACT,UAAU;AACZ;;AAEA;iCACiC;AACjC;EACE,WAAW;EACX,SAAS;EACT,mEAAmE;EACnE,iBAAiB;EACjB,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,QAAQ;AACV;;AAEA,mEAAmE;AACnE;EACE,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,sCAAsC;AACxC;;AAEA;EACE,gBAAgB;EAChB,mBAAmB;EACnB,yBAAyB;AAC3B;;AAEA;EACE,gCAAgC;EAChC,iBAAiB;EACjB,eAAe;EACf,gBAAgB;EAChB,eAAe;AACjB;;AAEA;EACE,kBAAkB;EAClB,aAAa;EACb,mBAAmB;EACnB,QAAQ;EACR,oBAAoB;AACtB;;AAEA;EACE,eAAe;EACf,gBAAgB;EAChB,+BAA+B;EAC/B,kDAAkD;EAClD,SAAS;EACT,UAAU;AACZ;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,uCAAuC;EACvC,uDAAuD;EACvD,kBAAkB;EAClB,aAAa;EACb,sBAAsB;EACtB,SAAS;EACT,gDAAgD;EAChD,kBAAkB;AACpB;AACA;EACE,aAAa;AACf;AACA;EACE,SAAS;AACX;AACA;EACE,eAAe;AACjB;;AAEA;EACE,eAAe;EACf,gBAAgB;EAChB,yBAAyB;EACzB,mBAAmB;AACrB;;AAEA;EACE,eAAe;AACjB",sourcesContent:[".root {\n  border: 1px solid var(--cp-borderSubtle);\n  border-radius: 3px;\n  box-shadow: 0 0 12px -6px rgba(0, 0, 0, 0.25);\n}\n\n.header {\n  /* offset the margin so this element's border overlaps the root's gray border */\n  margin: -1px;\n  /* this overlaps the parent border so there can be a hover border for the header only without jumping */\n  border: 1px solid var(--cp-borderSubtle);\n  border-radius: 3px;\n  background: var(--cp-neutralLighter);\n  padding: 0;\n  display: flex;\n  align-items: center;\n  line-height: 1;\n}\n.header:hover {\n  border-color: black;\n}\n.header.expanded {\n  /* change the margin-bottom when expanded so the border still shows up */\n  margin-bottom: 0;\n}\n.header.error {\n  background: var(--cp-errorLight);\n}\n.header.success {\n  background: var(--cp-successLight);\n}\n.header.warning {\n  background: var(--cp-warningLight);\n}\n\nh3.headerButtonWrapper {\n  /* Ignore this element for flexbox layout purposes (children act as if they're directly under parent) */\n  display: contents;\n  margin: 0;\n  padding: 0;\n}\n\n/* Unfortunately the button can't use display: contents due to browser bugs that would make it\nnot accessible with the tab key */\nbutton.headerButton {\n  width: 100%;\n  margin: 0;\n  /* Set padding on the button so it's included in the click target */\n  padding: 8px 16px;\n  border: none;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n/* The chevron icon is 20x20. We want it to take up a 32x32 area. */\n.expandIcon {\n  width: 20px;\n  height: 20px;\n  padding: 6px;\n  transition: transform 0.1s ease-in-out;\n}\n\n.expandIcon.collapsed {\n  padding-top: 8px;\n  padding-bottom: 4px;\n  transform: rotate(-90deg);\n}\n\n.headerEnd {\n  /* this makes it right-aligned */\n  margin-left: auto;\n  font-size: 13px;\n  font-weight: 400;\n  text-align: end;\n}\n\n.headerCommands {\n  margin-right: 16px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  justify-content: end;\n}\n\n.title {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--cp-neutralPrimary);\n  /* in case it's applied directly to a h* element */\n  margin: 0;\n  padding: 0;\n}\n\n.contentHidden {\n  display: none;\n}\n\n.content {\n  background: var(--cp-neutralLighterAlt);\n  /* 24px optically aligns with the icons in the header */\n  padding: 16px 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  /* Increase line-height so it's easier to read */\n  line-height: 1.2em;\n}\n.content li {\n  margin: 3px 0;\n}\n.content p {\n  margin: 0;\n}\n.content p + p {\n  margin-top: 8px;\n}\n\n.itemName {\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  padding-bottom: 2px;\n}\n\n.itemValue {\n  font-size: 14px;\n}\n"],sourceRoot:""}]),i.locals={root:"root__XGfokeIdlhljyLrJoTUw",header:"header__wuGrO61h0mxJCT13pKKi",expanded:"expanded__xUYhCGbIYOflP2MeZWAZ",error:"error__tYu_98mP3NNuncdgfx2e",success:"success__sn79vVqYMTENjCFDp9o2",warning:"warning__uBvWcRQWreqOQcQx11QC",headerButtonWrapper:"headerButtonWrapper__kGHJtSdatcFi9k0NuFhK",headerButton:"headerButton__DPU_BgMDvX9c3bs_hgJf",expandIcon:"expandIcon__jZlxmg1VmtWr__jzMk1T",collapsed:"collapsed__YFo31CeXA_PU_CMg_zld",headerEnd:"headerEnd__cUZadJUKd9B70qLziRSU",headerCommands:"headerCommands___LelyTIepA5pC2N_dHW2",title:"title__ERmJeA26FxA8sETCCLQS",contentHidden:"contentHidden__QUAuafbYFPvmVwOUOqYN",content:"content__xPBZFnKM72fLspTwq_5u",itemName:"itemName__MP8Xx_w4X_xqx1QcYVfk",itemValue:"itemValue__bS0g8MYKC82hwEKmB69Q"};const c=i}};
-//# sourceMappingURL=282.chunk.js.map

package/dist/browser-esm/944.chunk.js

@@ -1,2 +0,0 @@
-export const __webpack_id__=944;export const __webpack_ids__=[944];export const __webpack_modules__={464:(n,e,t)=>{t.d(e,{default:()=>i});var r=t(692),a=t.n(r),o=t(860),s=t.n(o)()(a());s.push([n.id,".root__Rl6XMfFcB4M4Sp5RJbh8 {\n  display: flex;\n  background: var(--cp-neutralLighter);\n}\n\n/* left border color indicator */\n.statusBar__RsdQpgzZbI9fI4mSfjJX {\n  flex-shrink: 0;\n  border-radius: 4px;\n  width: 4px;\n  background: var(--cp-errorDark);\n  box-shadow: 2px 0 4px 0 var(--cp-errorTransparent);\n}\n.statusBar__RsdQpgzZbI9fI4mSfjJX.warning__EcBSTvORlKqFlDbz3mr9 {\n  background: var(--cp-warningDark);\n  box-shadow: 2px 0 4px 0 var(--cp-warningTransparent);\n}\n\n/* everything but the status bar */\n.content__oaWQstIJN1TotKTOLcwX {\n  padding: 8px;\n  display: flex;\n  flex-grow: 1;\n  overflow: hidden;\n  flex-direction: column;\n}\n\n/* file path and error source */\n.titleArea__NUKs26I_j0KAivvaQbz4 {\n  padding: 4px 0;\n  font-weight: 500;\n}\n\n/* pre with error details */\n.text__qXRXiNO7j_FMkOf4b1Hi {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  color: var(--cp-neutralPrimary);\n  /* monospace fonts tend to have very tight line-height by default */\n  line-height: 1.5em;\n  /* they also tend to be rather large */\n  font-size: 0.9em;\n}\n","",{version:3,sources:["webpack://./src/components/StatusDialog/TaskResultItem.module.css"],names:[],mappings:"AAAA;EACE,aAAa;EACb,oCAAoC;AACtC;;AAEA,gCAAgC;AAChC;EACE,cAAc;EACd,kBAAkB;EAClB,UAAU;EACV,+BAA+B;EAC/B,kDAAkD;AACpD;AACA;EACE,iCAAiC;EACjC,oDAAoD;AACtD;;AAEA,kCAAkC;AAClC;EACE,YAAY;EACZ,aAAa;EACb,YAAY;EACZ,gBAAgB;EAChB,sBAAsB;AACxB;;AAEA,+BAA+B;AAC/B;EACE,cAAc;EACd,gBAAgB;AAClB;;AAEA,2BAA2B;AAC3B;EACE,qBAAqB;EACrB,qBAAqB;EACrB,+BAA+B;EAC/B,mEAAmE;EACnE,kBAAkB;EAClB,sCAAsC;EACtC,gBAAgB;AAClB",sourcesContent:[".root {\n  display: flex;\n  background: var(--cp-neutralLighter);\n}\n\n/* left border color indicator */\n.statusBar {\n  flex-shrink: 0;\n  border-radius: 4px;\n  width: 4px;\n  background: var(--cp-errorDark);\n  box-shadow: 2px 0 4px 0 var(--cp-errorTransparent);\n}\n.statusBar.warning {\n  background: var(--cp-warningDark);\n  box-shadow: 2px 0 4px 0 var(--cp-warningTransparent);\n}\n\n/* everything but the status bar */\n.content {\n  padding: 8px;\n  display: flex;\n  flex-grow: 1;\n  overflow: hidden;\n  flex-direction: column;\n}\n\n/* file path and error source */\n.titleArea {\n  padding: 4px 0;\n  font-weight: 500;\n}\n\n/* pre with error details */\n.text {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  color: var(--cp-neutralPrimary);\n  /* monospace fonts tend to have very tight line-height by default */\n  line-height: 1.5em;\n  /* they also tend to be rather large */\n  font-size: 0.9em;\n}\n"],sourceRoot:""}]),s.locals={root:"root__Rl6XMfFcB4M4Sp5RJbh8",statusBar:"statusBar__RsdQpgzZbI9fI4mSfjJX",warning:"warning__EcBSTvORlKqFlDbz3mr9",content:"content__oaWQstIJN1TotKTOLcwX",titleArea:"titleArea__NUKs26I_j0KAivvaQbz4",text:"text__qXRXiNO7j_FMkOf4b1Hi"};const i=s},754:(n,e,t)=>{t.d(e,{default:()=>i});var r=t(692),a=t.n(r),o=t(860),s=t.n(o)()(a());s.push([n.id,".searchbox__VVonEYuUEQsjEgbwvMfP {\n  font-size: 14px;\n  font-weight: 400;\n  box-shadow: none;\n  padding: 0px 8px;\n  box-sizing: border-box;\n  color: var(--cp-neutralPrimary);\n  background-color: white;\n  border-radius: 2px;\n  /* This should match the default button border */\n  border: 1px solid var(--cp-border);\n  height: 32px;\n  min-width: 160px;\n}\n.searchbox__VVonEYuUEQsjEgbwvMfP:focus-visible {\n  outline: var(--cp-outline);\n}\n","",{version:3,sources:["webpack://./src/components/StatusDialog/Searchbox.module.css"],names:[],mappings:"AAAA;EACE,eAAe;EACf,gBAAgB;EAChB,gBAAgB;EAChB,gBAAgB;EAChB,sBAAsB;EACtB,+BAA+B;EAC/B,uBAAuB;EACvB,kBAAkB;EAClB,gDAAgD;EAChD,kCAAkC;EAClC,YAAY;EACZ,gBAAgB;AAClB;AACA;EACE,0BAA0B;AAC5B",sourcesContent:[".searchbox {\n  font-size: 14px;\n  font-weight: 400;\n  box-shadow: none;\n  padding: 0px 8px;\n  box-sizing: border-box;\n  color: var(--cp-neutralPrimary);\n  background-color: white;\n  border-radius: 2px;\n  /* This should match the default button border */\n  border: 1px solid var(--cp-border);\n  height: 32px;\n  min-width: 160px;\n}\n.searchbox:focus-visible {\n  outline: var(--cp-outline);\n}\n"],sourceRoot:""}]),s.locals={searchbox:"searchbox__VVonEYuUEQsjEgbwvMfP"};const i=s},944:(n,e,t)=>{t.r(e),t.d(e,{StatusDialog:()=>K,default:()=>M});var r=t(821),a=t(790),o=t(104),s=t.n(o),i=t(15),l=t(606),c=t.n(l),d=t(607),u=t.n(d),A=t(437),p=t.n(A),h=t(750),g=t.n(h),x=t(994),b=t.n(x),C=t(415),m=t.n(C),B=t(464),f={};f.styleTagTransform=m(),f.setAttributes=g(),f.insert=p().bind(null,"head"),f.domAPI=u(),f.insertStyleElement=b(),c()(B.default,f);const v=B.default&&B.default.locals?B.default.locals:void 0;var k=t(394);const E=["ori","rollup","webpack","rspack","esbuild"],w=n=>{const{item:e,inputPath:t,index:a,type:o}=n,{location:i,notes:l=[]}=e,c=E.includes(e.source)?`${e.source} bundler`:`cloudpack ${e.source}`;return(0,r.jsxs)("div",{class:v.root,children:[(0,r.jsx)("div",{class:s()(v.statusBar,"warning"===o&&v.warning)}),(0,r.jsxs)("div",{class:v.content,children:[(0,r.jsxs)("div",{class:v.titleArea,children:[a+1,". ",(0,r.jsx)(_,{loc:i,inputPath:t})," (via: ",c,")"]}),(0,r.jsx)("pre",{class:v.text,children:j(e.text)}),l.length>0&&(0,r.jsxs)("details",{children:[(0,r.jsx)("summary",{children:"Expand for more details"}),(0,r.jsx)("ul",{children:l.map((n,e)=>(0,r.jsxs)("li",{children:[n.location&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(_,{loc:n.location,inputPath:t}),(0,r.jsx)("br",{})]}),n.text&&(0,r.jsx)("pre",{class:v.text,children:j(n.text)})]},e))})]})]})]})};function j(n){return n.replace(/\x1b\[[\d;]+(m|[AKB]\b)/g,"")}const _=n=>{const{loc:e,inputPath:t}=n,a=(0,i.useCloudpack)();if(!e)return"(path unavailable)";const o=[e.file,e.line,e.column].filter(n=>void 0!==n).join(":");return!t||/[?!]/.test(o)?o:(0,r.jsx)(k.Button,{variant:"link",onClick:()=>{t&&a.openCodeEditor.mutate({rootPath:t,relativePath:e.file,line:e.line,column:e.column})},children:o})};var y=t(595);function P(n){return"pending"===n.status?"Running":[`Completed in ${n.duration}ms`,n.errors?.length&&`${n.errors.length} error${n.errors.length>1?"s":""}`,n.warnings?.length&&`${n.warnings.length} warning${n.warnings.length>1?"s":""}`].filter(Boolean).join(", ")}const R=n=>{const{task:e}=n,{name:t,warnings:a=[],errors:o=[],inputPath:s,outputPath:l}=e,c=(0,i.useCloudpack)(),d=n=>{c.openFilePath.mutate({rootPath:n})},u=()=>{s&&c.openCodeEditor.mutate({rootPath:s,relativePath:"package.json"})};return(0,r.jsx)(y.ResultsAccordion,{name:t||"<unknown>",index:n.index,result:o.length?"error":a.length?"warning":"success",headerEndContent:P(e),headerCommands:(0,r.jsx)(k.Button,{variant:"iconOnly",iconName:"refresh",onClick:()=>{s&&c.restartTask.mutate({id:e.id,inputPath:s})},title:"Re-bundle this package","aria-label":"Re-bundle this package"}),getContent:()=>(0,r.jsxs)(r.Fragment,{children:[s?(0,r.jsx)(y.ResultsAccordionContent,{itemName:"Input path",itemValue:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(k.Button,{variant:"link",onClick:()=>d(s),children:s})," ","(",(0,r.jsx)(k.Button,{variant:"link",onClick:u,children:"package.json"}),")"]})}):"No input path found for bundle task. This is a Cloudpack bug. Please report it.",l&&(0,r.jsx)(y.ResultsAccordionContent,{itemName:"Output path",itemValue:(0,r.jsx)(k.Button,{variant:"link",onClick:()=>d(l),children:l})}),o.length>0&&(0,r.jsx)(y.ResultsAccordionContent,{title:"Errors",children:o.map((n,e)=>(0,r.jsx)(w,{type:"error",item:n,inputPath:s,index:e},e))}),a.length>0&&(0,r.jsx)(y.ResultsAccordionContent,{title:"Warnings",children:a.map((n,e)=>(0,r.jsx)(w,{type:"warning",item:n,inputPath:s,index:e},e))})]})})};var D=t(145),S=t(697);const T=({searchFilter:n,issuesOnly:e})=>{let t=[...(()=>{const n=(0,i.useCloudpack)(),[e,t]=(0,a.useState)({tasks:[]});return(0,a.useEffect)(()=>{const e=n?.onDataChanged.subscribe(D.taskListSource,{onData:n=>{t(n)}});return()=>{e.unsubscribe()}},[n]),e})().tasks].sort(I);return n&&(n=n.toLowerCase(),t=t.filter(({name:e})=>n&&e?.toLowerCase().includes(n))),e&&(t=t.filter(({errors:n,warnings:e})=>n?.length||e?.length)),(0,r.jsx)("div",{class:S.default.root,children:t.map((n,e)=>(0,r.jsx)(R,{index:e,task:n},n.name))})};function I(n,e){const t="pending"===n.status?1:0,r="pending"===e.status?1:0;if(t!==r)return t>r?-1:1;const a=n.errors?.length||0,o=e.errors?.length||0;return a!==o?a>o?-1:1:void 0===n.name&&void 0===e.name?n.id<e.id?-1:1:void 0===n.name?1:void 0===e.name||n.name<e.name?-1:1}var z=t(232),F=t(754),O={};O.styleTagTransform=m(),O.setAttributes=g(),O.insert=p().bind(null,"head"),O.domAPI=u(),O.insertStyleElement=b(),c()(F.default,O);const N=F.default&&F.default.locals?F.default.locals:void 0,X=n=>{const{value:e,onInput:t,style:a}=n;return(0,r.jsx)("input",{type:"text","aria-label":"Search",placeholder:"Search",class:N.searchbox,style:a,onInput:t,value:e})};var Q=t(116);const K=({onClose:n})=>{const e=(0,i.useCloudpack)(),[t,o]=(0,a.useState)(""),[s,l]=(0,a.useState)(!1),[c,d]=(0,a.useState)(!1),u=(0,a.useCallback)(n=>{n.preventDefault(),o(n.target.value)},[]);return(0,r.jsx)(z.Dialog,{title:"Cloudpack bundle results",id:Q.elementIds.statusDialogRoot,draggable:!0,onClose:n,commands:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(k.Button,{variant:"primary",iconName:"refresh",onClick:()=>{d(!0),e.restartAllTasks.mutate()},disabled:c,children:"Re-bundle all packages"}),(0,r.jsx)(k.Button,{onClick:()=>{l(n=>!n)},children:s?"Show all packages":"Show packages with issues"}),(0,r.jsx)(X,{value:t,onInput:u,style:{marginLeft:"auto"}})]}),children:(0,r.jsx)(T,{searchFilter:t,issuesOnly:s})})},M=K}};
-//# sourceMappingURL=944.chunk.js.map

package/dist/browser-esm/944.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"944.chunk.js","mappings":"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","sources":["webpack://@ms-cloudpack/overlay/./src/components/StatusDialog/TaskResultItem.module.css","webpack://@ms-cloudpack/overlay/./src/components/StatusDialog/Searchbox.module.css","webpack://@ms-cloudpack/overlay/./src/components/StatusDialog/TaskResultItem.module.css?35e6","webpack://@ms-cloudpack/overlay/./src/components/StatusDialog/TaskResultItem.tsx","webpack://@ms-cloudpack/overlay/./src/components/StatusDialog/TaskStatus.tsx","webpack://@ms-cloudpack/overlay/./src/components/StatusDialog/TaskList.tsx","webpack://@ms-cloudpack/overlay/./src/components/CloudpackProvider/useTaskList.ts","webpack://@ms-cloudpack/overlay/./src/components/StatusDialog/Searchbox.module.css?02bb","webpack://@ms-cloudpack/overlay/./src/components/StatusDialog/Searchbox.tsx","webpack://@ms-cloudpack/overlay/./src/components/StatusDialog/StatusDialog.tsx"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/.store/css-loader-virtual-dc0abf2d03/package/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/.store/css-loader-virtual-dc0abf2d03/package/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.root__Rl6XMfFcB4M4Sp5RJbh8 {\n  display: flex;\n  background: var(--cp-neutralLighter);\n}\n\n/* left border color indicator */\n.statusBar__RsdQpgzZbI9fI4mSfjJX {\n  flex-shrink: 0;\n  border-radius: 4px;\n  width: 4px;\n  background: var(--cp-errorDark);\n  box-shadow: 2px 0 4px 0 var(--cp-errorTransparent);\n}\n.statusBar__RsdQpgzZbI9fI4mSfjJX.warning__EcBSTvORlKqFlDbz3mr9 {\n  background: var(--cp-warningDark);\n  box-shadow: 2px 0 4px 0 var(--cp-warningTransparent);\n}\n\n/* everything but the status bar */\n.content__oaWQstIJN1TotKTOLcwX {\n  padding: 8px;\n  display: flex;\n  flex-grow: 1;\n  overflow: hidden;\n  flex-direction: column;\n}\n\n/* file path and error source */\n.titleArea__NUKs26I_j0KAivvaQbz4 {\n  padding: 4px 0;\n  font-weight: 500;\n}\n\n/* pre with error details */\n.text__qXRXiNO7j_FMkOf4b1Hi {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n  color: var(--cp-neutralPrimary);\n  /* monospace fonts tend to have very tight line-height by default */\n  line-height: 1.5em;\n  /* they also tend to be rather large */\n  font-size: 0.9em;\n}\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/components/StatusDialog/TaskResultItem.module.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,aAAa;EACb,oCAAoC;AACtC;;AAEA,gCAAgC;AAChC;EACE,cAAc;EACd,kBAAkB;EAClB,UAAU;EACV,+BAA+B;EAC/B,kDAAkD;AACpD;AACA;EACE,iCAAiC;EACjC,oDAAoD;AACtD;;AAEA,kCAAkC;AAClC;EACE,YAAY;EACZ,aAAa;EACb,YAAY;EACZ,gBAAgB;EAChB,sBAAsB;AACxB;;AAEA,+BAA+B;AAC/B;EACE,cAAc;EACd,gBAAgB;AAClB;;AAEA,2BAA2B;AAC3B;EACE,qBAAqB;EACrB,qBAAqB;EACrB,+BAA+B;EAC/B,mEAAmE;EACnE,kBAAkB;EAClB,sCAAsC;EACtC,gBAAgB;AAClB\",\"sourcesContent\":[\".root {\\n  display: flex;\\n  background: var(--cp-neutralLighter);\\n}\\n\\n/* left border color indicator */\\n.statusBar {\\n  flex-shrink: 0;\\n  border-radius: 4px;\\n  width: 4px;\\n  background: var(--cp-errorDark);\\n  box-shadow: 2px 0 4px 0 var(--cp-errorTransparent);\\n}\\n.statusBar.warning {\\n  background: var(--cp-warningDark);\\n  box-shadow: 2px 0 4px 0 var(--cp-warningTransparent);\\n}\\n\\n/* everything but the status bar */\\n.content {\\n  padding: 8px;\\n  display: flex;\\n  flex-grow: 1;\\n  overflow: hidden;\\n  flex-direction: column;\\n}\\n\\n/* file path and error source */\\n.titleArea {\\n  padding: 4px 0;\\n  font-weight: 500;\\n}\\n\\n/* pre with error details */\\n.text {\\n  word-wrap: break-word;\\n  white-space: pre-wrap;\\n  color: var(--cp-neutralPrimary);\\n  /* monospace fonts tend to have very tight line-height by default */\\n  line-height: 1.5em;\\n  /* they also tend to be rather large */\\n  font-size: 0.9em;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"root\": `root__Rl6XMfFcB4M4Sp5RJbh8`,\n\t\"statusBar\": `statusBar__RsdQpgzZbI9fI4mSfjJX`,\n\t\"warning\": `warning__EcBSTvORlKqFlDbz3mr9`,\n\t\"content\": `content__oaWQstIJN1TotKTOLcwX`,\n\t\"titleArea\": `titleArea__NUKs26I_j0KAivvaQbz4`,\n\t\"text\": `text__qXRXiNO7j_FMkOf4b1Hi`\n};\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/.store/css-loader-virtual-dc0abf2d03/package/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/.store/css-loader-virtual-dc0abf2d03/package/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.searchbox__VVonEYuUEQsjEgbwvMfP {\n  font-size: 14px;\n  font-weight: 400;\n  box-shadow: none;\n  padding: 0px 8px;\n  box-sizing: border-box;\n  color: var(--cp-neutralPrimary);\n  background-color: white;\n  border-radius: 2px;\n  /* This should match the default button border */\n  border: 1px solid var(--cp-border);\n  height: 32px;\n  min-width: 160px;\n}\n.searchbox__VVonEYuUEQsjEgbwvMfP:focus-visible {\n  outline: var(--cp-outline);\n}\n`, \"\",{\"version\":3,\"sources\":[\"webpack://./src/components/StatusDialog/Searchbox.module.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,eAAe;EACf,gBAAgB;EAChB,gBAAgB;EAChB,gBAAgB;EAChB,sBAAsB;EACtB,+BAA+B;EAC/B,uBAAuB;EACvB,kBAAkB;EAClB,gDAAgD;EAChD,kCAAkC;EAClC,YAAY;EACZ,gBAAgB;AAClB;AACA;EACE,0BAA0B;AAC5B\",\"sourcesContent\":[\".searchbox {\\n  font-size: 14px;\\n  font-weight: 400;\\n  box-shadow: none;\\n  padding: 0px 8px;\\n  box-sizing: border-box;\\n  color: var(--cp-neutralPrimary);\\n  background-color: white;\\n  border-radius: 2px;\\n  /* This should match the default button border */\\n  border: 1px solid var(--cp-border);\\n  height: 32px;\\n  min-width: 160px;\\n}\\n.searchbox:focus-visible {\\n  outline: var(--cp-outline);\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"searchbox\": `searchbox__VVonEYuUEQsjEgbwvMfP`\n};\nexport default ___CSS_LOADER_EXPORT___;\n","\n      import API from \"!../../../../../node_modules/.store/style-loader-virtual-bd73274477/package/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../../node_modules/.store/style-loader-virtual-bd73274477/package/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../../node_modules/.store/style-loader-virtual-bd73274477/package/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../../node_modules/.store/style-loader-virtual-bd73274477/package/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../../node_modules/.store/style-loader-virtual-bd73274477/package/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../../node_modules/.store/style-loader-virtual-bd73274477/package/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../../node_modules/.store/css-loader-virtual-dc0abf2d03/package/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].use[1]!./TaskResultItem.module.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../node_modules/.store/css-loader-virtual-dc0abf2d03/package/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].use[1]!./TaskResultItem.module.css\";\n       export default content && content.locals ? content.locals : undefined;\n","import type { BundleMessage, BundleMessageLocation } from '@ms-cloudpack/common-types';\nimport type { FunctionComponent } from 'preact';\nimport cx from 'classnames';\nimport { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';\nimport styles from './TaskResultItem.module.css';\nimport { Button } from '../Button/Button.js';\n\nexport interface TaskResultItemProps {\n  item: BundleMessage;\n  inputPath: string | undefined;\n  /** 0-based index (will be adjusted for display) */\n  index: number;\n  type: 'error' | 'warning';\n}\n\n/**\n * Current and possible future bundler names, just to help with a friendlier error message\n * (we can't access the authoritative list from the bundler package here)\n */\nconst bundlerNames = ['ori', 'rollup', 'webpack', 'rspack', 'esbuild'];\n\n/**\n * Error or warning item in the details of a task/bundle result.\n */\nexport const TaskResultItem: FunctionComponent<TaskResultItemProps> = (props) => {\n  const { item, inputPath, index, type } = props;\n  const { location: loc, notes = [] } = item;\n\n  // Update the message source to be more user-friendly. Usually it's either a bundler name,\n  // or some internal of cloudpack, and since the user might not know about the different bundlers\n  // and certainly doesn't know about cloudpack internals, a bit of context is helpful.\n  const friendlySource = bundlerNames.includes(item.source) ? `${item.source} bundler` : `cloudpack ${item.source}`;\n\n  return (\n    <div class={styles.root}>\n      <div class={cx(styles.statusBar, type === 'warning' && styles.warning)}></div>\n      <div class={styles.content}>\n        <div class={styles.titleArea}>\n          {index + 1}. <ItemLocation loc={loc} inputPath={inputPath} /> (via: {friendlySource})\n        </div>\n        <pre class={styles.text}>{stripAnsi(item.text)}</pre>\n        {notes.length > 0 && (\n          // Formatting here might not be ideal, but messages very rarely have notes\n          <details>\n            <summary>Expand for more details</summary>\n            <ul>\n              {notes.map((note, i) => (\n                <li key={i}>\n                  {note.location && (\n                    <>\n                      <ItemLocation loc={note.location} inputPath={inputPath} />\n                      <br />\n                    </>\n                  )}\n                  {note.text && <pre class={styles.text}>{stripAnsi(note.text)}</pre>}\n                </li>\n              ))}\n            </ul>\n          </details>\n        )}\n      </div>\n    </div>\n  );\n};\n\n/**\n * Remove ANSI codes from a string. (This is duplicated from `task-reporter` to avoid needing\n * browser support in that package, since the implementation is trivial.)\n */\nfunction stripAnsi(text: string): string {\n  // eslint-disable-next-line no-control-regex -- supposed to match a control character\n  return text.replace(/\\x1b\\[[\\d;]+(m|[AKB]\\b)/g, '');\n}\n\n/**\n * Return a link-button to open the source file, or a placeholder if the location is undefined.\n */\nconst ItemLocation: FunctionComponent<{ loc: BundleMessageLocation | undefined; inputPath: string | undefined }> = (\n  props,\n) => {\n  const { loc, inputPath } = props;\n  const cloudpack = useCloudpack();\n\n  if (!loc) {\n    return '(path unavailable)';\n  }\n\n  const locationString = [loc.file, loc.line, loc.column].filter((val) => val !== undefined).join(':');\n  // Don't make it clickable if we don't know the root path, or if the file path contains\n  // webpack loader stuff. A real example:\n  // ../../node_modules/.store/css-loader-virtual-bfb2cc7933/package/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!../../node_modules/.store/sass-loader-virtual-65ccb5bf2d/package/dist/cjs.js!./src/cssTest/example4.global.scss\n  if (!inputPath || /[?!]/.test(locationString)) {\n    return locationString;\n  }\n\n  const openSource = (): void => {\n    if (!inputPath) return;\n    void cloudpack.openCodeEditor.mutate({\n      rootPath: inputPath,\n      relativePath: loc.file,\n      line: loc.line,\n      column: loc.column,\n    });\n  };\n\n  return (\n    <Button variant=\"link\" onClick={openSource}>\n      {locationString}\n    </Button>\n  );\n};\n","import type { FunctionComponent } from 'preact';\nimport type { TaskDescription } from '@ms-cloudpack/api-server/browser';\nimport { TaskResultItem } from './TaskResultItem.js';\nimport { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';\nimport { Button } from '../Button/Button.js';\nimport {\n  ResultsAccordion,\n  ResultsAccordionContent,\n  type ResultsAccordionProps,\n} from '../ResultsAccordion/ResultsAccordion.js';\n\nexport interface TaskStatusProps extends Pick<ResultsAccordionProps, 'index'> {\n  task: TaskDescription;\n}\n\nfunction getCompletion(task: TaskDescription): string {\n  if (task.status === 'pending') {\n    return 'Running';\n  }\n  return [\n    `Completed in ${task.duration}ms`,\n    task.errors?.length && `${task.errors.length} error${task.errors.length > 1 ? 's' : ''}`,\n    task.warnings?.length && `${task.warnings.length} warning${task.warnings.length > 1 ? 's' : ''}`,\n  ]\n    .filter(Boolean)\n    .join(', ');\n}\n\n/**\n * Item (collapsible section) in the list of bundle task results in the StatusDialog.\n */\nexport const TaskStatus: FunctionComponent<TaskStatusProps> = (props) => {\n  const { task } = props;\n  const { name, warnings = [], errors = [], inputPath, outputPath } = task;\n  const cloudpack = useCloudpack();\n\n  const openPath = (rootPath: string) => void cloudpack.openFilePath.mutate({ rootPath });\n\n  const openPackageJson = (): void => {\n    if (!inputPath) return; // the button won't be shown in this case\n\n    void cloudpack.openCodeEditor.mutate({\n      rootPath: inputPath,\n      relativePath: 'package.json',\n    });\n  };\n\n  const restartTask = (): void => {\n    if (!inputPath) return;\n\n    void cloudpack.restartTask.mutate({ id: task.id, inputPath });\n  };\n\n  // This callback prevents rendering thousands of bundle result details unnecessarily.\n  // It could be further optimized with useMemo etc if it's an actual performance issue.\n  const getContent = () => (\n    <>\n      {inputPath ? (\n        <ResultsAccordionContent\n          itemName=\"Input path\"\n          itemValue={\n            <>\n              <Button variant=\"link\" onClick={() => openPath(inputPath)}>\n                {inputPath}\n              </Button>{' '}\n              (\n              <Button variant=\"link\" onClick={openPackageJson}>\n                package.json\n              </Button>\n              )\n            </>\n          }\n        />\n      ) : (\n        'No input path found for bundle task. This is a Cloudpack bug. Please report it.'\n      )}\n      {outputPath && (\n        <ResultsAccordionContent\n          itemName=\"Output path\"\n          itemValue={\n            <Button variant=\"link\" onClick={() => openPath(outputPath)}>\n              {outputPath}\n            </Button>\n          }\n        />\n      )}\n      {errors.length > 0 && (\n        <ResultsAccordionContent title=\"Errors\">\n          {errors.map((item, index) => (\n            <TaskResultItem type=\"error\" key={index} item={item} inputPath={inputPath} index={index} />\n          ))}\n        </ResultsAccordionContent>\n      )}\n      {warnings.length > 0 && (\n        <ResultsAccordionContent title=\"Warnings\">\n          {warnings.map((item, index) => (\n            <TaskResultItem type=\"warning\" key={index} item={item} inputPath={inputPath} index={index} />\n          ))}\n        </ResultsAccordionContent>\n      )}\n    </>\n  );\n\n  return (\n    <ResultsAccordion\n      name={name || '<unknown>'}\n      index={props.index}\n      result={errors.length ? 'error' : warnings.length ? 'warning' : 'success'}\n      headerEndContent={getCompletion(task)}\n      headerCommands={\n        <Button\n          variant=\"iconOnly\"\n          iconName=\"refresh\"\n          onClick={restartTask}\n          title=\"Re-bundle this package\"\n          aria-label=\"Re-bundle this package\"\n        />\n      }\n      getContent={getContent}\n    />\n  );\n};\n","import type { FunctionComponent } from 'preact';\nimport { TaskStatus } from './TaskStatus.js';\nimport { useTaskList } from '../CloudpackProvider/useTaskList.js';\nimport styles from './TaskList.module.css';\nimport type { TaskDescription } from '@ms-cloudpack/api-server/browser';\n\nexport interface TaskListProps {\n  searchFilter?: string;\n  issuesOnly?: boolean;\n}\n\nexport const TaskList: FunctionComponent<TaskListProps> = ({ searchFilter, issuesOnly }) => {\n  const taskList = useTaskList();\n\n  let filteredTasks = [...taskList.tasks].sort(sortTasks);\n  if (searchFilter) {\n    searchFilter = searchFilter.toLowerCase();\n    filteredTasks = filteredTasks.filter(({ name }) => searchFilter && name?.toLowerCase().includes(searchFilter));\n  }\n  if (issuesOnly) {\n    filteredTasks = filteredTasks.filter(({ errors, warnings }) => errors?.length || warnings?.length);\n  }\n\n  return (\n    <div class={styles.root}>\n      {filteredTasks.map((task, index) => (\n        <TaskStatus key={task.name} index={index} task={task} />\n      ))}\n    </div>\n  );\n};\n\n/**\n * Really the server should be sorting. Get stuff out of the browser.\n */\nfunction sortTasks(a: TaskDescription, b: TaskDescription): number {\n  const aStatus = a.status === 'pending' ? 1 : 0;\n  const bStatus = b.status === 'pending' ? 1 : 0;\n\n  if (aStatus !== bStatus) {\n    return aStatus > bStatus ? -1 : 1;\n  }\n\n  const aErrors = a.errors?.length || 0;\n  const bErrors = b.errors?.length || 0;\n\n  if (aErrors !== bErrors) {\n    return aErrors > bErrors ? -1 : 1;\n  }\n\n  if (a.name === undefined && b.name === undefined) {\n    return a.id < b.id ? -1 : 1;\n  } else if (a.name === undefined) {\n    return 1;\n  } else if (b.name === undefined) {\n    return -1;\n  }\n\n  return a.name < b.name ? -1 : 1;\n}\n","import { useEffect, useState } from 'preact/hooks';\nimport { useCloudpack } from './CloudpackProvider.js';\nimport { taskListSource, type TaskList } from '@ms-cloudpack/api-server/browser';\n\nexport const useTaskList = (): TaskList => {\n  const cloudpack = useCloudpack();\n  const [taskList, setTaskList] = useState<TaskList>({ tasks: [] });\n\n  useEffect(() => {\n    const subscription = cloudpack?.onDataChanged.subscribe(taskListSource, {\n      onData: (data) => {\n        setTaskList(data as TaskList);\n      },\n    });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [cloudpack]);\n\n  return taskList;\n};\n","\n      import API from \"!../../../../../node_modules/.store/style-loader-virtual-bd73274477/package/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../../node_modules/.store/style-loader-virtual-bd73274477/package/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../../node_modules/.store/style-loader-virtual-bd73274477/package/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../../node_modules/.store/style-loader-virtual-bd73274477/package/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../../node_modules/.store/style-loader-virtual-bd73274477/package/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../../node_modules/.store/style-loader-virtual-bd73274477/package/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../../node_modules/.store/css-loader-virtual-dc0abf2d03/package/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].use[1]!./Searchbox.module.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../node_modules/.store/css-loader-virtual-dc0abf2d03/package/dist/cjs.js??ruleSet[1].rules[0].oneOf[1].use[1]!./Searchbox.module.css\";\n       export default content && content.locals ? content.locals : undefined;\n","import type { FunctionComponent } from 'preact';\nimport type { InputHTMLAttributes } from 'preact/compat';\nimport styles from './Searchbox.module.css';\n\nexport interface SearchboxProps\n  extends Required<Pick<InputHTMLAttributes, 'onInput'>>,\n    Pick<InputHTMLAttributes, 'style'> {\n  value: string;\n}\n\nexport const Searchbox: FunctionComponent<SearchboxProps> = (props) => {\n  const { value, onInput, style } = props;\n  return (\n    <input\n      type=\"text\"\n      aria-label=\"Search\"\n      placeholder=\"Search\"\n      class={styles.searchbox}\n      style={style}\n      onInput={onInput}\n      value={value}\n    />\n  );\n};\n","import type { FunctionComponent } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { TaskList } from './TaskList.js';\nimport { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';\nimport { Button } from '../Button/Button.js';\nimport { Dialog } from '../Dialog/Dialog.js';\nimport { Searchbox, type SearchboxProps } from './Searchbox.js';\nimport { elementIds } from '../../constants.js';\n\nexport interface StatusDialogProps {\n  onClose: () => void;\n}\n\nexport const StatusDialog: FunctionComponent<StatusDialogProps> = ({ onClose }) => {\n  const cloudpack = useCloudpack();\n  const [searchFilter, setSearchFilter] = useState('');\n  const [issuesOnly, setIssuesOnly] = useState(false);\n  const [isRestarting, setIsRestarting] = useState(false);\n\n  const handleSearchChange = useCallback<SearchboxProps['onInput']>((event) => {\n    event.preventDefault();\n    setSearchFilter((event.target as HTMLInputElement).value);\n  }, []);\n\n  const restartAllTasks = () => {\n    setIsRestarting(true);\n    void cloudpack.restartAllTasks.mutate();\n  };\n\n  const toggleIssuesOnly = () => void setIssuesOnly((value) => !value);\n\n  return (\n    <Dialog\n      title=\"Cloudpack bundle results\"\n      id={elementIds.statusDialogRoot}\n      draggable\n      onClose={onClose}\n      commands={\n        <>\n          {/* Disable the button after it's clicked since the operation may take awhile, and the\n              page will refresh when finished.\n              TODO: ideally we'd have a spinner while restarting (this could probably be done by\n              animating the refresh icon) */}\n          <Button variant=\"primary\" iconName=\"refresh\" onClick={restartAllTasks} disabled={isRestarting}>\n            Re-bundle all packages\n          </Button>\n          <Button onClick={toggleIssuesOnly}>{issuesOnly ? 'Show all packages' : 'Show packages with issues'}</Button>\n          {/* Align the search box to the right */}\n          <Searchbox value={searchFilter} onInput={handleSearchChange} style={{ marginLeft: 'auto' }} />\n        </>\n      }\n    >\n      <TaskList searchFilter={searchFilter} issuesOnly={issuesOnly} />\n    </Dialog>\n  );\n};\n\nexport default StatusDialog;\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","locals","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","undefined","bundlerNames","TaskResultItem","props","item","inputPath","index","type","location","loc","notes","friendlySource","includes","source","div","class","styles","root","cx","statusBar","warning","content","titleArea","ItemLocation","pre","text","stripAnsi","length","details","summary","ul","map","note","i","li","br","replace","cloudpack","useCloudpack","locationString","file","line","column","filter","val","join","test","Button","variant","onClick","openCodeEditor","mutate","rootPath","relativePath","getCompletion","task","status","duration","errors","warnings","Boolean","TaskStatus","name","outputPath","openPath","openFilePath","openPackageJson","ResultsAccordion","result","headerEndContent","headerCommands","iconName","restartTask","title","aria-label","getContent","ResultsAccordionContent","itemName","itemValue","TaskList","searchFilter","issuesOnly","filteredTasks","taskList","setTaskList","useState","tasks","useEffect","subscription","onDataChanged","subscribe","taskListSource","onData","data","unsubscribe","useTaskList","sort","sortTasks","toLowerCase","a","b","aStatus","bStatus","aErrors","bErrors","Searchbox","value","onInput","style","input","placeholder","searchbox","StatusDialog","onClose","setSearchFilter","setIssuesOnly","isRestarting","setIsRestarting","handleSearchChange","useCallback","event","preventDefault","target","Dialog","elementIds","statusDialogRoot","draggable","commands","restartAllTasks","disabled","marginLeft"],"sourceRoot":""}

package/lib/components/StatusDialog/Searchbox.d.ts

@@ -1,7 +0,0 @@
-import type { FunctionComponent } from 'preact';
-import type { InputHTMLAttributes } from 'preact/compat';
-export interface SearchboxProps extends Required<Pick<InputHTMLAttributes, 'onInput'>>, Pick<InputHTMLAttributes, 'style'> {
-    value: string;
-}
-export declare const Searchbox: FunctionComponent<SearchboxProps>;
-//# sourceMappingURL=Searchbox.d.ts.map

package/lib/components/StatusDialog/Searchbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Searchbox.d.ts","sourceRoot":"","sources":["../../../src/components/StatusDialog/Searchbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAGzD,MAAM,WAAW,cACf,SAAQ,QAAQ,CAAC,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC,EACpD,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAavD,CAAC"}

package/lib/components/StatusDialog/Searchbox.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "preact/jsx-runtime";
-import styles from './Searchbox.module.css';
-export const Searchbox = (props) => {
-    const { value, onInput, style } = props;
-    return (_jsx("input", { type: "text", "aria-label": "Search", placeholder: "Search", class: styles.searchbox, style: style, onInput: onInput, value: value }));
-};
-//# sourceMappingURL=Searchbox.js.map

package/lib/components/StatusDialog/Searchbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Searchbox.js","sourceRoot":"","sources":["../../../src/components/StatusDialog/Searchbox.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAQ5C,MAAM,CAAC,MAAM,SAAS,GAAsC,CAAC,KAAK,EAAE,EAAE;IACpE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxC,OAAO,CACL,gBACE,IAAI,EAAC,MAAM,gBACA,QAAQ,EACnB,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { FunctionComponent } from 'preact';\nimport type { InputHTMLAttributes } from 'preact/compat';\nimport styles from './Searchbox.module.css';\n\nexport interface SearchboxProps\n  extends Required<Pick<InputHTMLAttributes, 'onInput'>>,\n    Pick<InputHTMLAttributes, 'style'> {\n  value: string;\n}\n\nexport const Searchbox: FunctionComponent<SearchboxProps> = (props) => {\n  const { value, onInput, style } = props;\n  return (\n    <input\n      type=\"text\"\n      aria-label=\"Search\"\n      placeholder=\"Search\"\n      class={styles.searchbox}\n      style={style}\n      onInput={onInput}\n      value={value}\n    />\n  );\n};\n"]}