@cognite/reveal-components 1.0.2 → 1.48552.0

package/dist/ui/components/commandBased/Factories/IconFactory.js

@@ -1,17 +1,26 @@
-import { DefaultIcons as e } from "./DefaultIcons.js";
-import { createElement as t, forwardRef as n } from "react";
-//#region libs/shared/reveal-components/src/ui/components/commandBased/Factories/IconFactory.tsx
-var r = n((e, t) => null), i = class t {
-	static _icons = new Map(e);
-	static install(e, n) {
-		t._icons.set(e, n);
-	}
-	static resetToDefault() {
-		this._icons = new Map(e);
-	}
-	static getIcon(e) {
-		return e === void 0 ? r : t._icons.get(e) ?? r;
-	}
-}, a = ({ iconName: e, ...n }) => t(i.getIcon(e), n);
-//#endregion
-export { a as IconComponent, i as IconFactory };
+import { createElement, forwardRef } from "react";
+import { DefaultIcons } from "./DefaultIcons.js";
+const DefaultIcon = /*#__PURE__*/ forwardRef((_props, _ref)=>null);
+export class IconFactory {
+    static{
+        this._icons = new Map(DefaultIcons);
+    }
+    static install(iconName, iconType) {
+        IconFactory._icons.set(iconName, iconType);
+    }
+    static resetToDefault() {
+        // Re-initializes the map with default icons
+        this._icons = new Map(DefaultIcons);
+    }
+    static getIcon(iconName) {
+        if (iconName === undefined) {
+            return DefaultIcon;
+        }
+        return IconFactory._icons.get(iconName) ?? DefaultIcon;
+    }
+}
+export const IconComponent = ({ iconName, ...rest })=>{
+    return /*#__PURE__*/ createElement(IconFactory.getIcon(iconName), rest);
+};
+
+//# sourceMappingURL=IconFactory.js.map

package/dist/ui/components/commandBased/Factories/IconFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/components/commandBased/Factories/IconFactory.tsx"],"sourcesContent":["import { createElement, forwardRef, type JSX } from 'react';\n\nimport { type Icon, type IconProps } from '@tabler/icons-react';\n\nimport { type IconName } from '../../../../foundation/utilities/types';\n\nimport { DefaultIcons } from './DefaultIcons';\nimport { type IconType } from './IconType';\n\nconst DefaultIcon: IconType = forwardRef<Icon, Omit<IconProps, 'ref'>>(\n  (_props, _ref) => null\n);\n\nexport class IconFactory {\n  private static _icons = new Map<IconName, IconType>(DefaultIcons);\n\n  public static install(iconName: IconName, iconType: IconType): void {\n    IconFactory._icons.set(iconName, iconType);\n  }\n\n  public static resetToDefault(): void {\n    // Re-initializes the map with default icons\n    this._icons = new Map<IconName, IconType>(DefaultIcons);\n  }\n\n  public static getIcon(iconName: IconName): IconType {\n    if (iconName === undefined) {\n      return DefaultIcon;\n    }\n    return IconFactory._icons.get(iconName) ?? DefaultIcon;\n  }\n}\n\ntype IconComponentProps = IconProps & { iconName: IconName };\n\nexport const IconComponent = ({\n  iconName,\n  ...rest\n}: IconComponentProps): JSX.Element => {\n  return createElement(IconFactory.getIcon(iconName), rest);\n};\n"],"names":["createElement","forwardRef","DefaultIcons","DefaultIcon","_props","_ref","IconFactory","_icons","Map","install","iconName","iconType","set","resetToDefault","getIcon","undefined","get","IconComponent","rest"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAkB,QAAQ;AAM5D,SAASC,YAAY,QAAQ,oBAAiB;AAG9C,MAAMC,4BAAwBF,WAC5B,CAACG,QAAQC,OAAS;AAGpB,OAAO,MAAMC;;aACIC,SAAS,IAAIC,IAAwBN;;IAEpD,OAAcO,QAAQC,QAAkB,EAAEC,QAAkB,EAAQ;QAClEL,YAAYC,MAAM,CAACK,GAAG,CAACF,UAAUC;IACnC;IAEA,OAAcE,iBAAuB;QACnC,4CAA4C;QAC5C,IAAI,CAACN,MAAM,GAAG,IAAIC,IAAwBN;IAC5C;IAEA,OAAcY,QAAQJ,QAAkB,EAAY;QAClD,IAAIA,aAAaK,WAAW;YAC1B,OAAOZ;QACT;QACA,OAAOG,YAAYC,MAAM,CAACS,GAAG,CAACN,aAAaP;IAC7C;AACF;AAIA,OAAO,MAAMc,gBAAgB,CAAC,EAC5BP,QAAQ,EACR,GAAGQ,MACgB;IACnB,qBAAOlB,cAAcM,YAAYQ,OAAO,CAACJ,WAAWQ;AACtD,EAAE"}

package/dist/ui/components/commandBased/Factories/IconType.d.ts

@@ -1,2 +1,2 @@
-import { TablerIcon } from '@tabler/icons-react';
+import { type TablerIcon } from "@tabler/icons-react";
 export type IconType = TablerIcon;

package/dist/ui/components/commandBased/Factories/IconType.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=IconType.js.map

package/dist/ui/components/commandBased/Factories/IconType.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/components/commandBased/Factories/IconType.tsx"],"sourcesContent":["import { type TablerIcon } from '@tabler/icons-react';\n\nexport type IconType = TablerIcon;\n"],"names":[],"mappings":"AAEA,WAAkC"}

package/dist/ui/components/commandBased/Factories/createComponentFactory.d.ts

@@ -1,2 +1,2 @@
-import { ComponentFactory } from './ComponentFactory';
+import { ComponentFactory } from "./ComponentFactory";
 export declare function createComponentFactory(): ComponentFactory;

package/dist/ui/components/commandBased/Factories/createComponentFactory.js

@@ -1,21 +1,30 @@
-import { createButton as e } from "../buttons/CommandButton.js";
-import { createCustomInputField as t } from "../buttons/CustomInputField.js";
-import { createDivider as n } from "../buttons/DividerCreator.js";
-import { createDropdownButton as r } from "../buttons/DropdownButton.js";
-import { createFilterButton as i } from "../buttons/FilterButton.js";
-import { createHelpButton as a } from "../buttons/HelpButton.js";
-import { createInputField as o } from "../buttons/InputField.js";
-import { createSegmentedButtons as s } from "../buttons/SegmentedButtons.js";
-import { createSettingsButton as c } from "../buttons/SettingsButton.js";
-import { createShowTreeViewButton as l } from "../buttons/ShowTreeViewButton.js";
-import { ComponentFactory as u } from "./ComponentFactory.js";
-//#region libs/shared/reveal-components/src/ui/components/commandBased/Factories/createComponentFactory.tsx
-function d() {
-	let e = new u();
-	return f(e), e;
+import { createButton } from "../buttons/CommandButton.js";
+import { createCustomInputField } from "../buttons/CustomInputField.js";
+import { createDivider } from "../buttons/DividerCreator.js";
+import { createDropdownButton } from "../buttons/DropdownButton.js";
+import { createFilterButton } from "../buttons/FilterButton.js";
+import { createHelpButton } from "../buttons/HelpButton.js";
+import { createInputField } from "../buttons/InputField.js";
+import { createSegmentedButtons } from "../buttons/SegmentedButtons.js";
+import { createSettingsButton } from "../buttons/SettingsButton.js";
+import { createShowTreeViewButton } from "../buttons/ShowTreeViewButton.js";
+import { ComponentFactory } from "./ComponentFactory.js";
+export function createComponentFactory() {
+    const componentFactory = new ComponentFactory();
+    installReactElements(componentFactory);
+    return componentFactory;
 }
-function f(u) {
-	u.installElement(t), u.installElement(n), u.installElement(r), u.installElement(i), u.installElement(a), u.installElement(o), u.installElement(s), u.installElement(c), u.installElement(l), u.installElement(e, 2 ** 53 - 1);
+function installReactElements(factory) {
+    factory.installElement(createCustomInputField);
+    factory.installElement(createDivider);
+    factory.installElement(createDropdownButton);
+    factory.installElement(createFilterButton);
+    factory.installElement(createHelpButton);
+    factory.installElement(createInputField);
+    factory.installElement(createSegmentedButtons);
+    factory.installElement(createSettingsButton);
+    factory.installElement(createShowTreeViewButton);
+    factory.installElement(createButton, Number.MAX_SAFE_INTEGER); // Ensure this will be added last in the list of creators
 }
-//#endregion
-export { d as createComponentFactory };
+
+//# sourceMappingURL=createComponentFactory.js.map

package/dist/ui/components/commandBased/Factories/createComponentFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/components/commandBased/Factories/createComponentFactory.tsx"],"sourcesContent":["import { createButton } from '../buttons/CommandButton';\nimport { createCustomInputField } from '../buttons/CustomInputField';\nimport { createDivider } from '../buttons/DividerCreator';\nimport { createDropdownButton } from '../buttons/DropdownButton';\nimport { createFilterButton } from '../buttons/FilterButton';\nimport { createHelpButton } from '../buttons/HelpButton';\nimport { createInputField } from '../buttons/InputField';\nimport { createSegmentedButtons } from '../buttons/SegmentedButtons';\nimport { createSettingsButton } from '../buttons/SettingsButton';\nimport { createShowTreeViewButton } from '../buttons/ShowTreeViewButton';\n\nimport { ComponentFactory } from './ComponentFactory';\n\nexport function createComponentFactory(): ComponentFactory {\n  const componentFactory = new ComponentFactory();\n  installReactElements(componentFactory);\n  return componentFactory;\n}\n\nfunction installReactElements(factory: ComponentFactory): void {\n  factory.installElement(createCustomInputField);\n  factory.installElement(createDivider);\n  factory.installElement(createDropdownButton);\n  factory.installElement(createFilterButton);\n  factory.installElement(createHelpButton);\n  factory.installElement(createInputField);\n  factory.installElement(createSegmentedButtons);\n  factory.installElement(createSettingsButton);\n  factory.installElement(createShowTreeViewButton);\n  factory.installElement(createButton, Number.MAX_SAFE_INTEGER); // Ensure this will be added last in the list of creators\n}\n"],"names":["createButton","createCustomInputField","createDivider","createDropdownButton","createFilterButton","createHelpButton","createInputField","createSegmentedButtons","createSettingsButton","createShowTreeViewButton","ComponentFactory","createComponentFactory","componentFactory","installReactElements","factory","installElement","Number","MAX_SAFE_INTEGER"],"mappings":"AAAA,SAASA,YAAY,QAAQ,8BAA2B;AACxD,SAASC,sBAAsB,QAAQ,iCAA8B;AACrE,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,oBAAoB,QAAQ,+BAA4B;AACjE,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,gBAAgB,QAAQ,2BAAwB;AACzD,SAASC,gBAAgB,QAAQ,2BAAwB;AACzD,SAASC,sBAAsB,QAAQ,iCAA8B;AACrE,SAASC,oBAAoB,QAAQ,+BAA4B;AACjE,SAASC,wBAAwB,QAAQ,mCAAgC;AAEzE,SAASC,gBAAgB,QAAQ,wBAAqB;AAEtD,OAAO,SAASC;IACd,MAAMC,mBAAmB,IAAIF;IAC7BG,qBAAqBD;IACrB,OAAOA;AACT;AAEA,SAASC,qBAAqBC,OAAyB;IACrDA,QAAQC,cAAc,CAACd;IACvBa,QAAQC,cAAc,CAACb;IACvBY,QAAQC,cAAc,CAACZ;IACvBW,QAAQC,cAAc,CAACX;IACvBU,QAAQC,cAAc,CAACV;IACvBS,QAAQC,cAAc,CAACT;IACvBQ,QAAQC,cAAc,CAACR;IACvBO,QAAQC,cAAc,CAACP;IACvBM,QAAQC,cAAc,CAACN;IACvBK,QAAQC,cAAc,CAACf,cAAcgB,OAAOC,gBAAgB,GAAG,yDAAyD;AAC1H"}

package/dist/ui/components/commandBased/RevealButtons.d.ts

@@ -1,53 +1,53 @@
-import { ReactElement } from 'react';
-import { Vector3 } from 'three';
-import { Image360Action } from '@cognite/reveal';
-import { DmsUniqueIdentifier } from '../../../data-providers/FdmSDK';
-import { GeneralBannerContent } from '../../../domains';
-import { PlacementType } from './utils/types';
+import { type ReactElement } from "react";
+import { type Vector3 } from "three";
+import { Image360Action } from "@cognite/reveal";
+import { type DmsUniqueIdentifier } from "../../../data-providers/FdmSDK";
+import { type GeneralBannerContent } from "../../../domains";
+import { type PlacementType } from "./utils/types";
 export declare class RevealButtons {
-    static ShowLayers: (prop: ButtonProp) => ReactElement;
-    static ShowTreeView: (prop: ButtonProp) => ReactElement;
-    static Help: (prop: ButtonProp) => ReactElement;
-    static Share: (prop: ButtonProp) => ReactElement;
-    static Settings: (props: SettingsProp) => ReactElement;
-    static PointCloudFilter: (prop: ButtonProp) => ReactElement;
-    static FitView: (prop: ButtonProp) => ReactElement;
-    static NavigationTool: (prop: ButtonProp) => ReactElement;
-    static SetAxisVisible: (prop: ButtonProp) => ReactElement;
-    static Measurement: (prop: ButtonProp) => ReactElement;
-    static Clip: (prop: ButtonProp) => ReactElement;
-    static Undo: (prop: ButtonProp) => ReactElement;
-    static SetOrbitOrFirstPersonMode: (prop: ButtonProp) => ReactElement;
-    static SetOrbitMode: (prop: ButtonProp) => ReactElement;
-    static SetFirstPersonMode: (prop: ButtonProp) => ReactElement;
-    static PointsOfInterest: ({ scene, ...restProps }: ButtonProp & {
-        scene: DmsUniqueIdentifier | undefined;
-    }) => ReactElement;
-    static PointsOfInterestInitiateCreation: (prop: {
-        point: Vector3;
-        clickEvent: PointerEvent;
-    } & ButtonProp) => ReactElement;
-    static DeleteSelectedPointOfInterest: (prop: ButtonProp) => ReactElement;
-    static KeyboardSpeed: (prop: ButtonProp) => ReactElement;
-    static Image360Button: (prop: Image360Prop) => ReactElement;
-    static Image360Buttons: (prop: ButtonProp) => ReactElement;
-    static Image360AnnotationCreateTool: (prop: ButtonProp) => ReactElement;
-    static Image360AnnotationSelectTool: (prop: ButtonProp) => ReactElement;
-    static Show360Annotations: (prop: ButtonProp) => ReactElement;
-    static AnnotationsSelect: (prop: ButtonProp) => ReactElement;
-    static AnnotationsCreate: (prop: ButtonProp) => ReactElement;
-    static AnnotationsShow: (prop: ButtonProp) => ReactElement;
-    static AnnotationsShowOnTop: (prop: ButtonProp) => ReactElement;
+	static ShowLayers: (prop: ButtonProp) => ReactElement;
+	static ShowTreeView: (prop: ButtonProp) => ReactElement;
+	static Help: (prop: ButtonProp) => ReactElement;
+	static Share: (prop: ButtonProp) => ReactElement;
+	static Settings: (props: SettingsProp) => ReactElement;
+	static PointCloudFilter: (prop: ButtonProp) => ReactElement;
+	static FitView: (prop: ButtonProp) => ReactElement;
+	static NavigationTool: (prop: ButtonProp) => ReactElement;
+	static SetAxisVisible: (prop: ButtonProp) => ReactElement;
+	static Measurement: (prop: ButtonProp) => ReactElement;
+	static Clip: (prop: ButtonProp) => ReactElement;
+	static Undo: (prop: ButtonProp) => ReactElement;
+	static SetOrbitOrFirstPersonMode: (prop: ButtonProp) => ReactElement;
+	static SetOrbitMode: (prop: ButtonProp) => ReactElement;
+	static SetFirstPersonMode: (prop: ButtonProp) => ReactElement;
+	static PointsOfInterest: ({ scene, ...restProps }: ButtonProp & {
+		scene: DmsUniqueIdentifier | undefined;
+	}) => ReactElement;
+	static PointsOfInterestInitiateCreation: (prop: {
+		point: Vector3;
+		clickEvent: PointerEvent;
+	} & ButtonProp) => ReactElement;
+	static DeleteSelectedPointOfInterest: (prop: ButtonProp) => ReactElement;
+	static KeyboardSpeed: (prop: ButtonProp) => ReactElement;
+	static Image360Button: (prop: Image360Prop) => ReactElement;
+	static Image360Buttons: (prop: ButtonProp) => ReactElement;
+	static Image360AnnotationCreateTool: (prop: ButtonProp) => ReactElement;
+	static Image360AnnotationSelectTool: (prop: ButtonProp) => ReactElement;
+	static Show360Annotations: (prop: ButtonProp) => ReactElement;
+	static AnnotationsSelect: (prop: ButtonProp) => ReactElement;
+	static AnnotationsCreate: (prop: ButtonProp) => ReactElement;
+	static AnnotationsShow: (prop: ButtonProp) => ReactElement;
+	static AnnotationsShowOnTop: (prop: ButtonProp) => ReactElement;
 }
 export type ButtonProp = {
-    toolbarPlacement?: PlacementType;
+	toolbarPlacement?: PlacementType;
 };
 type SettingsProp = ButtonProp & {
-    include360Images?: boolean;
-    includePois?: boolean;
-    topBanner?: GeneralBannerContent;
+	include360Images?: boolean;
+	includePois?: boolean;
+	topBanner?: GeneralBannerContent;
 };
 type Image360Prop = ButtonProp & {
-    action: Image360Action;
+	action: Image360Action;
 };
 export {};

package/dist/ui/components/commandBased/RevealButtons.js

@@ -1,85 +1,150 @@
-import { HelpCommand as e } from "../../../foundation/concreteCommands/general/HelpCommand.js";
-import { NavigationTool as t } from "../../../foundation/concreteCommands/navigation/NavigationTool.js";
-import { UndoCommand as n } from "../../../foundation/concreteCommands/general/UndoCommand.js";
-import { AnnotationsSelectTool as r } from "../../../domains/annotations/commands/AnnotationsSelectTool.js";
-import { AnnotationsCreateTool as i } from "../../../domains/annotations/commands/AnnotationsCreateTool.js";
-import { ClipTool as a } from "../../../domains/clipping/ClipTool.js";
-import { MeasurementTool as o } from "../../../domains/measurements/MeasurementTool.js";
-import { FitViewCommand as s } from "../../../foundation/concreteCommands/navigation/FitViewCommand.js";
-import { KeyboardSpeedCommand as c } from "../../../foundation/concreteCommands/navigation/KeyboardSpeedCommand.js";
-import { PointCloudFilterCommand as l } from "../../../domains/reveal/pointCloud/commands/PointCloudFilterCommand.js";
-import { PointsOfInterestTool as u } from "../../../domains/pointsOfInterest/PointsOfInterestTool.js";
-import { SettingsCommand as d } from "../../../foundation/concreteCommands/general/SettingsCommand.js";
-import { SetAxisVisibleCommand as f } from "../../../domains/axis/SetAxisVisibleCommand.js";
-import { Image360AnnotationSelectTool as p } from "../../../domains/annotation360/Image360AnnotationSelectTool.js";
-import { Image360AnnotationCreateTool as m } from "../../../domains/annotation360/Image360AnnotationCreateTool.js";
-import { ShowTreeViewCommand as h } from "../../../foundation/concreteCommands/general/ShowTreeViewCommand.js";
-import { AnnotationsShowCommand as g } from "../../../domains/annotations/commands/AnnotationsShowCommand.js";
-import { AnnotationsShowOnTopCommand as _ } from "../../../domains/annotations/commands/AnnotationsShowOnTopCommand.js";
-import { DeleteSelectedPointsOfInterestCommand as v } from "../../../domains/pointsOfInterest/DeletePointsOfInterestCommand.js";
-import { InitiatePointsOfInterestCommand as y } from "../../../domains/pointsOfInterest/InitiatePointsOfInterestCommand.js";
-import { Image360ActionCommand as b } from "../../../domains/reveal/Image360Collection/commands/Image360ActionCommand.js";
-import { Show360AnnotationsCommand as x } from "../../../domains/reveal/Image360Collection/commands/Show360AnnotationsCommand.js";
-import { ShareCommand as S } from "../../../foundation/concreteCommands/general/ShareCommand.js";
-import { ShowLayersCommand as C } from "../../../foundation/concreteCommands/general/ShowLayersCommand.js";
-import { SetFlexibleControlsTypeCommand as w } from "../../../foundation/concreteCommands/navigation/SetFlexibleControlsTypeCommand.js";
-import { SetOrbitOrFirstPersonModeCommand as T } from "../../../foundation/concreteCommands/navigation/SetOrbitOrFirstPersonModeCommand.js";
-import { createButtonFromCommandConstructor as E } from "./main/CommandButtons.js";
-import { useEffect as D, useMemo as O } from "react";
-import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
-import { FlexibleControlsType as M, Image360Action as N } from "@cognite/reveal";
-//#region libs/shared/reveal-components/src/ui/components/commandBased/RevealButtons.tsx
-var P = class P {
-	static ShowLayers = (e) => E(() => new C(), e);
-	static ShowTreeView = (e) => E(() => new h(), e);
-	static Help = (t) => E(() => new e(), t);
-	static Share = (e) => E(() => new S(), e);
-	static Settings = (e) => E(() => new d(e.include360Images, e.includePois, e.topBanner), e);
-	static PointCloudFilter = (e) => E(() => new l(), e);
-	static FitView = (e) => E(() => new s(), e);
-	static NavigationTool = (e) => E(() => new t(), e);
-	static SetAxisVisible = (e) => E(() => new f(), e);
-	static Measurement = (e) => E(() => new o(), e);
-	static Clip = (e) => E(() => new a(), e);
-	static Undo = (e) => E(() => new n(), e);
-	static SetOrbitOrFirstPersonMode = (e) => E(() => new T(), e);
-	static SetOrbitMode = (e) => E(() => new w(M.Orbit), e);
-	static SetFirstPersonMode = (e) => E(() => new w(M.FirstPerson), e);
-	static PointsOfInterest = ({ scene: e, ...t }) => {
-		let n = O(() => new u(), []);
-		return D(() => {
-			n.setScene(e);
-		}, [n, e]), E(() => n, t);
-	};
-	static PointsOfInterestInitiateCreation = (e) => E(() => new y(e.point, e.clickEvent), e);
-	static DeleteSelectedPointOfInterest = (e) => E(() => new v(), e);
-	static KeyboardSpeed = (e) => E(() => new c(), e);
-	static Image360Button = (e) => E(() => new b(e.action), e);
-	static Image360Buttons = (e) => /* @__PURE__ */ j(k, { children: [
-		/* @__PURE__ */ A(P.Image360Button, {
-			...e,
-			action: N.Enter
-		}),
-		/* @__PURE__ */ A(P.Image360Button, {
-			...e,
-			action: N.Backward
-		}),
-		/* @__PURE__ */ A(P.Image360Button, {
-			...e,
-			action: N.Forward
-		}),
-		/* @__PURE__ */ A(P.Image360Button, {
-			...e,
-			action: N.Exit
-		})
-	] });
-	static Image360AnnotationCreateTool = (e) => E(() => new m(), e);
-	static Image360AnnotationSelectTool = (e) => E(() => new p(), e);
-	static Show360Annotations = (e) => E(() => new x(), e);
-	static AnnotationsSelect = (e) => E(() => new r(), e);
-	static AnnotationsCreate = (e) => E(() => new i(), e);
-	static AnnotationsShow = (e) => E(() => new g(), e);
-	static AnnotationsShowOnTop = (e) => E(() => new _(), e);
-};
-//#endregion
-export { P as RevealButtons };
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import { FlexibleControlsType, Image360Action } from "@cognite/reveal";
+import { Image360AnnotationCreateTool } from "../../../domains/annotation360/Image360AnnotationCreateTool.js";
+import { Image360AnnotationSelectTool } from "../../../domains/annotation360/Image360AnnotationSelectTool.js";
+import { AnnotationsCreateTool } from "../../../domains/annotations/commands/AnnotationsCreateTool.js";
+import { AnnotationsSelectTool } from "../../../domains/annotations/commands/AnnotationsSelectTool.js";
+import { AnnotationsShowCommand } from "../../../domains/annotations/commands/AnnotationsShowCommand.js";
+import { AnnotationsShowOnTopCommand } from "../../../domains/annotations/commands/AnnotationsShowOnTopCommand.js";
+import { SetAxisVisibleCommand } from "../../../domains/axis/SetAxisVisibleCommand.js";
+import { ClipTool } from "../../../domains/clipping/ClipTool.js";
+import { MeasurementTool } from "../../../domains/measurements/MeasurementTool.js";
+import { DeleteSelectedPointsOfInterestCommand } from "../../../domains/pointsOfInterest/DeletePointsOfInterestCommand.js";
+import { InitiatePointsOfInterestCommand } from "../../../domains/pointsOfInterest/InitiatePointsOfInterestCommand.js";
+import { PointsOfInterestTool } from "../../../domains/pointsOfInterest/PointsOfInterestTool.js";
+import { Image360ActionCommand } from "../../../domains/reveal/Image360Collection/commands/Image360ActionCommand.js";
+import { Show360AnnotationsCommand } from "../../../domains/reveal/Image360Collection/commands/Show360AnnotationsCommand.js";
+import { PointCloudFilterCommand } from "../../../domains/reveal/pointCloud/commands/PointCloudFilterCommand.js";
+import { HelpCommand } from "../../../foundation/concreteCommands/general/HelpCommand.js";
+import { SettingsCommand } from "../../../foundation/concreteCommands/general/SettingsCommand.js";
+import { ShareCommand } from "../../../foundation/concreteCommands/general/ShareCommand.js";
+import { ShowLayersCommand } from "../../../foundation/concreteCommands/general/ShowLayersCommand.js";
+import { ShowTreeViewCommand } from "../../../foundation/concreteCommands/general/ShowTreeViewCommand.js";
+import { UndoCommand } from "../../../foundation/concreteCommands/general/UndoCommand.js";
+import { FitViewCommand } from "../../../foundation/concreteCommands/navigation/FitViewCommand.js";
+import { KeyboardSpeedCommand } from "../../../foundation/concreteCommands/navigation/KeyboardSpeedCommand.js";
+import { NavigationTool } from "../../../foundation/concreteCommands/navigation/NavigationTool.js";
+import { SetFlexibleControlsTypeCommand } from "../../../foundation/concreteCommands/navigation/SetFlexibleControlsTypeCommand.js";
+import { SetOrbitOrFirstPersonModeCommand } from "../../../foundation/concreteCommands/navigation/SetOrbitOrFirstPersonModeCommand.js";
+import { createButtonFromCommandConstructor } from "./main/CommandButtons.js";
+export class RevealButtons {
+    static{
+        this.ShowLayers = (prop)=>createButtonFromCommandConstructor(()=>new ShowLayersCommand(), prop);
+    }
+    static{
+        this.ShowTreeView = (prop)=>createButtonFromCommandConstructor(()=>new ShowTreeViewCommand(), prop);
+    }
+    static{
+        this.Help = (prop)=>createButtonFromCommandConstructor(()=>new HelpCommand(), prop);
+    }
+    static{
+        this.Share = (prop)=>createButtonFromCommandConstructor(()=>new ShareCommand(), prop);
+    }
+    static{
+        this.Settings = (props)=>createButtonFromCommandConstructor(()=>new SettingsCommand(props.include360Images, props.includePois, props.topBanner), props);
+    }
+    static{
+        this.PointCloudFilter = (prop)=>createButtonFromCommandConstructor(()=>new PointCloudFilterCommand(), prop);
+    }
+    static{
+        this.FitView = (prop)=>createButtonFromCommandConstructor(()=>new FitViewCommand(), prop);
+    }
+    static{
+        this.NavigationTool = (prop)=>createButtonFromCommandConstructor(()=>new NavigationTool(), prop);
+    }
+    static{
+        this.SetAxisVisible = (prop)=>createButtonFromCommandConstructor(()=>new SetAxisVisibleCommand(), prop);
+    }
+    static{
+        this.Measurement = (prop)=>createButtonFromCommandConstructor(()=>new MeasurementTool(), prop);
+    }
+    static{
+        this.Clip = (prop)=>createButtonFromCommandConstructor(()=>new ClipTool(), prop);
+    }
+    static{
+        this.Undo = (prop)=>createButtonFromCommandConstructor(()=>new UndoCommand(), prop);
+    }
+    static{
+        this.SetOrbitOrFirstPersonMode = (prop)=>createButtonFromCommandConstructor(()=>new SetOrbitOrFirstPersonModeCommand(), prop);
+    }
+    static{
+        this.SetOrbitMode = (prop)=>createButtonFromCommandConstructor(()=>new SetFlexibleControlsTypeCommand(FlexibleControlsType.Orbit), prop);
+    }
+    static{
+        this.SetFirstPersonMode = (prop)=>createButtonFromCommandConstructor(()=>new SetFlexibleControlsTypeCommand(FlexibleControlsType.FirstPerson), prop);
+    }
+    static{
+        this.PointsOfInterest = ({ scene, ...restProps })=>{
+            const tool = useMemo(()=>new PointsOfInterestTool(), []);
+            useEffect(()=>{
+                tool.setScene(scene);
+            }, [
+                tool,
+                scene
+            ]);
+            return createButtonFromCommandConstructor(()=>tool, restProps);
+        };
+    }
+    static{
+        this.PointsOfInterestInitiateCreation = (prop)=>createButtonFromCommandConstructor(()=>new InitiatePointsOfInterestCommand(prop.point, prop.clickEvent), prop);
+    }
+    static{
+        this.DeleteSelectedPointOfInterest = (prop)=>createButtonFromCommandConstructor(()=>new DeleteSelectedPointsOfInterestCommand(), prop);
+    }
+    static{
+        this.KeyboardSpeed = (prop)=>createButtonFromCommandConstructor(()=>new KeyboardSpeedCommand(), prop);
+    }
+    static{
+        this.Image360Button = (prop)=>createButtonFromCommandConstructor(()=>new Image360ActionCommand(prop.action), prop);
+    }
+    static{
+        this.Image360Buttons = (prop)=>{
+            return /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(RevealButtons.Image360Button, {
+                        ...prop,
+                        action: Image360Action.Enter
+                    }),
+                    /*#__PURE__*/ _jsx(RevealButtons.Image360Button, {
+                        ...prop,
+                        action: Image360Action.Backward
+                    }),
+                    /*#__PURE__*/ _jsx(RevealButtons.Image360Button, {
+                        ...prop,
+                        action: Image360Action.Forward
+                    }),
+                    /*#__PURE__*/ _jsx(RevealButtons.Image360Button, {
+                        ...prop,
+                        action: Image360Action.Exit
+                    })
+                ]
+            });
+        };
+    }
+    static{
+        // 2D Annotations (Image360 Polygon)
+        this.Image360AnnotationCreateTool = (prop)=>createButtonFromCommandConstructor(()=>new Image360AnnotationCreateTool(), prop);
+    }
+    static{
+        this.Image360AnnotationSelectTool = (prop)=>createButtonFromCommandConstructor(()=>new Image360AnnotationSelectTool(), prop);
+    }
+    static{
+        this.Show360Annotations = (prop)=>createButtonFromCommandConstructor(()=>new Show360AnnotationsCommand(), prop);
+    }
+    static{
+        // 3D Annotations
+        this.AnnotationsSelect = (prop)=>createButtonFromCommandConstructor(()=>new AnnotationsSelectTool(), prop);
+    }
+    static{
+        this.AnnotationsCreate = (prop)=>createButtonFromCommandConstructor(()=>new AnnotationsCreateTool(), prop);
+    }
+    static{
+        this.AnnotationsShow = (prop)=>createButtonFromCommandConstructor(()=>new AnnotationsShowCommand(), prop);
+    }
+    static{
+        this.AnnotationsShowOnTop = (prop)=>createButtonFromCommandConstructor(()=>new AnnotationsShowOnTopCommand(), prop);
+    }
+}
+
+//# sourceMappingURL=RevealButtons.js.map

package/dist/ui/components/commandBased/RevealButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/components/commandBased/RevealButtons.tsx"],"sourcesContent":["import { useEffect, useMemo, type ReactElement } from 'react';\n\nimport { type Vector3 } from 'three';\n\nimport { FlexibleControlsType, Image360Action } from '@cognite/reveal';\n\nimport { type DmsUniqueIdentifier } from '../../../data-providers/FdmSDK';\nimport { type GeneralBannerContent } from '../../../domains';\nimport { Image360AnnotationCreateTool } from '../../../domains/annotation360/Image360AnnotationCreateTool';\nimport { Image360AnnotationSelectTool } from '../../../domains/annotation360/Image360AnnotationSelectTool';\nimport { AnnotationsCreateTool } from '../../../domains/annotations/commands/AnnotationsCreateTool';\nimport { AnnotationsSelectTool } from '../../../domains/annotations/commands/AnnotationsSelectTool';\nimport { AnnotationsShowCommand } from '../../../domains/annotations/commands/AnnotationsShowCommand';\nimport { AnnotationsShowOnTopCommand } from '../../../domains/annotations/commands/AnnotationsShowOnTopCommand';\nimport { SetAxisVisibleCommand } from '../../../domains/axis/SetAxisVisibleCommand';\nimport { ClipTool } from '../../../domains/clipping/ClipTool';\nimport { MeasurementTool } from '../../../domains/measurements/MeasurementTool';\nimport { DeleteSelectedPointsOfInterestCommand } from '../../../domains/pointsOfInterest/DeletePointsOfInterestCommand';\nimport { InitiatePointsOfInterestCommand } from '../../../domains/pointsOfInterest/InitiatePointsOfInterestCommand';\nimport { PointsOfInterestTool } from '../../../domains/pointsOfInterest/PointsOfInterestTool';\nimport { Image360ActionCommand } from '../../../domains/reveal/Image360Collection/commands/Image360ActionCommand';\nimport { Show360AnnotationsCommand } from '../../../domains/reveal/Image360Collection/commands/Show360AnnotationsCommand';\nimport { PointCloudFilterCommand } from '../../../domains/reveal/pointCloud/commands/PointCloudFilterCommand';\nimport { HelpCommand } from '../../../foundation/concreteCommands/general/HelpCommand';\nimport { SettingsCommand } from '../../../foundation/concreteCommands/general/SettingsCommand';\nimport { ShareCommand } from '../../../foundation/concreteCommands/general/ShareCommand';\nimport { ShowLayersCommand } from '../../../foundation/concreteCommands/general/ShowLayersCommand';\nimport { ShowTreeViewCommand } from '../../../foundation/concreteCommands/general/ShowTreeViewCommand';\nimport { UndoCommand } from '../../../foundation/concreteCommands/general/UndoCommand';\nimport { FitViewCommand } from '../../../foundation/concreteCommands/navigation/FitViewCommand';\nimport { KeyboardSpeedCommand } from '../../../foundation/concreteCommands/navigation/KeyboardSpeedCommand';\nimport { NavigationTool } from '../../../foundation/concreteCommands/navigation/NavigationTool';\nimport { SetFlexibleControlsTypeCommand } from '../../../foundation/concreteCommands/navigation/SetFlexibleControlsTypeCommand';\nimport { SetOrbitOrFirstPersonModeCommand } from '../../../foundation/concreteCommands/navigation/SetOrbitOrFirstPersonModeCommand';\n\nimport { createButtonFromCommandConstructor } from './main/CommandButtons';\nimport { type PlacementType } from './utils/types';\n\nexport class RevealButtons {\n  static ShowLayers = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(() => new ShowLayersCommand(), prop);\n\n  static ShowTreeView = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(() => new ShowTreeViewCommand(), prop);\n\n  static Help = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(() => new HelpCommand(), prop);\n\n  static Share = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(() => new ShareCommand(), prop);\n\n  static Settings = (props: SettingsProp): ReactElement =>\n    createButtonFromCommandConstructor(\n      () =>\n        new SettingsCommand(\n          props.include360Images,\n          props.includePois,\n          props.topBanner\n        ),\n      props\n    );\n\n  static PointCloudFilter = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(\n      () => new PointCloudFilterCommand(),\n      prop\n    );\n\n  static FitView = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(() => new FitViewCommand(), prop);\n\n  static NavigationTool = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(() => new NavigationTool(), prop);\n\n  static SetAxisVisible = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(() => new SetAxisVisibleCommand(), prop);\n\n  static Measurement = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(() => new MeasurementTool(), prop);\n\n  static Clip = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(() => new ClipTool(), prop);\n\n  static Undo = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(() => new UndoCommand(), prop);\n\n  static SetOrbitOrFirstPersonMode = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(\n      () => new SetOrbitOrFirstPersonModeCommand(),\n      prop\n    );\n\n  static SetOrbitMode = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(\n      () => new SetFlexibleControlsTypeCommand(FlexibleControlsType.Orbit),\n      prop\n    );\n\n  static SetFirstPersonMode = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(\n      () =>\n        new SetFlexibleControlsTypeCommand(FlexibleControlsType.FirstPerson),\n      prop\n    );\n\n  static PointsOfInterest = ({\n    scene,\n    ...restProps\n  }: ButtonProp & {\n    scene: DmsUniqueIdentifier | undefined;\n  }): ReactElement => {\n    const tool = useMemo(() => new PointsOfInterestTool(), []);\n    useEffect(() => {\n      tool.setScene(scene);\n    }, [tool, scene]);\n    return createButtonFromCommandConstructor(() => tool, restProps);\n  };\n\n  static PointsOfInterestInitiateCreation = (\n    prop: { point: Vector3; clickEvent: PointerEvent } & ButtonProp\n  ): ReactElement =>\n    createButtonFromCommandConstructor(\n      () => new InitiatePointsOfInterestCommand(prop.point, prop.clickEvent),\n      prop\n    );\n\n  static DeleteSelectedPointOfInterest = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(\n      () => new DeleteSelectedPointsOfInterestCommand(),\n      prop\n    );\n\n  static KeyboardSpeed = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(() => new KeyboardSpeedCommand(), prop);\n\n  static Image360Button = (prop: Image360Prop): ReactElement =>\n    createButtonFromCommandConstructor(\n      () => new Image360ActionCommand(prop.action),\n      prop\n    );\n\n  static Image360Buttons = (prop: ButtonProp): ReactElement => {\n    return (\n      <>\n        <RevealButtons.Image360Button {...prop} action={Image360Action.Enter} />\n        <RevealButtons.Image360Button\n          {...prop}\n          action={Image360Action.Backward}\n        />\n        <RevealButtons.Image360Button\n          {...prop}\n          action={Image360Action.Forward}\n        />\n        <RevealButtons.Image360Button {...prop} action={Image360Action.Exit} />\n      </>\n    );\n  };\n\n  // 2D Annotations (Image360 Polygon)\n  static Image360AnnotationCreateTool = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(\n      () => new Image360AnnotationCreateTool(),\n      prop\n    );\n\n  static Image360AnnotationSelectTool = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(\n      () => new Image360AnnotationSelectTool(),\n      prop\n    );\n\n  static Show360Annotations = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(\n      () => new Show360AnnotationsCommand(),\n      prop\n    );\n\n  // 3D Annotations\n  static AnnotationsSelect = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(() => new AnnotationsSelectTool(), prop);\n\n  static AnnotationsCreate = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(() => new AnnotationsCreateTool(), prop);\n\n  static AnnotationsShow = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(\n      () => new AnnotationsShowCommand(),\n      prop\n    );\n\n  static AnnotationsShowOnTop = (prop: ButtonProp): ReactElement =>\n    createButtonFromCommandConstructor(\n      () => new AnnotationsShowOnTopCommand(),\n      prop\n    );\n}\n\nexport type ButtonProp = {\n  toolbarPlacement?: PlacementType;\n};\n\ntype SettingsProp = ButtonProp & {\n  include360Images?: boolean;\n  includePois?: boolean;\n  topBanner?: GeneralBannerContent;\n};\n\ntype Image360Prop = ButtonProp & {\n  action: Image360Action;\n};\n"],"names":["useEffect","useMemo","FlexibleControlsType","Image360Action","Image360AnnotationCreateTool","Image360AnnotationSelectTool","AnnotationsCreateTool","AnnotationsSelectTool","AnnotationsShowCommand","AnnotationsShowOnTopCommand","SetAxisVisibleCommand","ClipTool","MeasurementTool","DeleteSelectedPointsOfInterestCommand","InitiatePointsOfInterestCommand","PointsOfInterestTool","Image360ActionCommand","Show360AnnotationsCommand","PointCloudFilterCommand","HelpCommand","SettingsCommand","ShareCommand","ShowLayersCommand","ShowTreeViewCommand","UndoCommand","FitViewCommand","KeyboardSpeedCommand","NavigationTool","SetFlexibleControlsTypeCommand","SetOrbitOrFirstPersonModeCommand","createButtonFromCommandConstructor","RevealButtons","ShowLayers","prop","ShowTreeView","Help","Share","Settings","props","include360Images","includePois","topBanner","PointCloudFilter","FitView","SetAxisVisible","Measurement","Clip","Undo","SetOrbitOrFirstPersonMode","SetOrbitMode","Orbit","SetFirstPersonMode","FirstPerson","PointsOfInterest","scene","restProps","tool","setScene","PointsOfInterestInitiateCreation","point","clickEvent","DeleteSelectedPointOfInterest","KeyboardSpeed","Image360Button","action","Image360Buttons","Enter","Backward","Forward","Exit","Show360Annotations","AnnotationsSelect","AnnotationsCreate","AnnotationsShow","AnnotationsShowOnTop"],"mappings":"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"}

package/dist/ui/components/commandBased/buttons/BannerComponent.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { BaseBannerCommand } from '../../../../foundation/commands/BaseBannerCommand';
-export declare const BannerComponent: ({ command: inputCommand, }: {
-    command: BaseBannerCommand;
+import { type ReactNode } from "react";
+import { type BaseBannerCommand } from "../../../../foundation/commands/BaseBannerCommand";
+export declare const BannerComponent: ({ command: inputCommand }: {
+	command: BaseBannerCommand;
 }) => ReactNode;

package/dist/ui/components/commandBased/buttons/BannerComponent.js

@@ -1,28 +1,39 @@
-import { translate as e } from "../../../../foundation/utilities/translation/translateUtils.js";
-import { useCommand as t } from "../hooks/useCommand.js";
-import { useCommandProperty as n } from "../hooks/useCommandProperty.js";
-import { useCommandVisible as r } from "../hooks/useCommandProps.js";
-import { jsx as i } from "react/jsx-runtime";
-import { Alert as a, AlertDescription as o } from "@cognite/aura/components/alert";
-//#region libs/shared/reveal-components/src/ui/components/commandBased/buttons/BannerComponent.tsx
-var s = ({ command: s }) => {
-	let l = t(s), u = r(l), d = n(l, () => l.content), f = n(l, () => l.status);
-	if (!u) return null;
-	let p = c(f);
-	return /* @__PURE__ */ i(a, {
-		variant: p,
-		className: "flex p-2 items-start gap-2 self-stretch",
-		children: /* @__PURE__ */ i(o, { children: e(d) })
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Alert, AlertDescription } from "@cognite/aura/components/alert";
+import { translate } from "../../../../foundation/utilities/translation/translateUtils.js";
+import { useCommand } from "../hooks/useCommand.js";
+import { useCommandProperty } from "../hooks/useCommandProperty.js";
+import { useCommandVisible } from "../hooks/useCommandProps.js";
+export const BannerComponent = ({ command: inputCommand })=>{
+    const command = useCommand(inputCommand);
+    const isVisible = useCommandVisible(command);
+    const content = useCommandProperty(command, ()=>command.content);
+    const status = useCommandProperty(command, ()=>command.status);
+    if (!isVisible) {
+        return null;
+    }
+    const variant = mapStatusToVariant(status);
+    return /*#__PURE__*/ _jsx(Alert, {
+        variant: variant,
+        className: "flex p-2 items-start gap-2 self-stretch",
+        children: /*#__PURE__*/ _jsx(AlertDescription, {
+            children: translate(content)
+        })
+    });
 };
-function c(e) {
-	switch (e) {
-		case "warning": return "warning";
-		case "critical":
-		case "error":
-		case "negative": return "error";
-		default: return "default";
-	}
+function mapStatusToVariant(status) {
+    switch(status){
+        case 'warning':
+            return 'warning';
+        case 'critical':
+        case 'error':
+        case 'negative':
+            return 'error';
+        case 'positive':
+        case 'success':
+        default:
+            return 'default';
+    }
 }
-//#endregion
-export { s as BannerComponent };
+
+//# sourceMappingURL=BannerComponent.js.map

package/dist/ui/components/commandBased/buttons/BannerComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/components/commandBased/buttons/BannerComponent.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { Alert, AlertDescription } from '@cognite/aura/components/alert';\n\nimport { type BaseBannerCommand } from '../../../../foundation/commands/BaseBannerCommand';\nimport { translate } from '../../../../foundation/utilities/translation/translateUtils';\nimport { useCommand } from '../hooks/useCommand';\nimport { useCommandProperty } from '../hooks/useCommandProperty';\nimport { useCommandVisible } from '../hooks/useCommandProps';\n\nexport const BannerComponent = ({\n  command: inputCommand,\n}: {\n  command: BaseBannerCommand;\n}): ReactNode => {\n  const command = useCommand(inputCommand);\n  const isVisible = useCommandVisible(command);\n  const content = useCommandProperty(command, () => command.content);\n  const status = useCommandProperty(command, () => command.status);\n  if (!isVisible) {\n    return null;\n  }\n\n  const variant = mapStatusToVariant(status);\n\n  return (\n    <Alert\n      variant={variant}\n      className=\"flex p-2 items-start gap-2 self-stretch\"\n    >\n      <AlertDescription>{translate(content)}</AlertDescription>\n    </Alert>\n  );\n};\n\nfunction mapStatusToVariant(\n  status: string | undefined\n): 'default' | 'warning' | 'error' | 'secondary' | undefined {\n  switch (status) {\n    case 'warning':\n      return 'warning';\n    case 'critical':\n    case 'error':\n    case 'negative':\n      return 'error';\n    case 'positive':\n    case 'success':\n    default:\n      return 'default';\n  }\n}\n"],"names":["Alert","AlertDescription","translate","useCommand","useCommandProperty","useCommandVisible","BannerComponent","command","inputCommand","isVisible","content","status","variant","mapStatusToVariant","className"],"mappings":";AAEA,SAASA,KAAK,EAAEC,gBAAgB,QAAQ,iCAAiC;AAGzE,SAASC,SAAS,QAAQ,iEAA8D;AACxF,SAASC,UAAU,QAAQ,yBAAsB;AACjD,SAASC,kBAAkB,QAAQ,iCAA8B;AACjE,SAASC,iBAAiB,QAAQ,8BAA2B;AAE7D,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,SAASC,YAAY,EAGtB;IACC,MAAMD,UAAUJ,WAAWK;IAC3B,MAAMC,YAAYJ,kBAAkBE;IACpC,MAAMG,UAAUN,mBAAmBG,SAAS,IAAMA,QAAQG,OAAO;IACjE,MAAMC,SAASP,mBAAmBG,SAAS,IAAMA,QAAQI,MAAM;IAC/D,IAAI,CAACF,WAAW;QACd,OAAO;IACT;IAEA,MAAMG,UAAUC,mBAAmBF;IAEnC,qBACE,KAACX;QACCY,SAASA;QACTE,WAAU;kBAEV,cAAA,KAACb;sBAAkBC,UAAUQ;;;AAGnC,EAAE;AAEF,SAASG,mBACPF,MAA0B;IAE1B,OAAQA;QACN,KAAK;YACH,OAAO;QACT,KAAK;QACL,KAAK;QACL,KAAK;YACH,OAAO;QACT,KAAK;QACL,KAAK;QACL;YACE,OAAO;IACX;AACF"}