Building permits slicing

package.json

@@ -35,6 +35,7 @@
     "@microsoft/api-documenter": "7.25.22",
     "@microsoft/api-extractor": "7.47.12",
     "@trevoreyre/autocomplete-js": "3.0.3",
+    "@types/earcut": "^2.1.4",
     "csstype": "^3.1.3",
     "eslint": "9.15.0",
     "eslint-config-prettier": "^9.1.0",
@@ -46,6 +47,7 @@
   },
   "dependencies": {
     "@shoelace-style/shoelace": "2.18.0",
-    "@types/geojson": "^7946.0.14"
+    "@types/geojson": "^7946.0.14",
+    "earcut": "^3.0.1"
   }
 }

src/apps/permits/demoPermitConfig.ts

@@ -27,8 +27,8 @@ export const config: IPermitsConfig = {
         '@demo': () => import('../../catalogs/demoCatalog.js'),
       },
       layers: {
-        // tilesets: ['@cesium/googlePhotorealistic'],
-        models: ['@demo/sofa', '@demo/thatopensmall'],
+        // tiles3d: ['@cesium/googlePhotorealistic'],
+        // models: ['@demo/sofa', '@demo/thatopensmall'],
         imageries: ['@geoadmin/pixel-karte-farbe'],
         // terrain: '@geoadmin/terrain',
       },

src/apps/permits/index.ts

@@ -13,9 +13,10 @@ import type {IPermitsConfig} from './ingv-config-permits.js';
 import '../../plugins/cesium/ngv-plugin-cesium-widget';
 import '../../plugins/cesium/ngv-plugin-cesium-upload';
 import '../../plugins/cesium/ngv-plugin-cesium-model-interact';
+import '../../plugins/cesium/ngv-plugin-cesium-slicing';
 import type {CesiumWidget, DataSourceCollection} from '@cesium/engine';
 
-import {PrimitiveCollection} from '@cesium/engine';
+import {PrimitiveCollection, CustomDataSource} from '@cesium/engine';
 import type {ViewerInitializedDetails} from '../../plugins/cesium/ngv-plugin-cesium-widget.js';
 
 @customElement('ngv-app-permits')
@@ -26,6 +27,7 @@ export class NgvAppPermits extends ABaseApp<IPermitsConfig> {
   private uploadedModelsCollection: PrimitiveCollection =
     new PrimitiveCollection();
   private dataSourceCollection: DataSourceCollection;
+  private slicingDataSource: CustomDataSource = new CustomDataSource();
 
   private storeOptions = {
     localStoreKey: 'permits-localStoreModels',
@@ -55,6 +57,7 @@ export class NgvAppPermits extends ABaseApp<IPermitsConfig> {
                   .viewer="${this.viewer}"
                   .dataSourceCollection="${this.dataSourceCollection}"
                   .primitiveCollection="${this.collections.models}"
+                  .tiles3dCollection="${this.collections.tiles3d}"
                   .options="${{listTitle: 'Catalog'}}"
                 ></ngv-plugin-cesium-model-interact>
                 <div
@@ -69,9 +72,15 @@ export class NgvAppPermits extends ABaseApp<IPermitsConfig> {
                   .viewer="${this.viewer}"
                   .dataSourceCollection="${this.dataSourceCollection}"
                   .primitiveCollection="${this.uploadedModelsCollection}"
+                  .tiles3dCollection="${this.collections.tiles3d}"
                   .storeOptions="${this.storeOptions}"
                   .options="${{listTitle: 'Uploaded models'}}"
                 ></ngv-plugin-cesium-model-interact>
+                <ngv-plugin-cesium-slicing
+                  .viewer="${this.viewer}"
+                  .tiles3dCollection="${this.collections.tiles3d}"
+                  .slicingDataSource="${this.slicingDataSource}"
+                ></ngv-plugin-cesium-slicing>
               `
             : ''}
         </div>
@@ -83,6 +92,9 @@ export class NgvAppPermits extends ABaseApp<IPermitsConfig> {
             this.viewer.scene.primitives.add(this.uploadedModelsCollection);
             this.dataSourceCollection = evt.detail.dataSourceCollection;
             this.collections = evt.detail.primitiveCollections;
+            this.dataSourceCollection
+              .add(this.slicingDataSource)
+              .catch((e) => console.error(e));
           }}
         ></ngv-plugin-cesium-widget>
       </ngv-structure-app>

src/interfaces/cesium/ingv-layers.ts

@@ -1,5 +1,6 @@
 import type {
   Cesium3DTileset,
+  ClippingPolygon,
   UrlTemplateImageryProvider,
   WebMapServiceImageryProvider,
   WebMapTileServiceImageryProvider,
@@ -42,6 +43,9 @@ export interface INGVCesiumModel extends Model {
   id: {
     dimensions?: Cartesian3;
     name: string;
+    terrainClipping?: boolean;
+    tilesClipping?: boolean;
+    clippingPolygon?: ClippingPolygon;
   };
 }