@salsita-ai/sdk 0.0.0-stage → 0.49.0-develop.cbee856178

package/dist/configurator/scene/scene-controls/EditableDistanceDimensionIndicator.d.ts

@@ -0,0 +1,10 @@
+import { type EditableDistanceDimensionButtonVariant } from '#package/ui-sdk';
+import { type DimensionIndicatorProps } from '../scene-entity/dimension-indicators/DimensionIndicator.js';
+import { type SceneEntitySpecificProps, type SceneHtmlOpacityProps, type SceneHtmlPositionProps, type SceneHtmlVisibilityProps } from '../scene-html/index.js';
+export interface EditableDistanceDimensionIndicatorProps extends DimensionIndicatorProps, SceneHtmlOpacityProps, SceneHtmlVisibilityProps, SceneHtmlPositionProps, SceneEntitySpecificProps {
+    readonly instanceName: string;
+    readonly targetDimension: string;
+    readonly buttonVariant?: EditableDistanceDimensionButtonVariant;
+    readonly icon?: string;
+}
+export declare const EditableDistanceDimensionIndicator: import("react").MemoExoticComponent<(inProps: EditableDistanceDimensionIndicatorProps) => import("react/jsx-runtime").JSX.Element | null>;

package/dist/configurator/scene/scene-controls/EditableDistanceDimensionIndicator.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i,Fragment as t}from"react/jsx-runtime";import{Trans as n}from"@lingui/react";import{memo as o,useCallback as a,useState as r}from"react";import{distanceDimensionComponent as l,editableDistanceDimensionIndicatorComponent as s}from"#package/domain";import{ControlAttachmentError as d,DomainControlsAnalytics as c,useComponent as m,useDistanceDimension as p,useEagerObservableValue as u,useRenderedComponent as f,useResolveLocalizable as h}from"#package/react-sdk";import{EditableDistanceDimensionDialog as b}from"#package/ui-sdk";import{useConfigurator as g}from"../../application-runtime/index.js";import{DimensionIndicator as x}from"../scene-entity/dimension-indicators/DimensionIndicator.js";import{SceneEntityHtml as D}from"../scene-html/index.js";import{useResolveAngleOpacityLimits as y,useResolveDistanceOpacityLimits as C}from"../scene-html/resolve-opacity-limits.js";import{EditDistanceButton as L}from"./EditDistanceButton.js";export const EditableDistanceDimensionIndicator=o(n=>{let{arrowHeadSize:o,arrowHeadType:s,arrowHeadTypeStart:c,arrowHeadTypeEnd:m,arrowsMoveOutside:p,azimuthAngleLimits:h,dashScale:b,distanceLimits:T,endX:O,endY:k,endZ:I,entityId:j,extrusionLineColor:A,extrusionLineDashed:v,extrusionLineOutlineColor:E,extrusionLineOutlineWidth:S,extrusionLineWidth:W,extrusionX:V,extrusionY:X,extrusionZ:Y,hideWhileDragging:Z,indicatorAlwaysVisible:$,indicatorLineColor:z,indicatorLineDashed:F,indicatorLineOutlineColor:H,indicatorLineOutlineWidth:N,indicatorLineWidth:P,labelFontSize:B,labelColor:M,labelAngle:U,instanceName:q,icon:G,labelOffsetX:J,labelOffsetY:K,labelOffsetZ:Q,minInteractiveOpacity:R,polarAngleLimits:_,renderOrder:ee,startX:ei,startY:et,startZ:en,targetDimension:eo,showWhen:ea,screenSized:er,labelPrefix:el,labelPrefixFontColor:es,buttonVariant:ed="button"}=n,ec=f({entityId:j,componentType:l,instanceName:eo});if(null===ec)throw new d(`Can not render EditableDistanceDimensionIndicator! No corresponding instance ${eo} of distanceDimensionComponent attached to the entity ${j}! Attach it first to use this input!`,j,q);let em=C(),ep=y(),{dragAndDropSystem:eu}=g(),ef=u(eu.draggingState$),[eh,eb]=r(!1),eg=a(()=>{eb(!0)},[]),ex=a(()=>{eb(!1)},[]);return ef&&Z?null:i(t,{children:[e(x,{showLabel:null!==ef,labelFontSize:B,labelColor:M,labelAngle:U,labelOffsetX:J,labelOffsetY:K,labelOffsetZ:Q,startX:ei,startY:et,startZ:en,endX:O,endY:k,endZ:I,extrusionX:V,extrusionY:X,extrusionZ:Y,arrowHeadType:s,arrowHeadTypeStart:c,arrowHeadTypeEnd:m,arrowHeadSize:o,arrowsMoveOutside:p,indicatorLineDashed:F,indicatorLineWidth:P,extrusionLineDashed:v,extrusionLineWidth:W,extrusionLineOutlineWidth:S,extrusionLineOutlineColor:E,dashScale:b,indicatorLineColor:z,indicatorLineOutlineWidth:N,indicatorLineOutlineColor:H,extrusionLineColor:A,indicatorAlwaysVisible:$,renderOrder:ee,screenSized:er,labelPrefix:ef?el:null,labelPrefixFontColor:es}),i(D,{entityId:j,showWhen:ea,hideWhileDragging:!0,azimuthAngleLimits:ep(h),polarAngleLimits:ep(_),distanceLimits:em(T),minInteractiveOpacity:R,offsetX:ei+(O-ei)/2+(V??0)+(J??0),offsetY:et+(k-et)/2+(X??0)+(K??0),offsetZ:en+(I-en)/2+(Y??0)+(Q??0),children:[e(L,{value:ec.value,displayUnit:ec.displayUnit,unitDisplayConfig:ec.unitDisplayConfig,labelPrefix:el??void 0,labelPrefixFontColor:es,buttonVariant:ed,icon:G,onClick:eg}),eh&&e(w,{onClose:ex,instanceName:q,entityId:j})]})]})});let w=i=>{let{instanceName:t,entityId:o,onClose:r}=i,l=m({entityId:o,componentType:s,instanceName:t});if(null===l)throw new d(`Can not render EditableDistanceDimensionIndicator! No corresponding instance ${t} of editableDistanceDimensionIndicatorComponent attached to the entity ${o}! Attach it first to use this input!`,o,t);let{min:u,max:f,value:g,hints:x,hasErrors:D,update:y,resolve:C,trace:L,unitLabel:w,rollback:T,formatValue:O,parseValue:k}=p(o,l.targetDimension,l.fixableViolations,c.DistanceDimensionInputChanged,!1),I=a(()=>{r(),T()},[T,r]),j=a(()=>{C(),r()},[C,r]),A=h();return e(b,{value:g,min:u,max:f,inputLabel:A(l.inputLabel),unitLabel:w,helperText:A(l.helperText),hintMessage:x,modalTitle:A(l.modalTitle),modalText:A(l.modalText),applyButtonLabel:e(n,{id:"sdk.controls.dimension.indicator.apply",message:"Apply"}),cancelButtonLabel:e(n,{id:"sdk.controls.dimension.indicator.cancel",message:"Cancel"}),open:!0,hasError:D,onApply:j,onCancel:I,onChange:y,onDebugClick:L,parseValue:k,formatValue:O})};

package/dist/configurator/scene/scene-controls/EditableOffsetIndicator.d.ts

@@ -0,0 +1,23 @@
+import { type DomainEntityId } from '#package/domain';
+import { type EditableDistanceDimensionButtonVariant } from '#package/ui-sdk';
+import { type DimensionIndicatorProps } from '../scene-entity/dimension-indicators/DimensionIndicator.js';
+import { type SceneEntitySpecificProps, type SceneHtmlOpacityProps, type SceneHtmlVisibilityProps } from '../scene-html/index.js';
+export interface EditableOffsetIndicatorProps extends Omit<DimensionIndicatorProps, 'startX' | 'startY' | 'startZ' | 'endX' | 'endY' | 'endZ'>, SceneHtmlOpacityProps, SceneHtmlVisibilityProps, SceneEntitySpecificProps {
+    readonly instanceName: string;
+    readonly targetOffset: string;
+    readonly targetEntityOffsetAnchors: readonly string[];
+    readonly targetReferenceOffsetAnchors: readonly string[];
+    readonly referenceEntityIds?: ReadonlyArray<DomainEntityId<string>> | null;
+    readonly directionVector: {
+        readonly x?: number;
+        readonly y?: number;
+        readonly z?: number;
+    };
+    readonly directionVectorRelativeToEntityId?: DomainEntityId<string> | null;
+    readonly maxDistance?: number | null;
+    readonly minDistance?: number | null;
+    readonly maxPerpendicularDistance?: number | null;
+    readonly minPerpendicularDistance?: number | null;
+    readonly buttonVariant?: EditableDistanceDimensionButtonVariant;
+}
+export declare const EditableOffsetIndicator: import("react").MemoExoticComponent<(inProps: EditableOffsetIndicatorProps) => import("react/jsx-runtime").JSX.Element | null>;

package/dist/configurator/scene/scene-controls/EditableOffsetIndicator.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{Trans as i}from"@lingui/react";import{memo as r,useCallback as o,useMemo as a,useState as s}from"react";import{editableOffsetIndicatorComponent as c,offsetComponent as d}from"#package/domain";import{ControlAttachmentError as l,DomainControlsAnalytics as m,useComponent as f,useEagerObservableValue as u,useOffsetDimension as p,useRenderedComponent as x,useResolveLocalizable as g}from"#package/react-sdk";import{EditableDistanceDimensionDialog as h}from"#package/ui-sdk";import{useConfigurator as y}from"../../application-runtime/index.js";import{DimensionIndicator as D}from"../scene-entity/dimension-indicators/DimensionIndicator.js";import{useOffsetIndicator as b}from"../scene-entity/dimension-indicators/use-offset-indicator.js";import{SceneEntityHtml as X}from"../scene-html/index.js";import{useResolveAngleOpacityLimits as Y,useResolveDistanceOpacityLimits as Z}from"../scene-html/resolve-opacity-limits.js";import{EditDistanceButton as C}from"./EditDistanceButton.js";export const EditableOffsetIndicator=r(i=>{let{azimuthAngleLimits:r,directionVector:a,directionVectorRelativeToEntityId:c,distanceLimits:m,entityId:f,extrusionX:p,extrusionY:g,extrusionZ:h,hideWhileDragging:E,instanceName:j,labelOffsetX:O,labelOffsetY:T,labelOffsetZ:A,maxDistance:R,maxPerpendicularDistance:k,minDistance:L,minInteractiveOpacity:V,minPerpendicularDistance:v,polarAngleLimits:P,referenceEntityIds:w,showWhen:$,targetOffset:N,targetEntityOffsetAnchors:B,targetReferenceOffsetAnchors:F,labelPrefix:U,labelPrefixFontColor:W,buttonVariant:z="button",...M}=i,S=x({entityId:f,componentType:d,instanceName:N});if(null===S)throw new l(`Can not render EditableOffsetIndicator! No corresponding instance ${N} of offsetComponent attached to the entity ${f}! Attach it first to use this input!`,f,j);let q=b({entityId:f,targetEntityOffsetAnchors:B,targetReferenceOffsetAnchors:F,referenceEntityIds:w,directionVector:a,directionVectorRelativeToEntityId:c,maxDistance:R,minDistance:L,maxPerpendicularDistance:k,minPerpendicularDistance:v,extrusionX:p,extrusionY:g,extrusionZ:h}),G=Z(),H=Y(),{dragAndDropSystem:J}=y(),K=u(J.draggingState$),Q=q?.signedProjectedDistance??0,[_,ee]=s(!1),et=o(()=>{ee(!0)},[]),en=o(()=>{ee(!1)},[]);return null===q||K&&E?null:t(n,{children:[e(D,{...M,showLabel:null!==K,value:Q,startX:q.startX,startY:q.startY,startZ:q.startZ,endX:q.endX,endY:q.endY,endZ:q.endZ,endReferenceX:q.endReferenceX,endReferenceY:q.endReferenceY,endReferenceZ:q.endReferenceZ,extrusionX:q.extrusionX,extrusionY:q.extrusionY,extrusionZ:q.extrusionZ}),t(X,{entityId:f,showWhen:$,hideWhileDragging:!0,azimuthAngleLimits:H(r),polarAngleLimits:H(P),distanceLimits:G(m),minInteractiveOpacity:V,offsetX:q.startX+(q.endX-q.startX)/2+q.extrusionX+(O??0),offsetY:q.startY+(q.endY-q.startY)/2+q.extrusionY+(T??0),offsetZ:q.startZ+(q.endZ-q.startZ)/2+q.extrusionZ+(A??0),children:[e(C,{value:Q,displayUnit:S.displayUnit,unitDisplayConfig:S.unitDisplayConfig,labelPrefix:U??void 0,labelPrefixFontColor:W,buttonVariant:z,onClick:et}),_&&e(I,{onClose:en,entityId:f,instanceName:j})]})]})});let I=t=>{let{entityId:n,instanceName:r,onClose:s}=t,d=f({entityId:n,componentType:c,instanceName:r});if(null===d)throw new l(`Can not render EditableOffsetIndicator! No corresponding instance ${r} of editableOffsetIndicatorComponent attached to the entity ${n}! Attach it first to use this input!`,n,r);let u=b({entityId:n,targetEntityOffsetAnchors:d.targetEntityOffsetAnchors,targetReferenceOffsetAnchors:d.targetReferenceOffsetAnchors,referenceEntityIds:d.referenceEntityIds,directionVector:d.directionVector,directionVectorRelativeToEntityId:d.directionVectorRelativeToEntityId,maxDistance:d.maxDistance,minDistance:d.minDistance,maxPerpendicularDistance:d.maxPerpendicularDistance,minPerpendicularDistance:d.minPerpendicularDistance,extrusionX:d.extrusionX,extrusionY:d.extrusionY,extrusionZ:d.extrusionZ}),x=a(()=>null!==u?{distance:u.signedProjectedDistance,directionX:u.directionX,directionY:u.directionY,directionZ:u.directionZ}:{distance:0,directionX:0,directionY:0,directionZ:0},[u]),{hints:y,hasErrors:D,update:X,resolve:Y,trace:Z,rollback:C,value:I,formatValue:E,parseValue:j}=p(n,d.targetOffset,x,d.fixableViolations,m.OffsetDimensionInputChanged,!1),O=o(()=>{s(),C()},[C,s]),T=o(()=>{Y(),s()},[Y,s]),A=g();return e(h,{value:I.decimalValue,inputLabel:A(d.inputLabel),unitLabel:A(I.label),helperText:A(d.helperText),hintMessage:y,modalTitle:A(d.modalTitle),modalText:A(d.modalText),applyButtonLabel:e(i,{id:"sdk.controls.dimension.indicator.apply",message:"Apply"}),cancelButtonLabel:e(i,{id:"sdk.controls.dimension.indicator.cancel",message:"Cancel"}),open:!0,hasError:D,onApply:T,onCancel:O,onChange:X,onDebugClick:Z,parseValue:j,formatValue:E})};

package/dist/configurator/scene/scene-controls/EditableSizeIndicator.d.ts

@@ -0,0 +1,9 @@
+import { type EditableDistanceDimensionButtonVariant } from '#package/ui-sdk';
+import { type DimensionIndicatorProps } from '../scene-entity/dimension-indicators/DimensionIndicator.js';
+import { type SceneEntitySpecificProps, type SceneHtmlOpacityProps, type SceneHtmlPositionProps, type SceneHtmlVisibilityProps } from '../scene-html/index.js';
+export interface EditableSizeIndicatorProps extends DimensionIndicatorProps, SceneHtmlOpacityProps, SceneHtmlVisibilityProps, SceneHtmlPositionProps, SceneEntitySpecificProps {
+    readonly instanceName: string;
+    readonly targetSize: string;
+    readonly buttonVariant?: EditableDistanceDimensionButtonVariant;
+}
+export declare const EditableSizeIndicator: import("react").MemoExoticComponent<(inProps: EditableSizeIndicatorProps) => import("react/jsx-runtime").JSX.Element | null>;

package/dist/configurator/scene/scene-controls/EditableSizeIndicator.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import{Trans as n}from"@lingui/react";import{memo as a,useCallback as o,useMemo as r,useState as l}from"react";import{editableSizeIndicatorComponent as s,sizeComponent as d}from"#package/domain";import{ControlAttachmentError as c,DomainControlsAnalytics as m,useComponent as p,useEagerObservableValue as u,useRenderedComponent as f,useResolveLocalizable as h,useSizeDimension as b}from"#package/react-sdk";import{EditableDistanceDimensionDialog as g}from"#package/ui-sdk";import{useConfigurator as x}from"../../application-runtime/index.js";import{DimensionIndicator as y}from"../scene-entity/dimension-indicators/DimensionIndicator.js";import{SceneEntityHtml as C}from"../scene-html/index.js";import{useResolveAngleOpacityLimits as L,useResolveDistanceOpacityLimits as w}from"../scene-html/resolve-opacity-limits.js";import{EditDistanceButton as D}from"./EditDistanceButton.js";export const EditableSizeIndicator=a(n=>{let{arrowHeadSize:a,arrowHeadType:r,arrowHeadTypeStart:s,arrowHeadTypeEnd:m,arrowsMoveOutside:p,azimuthAngleLimits:h,dashScale:b,distanceLimits:g,endX:T,endY:z,endZ:X,entityId:Y,extrusionLineColor:Z,extrusionLineDashed:O,extrusionLineOutlineColor:k,extrusionLineOutlineWidth:I,extrusionLineWidth:j,extrusionX:A,extrusionY:E,extrusionZ:v,hideWhileDragging:V,indicatorAlwaysVisible:W,indicatorLineColor:$,indicatorLineDashed:F,indicatorLineOutlineColor:H,indicatorLineOutlineWidth:N,indicatorLineWidth:P,labelFontSize:B,labelColor:M,labelAngle:U,instanceName:q,labelOffsetX:G,labelOffsetY:J,labelOffsetZ:K,minInteractiveOpacity:Q,polarAngleLimits:R,renderOrder:_,startX:ee,startY:et,startZ:ei,targetSize:en,showWhen:ea,screenSized:eo,labelPrefix:er,labelPrefixFontColor:el,buttonVariant:es="button"}=n,ed=f({entityId:Y,componentType:d,instanceName:en});if(null===ed)throw new c(`Can not render EditableSizeIndicator! No corresponding instance ${en} of sizeComponent attached to the entity ${Y}! Attach it first to use this input!`,Y,q);let ec=T-ee,em=z-et,ep=X-ei,eu=Math.sqrt(ec*ec+em*em+ep*ep),ef=w(),eh=L(),{dragAndDropSystem:eb}=x(),eg=u(eb.draggingState$),[ex,ey]=l(!1),eC=o(()=>{ey(!0)},[]),eL=o(()=>{ey(!1)},[]);return eu<1e-6||eg&&V?null:t(i,{children:[e(y,{showLabel:null!==eg,labelFontSize:B,labelColor:M,labelAngle:U,labelOffsetX:G,labelOffsetY:J,labelOffsetZ:K,startX:ee,startY:et,startZ:ei,endX:T,endY:z,endZ:X,extrusionX:A,extrusionY:E,extrusionZ:v,arrowHeadType:r,arrowHeadTypeStart:s,arrowHeadTypeEnd:m,arrowHeadSize:a,arrowsMoveOutside:p,indicatorLineDashed:F,indicatorLineWidth:P,extrusionLineDashed:O,extrusionLineWidth:j,extrusionLineOutlineWidth:I,extrusionLineOutlineColor:k,dashScale:b,indicatorLineColor:$,indicatorLineOutlineWidth:N,indicatorLineOutlineColor:H,extrusionLineColor:Z,indicatorAlwaysVisible:W,renderOrder:_,screenSized:eo,labelPrefix:er,labelPrefixFontColor:el}),t(C,{entityId:Y,showWhen:ea,hideWhileDragging:!0,azimuthAngleLimits:eh(h),polarAngleLimits:eh(R),distanceLimits:ef(g),minInteractiveOpacity:Q,offsetX:ee+(T-ee)/2+(A??0)+(G??0),offsetY:et+(z-et)/2+(E??0)+(J??0),offsetZ:ei+(X-ei)/2+(v??0)+(K??0),children:[e(D,{value:eu,displayUnit:ed.displayUnit,unitDisplayConfig:ed.unitDisplayConfig,labelPrefix:er??void 0,labelPrefixFontColor:el,buttonVariant:es,onClick:eC}),ex&&e(S,{onClose:eL,instanceName:q,entityId:Y})]})]})});let S=t=>{let{instanceName:i,entityId:a,onClose:l}=t,d=p({entityId:a,componentType:s,instanceName:i});if(null===d)throw new c(`Can not render EditableSizeIndicator! No corresponding instance ${i} of editableSizeIndicatorComponent attached to the entity ${a}! Attach it first to use this input!`,a,i);let u=r(()=>({startX:d.startX,startY:d.startY,startZ:d.startZ,endX:d.endX,endY:d.endY,endZ:d.endZ}),[d.startX,d.startY,d.startZ,d.endX,d.endY,d.endZ]),{hints:f,hasErrors:x,update:y,resolve:C,trace:L,rollback:w,value:D,formatValue:S,parseValue:T}=b(a,d.targetSize,u,d.fixableViolations,m.SizeDimensionInputChanged,!1),z=o(()=>{l(),w()},[w,l]),X=o(()=>{C(),l()},[C,l]),Y=h();return e(g,{value:D.decimalValue,min:0,inputLabel:Y(d.inputLabel),unitLabel:Y(D.label),helperText:Y(d.helperText),hintMessage:f,modalTitle:Y(d.modalTitle),modalText:Y(d.modalText),applyButtonLabel:e(n,{id:"sdk.controls.dimension.indicator.apply",message:"Apply"}),cancelButtonLabel:e(n,{id:"sdk.controls.dimension.indicator.cancel",message:"Cancel"}),open:!0,hasError:x,onApply:X,onCancel:z,onChange:y,onDebugClick:L,parseValue:T,formatValue:S})};

package/dist/configurator/scene/scene-controls/ListSelectorDimensionIndicator.d.ts

@@ -0,0 +1,9 @@
+import { type EditableDistanceDimensionButtonVariant } from '#package/ui-sdk';
+import { type DimensionIndicatorProps } from '../scene-entity/dimension-indicators/DimensionIndicator.js';
+import { type SceneEntitySpecificProps, type SceneHtmlOpacityProps, type SceneHtmlPositionProps, type SceneHtmlVisibilityProps } from '../scene-html/index.js';
+export interface ListSelectorDimensionIndicatorProps extends DimensionIndicatorProps, SceneHtmlOpacityProps, SceneHtmlVisibilityProps, SceneHtmlPositionProps, SceneEntitySpecificProps {
+    readonly instanceName: string;
+    readonly targetDistanceDimensionSelect: string;
+    readonly buttonVariant?: EditableDistanceDimensionButtonVariant;
+}
+export declare const ListSelectorDimensionIndicator: import("react").MemoExoticComponent<(props: ListSelectorDimensionIndicatorProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-controls/ListSelectorDimensionIndicator.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import{memo as n,useCallback as o,useMemo as r,useState as a}from"react";import{distanceDimensionSelectComponent as s,listSelectorDimensionIndicatorComponent as l}from"#package/domain";import{ControlAttachmentError as c,DomainControlsAnalytics as d,LocalizableMessage as m,useComponent as p,useDistanceDimensionSelection as u,useEagerObservableValue as h,useRenderedComponent as f,useResolveLocalizable as g}from"#package/react-sdk";import{DimensionSelectorPopup as x}from"#package/ui-sdk";import{useConfigurator as y}from"../../application-runtime/index.js";import{DimensionIndicator as S}from"../scene-entity/dimension-indicators/DimensionIndicator.js";import{SceneEntityHtml as D}from"../scene-html/index.js";import{useResolveAngleOpacityLimits as C,useResolveDistanceOpacityLimits as L}from"../scene-html/resolve-opacity-limits.js";import{EditDistanceButton as w}from"./EditDistanceButton.js";let b=d.DimensionSelected("ListSelectorItem");export const ListSelectorDimensionIndicator=n(n=>{let{instanceName:r,arrowHeadSize:l,arrowHeadType:d,arrowHeadTypeStart:m,arrowHeadTypeEnd:p,arrowsMoveOutside:u,azimuthAngleLimits:g,dashScale:x,distanceLimits:b,endX:j,endY:I,endZ:T,entityId:k,extrusionLineColor:A,extrusionLineDashed:P,extrusionLineWidth:$,extrusionX:E,extrusionY:H,extrusionZ:W,hideWhileDragging:X,indicatorAlwaysVisible:Y,indicatorLineColor:Z,indicatorLineDashed:z,indicatorLineWidth:F,labelOffsetX:M,labelOffsetY:N,labelOffsetZ:O,minInteractiveOpacity:V,polarAngleLimits:U,renderOrder:B,startX:q,startY:G,startZ:J,showWhen:K,screenSized:Q,labelPrefix:R,labelPrefixFontColor:_,buttonVariant:ee="button"}=n,et=f({entityId:k,componentType:s,instanceName:r});if(null===et)throw new c(`Can not render ListSelectorDimensionIndicator! No corresponding instance ${r} of distanceDimensionSelectComponent attached to the entity ${k}! Attach it first to use this input!`,k,r);let ei=L(),en=C(),{dragAndDropSystem:eo}=y(),er=h(eo.draggingState$),[ea,es]=a(null),el=o(e=>{es(e.currentTarget)},[]),ec=o(()=>{es(null)},[]);return t(i,{children:[e(S,{showLabel:null!==er,startX:q,startY:G,startZ:J,endX:j,endY:I,endZ:T,extrusionX:E,extrusionY:H,extrusionZ:W,arrowHeadType:d,arrowHeadTypeStart:m,arrowHeadTypeEnd:p,arrowHeadSize:l,arrowsMoveOutside:u,indicatorLineDashed:z,indicatorLineWidth:F,extrusionLineDashed:P,extrusionLineWidth:$,dashScale:x,indicatorLineColor:Z,extrusionLineColor:A,indicatorAlwaysVisible:Y,renderOrder:B,screenSized:Q,labelPrefix:R,labelPrefixFontColor:_}),t(D,{entityId:k,showWhen:K,hideWhileDragging:X,azimuthAngleLimits:en(g),polarAngleLimits:en(U),distanceLimits:ei(b),minInteractiveOpacity:V,offsetX:q+(j-q)/2+(E??0)+(M??0),offsetY:G+(I-G)/2+(H??0)+(N??0),offsetZ:J+(T-J)/2+(W??0)+(O??0),children:[e(w,{value:et.value,displayUnit:et.displayUnit,unitDisplayConfig:et.unitDisplayConfig,labelPrefix:R??void 0,labelPrefixFontColor:_,buttonVariant:ee,onClick:el}),ea&&e(v,{anchorEl:ea,onClose:ec,entityId:k,instanceName:r})]})]})});let v=t=>{let{anchorEl:i,onClose:n,entityId:o,instanceName:a}=t,s=p({entityId:o,componentType:l,instanceName:a});if(null===s)throw new c(`Can not render SelectorPopup! No corresponding instance ${a} of listSelectorDimensionIndicatorComponent attached to the entity ${o}! Attach it first to use this input!`,o,a);let{rawValue:d,options:h}=u(o,s.targetDistanceDimensionSelect,s.fixableViolations,b),f=g();return e(x,{value:d,options:r(()=>h.map(e=>({title:f(e.title),description:f(e.description),value:e.value,onSelect:e.onSelect,trace:e.trace,disabled:e.error,hint:e.hint})),[h,f]),menuTitle:e(m,{children:s.menuTitle}),menuMessage:e(m,{children:s.menuMessage}),anchorEl:i,onClose:n})};

package/dist/configurator/scene/scene-controls/NavigationHotspot.d.ts

@@ -0,0 +1,26 @@
+import type { Localizable } from '@salsita-ai/common/utils';
+export interface NavigationHotspotProps {
+    /**
+     * The navigation state to push to the stack or replace the current state.
+     */
+    navigationState: string;
+    /**
+     * If `true`, the navigation state will be pushed to an existing navigation stack.
+     */
+    pushToStack?: boolean;
+    /**
+     * The states that this navigation state can be stacked onto:
+     * - If there are any other states in the stack AFTER the last allowed one, they will be removed from the stack.
+     * - If there are no allowed states in the stack, the navigation will simply replace the current state.
+     */
+    canStackOnto?: readonly string[];
+    /**
+     * Optional tooltip to display when the hotspot is hovered
+     */
+    title?: Localizable;
+    /**
+     *  `on-hover` to use the default hover behavior, `forced` to force the tooltip to be displayed at all times, `forced-when-still` to force it to be displayed when the camera is still, `hidden` to force it to be hidden
+     */
+    tooltipVisibility?: 'on-hover' | 'forced' | 'forced-when-still' | 'hidden';
+}
+export declare const NavigationHotspot: (props: NavigationHotspotProps) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/scene/scene-controls/NavigationHotspot.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useCallback as o}from"react";import{useDomain as e}from"#package/react-sdk";import{SceneHotspot as i}from"./SceneHotspot.js";export const NavigationHotspot=a=>{let{navigationState:r,pushToStack:s,canStackOnto:p,title:m,tooltipVisibility:n="on-hover"}=a,{navigationSystem:c,storeSystem:l}=e();return t(i,{onClick:o(t=>{t.preventDefault(),t.stopPropagation();let o=s?c.getPushNavigationUpdate(r,l.stateSlices.committed.value.state,{canStackOnto:p}):c.getNavigationUpdate(r);l.stageAndCommit([o])},[c,r,s,l,p]),title:m,tooltipVisibility:n})};

package/dist/configurator/scene/scene-controls/SceneFab.d.ts

@@ -0,0 +1,30 @@
+import type { ComponentProps } from 'react';
+import type { Localizable } from '@salsita-ai/common/utils';
+import { SceneFab as UiSceneFab } from '#package/ui-sdk';
+import type { SceneControlTooltipVisibility } from './use-scene-control-tooltip.js';
+export interface SceneFabProps extends Omit<ComponentProps<typeof UiSceneFab>, 'label' | 'title' | 'tooltipOpen'> {
+    /**
+     * Optional text label (makes FAB extended when provided).
+     */
+    readonly label?: Localizable;
+    /**
+     * Tooltip content.
+     */
+    readonly title?: Localizable;
+    /**
+     * Controls tooltip display behavior based on camera state.
+     *
+     * - `on-hover` — Default hover behavior.
+     * - `forced` — Always displayed after camera becomes still.
+     * - `forced-when-still` — Displayed when camera is still.
+     * - `hidden` — Never displayed.
+     */
+    readonly tooltipVisibility?: SceneControlTooltipVisibility;
+}
+/**
+ * Scene FAB with camera-still detection and localizable content.
+ *
+ * Wraps the ui-sdk SceneFab component, injecting tooltip open state
+ * and handling localizable labels and tooltips.
+ */
+export declare const SceneFab: (props: SceneFabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/scene/scene-controls/SceneFab.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{LocalizableMessage as o}from"#package/react-sdk";import{SceneFab as t}from"#package/ui-sdk";import{useSceneControlTooltip as r}from"./use-scene-control-tooltip.js";export const SceneFab=i=>{let{label:a,title:c,tooltipVisibility:n,...p}=i,{tooltipOpen:s}=r(n);return e(t,{...p,label:a?e(o,{children:a}):void 0,title:c?e(o,{children:c}):void 0,tooltipOpen:s})};

package/dist/configurator/scene/scene-controls/SceneHotspot.d.ts

@@ -0,0 +1,20 @@
+import type { ButtonProps } from '@mui/material';
+import { type MouseEventHandler } from 'react';
+import type { Localizable } from '@salsita-ai/common/utils';
+export interface SceneHotspotProps {
+    readonly sx?: ButtonProps['sx'];
+    readonly className?: string;
+    readonly onClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Optional tooltip to display when the hotspot is hovered
+     */
+    readonly title?: Localizable;
+    /**
+     *  `on-hover` to use the default hover behavior, `forced` to force the tooltip to be displayed at all times, `forced-when-still` to force it to be displayed when the camera is still, `hidden` to force it to be hidden
+     */
+    readonly tooltipVisibility?: 'on-hover' | 'forced' | 'forced-when-still' | 'hidden';
+}
+/**
+ * A hotspot that allows selecting of an entity. If the entity is not selectable, the hotspot is not rendered.
+ */
+export declare const SceneHotspot: (props: SceneHotspotProps) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/scene/scene-controls/SceneHotspot.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{useEffect as t,useState as e}from"react";import{match as r}from"ts-pattern";import{LocalizableMessage as i}from"#package/react-sdk";import{SelectionHotspot as s}from"#package/ui-sdk";import{useIsCameraStill as n}from"../cameras/index.js";export const SceneHotspot=c=>{let{sx:d,className:a,onClick:m,title:h,tooltipVisibility:p="on-hover"}=c,f=n(),[l,v]=e(!1);return t(()=>{f&&v(!0)},[f]),o(s,{onClick:m,sx:d,className:a,tooltip:void 0===h?void 0:o(i,{children:h}),tooltipVisibility:r(p).with("on-hover",()=>"on-hover").with("forced",()=>l?"forced":"on-hover").with("forced-when-still",()=>f?"forced":"hidden").with("hidden",()=>"hidden").exhaustive()})};

package/dist/configurator/scene/scene-controls/SelectionHotspot.d.ts

@@ -0,0 +1,20 @@
+import type { Localizable } from '@salsita-ai/common/utils';
+import type { DomainEntityId } from '#package/domain';
+export interface SelectionHotspotProps {
+    /**
+     * Id of the entity to be selected.
+     */
+    readonly id: DomainEntityId<string>;
+    /**
+     * Optional tooltip to display when the hotspot is hovered
+     */
+    readonly title?: Localizable;
+    /**
+     *  `on-hover` to use the default hover behavior, `forced` to force the tooltip to be displayed at all times, `forced-when-still` to force it to be displayed when the camera is still, `hidden` to force it to be hidden
+     */
+    readonly tooltipVisibility?: 'on-hover' | 'forced' | 'forced-when-still' | 'hidden';
+}
+/**
+ * A hotspot that allows selecting of an entity. If the entity is not selectable, the hotspot is not rendered.
+ */
+export declare const SelectionHotspot: (props: SelectionHotspotProps) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/scene/scene-controls/SelectionHotspot.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{useCallback as t}from"react";import{useSelectEntity as r}from"#package/react-sdk";import{FrontendAnalyticsFactory as e}from"../../common/frontend-analytics.js";import{SceneHotspot as i}from"./SceneHotspot.js";export const SelectionHotspot=m=>{let{id:n,title:p,tooltipVisibility:s="on-hover"}=m,c=r(e.SelectionHotspotClicked);return o(i,{onClick:t(o=>{o.stopPropagation(),c(n)},[n,c]),title:p,tooltipVisibility:s})};

package/dist/configurator/scene/scene-controls/ToolFab.d.ts

@@ -0,0 +1,7 @@
+import type { ToolMenuFabOption } from '#package/domain';
+import { type SceneFabProps } from './SceneFab.js';
+export interface ToolMenuFabProps extends Pick<SceneFabProps, 'title' | 'tooltipVisibility'> {
+    readonly options: readonly ToolMenuFabOption[];
+    readonly icon?: string;
+}
+export declare const ToolMenuFab: (props: ToolMenuFabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/scene/scene-controls/ToolFab.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{Trans as t}from"@lingui/react";import{ListItemIcon as i,ListSubheader as n,MenuItem as l,menuClasses as a}from"@mui/material";import{memo as c,useCallback as m,useState as s}from"react";import{LocalizableMessage as p,useDomain as g}from"#package/react-sdk";import{PhxIcon as d,ResponsiveMenu as h}from"#package/ui-sdk";import{SceneFab as u}from"./SceneFab.js";let f=c(r=>{let{options:c,title:s,open:u,anchorEl:f,onClose:k}=r,{navigationSystem:b,storeSystem:C}=g(),x=m(e=>{C.stageAndCommit([b.getToolUpdate(e.toolState)]),k()},[b,C,k]);return o(h,{closeLabel:e(t,{id:"sdk.controls.tool.close.label",message:"Close"}),open:u,anchorEl:f,onClose:k,menuProps:{anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:"center",horizontal:"left"},sx:{[`.${a.paper}`]:{minInlineSize:220,marginLeft:2,marginRight:1}}},children:[e(n,{children:e(p,{children:s})}),c.map(r=>o(l,{onClick:()=>{x(r)},children:[e(i,{children:r.icon&&e(d,{name:r.icon})}),e(p,{children:r.label})]},r.toolState))]})});export const ToolMenuFab=t=>{let{options:i,icon:n,title:l,tooltipVisibility:a}=t,[c,p]=s(null),g=null!==c,h=m(e=>{p(e.currentTarget),e.stopPropagation()},[]),k=m(()=>{p(null)},[]);return o(r,{children:[e(u,{title:l,icon:e(d,{name:n??"PencilSimpleBold"}),tooltipVisibility:a,onClick:h}),g&&e(f,{anchorEl:c,open:g,onClose:k,options:i,title:l})]})};

package/dist/configurator/scene/scene-controls/hotspot-drag-handle/FabHotspotDragHandle.d.ts

@@ -0,0 +1,3 @@
+import type { SceneFabProps } from '../SceneFab.js';
+export type FabHotspotDragHandleProps = SceneFabProps;
+export declare const FabHotspotDragHandle: import("react").MemoExoticComponent<(props: FabHotspotDragHandleProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-controls/hotspot-drag-handle/FabHotspotDragHandle.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{darken as r,useTheme as t}from"@mui/material";import{memo as e,useMemo as a}from"react";import{SceneFab as m}from"../SceneFab.js";import{useHotspotHovered as n}from"./HotspotDragSceneHandle.js";export const FabHotspotDragHandle=e(e=>{let{icon:l,...c}=e,p=t(),i=n(),{backgroundColor:s,hoverColor:u}=a(()=>({backgroundColor:p.palette.background.default,hoverColor:r(p.palette.background.default,.3)}),[p]);return o(m,{icon:l,sx:{backgroundColor:i?u:s},...c})});

package/dist/configurator/scene/scene-controls/hotspot-drag-handle/HotspotDragHandle.d.ts

@@ -0,0 +1,11 @@
+import type { DraggableSurface } from '#package/domain';
+import { HotspotDragHandleVariant } from '#package/domain';
+import type { SceneEntitySpecificProps, SceneHtmlOpacityProps, SceneHtmlPositionProps, SceneHtmlVisibilityProps } from '../../scene-html/index.js';
+export interface HotspotDragHandleProps extends SceneHtmlOpacityProps, SceneHtmlVisibilityProps, SceneHtmlPositionProps, SceneEntitySpecificProps {
+    readonly surfaces: DraggableSurface[];
+    readonly instanceName: string;
+    readonly handleSize?: number;
+    readonly variant?: HotspotDragHandleVariant;
+    readonly icon?: string;
+}
+export declare const HotspotDragHandle: import("react").MemoExoticComponent<(props: HotspotDragHandleProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-controls/hotspot-drag-handle/HotspotDragHandle.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{memo as e}from"react";import{match as i}from"ts-pattern";import{HotspotDragHandleVariant as o}from"#package/domain";import{PhxIcon as r}from"#package/ui-sdk";import{FabHotspotDragHandle as a}from"./FabHotspotDragHandle.js";import{HotspotDragSceneHandle as n}from"./HotspotDragSceneHandle.js";import{PointHotspotDragHandle as s}from"./PointHotspotDragHandle.js";export const HotspotDragHandle=e(e=>{let{entityId:m,instanceName:f,surfaces:p,showWhen:c,hideWhileDragging:l,azimuthAngleLimits:d,polarAngleLimits:g,distanceLimits:h,minInteractiveOpacity:H,offsetX:u,offsetY:j,offsetZ:D,screenOffsetHorizontal:w,screenOffsetVertical:x,variant:O=o.Point,handleSize:k=40,icon:z="ArrowsOutCardinal"}=e;return t(n,{surfaces:p,instanceName:f,entityId:m,showWhen:c,hideWhileDragging:l,azimuthAngleLimits:d,polarAngleLimits:g,distanceLimits:h,minInteractiveOpacity:H,offsetX:u,offsetY:j,offsetZ:D,screenOffsetHorizontal:w,screenOffsetVertical:x,handleSize:k,children:i(O).with("point",()=>t(s,{})).with("fab",()=>t(a,{icon:t(r,{name:z})})).exhaustive()})});

package/dist/configurator/scene/scene-controls/hotspot-drag-handle/HotspotDragSceneHandle.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+import { type DraggableSurface } from '#package/domain';
+import { type SceneEntitySpecificProps, type SceneHtmlOpacityProps, type SceneHtmlPositionProps, type SceneHtmlVisibilityProps } from '../../scene-html/index.js';
+export declare const useHotspotHovered: () => boolean;
+export interface HotspotDragSceneHandleProps extends SceneHtmlOpacityProps, SceneHtmlVisibilityProps, SceneHtmlPositionProps, SceneEntitySpecificProps {
+    readonly surfaces: DraggableSurface[];
+    readonly instanceName: string;
+    readonly children: ReactNode;
+    readonly handleSize?: number;
+}
+export declare const HotspotDragSceneHandle: import("react").MemoExoticComponent<(props: HotspotDragSceneHandleProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-controls/hotspot-drag-handle/HotspotDragSceneHandle.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{Billboard as n,Ring as i,ScreenSizer as o}from"@react-three/drei";import{createContext as s,memo as a,useCallback as l,useContext as c,useEffect as m,useMemo as p,useRef as d,useState as u}from"react";import{distanceUnitToDefault as h}from"#package/domain";import{useDimensionConfig as f}from"#package/react-sdk";import{useConfigurator as g}from"../../../application-runtime/index.js";import{useEntityCameraDrivenOpacity as y}from"../../cameras/use-entity-camera-driven-opacity.js";import{useDragObject as b,useHandleDrag as v}from"../../scene-entity/index.js";import{SceneEntityHtml as x,useResolveAngleOpacityLimits as H,useResolveDistanceOpacityLimits as j}from"../../scene-html/index.js";let L=s(null);export const useHotspotHovered=()=>{let e=c(L);if(null===e)throw Error("useHotspotHovered must be used within a HotspotHoveredProvider");return e};export const HotspotDragSceneHandle=a(s=>{let{entityId:a,instanceName:c,children:O,surfaces:P,showWhen:w,hideWhileDragging:z,azimuthAngleLimits:A,polarAngleLimits:E,distanceLimits:k,minInteractiveOpacity:D=.15,offsetX:I,offsetY:W,offsetZ:C,screenOffsetHorizontal:F,screenOffsetVertical:R,handleSize:S=40}=s,U=d(null),[V,q]=u(!1),B=v(),G=p(()=>({instanceName:c,surfaces:P}),[c,P]),J=j(),K=H();y({azimuthAngleLimits:K(A),polarAngleLimits:K(E),distanceLimits:J(k),maxOpacity:1,entityId:a,onChange:e=>{U.current&&(e<D?U.current.layers.isEnabled(1)&&U.current.layers.disable(1):U.current.layers.isEnabled(1)||U.current.layers.enable(1))}});let{bindDrag:M,bindHover:N}=b(a,U.current,G,B),Q=p(()=>({...M(),...N()}),[M,N]);m(()=>{U.current?(U.current.layers.enable(1),U.current.layers.disable(0)):console.error("ringRef.current is not set")},[]);let T=l(()=>{q(!0)},[]),X=l(()=>{q(!1)},[]),{cameraControlSystem:Y}=g(),Z=l(e=>{0===e.button&&Y.disable()},[Y]),$=l(e=>{0===e.button&&Y.enable()},[Y]),{distanceDataUnit:_}=f(),ee=h(I,_),er=h(W,_),et=h(C,_);return e(t,{children:r("group",{name:"hotspot-drag-handle",...Q,"position-x":ee,"position-y":er,"position-z":et,children:[e(n,{children:e(o,{scale:1,children:e(i,{args:[0,S/2,64,1],position:[F??0,R?-R:0,0],ref:U,onPointerOver:T,onPointerOut:X,onPointerDown:Z,onPointerUp:$})})}),e(L.Provider,{value:V,children:e(x,{pointerEvents:"none",entityId:a,showWhen:w,hideWhileDragging:z,screenOffsetHorizontal:F,screenOffsetVertical:R,azimuthAngleLimits:A,polarAngleLimits:E,distanceLimits:k,minInteractiveOpacity:D,children:O})})]})})});

package/dist/configurator/scene/scene-controls/hotspot-drag-handle/PointHotspotDragHandle.d.ts

@@ -0,0 +1 @@
+export declare const PointHotspotDragHandle: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-controls/hotspot-drag-handle/PointHotspotDragHandle.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{darken as r,useTheme as t}from"@mui/material";import{memo as a,useMemo as e}from"react";import{DragHotspot as m}from"#package/ui-sdk";import{useHotspotHovered as l}from"./HotspotDragSceneHandle.js";export const PointHotspotDragHandle=a(()=>{let a=t(),n=l(),{backgroundColor:p,hoverColor:i}=e(()=>({backgroundColor:a.palette.background.default,hoverColor:r(a.palette.background.default,.3)}),[a]);return o(m,{sx:{backgroundColor:n?i:p}})});

package/dist/configurator/scene/scene-controls/index.d.ts

@@ -0,0 +1,17 @@
+export { SceneFab, type SceneFabProps } from './SceneFab.js';
+export { useSceneControlTooltip, type SceneControlTooltip, type SceneControlTooltipVisibility, } from './use-scene-control-tooltip.js';
+export { AddEntityFab, type AddEntityFabProps } from './AddEntityFab.js';
+export { AddEntityMenu, type AddEntityMenuProps } from './AddEntityMenu.js';
+export { DeleteEntityFab, type DeleteEntityFabProps } from './DeleteEntityFab.js';
+export { EditableAngleIndicator, type EditableAngleIndicatorProps } from './EditableAngleIndicator.js';
+export { EditableDistanceDimensionIndicator, type EditableDistanceDimensionIndicatorProps, } from './EditableDistanceDimensionIndicator.js';
+export { EditableOffsetIndicator, type EditableOffsetIndicatorProps } from './EditableOffsetIndicator.js';
+export { EditableSizeIndicator, type EditableSizeIndicatorProps } from './EditableSizeIndicator.js';
+export { ListSelectorDimensionIndicator, type ListSelectorDimensionIndicatorProps, } from './ListSelectorDimensionIndicator.js';
+export { SceneHotspot, type SceneHotspotProps } from './SceneHotspot.js';
+export { SelectionHotspot, type SelectionHotspotProps } from './SelectionHotspot.js';
+export { NavigationHotspot, type NavigationHotspotProps } from './NavigationHotspot.js';
+export { ToolMenuFab, type ToolMenuFabProps } from './ToolFab.js';
+export { HotspotDragSceneHandle, useHotspotHovered, type HotspotDragSceneHandleProps, } from './hotspot-drag-handle/HotspotDragSceneHandle.js';
+export { HotspotDragHandle, type HotspotDragHandleProps } from './hotspot-drag-handle/HotspotDragHandle.js';
+export { PointHotspotDragHandle } from './hotspot-drag-handle/PointHotspotDragHandle.js';

package/dist/configurator/scene/scene-controls/index.js

@@ -0,0 +1 @@
+export{SceneFab}from"./SceneFab.js";export{useSceneControlTooltip}from"./use-scene-control-tooltip.js";export{AddEntityFab}from"./AddEntityFab.js";export{AddEntityMenu}from"./AddEntityMenu.js";export{DeleteEntityFab}from"./DeleteEntityFab.js";export{EditableAngleIndicator}from"./EditableAngleIndicator.js";export{EditableDistanceDimensionIndicator}from"./EditableDistanceDimensionIndicator.js";export{EditableOffsetIndicator}from"./EditableOffsetIndicator.js";export{EditableSizeIndicator}from"./EditableSizeIndicator.js";export{ListSelectorDimensionIndicator}from"./ListSelectorDimensionIndicator.js";export{SceneHotspot}from"./SceneHotspot.js";export{SelectionHotspot}from"./SelectionHotspot.js";export{NavigationHotspot}from"./NavigationHotspot.js";export{ToolMenuFab}from"./ToolFab.js";export{HotspotDragSceneHandle,useHotspotHovered}from"./hotspot-drag-handle/HotspotDragSceneHandle.js";export{HotspotDragHandle}from"./hotspot-drag-handle/HotspotDragHandle.js";export{PointHotspotDragHandle}from"./hotspot-drag-handle/PointHotspotDragHandle.js";

package/dist/configurator/scene/scene-controls/use-scene-control-tooltip.d.ts

@@ -0,0 +1,14 @@
+export type SceneControlTooltipVisibility = 'on-hover' | 'forced' | 'forced-when-still' | 'hidden';
+export interface SceneControlTooltip {
+    /**
+     * Whether tooltip is open (undefined = uncontrolled hover behavior)
+     */
+    tooltipOpen: boolean | undefined;
+}
+/**
+ * Hook for managing tooltip visibility based on camera state.
+ *
+ * Returns object with:
+ * - `tooltipOpen` — controlled open state (`undefined` for hover behavior)
+ */
+export declare const useSceneControlTooltip: (tooltipVisibility?: SceneControlTooltipVisibility) => SceneControlTooltip;

package/dist/configurator/scene/scene-controls/use-scene-control-tooltip.js

@@ -0,0 +1 @@
+import{useEffect as t,useState as o}from"react";import{match as e}from"ts-pattern";import{useIsCameraStill as r}from"../cameras/index.js";export const useSceneControlTooltip=i=>{let n=r(),[p,d]=o(!1);return t(()=>{n&&d(!0)},[n]),{tooltipOpen:e(i).returnType().with(void 0,"on-hover",()=>void 0).with("forced",()=>!!p||void 0).with("forced-when-still",()=>n).with("hidden",()=>!1).exhaustive()}};

package/dist/configurator/scene/scene-entity/HiddenEntity.d.ts

@@ -0,0 +1,16 @@
+import { type Object3D } from 'three';
+import type { DomainEntityId } from '#package/domain';
+export interface HiddenEntityProps {
+    readonly id: DomainEntityId<string>;
+    readonly object: Object3D;
+}
+/**
+ * Reads the entity's hidden components (hiddenEntity and cameraBasedHiddenEntity).
+ * Imperatively applies visibility. Object becomes invisible if either:
+ * - visible prop is false
+ * - hiddenEntityComponent is present
+ * - cameraBasedHiddenEntityComponent is present and the camera is behind the defined plane in 3D space (or in front with behind=true)
+ * Assumes the component is the only controller of the Object3D's visibility.
+ * Avoids extra hooks if component is not attached.
+ */
+export declare const HiddenEntity: import("react").MemoExoticComponent<(props: HiddenEntityProps) => import("react/jsx-runtime").JSX.Element | null>;

package/dist/configurator/scene/scene-entity/HiddenEntity.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{memo as e,useEffect as o}from"react";import{cameraBasedHiddenEntityComponent as a,hiddenEntityComponent as n,isCameraBasedHiddenEntityComponent as r,isHiddenEntitySnapshot as s}from"#package/domain";import{useRenderedComponents as i}from"#package/react-sdk";import{CameraBasedHiddenObject as m}from"./objects/CameraBasedHiddenObject.js";export const HiddenEntity=e(e=>{let{id:c,object:d}=e,p=i({entityIds:[c],componentTypes:[n,a]}),l=!p.some(t=>s(t)),b=p.find(t=>r(t));return(o(()=>{d.visible=l},[d,l]),b)?t(m,{object:d,visible:l,x:b.state.normal.x,y:b.state.normal.y,z:b.state.normal.z,constant:b.state.constant,behind:!!b.state.behind}):null});

package/dist/configurator/scene/scene-entity/SceneEntity.d.ts

@@ -0,0 +1,6 @@
+import { type DomainEntity, type EntityCompositionNode } from '#package/domain';
+export interface SceneEntityProps {
+    node: EntityCompositionNode<DomainEntity<string>>;
+    isParentInteractable: boolean;
+}
+export declare const SceneEntity: import("react").MemoExoticComponent<(props: SceneEntityProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-entity/SceneEntity.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{memo as n,useMemo as o,useState as i}from"react";import{customSceneEntityComponent as r}from"#package/domain";import{PhoenixEntityElementWithChildren as s,useDomain as a,useFirstRenderedComponent as d,useRenderedSelector as c}from"#package/react-sdk";import{HiddenEntity as m}from"./HiddenEntity.js";import{SceneEntityCollisionWarning as p}from"./SceneEntityCollisionWarning.js";import{SuspendedBoundary as l}from"./SuspendedBoundary.js";import{SceneEntityDimensionIndicators as y}from"./dimension-indicators/SceneEntityDimensionIndicators.js";import{SceneEntityRotationWidgets as f}from"./drag-and-drop/SceneEntityRotationWidgets.js";import{useSceneEntityInteractions as j}from"./drag-and-drop/use-scene-entity-interactions.js";import{useSceneEntityHighlight as g}from"./entity-hooks/use-scene-entity-highlight.js";import{SceneEntityLights as u}from"./objects/SceneEntityLights.js";import{SceneEntityObjects as E}from"./objects/SceneEntityObjects.js";import{SceneEntityControls as S}from"./scene-controls/SceneEntityControls.js";import{SceneEntityHtmlHotspots as h}from"./scene-controls/SceneEntityHtmlHotspots.js";let I=n(n=>{let{node:{id:r,nodes:s},isParentInteractable:d}=n,[I,b]=i(null),{isInteractable:x,handlers:k}=j(r,I),H=g(r),{positionProjections:P}=a(),z=c(t=>P.getLocalEntityProperties(r,t.state,null),[r,P]),D=o(()=>({type:"entityRoot",entityId:r}),[r]),R=d||x;return e("group",{ref:b,name:r.toString(),"position-x":z.offsetX,"position-y":z.offsetY,"position-z":z.offsetZ,"rotation-x":z.rotationX,"rotation-y":z.rotationY,"rotation-z":z.rotationZ,"scale-x":z.scaleX,"scale-y":z.scaleY,"scale-z":z.scaleZ,userData:D,...k,children:[e(l,{children:[I&&t(m,{id:r,object:I}),t(p,{entityId:r}),t(h,{id:r}),t(S,{id:r}),t(y,{id:r}),I&&t(f,{id:r,parent:I}),t(E,{id:r,isInteractable:R,isEntityHighlighted:H}),t(u,{id:r})]}),s.map(e=>t(SceneEntity,{node:e.node,isParentInteractable:R},e.node.id))]})});export const SceneEntity=n(n=>{let{node:i,isParentInteractable:a}=n,c=d({entityIds:[i.id],componentTypes:[r]}),m=o(()=>({type:"entityRoot",entityId:i.id}),[i.id]);return null!=c?e("group",{name:i.id.toString(),userData:m,children:[e(l,{children:[c.state.name&&t(s,{kind:c.state.name,entityId:i.id}),c.state.node]}),i.nodes.map(e=>t(SceneEntity,{node:e.node,isParentInteractable:a},e.node.id))]}):t(I,{node:i,isParentInteractable:a})});

package/dist/configurator/scene/scene-entity/SceneEntityCollisionWarning.d.ts

@@ -0,0 +1,27 @@
+import type { ComponentsOverrides, IconButtonProps } from '@mui/material';
+import type { ReactNode } from 'react';
+import { type DomainEntityId } from '#package/domain';
+export interface SceneEntityCollisionWarningProps {
+    entityId: DomainEntityId<string>;
+    icon?: ReactNode;
+}
+declare const MuiComponentName: 'PhxSceneEntityCollisionWarning';
+interface SceneEntityCollisionWarningThemeableProps extends Omit<IconButtonProps, 'children'> {
+    readonly icon?: ReactNode;
+}
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        [MuiComponentName]: 'root';
+    }
+    interface ComponentsPropsList {
+        [MuiComponentName]: SceneEntityCollisionWarningThemeableProps;
+    }
+    interface Components {
+        [MuiComponentName]?: {
+            defaultProps?: ComponentsPropsList[typeof MuiComponentName];
+            styleOverrides?: ComponentsOverrides<Theme>[typeof MuiComponentName];
+        };
+    }
+}
+export declare const SceneEntityCollisionWarning: import("react").MemoExoticComponent<(props: SceneEntityCollisionWarningProps) => import("react/jsx-runtime").JSX.Element | null>;
+export {};

package/dist/configurator/scene/scene-entity/SceneEntityCollisionWarning.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{IconButton as i,styled as t,useThemeProps as n}from"@mui/material";import{memo as e}from"react";import{applicationConfigComponent as r}from"#package/domain";import{useDomain as a,useFirstRootComponent as l,useLocalizable as s,useRenderedSelector as m}from"#package/react-sdk";import{PhxIcon as c}from"#package/ui-sdk";import{SceneEntityHtml as p}from"../scene-html/index.js";let d={id:"sdk.collision.warning.tooltip",message:"Items are too near or overlapping"},g="PhxSceneEntityCollisionWarning",f=t(i,{name:g,slot:"root"})({}),u=e(i=>{let{entityId:t,icon:e}=i,{icon:r=o(c,{name:"WarningCircleDuotone"}),...l}=n({props:{icon:e},name:g}),{collisionProjections:u}=a(),h=s(d);return m(o=>u.isEntityColliding(t,o.state),[u,t])?o(p,{entityId:t,offsetX:0,offsetY:0,offsetZ:0,children:o(f,{...l,color:"primary",sx:{borderRadius:"50%",backgroundColor:"black",width:"26px",height:"26px",color:"white",padding:"3px"},title:h,children:r})}):null});export const SceneEntityCollisionWarning=e(i=>{let{entityId:t}=i,n=l(r);if(!(n?.state.showCollisionWarnings??!0))return null;let e=n?.state.collisionWarningIcon;return o(u,{entityId:t,icon:e?o(c,{name:e}):void 0})});

package/dist/configurator/scene/scene-entity/SceneRootEntity.d.ts

@@ -0,0 +1 @@
+export declare const SceneRootEntity: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-entity/SceneRootEntity.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Bvh as e}from"@react-three/drei";import{memo as r,useCallback as o}from"react";import{AVERAGE as i}from"three-mesh-bvh";import{useComposition as n,useDomain as m}from"#package/react-sdk";import{useConfigurator as a}from"../../application-runtime/index.js";import{useIsSketchingDrawMode as s}from"../sketching/use-sketching.js";import{SceneEntity as c}from"./SceneEntity.js";export const SceneRootEntity=r(()=>{let{navigationSystem:r,storeSystem:p}=m(),{dragAndDropSystem:g,cameraControlSystem:d}=a(),f=n(),h=s();return t(e,{firstHitOnly:!0,strategy:i,maxDepth:10,children:t("group",{onPointerMissed:o(t=>{0!==t.button||h||g.getDraggingState()||"moving"!==d.cameraControlState$.value&&p.stageAndCommit([r.getDeselectUpdate()])},[g,r,p,h,d]),children:t(c,{node:f.root,isParentInteractable:!1})})})});

package/dist/configurator/scene/scene-entity/SuspendedBoundary.d.ts

@@ -0,0 +1,2 @@
+import { type PropsWithChildren } from 'react';
+export declare const SuspendedBoundary: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/scene/scene-entity/SuspendedBoundary.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Suspense as e,useCallback as n}from"react";import{ErrorBoundary as o}from"react-error-boundary";import{useLogger as a}from"#package/react-sdk";export const SuspendedBoundary=t=>{let c=a();return r(o,{fallback:null,onError:n((r,e)=>{c.error(`There was an error in SuspendedBoundary in the scene: ${r.message}`,{info:e},r)},[c]),children:r(e,{fallback:null,children:t.children})})};

package/dist/configurator/scene/scene-entity/dimension-indicators/AngleIndicator.d.ts

@@ -0,0 +1,16 @@
+import type { PropsWithChildren } from 'react';
+import { Color, Vector3 } from 'three';
+export interface AngleIndicatorProps {
+    position: Vector3;
+    startAngle: number;
+    sweepAngle: number;
+    arcDiameter?: number;
+    lineWidth?: number;
+    linesColor?: Color;
+    textColor?: Color;
+    labelFont?: string;
+    labelFontSize?: number;
+    angleOffset?: number;
+    screenSized?: boolean;
+}
+export declare const AngleIndicator: import("react").MemoExoticComponent<(props: PropsWithChildren<AngleIndicatorProps>) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-entity/dimension-indicators/AngleIndicator.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{Billboard as o,Line as n,ScreenSizer as a,Text as d}from"@react-three/drei";import{memo as i,useCallback as c,useMemo as s}from"react";import{Color as l,DoubleSide as h,Vector3 as m}from"three";import{DEFAULT_DIMENSION_UNIT as p,dimensionUnitsCoefficient as f}from"#package/domain";import{useDimensionConfig as u}from"#package/react-sdk";import{SuspendedBoundary as M}from"../SuspendedBoundary.js";let w=new l("#000000"),S=new l("#000000");export const AngleIndicator=i(i=>{let{children:l,position:g,sweepAngle:j,startAngle:x,lineWidth:k,textColor:W=S,angleOffset:y=0,screenSized:B=!1,arcDiameter:v,labelFont:z,labelFontSize:A}=i,{distanceDataUnit:F}=u(),I=f(F,p),O=f(p,p),T=c((e,r)=>void 0!==e?(e??0)*I:(r??0)*O,[I,O]),X=s(()=>T(v,200),[T,v]),Y=s(()=>B?A??50:T(A,50),[T,A,B]),b=s(()=>T(k,1),[T,k]),q=s(()=>g.clone().multiplyScalar(I),[g,I]),C=s(()=>x+y,[x,y]),D=s(()=>C+j,[C,j]),E=s(()=>(C+D)/2,[C,D]),G=s(()=>{let e=Y/X,r=X/2+e*Y,t=new m(-Math.cos(E)*r,0,Math.sin(E)*r);return q.clone().add(t)},[E,X,Y,q]),H=s(()=>X-b,[X,b]),J=s(()=>{let e=[];for(let r=C;r<D;r+=.01)e.push(q.clone().add(new m(-Math.cos(r)*H,1,Math.sin(r)*H)));return e.length<2&&(e.push(q.clone().add(new m(-Math.cos(C)*H,1,Math.sin(C)*H))),e.push(q.clone().add(new m(-Math.cos(D)*H,1,Math.sin(D)*H)))),e},[q,D,C,H]),K=s(()=>[q.clone(),J.at(0)],[q,J]),L=s(()=>[q.clone(),J.at(-1)],[q,J]),N=r(d,{color:W,anchorX:"center",anchorY:"middle",font:z,fontSize:Y,renderOrder:10,children:[e("meshBasicMaterial",{depthTest:!1,side:h}),l]});return r(t,{children:[e(n,{points:K,color:w,lineWidth:b,dashed:!0,dashScale:.05}),e(n,{points:L,color:w,lineWidth:b,dashed:!0,dashScale:.05}),e(n,{points:J,color:w,lineWidth:b,dashed:!0,dashScale:.05}),e(o,{position:G,children:e(M,{children:B?e(a,{scale:1,children:N}):N})})]})});

package/dist/configurator/scene/scene-entity/dimension-indicators/AngleIndicatorInstance.d.ts

@@ -0,0 +1,7 @@
+import type { AngleIndicatorComponentState } from '#package/domain';
+interface AngleIndicatorInstanceProps {
+    readonly state: AngleIndicatorComponentState;
+}
+declare const Component: (props: AngleIndicatorInstanceProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AngleIndicatorInstance: import("react").MemoExoticComponent<typeof Component>;
+export {};

package/dist/configurator/scene/scene-entity/dimension-indicators/AngleIndicatorInstance.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{memo as o,useMemo as n}from"react";import{Color as r,Vector3 as t}from"three";import{defaultAngleToUnit as i}from"#package/domain";import{useResolveLocalizable as l}from"#package/react-sdk";import{AngleIndicator as a}from"./AngleIndicator.js";let s={degree:"\xb0",radian:" rad"};export const AngleIndicatorInstance=o(o=>{let{state:d}=o,p=l(),c=n(()=>new t(d.positionX,d.positionY,d.positionZ),[d.positionX,d.positionY,d.positionZ]),m=n(()=>null!=d.indicatorLineColor?new r(d.indicatorLineColor):void 0,[d.indicatorLineColor]),g=n(()=>null!=d.labelColor?new r(d.labelColor):void 0,[d.labelColor]),f=null!=d.label?p(d.label):((e,o="degree")=>{let n=i(e,o),r="degree"===o?Math.round(n):Math.round(100*n)/100;return`${r}${s[o]}`})(d.sweepAngle,d.angleUnit);return e(a,{position:c,startAngle:d.startAngle,sweepAngle:d.sweepAngle,angleOffset:d.angleOffset,arcDiameter:d.arcDiameter,lineWidth:d.lineWidth,linesColor:m,textColor:g,labelFont:d.labelFont,labelFontSize:d.labelFontSize,screenSized:d.screenSized,children:f})});

package/dist/configurator/scene/scene-entity/dimension-indicators/DimensionIndicator.d.ts

@@ -0,0 +1,82 @@
+import { type ColorRepresentation } from 'three';
+import type { Localizable } from '@salsita-ai/common/utils';
+import { ArrowHeadType, type DimensionUnit, type UnitsConfig } from '#package/domain';
+export interface DimensionIndicatorProps {
+    readonly startX: number;
+    readonly startY: number;
+    readonly startZ: number;
+    readonly endX: number;
+    readonly endY: number;
+    readonly endZ: number;
+    readonly extrusionX?: number;
+    readonly extrusionY?: number;
+    readonly extrusionZ?: number;
+    readonly displayUnit?: DimensionUnit;
+    readonly unitDisplayConfig?: UnitsConfig;
+    readonly labelFont?: string;
+    readonly labelFontSize?: number;
+    readonly labelAngle?: number;
+    readonly labelOffsetX?: number;
+    readonly labelOffsetY?: number;
+    readonly labelOffsetZ?: number;
+    readonly arrowHeadType?: ArrowHeadType;
+    readonly arrowHeadTypeStart?: ArrowHeadType;
+    readonly arrowHeadTypeEnd?: ArrowHeadType;
+    readonly arrowHeadSize?: number;
+    readonly arrowsMoveOutside?: boolean;
+    readonly indicatorLineDashed?: boolean;
+    readonly indicatorLineWidth?: number;
+    readonly extrusionLineDashed?: boolean;
+    readonly extrusionLineWidth?: number;
+    readonly dashScale?: number;
+    readonly labelColor?: ColorRepresentation;
+    readonly indicatorLineColor?: ColorRepresentation;
+    readonly extrusionLineColor?: ColorRepresentation;
+    readonly indicatorAlwaysVisible?: boolean;
+    readonly renderOrder?: number;
+    readonly labelDirection?: 'auto' | 'ltr' | 'rtl';
+    readonly labelFillOpacity?: number;
+    readonly labelFontStyle?: 'normal' | 'italic';
+    readonly labelFontWeight?: number | 'normal' | 'bold';
+    readonly labelLetterSpacing?: number;
+    readonly labelLineHeight?: number;
+    readonly labelMaxWidth?: number;
+    readonly labelOutlineBlur?: number | string;
+    readonly labelOutlineColor?: ColorRepresentation;
+    readonly labelOutlineOffsetX?: number | string;
+    readonly labelOutlineOffsetY?: number | string;
+    readonly labelOutlineOpacity?: number;
+    readonly labelOutlineWidth?: number | string;
+    readonly labelOverflowWrap?: 'normal' | 'break-word';
+    readonly labelStrokeColor?: ColorRepresentation;
+    readonly labelStrokeOpacity?: number;
+    readonly labelStrokeWidth?: number | string;
+    readonly labelWhiteSpace?: 'normal' | 'nowrap' | 'pre-wrap';
+    readonly indicatorLineOutlineWidth?: number;
+    readonly indicatorLineOutlineColor?: ColorRepresentation;
+    readonly extrusionLineOutlineWidth?: number;
+    readonly extrusionLineOutlineColor?: ColorRepresentation;
+    readonly screenSized?: boolean;
+    readonly endReferenceX?: number;
+    readonly endReferenceY?: number;
+    readonly endReferenceZ?: number;
+    readonly labelPrefix?: Localizable | null;
+    readonly labelPrefixFontColor?: ColorRepresentation;
+    readonly showLabel?: boolean;
+}
+interface LabeledDimensionIndicatorProps extends DimensionIndicatorProps {
+    /** `undefined` — auto-calculate from distance & unit config; `null` — hide label; `Localizable` — display resolved value */
+    readonly label?: Localizable | null;
+    /**
+     * Optional override for the displayed distance value, in `distanceDataUnit`.
+     * When provided, used for the label instead of Euclidean start→end distance.
+     * Useful when coordinates are in entity-local space but the entity has a non-identity
+     * scale — the Euclidean distance would be distorted by the scale transform while the
+     * caller can provide the correct measurement from a different coordinate space.
+     * Supports negative values (e.g. overlapping entities along a direction vector).
+     */
+    readonly value?: number;
+}
+export declare const Component: ({ startX, startY, startZ, endX, endY, endZ, extrusionX, extrusionY, extrusionZ, displayUnit, unitDisplayConfig, label, labelFont, labelFontSize, labelAngle, labelOffsetX, labelOffsetY, labelOffsetZ, arrowHeadType, arrowHeadTypeStart, arrowHeadTypeEnd, arrowHeadSize, arrowsMoveOutside, indicatorLineDashed, indicatorLineWidth, extrusionLineDashed, extrusionLineWidth, dashScale, labelColor, indicatorLineColor, extrusionLineColor, indicatorAlwaysVisible, renderOrder, labelDirection, labelFillOpacity, labelFontStyle, labelFontWeight, labelLetterSpacing, labelLineHeight, labelMaxWidth, labelOutlineBlur, labelOutlineColor, labelOutlineOffsetX, labelOutlineOffsetY, labelOutlineOpacity, labelOutlineWidth, labelOverflowWrap, labelStrokeColor, labelStrokeOpacity, labelStrokeWidth, labelWhiteSpace, indicatorLineOutlineWidth, indicatorLineOutlineColor, extrusionLineOutlineWidth, extrusionLineOutlineColor, screenSized, endReferenceX, endReferenceY, endReferenceZ, labelPrefix, labelPrefixFontColor, showLabel, value, }: LabeledDimensionIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DimensionIndicator: import("react").MemoExoticComponent<typeof Component>;
+export {};

package/dist/configurator/scene/scene-entity/dimension-indicators/DimensionIndicator.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useLingui as i}from"@lingui/react";import{memo as o,useMemo as l}from"react";import{Color as t,Vector3 as n}from"three";import{ArrowHeadType as r,DEFAULT_DIMENSION_UNIT as a,dimensionUnitsCoefficient as d,formatDistanceValue as u}from"#package/domain";import{useDimensionConfig as b,useDimensionState as s,useLocalizable as c,useResolveLocalizable as m}from"#package/react-sdk";import{DimensionIndicatorInternal as f}from"./DimensionIndicatorInternal.js";let p=r.TRIANGLE,x=(e,i)=>new n(...e.map(e=>(e??0)*i));export const Component=({startX:o,startY:n,startZ:r,endX:O,endY:g,endZ:C,extrusionX:L,extrusionY:h,extrusionZ:w,displayUnit:v,unitDisplayConfig:S,label:H,labelFont:W,labelFontSize:y,labelAngle:N,labelOffsetX:k,labelOffsetY:D,labelOffsetZ:F,arrowHeadType:P,arrowHeadTypeStart:U,arrowHeadTypeEnd:z,arrowHeadSize:I,arrowsMoveOutside:T,indicatorLineDashed:j,indicatorLineWidth:A,extrusionLineDashed:E,extrusionLineWidth:M,dashScale:R,labelColor:B,indicatorLineColor:G,extrusionLineColor:V,indicatorAlwaysVisible:X,renderOrder:Y,labelDirection:Z,labelFillOpacity:$,labelFontStyle:q,labelFontWeight:J,labelLetterSpacing:K,labelLineHeight:Q,labelMaxWidth:_,labelOutlineBlur:ee,labelOutlineColor:ei,labelOutlineOffsetX:eo,labelOutlineOffsetY:el,labelOutlineOpacity:et,labelOutlineWidth:en,labelOverflowWrap:er,labelStrokeColor:ea,labelStrokeOpacity:ed,labelStrokeWidth:eu,labelWhiteSpace:eb,indicatorLineOutlineWidth:es,indicatorLineOutlineColor:ec,extrusionLineOutlineWidth:em,extrusionLineOutlineColor:ef,screenSized:ep,endReferenceX:ex,endReferenceY:eO,endReferenceZ:eg,labelPrefix:eC,labelPrefixFontColor:eL,showLabel:eh,value:ew})=>{let{unit:ev}=s(),{distanceDataUnit:eS,unitDisplayConfig:eH}=b(),eW=d(eS,a),ey=v??ev,eN=l(()=>x([o,n,r],eW),[o,n,r,eW]),ek=l(()=>x([O,g,C],eW),[O,g,C,eW]),eD=l(()=>x([L,h,w],eW),[L,h,w,eW]),eF=l(()=>x([k,D,F],eW),[k,D,F,eW]),eP=l(()=>void 0!==ex||void 0!==eO||void 0!==eg?x([ex,eO,eg],eW):void 0,[ex,eO,eg,eW]),eU=m(),ez=c(eC),{i18n:eI}=i(),eT=l(()=>{if(!1===eh)return"";if(null===H||void 0!==H)return eU(H??"");let e=S?.[ey]??eH[ey];if(!e)throw Error(`Unit config for ${ey} not found!`);return u(ew??(ek.distanceTo(eN)??0)*d(a,eS),{sourceUnit:eS,displayUnit:ey,unitDisplayConfig:e,locale:eI.locale,omitLeadingZeroUnits:!0}).valueWithUnit},[eN,ek,H,ey,S,eH,eS,eI.locale,eU,eh,ew]),{labelColorNumber:ej,indicatorLineColorNumber:eA,extrusionLineColorNumber:eE,labelOutlineColorNumber:eM,labelStrokeColorNumber:eR,indicatorLineOutlineColorNumber:eB,extrusionLineOutlineColorNumber:eG,labelPrefixFontColorNumber:eV}=l(()=>({labelColorNumber:B?new t(B).getHex():0,indicatorLineColorNumber:G?new t(G).getHex():0,extrusionLineColorNumber:V?new t(V).getHex():0,labelOutlineColorNumber:ei?new t(ei).getHex():void 0,labelStrokeColorNumber:ea?new t(ea).getHex():void 0,indicatorLineOutlineColorNumber:ec?new t(ec).getHex():void 0,extrusionLineOutlineColorNumber:ef?new t(ef).getHex():void 0,labelPrefixFontColorNumber:eL?new t(eL).getHex():void 0}),[B,G,V,ei,ea,ec,ef,eL]),eX=d(a,a),eY=(e,i)=>void 0!==e?(e??0)*eW:(i??0)*eX;return e(f,{startPoint:eN,endPoint:ek,extrusion:eD,label:eT,labelPadding:10*eX,labelFont:W,labelFontSize:ep?y??80:eY(y,80),labelColor:ej,labelAngle:N??0,labelOffset:eF,arrowHeadTypeStart:U??P??p,arrowHeadTypeEnd:z??P??p,arrowHeadSize:ep?I??50:eY(I,50),arrowsMoveOutside:T??!1,indicatorLineDashed:j??!1,indicatorLineWidth:eY(A,1),indicatorLineColor:eA,extrusionLineDashed:E??!1,extrusionLineWidth:eY(M,1),extrusionLineColor:eE,dashScale:R??50,dashSize:1e3*eX,indicatorAlwaysVisible:X,renderOrder:Y,labelDirection:Z,labelFillOpacity:$,labelFontStyle:q,labelFontWeight:J,labelLetterSpacing:K,labelLineHeight:Q,labelMaxWidth:_,labelOutlineBlur:ee,labelOutlineColor:eM,labelOutlineOffsetX:eo,labelOutlineOffsetY:el,labelOutlineOpacity:et,labelOutlineWidth:en,labelOverflowWrap:er,labelStrokeColor:eR,labelStrokeOpacity:ed,labelStrokeWidth:eu,labelWhiteSpace:eb,indicatorLineOutlineWidth:es,indicatorLineOutlineColor:eB,extrusionLineOutlineWidth:em,extrusionLineOutlineColor:eG,screenSized:ep,endReferencePoint:eP,labelPrefix:ez,labelPrefixFontColor:eV})};export const DimensionIndicator=o(Component);

package/dist/configurator/scene/scene-entity/dimension-indicators/DimensionIndicatorArrowHead.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import type { DimensionIndicatorArrowHeadProps } from './dimension-indicator-arrow-head-types.js';
+/**
+ * @group Components
+ * @category Hook Wrapper
+ */
+export declare const DimensionIndicatorArrowHead: ({ type, ...arrowHeadCommonProps }: DimensionIndicatorArrowHeadProps) => ReactElement | null;

package/dist/configurator/scene/scene-entity/dimension-indicators/DimensionIndicatorArrowHead.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{ArrowHeadType as o}from"#package/domain";import{DimensionIndicatorArrowHeadCone as i}from"./DimensionIndicatorArrowHeadCone.js";import{DimensionIndicatorArrowHeadTriangle as n}from"./DimensionIndicatorArrowHeadTriangle.js";let e={[o.CONE]:i,[o.TRIANGLE]:n,[o.NONE]:void 0};export const DimensionIndicatorArrowHead=({type:i=o.CONE,...n})=>{let t=e[i];return t?r(t,{...n}):null};

package/dist/configurator/scene/scene-entity/dimension-indicators/DimensionIndicatorArrowHeadCone.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import type { DimensionIndicatorArrowHeadProps } from './dimension-indicator-arrow-head-types.js';
+/**
+ * @group Components
+ * @category 3D
+ */
+export declare const DimensionIndicatorArrowHeadCone: ({ startPoint, endPoint, size, color, opacity, renderOrder, }: Omit<DimensionIndicatorArrowHeadProps, 'type'>) => ReactElement;

package/dist/configurator/scene/scene-entity/dimension-indicators/DimensionIndicatorArrowHeadCone.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Cone as e}from"@react-three/drei";import{useMemo as t}from"react";import{Euler as o,Quaternion as n,Vector3 as i}from"three";export const DimensionIndicatorArrowHeadCone=({startPoint:a,endPoint:s,size:m,color:c,opacity:d,renderOrder:l})=>r(e,{...t(()=>{let r=new i().subVectors(a,s).normalize(),e=new o().setFromQuaternion(new n().setFromUnitVectors(new i(0,1,0),r));return{rotation:e,position:a.clone().sub(r.clone().multiplyScalar(m/2)),args:[m/3,m,10,10]}},[a,s,m]),renderOrder:l,children:r("meshStandardMaterial",{depthTest:void 0===l,color:c,opacity:d,transparent:void 0!==l})});