Add uiConfig prop type in lights

src/core/light/AmbientLight2.ts

@@ -2,7 +2,7 @@ import {AmbientLight, Color, ColorRepresentation} from 'three'
 import {ILight, ILightEvent} from './ILight'
 import {iLightCommons} from '../object/iLightCommons'
 import {IObject3D} from '../IObject'
-import {uiColor, uiPanelContainer, uiSlider, uiToggle} from 'uiconfig.js'
+import {uiColor, UiObjectConfig, uiPanelContainer, uiSlider, uiToggle} from 'uiconfig.js'
 import {onChange3} from 'ts-browser-helpers'
 
 @uiPanelContainer('Ambient Light')
@@ -10,6 +10,7 @@ export class AmbientLight2 extends AmbientLight implements ILight<undefined> {
     assetType = 'light' as const
     setDirty = iLightCommons.setDirty
     refreshUi = iLightCommons.refreshUi
+    uiConfig: UiObjectConfig
     readonly isAmbientLight2 = true
 
     @uiToggle('Enabled')

src/core/light/DirectionalLight2.ts

@@ -2,7 +2,7 @@ import {Color, ColorRepresentation, DirectionalLight, DirectionalLightShadow, Eu
 import {ILight, ILightEvent, ILightEventTypes} from './ILight'
 import {iLightCommons} from '../object/iLightCommons'
 import {IObject3D} from '../IObject'
-import {uiColor, uiPanelContainer, uiSlider, uiToggle, uiVector} from 'uiconfig.js'
+import {uiColor, UiObjectConfig, uiPanelContainer, uiSlider, uiToggle, uiVector} from 'uiconfig.js'
 import {onChange3} from 'ts-browser-helpers'
 
 // todo: add LightShadow uiconfig
@@ -15,6 +15,7 @@ export class DirectionalLight2<
     assetType = 'light' as const
     setDirty = iLightCommons.setDirty
     refreshUi = iLightCommons.refreshUi
+    uiConfig: UiObjectConfig
     readonly isDirectionalLight2 = true
 
     @uiToggle('Enabled')

src/core/light/HemisphereLight2.ts

@@ -2,7 +2,7 @@ import {Color, ColorRepresentation, HemisphereLight, Vector3} from 'three'
 import {ILight, ILightEvent} from './ILight'
 import {iLightCommons} from '../object/iLightCommons'
 import {IObject3D} from '../IObject'
-import {uiColor, uiPanelContainer, uiSlider, uiToggle, uiVector} from 'uiconfig.js'
+import {uiColor, UiObjectConfig, uiPanelContainer, uiSlider, uiToggle, uiVector} from 'uiconfig.js'
 import {onChange3} from 'ts-browser-helpers'
 
 @uiPanelContainer('Hemisphere Light')
@@ -10,6 +10,7 @@ export class HemisphereLight2 extends HemisphereLight implements ILight<undefine
     assetType = 'light' as const
     setDirty = iLightCommons.setDirty
     refreshUi = iLightCommons.refreshUi
+    uiConfig: UiObjectConfig
     readonly isHemisphereLight2 = true
 
     @uiToggle('Enabled')

src/core/light/PointLight2.ts

@@ -2,7 +2,7 @@ import {Color, ColorRepresentation, PointLight, PointLightShadow, Vector3} from
 import {ILight, ILightEvent} from './ILight'
 import {iLightCommons} from '../object/iLightCommons'
 import {IObject3D} from '../IObject'
-import {uiColor, uiNumber, uiPanelContainer, uiSlider, uiToggle, uiVector} from 'uiconfig.js'
+import {uiColor, uiNumber, UiObjectConfig, uiPanelContainer, uiSlider, uiToggle, uiVector} from 'uiconfig.js'
 import {onChange3} from 'ts-browser-helpers'
 
 @uiPanelContainer('Point Light')
@@ -10,6 +10,7 @@ export class PointLight2 extends PointLight implements ILight<PointLightShadow>
     assetType = 'light' as const
     setDirty = iLightCommons.setDirty
     refreshUi = iLightCommons.refreshUi
+    uiConfig: UiObjectConfig
     readonly isPointLight2 = true
 
     @uiToggle('Enabled')

src/core/light/RectAreaLight2.ts

@@ -2,7 +2,7 @@ import {Color, ColorRepresentation, RectAreaLight} from 'three'
 import {ILight, ILightEvent} from './ILight'
 import {iLightCommons} from '../object/iLightCommons'
 import {IObject3D} from '../IObject'
-import {uiColor, uiNumber, uiPanelContainer, uiSlider, uiToggle} from 'uiconfig.js'
+import {uiColor, uiNumber, UiObjectConfig, uiPanelContainer, uiSlider, uiToggle} from 'uiconfig.js'
 import {onChange3} from 'ts-browser-helpers'
 
 @uiPanelContainer('RectArea Light')
@@ -10,6 +10,7 @@ export class RectAreaLight2 extends RectAreaLight implements ILight<undefined> {
     assetType = 'light' as const
     setDirty = iLightCommons.setDirty
     refreshUi = iLightCommons.refreshUi
+    uiConfig: UiObjectConfig
     readonly isRectAreaLight2 = true
 
     @uiToggle('Enabled')

src/core/light/SpotLight2.ts

@@ -2,7 +2,7 @@ import {Color, ColorRepresentation, Euler, SpotLight, SpotLightShadow, Vector3}
 import {ILight, ILightEvent} from './ILight'
 import {iLightCommons} from '../object/iLightCommons'
 import {IObject3D} from '../IObject'
-import {uiColor, uiInput, uiPanelContainer, uiSlider, uiToggle, uiVector} from 'uiconfig.js'
+import {uiColor, uiInput, UiObjectConfig, uiPanelContainer, uiSlider, uiToggle, uiVector} from 'uiconfig.js'
 import {onChange3} from 'ts-browser-helpers'
 
 @uiPanelContainer('Spot Light')
@@ -10,6 +10,7 @@ export class SpotLight2 extends SpotLight implements ILight<SpotLightShadow> {
     assetType = 'light' as const
     setDirty = iLightCommons.setDirty
     refreshUi = iLightCommons.refreshUi
+    uiConfig: UiObjectConfig
     readonly isSpotLight2 = true
 
     @uiToggle('Enabled')