@aibee/owlly 1.0.25

package/lib/src/web/main.rpeng.sample.js

@@ -0,0 +1,318 @@
+/* eslint-disable no-restricted-properties */
+/* eslint-disable no-restricted-syntax */
+/* eslint-disable @typescript-eslint/no-explicit-any, no-console, @typescript-eslint/camelcase */
+// import axios from 'axios';
+// // import {
+// //   Vector3, Quaternion,
+// // } from 'three';
+// import * as THREE from 'three';
+// import {
+//   Stage,
+//   PerspectiveView,
+//   AlignmentUtils,
+//   FloorModel,
+//   BasicController,
+//   MouseIndicatorController,
+//   // View,
+//   // FloorModel,
+//   // PanoramaGroup,
+//   // IndicatorDisplayMode,
+//   // PanoramaTransformController,
+//   // Panorama,
+//   // Shape,
+//   // TransformController,
+//   // Element,
+//   SetExternal,
+// } from '../owlly';
+// import { TilePanoramaController } from '../owlly/controller/tile-panorama-controller';
+// // import { TileTextureInfo, TileUtil } from '../owlly/utils/tile-util';
+// import { TilePanoramaGroup } from '../owlly/element/tile-panorama-group';
+// SetExternal(THREE);
+// // import { Placeable2D } from '../owlly/element/placeable-2d';
+// // import { TrailMesh } from '../owlly/element/trail-mesh';
+// // import { pathData } from './data';
+// // const URL_ROOT = 'http://192.168.90.101:8086/zh_fs_standard/locate/mini';
+// // const URL_ROOT = 'https://robot-vr.aibee.cn/v1';
+// // const MODEL_ID = 'aIk2c4dxjAERnwEU';
+// // const MODEL_ID = 'd2WZpKPqkf3AiEEz';
+// const URL_ROOT = 'https://vr.aibee.cn/v1';
+// // const MODEL_ID = 'bz4nPOCUOz3BHXaH'; // DeRUCCI慕思
+// // const MODEL_ID = 'p5gY6ndCqq3kGB7m';
+// // const MODEL_ID = 'I90rv1ySpBv0QwZD'; // 佛山中海L1
+// // const MODEL_ID = 'siReIgn3BLrssAtB'; // 中海国际
+// // const MODEL_ID = 'JhABCWGCHxgN0o8j'; // 中海国际
+// // const URL_ROOT = 'https://vradmin-test.aibee.cn/v1';
+// // const MODEL_ID = 'TToGO2LjXyCKJ0AD';
+// // const MODEL_ID = 'btLc2DoLyaL2FX8M';
+// // const URL_ROOT = 'http://192.168.80.23:8096/v1';// #TiledCube#
+// // const MODEL_ID = 'FZ9qAbwEE0uUZuQG';
+// const SECRET = 'secret=U4LOTsSWEASOCXNl4lzyg0rOyGztm1so';
+// // const ACCESS_TOKEN = 'access_token=41299cfed0b333eeae7c3750da05e950';
+// const ajax = axios.create();
+// // const IMG_URL2 = 'https://krpano.com/petapixel/getimage.php?size=512&level=3&side=b&h=3&v=3&totalwidth=2048&totalheight=2048';
+// // const IMG_URL = './images/';
+// const MODEL_ID = 'oFkhDP4fzX60vk9p';
+// // function getImageInfo(type: string, index: number, level: number): { url: string; id: string } {
+// //   const segment = Math.pow(2, level);
+// //   const x = index % segment;
+// //   const y = Math.floor(index / segment);
+// //   let t = 0;
+// //   if (y % 2 === 0) {
+// //     if (x % 2 === 0) {
+// //       t = 1;
+// //     } else {
+// //       t = 0;
+// //     }
+// //   } else if (x % 2 === 0) {
+// //     t = 0;
+// //   } else {
+// //     t = 1;
+// //   }
+// //   const url = `${IMG_URL}${type}${t}.jpeg`;
+// //   const id = `${type}-${level}-${x}-${y}`;
+// //   return { id, url };
+// // }
+// // async function changeTexturesAsync(plane: TilePlane): Promise<void> {
+// //   const textureInfos = [];
+// //   plane.pid = Math.floor(Math.random() * 6);
+// //   const urls = [];
+// //   const cout = 16 * 16;
+// //   let id = Math.floor(Math.random() * 6);
+// //   textureInfos.push(new TileTextureInfo(id, 0, 0, 0));// 默认一个
+// //   for (let i = 1; i < cout; i++) {
+// //     id = Math.floor(Math.random() * 6);
+// //     const level = Math.floor(Math.random() * 4);
+// //     const index = Math.floor(Math.random() * Math.pow(Math.pow(2, level), 2));
+// //     textureInfos.push(new TileTextureInfo(id, Math.floor(Math.random() * 16) * 100, level, index));
+// //   }
+// //   for (let i = 0; i < 16; i++) {
+// //     const ti = textureInfos[i];
+// //     // if (ti.x === plane.pid) {
+// //     const imgInfo = TileUtil.getImageInfo(ti.pid, ti.index, ti.level, '');
+// //     urls.push(imgInfo.url);
+// //     // }
+// //   }
+// //   textureInfos.sort((a, b) => a.level - b.level);
+// //   await plane.updateTexturesAsync(urls, textureInfos);
+// // }
+// // function changeLevel(plane: TilePlane, planeTextController: TilePanoramaController): void {
+// //   const pid = Math.floor(Math.random() * 6);
+// //   const level = Math.floor(Math.random() * 2) + 2;
+// //   planeTextController.changeLevel(level);
+// // }
+// interface LabelInfo {
+//   id: number;
+//   label_name: string;
+//   coordinate: {
+//     id: number;
+//     label_id: number;
+//     position_x: -11.917187;
+//     position_y: 0.798334;
+//     position_z: -4.661553;
+//     direction_x: 0.99957657;
+//     direction_y: 0.0026633148;
+//     direction_z: 0.0026633148;
+//   };
+//   panorama_id: number;
+//   icon_id: number;
+//   info: number;
+// }
+// interface LabelIconInfo {
+//   id: number;
+//   icon: string;
+// }
+// async function getPanoramaInfo(
+//   sid: string,
+// ): Promise<{
+//   modelPath: string;
+//   panoramaList: object[];
+//   initialView: {
+//     roaming_direction_x: number;
+//     roaming_direction_y: number;
+//     roaming_direction_z: number;
+//     roaming_panorama_id: number;
+//   };
+//   labels: LabelInfo[];
+//   labelIcons: LabelIconInfo[];
+// }> {
+//   const { data: { data: { modelPath, panorama_list: panoramaList, initial_view: initialView } } } = await ajax({
+//     url: `${URL_ROOT}/list-panoramas?${SECRET}`,
+//     method: 'POST',
+//     data: { store_id: sid },
+//   });
+//   const { data: { data: { labels } } } = await ajax({
+//     url: `${URL_ROOT}/list-label-coordinates?${SECRET}`,
+//     method: 'POST',
+//     data: { store_id: sid },
+//   });
+//   const { data: { data: labelIcons } } = await ajax({
+//     url: `${URL_ROOT}/list-brand-label-icons?${SECRET}`,
+//     method: 'POST',
+//     data: { store_id: sid },
+//   });
+//   return {
+//     modelPath,
+//     panoramaList,
+//     initialView,
+//     labels,
+//     labelIcons,
+//   };
+// }
+// // function tileTest(stage: Stage, view: PerspectiveView): void {
+// //   const panoController: PanoramaController = new PanoramaController(view);
+// //   stage.bindController(panoController);
+// //   panoController.setMouseClickEnabled(true);
+// //   panoController.setCameraLookAt(new Vector3(0, 0, 0), new Vector3(0, 1, 0));
+// //   // view.camera.position.set(0, -4, 0);
+// //   panoController.setFOVRange(10, 90);
+// //   stage.bindView(view);
+// //   // const basicController = new BasicController(view);
+// //   // stage.bindController(basicController);
+// //   // // basicController.setMouseClickEnabled(true);
+// //   // basicController.setCameraPosition(new Vector3(0, -1, 0));
+// //   // basicController.setCameraLookAt(new Vector3(0, 1, 0), true);
+// //   // basicController.setZoomRange(0.01, 10);
+// //   const tilePanoramaController = new TilePanoramaController(view);
+// //   stage.bindController(tilePanoramaController);
+// //   TextureController.instance.isTest = true;
+// //   const panorama = new TilePanorama(213, 0, []);
+// //   panorama.mount();
+// //   stage.bindElement(panorama);
+// //   tilePanoramaController.bindPanorama(panorama);
+// //   // const plane = new TilePlane(2, 1);
+// //   // stage.bindElement(plane);
+// //   // plane.rotateX(Math.PI / 2);
+// //   // const tilePanoramaController = TilePanoramaController.instance;
+// //   // tilePanoramaController.bindView(view);
+// //   // stage.bindController(tilePanoramaController);
+// //   // changeTexturesAsync(plane);
+// //   // setInterval(() => changeTexturesAsync(plane), 10000);
+// //   // changeLevel(plane, tilePanoramaController);
+// //   // setInterval(() => changeLevel(plane, TilePanoramaController), 10000);
+// //   // const plane = createPlane(100, 100);
+// //   // const plane = new PanoramaIndicator();
+// //   // plane.setImage(getImage('front'));
+// //   // stage.bindElement(plane);
+// //   // plane.indicator.scale.x = 100;
+// //   // plane.indicator.scale.y = 100;
+// //   // // plane.indicator.rotation.x = Math.PI / 2;
+// //   // plane.indicator.position.y = -100;
+// // }
+// async function netTileTest(stage: Stage, view: PerspectiveView): Promise<void> {
+//   const { modelPath, initialView, panoramaList } = await getPanoramaInfo(MODEL_ID);
+//   // stage.setBackgroundColor('#000');
+//   stage.bindView(view);
+//   const panoData = panoramaList.map((item) => {
+//     const {
+//       panorama_images,
+//       panorama_images_low,
+//       seq_id,
+//       visible_panorama_seq_ids,
+//       coordinate: {
+//         panorama_id,
+//         direction_w,
+//         direction_x,
+//         direction_y,
+//         direction_z,
+//         position_x,
+//         position_y,
+//         position_z,
+//       },
+//       visible,
+//     } = item as any;
+//     const lowImageURLs = JSON.parse(panorama_images_low) as string[];
+//     const ret = {
+//       pid: panorama_id as number,
+//       seqID: seq_id,
+//       textureURLs: lowImageURLs,
+//       visible,
+//       highTextureURLs: JSON.parse(panorama_images) as string[],
+//       useLowTextureURLsOnly: false,
+//       neighbourPanoramaIDs: visible_panorama_seq_ids as number[],
+//       position: new THREE.Vector3(position_x, position_y, position_z),
+//       quaternion: new THREE.Quaternion(direction_x, direction_y, direction_z, direction_w),
+//     };
+//     return ret;
+//   });
+//   const basicController = new BasicController(view);
+//   stage.bindController(basicController);
+//   const panoDataMap = new Map();
+//   panoData.forEach((item) => {
+//     panoDataMap.set(item.pid, item);
+//     const neighbourPanoramaIDs = item.neighbourPanoramaIDs.map((value: number) => panoData[value].pid);
+//     item.neighbourPanoramaIDs = neighbourPanoramaIDs;
+//   });
+//   // const count = panoData.length;
+//   // const index = Math.floor(Math.random() * count);
+//   // const tItem = panoData[index];
+//   // const panoController: PanoramaController = new PanoramaController(view);
+//   // stage.bindController(panoController);
+//   // panoController.setMouseClickEnabled(true);
+//   // panoController.setCameraLookAt(new Vector3(0, 0, 0), new Vector3(0, 1, 0));
+//   // // view.camera.position.set(0, -4, 0);
+//   // panoController.setFOVRange(10, 90);
+//   const model = new FloorModel(modelPath);
+//   stage.bindElement(model);
+//   const panoramaGrop = new TilePanoramaGroup(panoData, {
+//     modelElement: model,
+//     groundParams: {
+//       downDirection: new THREE.Vector3(0, 0, -1),
+//     },
+//     indicatorImageURL: '/imgs/pointer.png',
+//   });
+//   stage.bindElement(panoramaGrop);
+//   const tilePanoramaController = new TilePanoramaController(view, panoramaGrop, basicController);
+//   stage.bindController(tilePanoramaController);
+//   const initialPanoramaId = initialView.roaming_panorama_id;
+//   const { roaming_direction_x: lookX, roaming_direction_y: lookY, roaming_direction_z: lookZ } = initialView;
+//   const initialViewDirection = new THREE.Vector3(lookX, -lookZ, lookY);
+//   tilePanoramaController.lookFromPanorama(
+//     initialPanoramaId,
+//     initialViewDirection,
+//     true,
+//   );
+//   const mouseIndicatorController = new MouseIndicatorController('/imgs/pointer.png');
+//   mouseIndicatorController.setTarget(model);
+//   mouseIndicatorController.bindView(view);
+//   stage.bindController(mouseIndicatorController);
+//   // const panorama = new TilePanorama(tItem.pid, tItem.seqID, tItem.highTextureURLs);
+//   // panorama.mount();
+//   // stage.bindElement(panorama);
+//   // tilePanoramaController.bindPanorama(panorama);
+//   // const cantainer = view.container;
+//   // const canvas = document.createElement('canvas');
+//   // canvas.width = 2048;
+//   // canvas.height = 2048;
+//   // cantainer.appendChild(canvas);
+//   // const context2d = canvas.getContext('2d');
+//   // (window as any).context2d = context2d;
+// }
+// async function start(): Promise<void> {
+//   const stage = new Stage();
+//   const container = document.getElementById('container');
+//   stage.setStatsEnabled(true);
+//   // stage.setAxesEnabled(true);
+//   // const model = new FloorModel(modelPath);
+//   // stage.bindElement(model);
+//   // const img = new Image();
+//   // img.setAttribute('crossOrigin', 'anonymous');
+//   // const testUrl = 'https://robot-vr-public.cdn.bcebos.com/5a8e65f527af4cbfa896bd4bcec1a882/010559/179_r?x-bce-process=image/crop,x_0,y_0,w_2048,h_2048/resize,m_lfit,w_512,h_512';
+//   // TextureController.instance.loadImgAsync2(testUrl);
+//   // const testUrl2 = 'https://robot-vr-public.cdn.bcebos.com/5a8e65f527af4cbfa896bd4bcec1a882/010559/179_t?x-bce-process=image/crop,x_0,y_0,w_2048,h_2048/resize,m_lfit,w_512,h_512';
+//   // TextureController.instance.loadImgAsync2(testUrl2);
+//   if (container) {
+//     const view = new PerspectiveView(container);
+//     // console.log('test');
+//     // tileTest(stage, view);
+//     netTileTest(stage, view);
+//     (window as any).view = view;
+//     (window as any).AlignmentUtils = AlignmentUtils;
+//     (window as any).stage = stage;
+//   }
+// }
+// function main(): void {
+//   start();
+// }
+// (window as any).main = main;
+// main();
+//# sourceMappingURL=main.rpeng.sample.js.map

package/lib/src/web/main.rpeng.sample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.rpeng.sample.js","sourceRoot":"","sources":["../../../src/web/main.rpeng.sample.ts"],"names":[],"mappings":"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"}

package/lib/src/web/main.rpeng.vr.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/web/main.rpeng.vr.js

@@ -0,0 +1,141 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/camelcase */
+import Axios from 'axios';
+import * as THREE from 'three';
+import { Stage, Screen, PerspectiveView, BasicController, FloorModel, } from '../owlly';
+import { SetExternal } from '../owlly/stage/externals';
+import { TilePanoramaGroup } from '../owlly/element/tile-panorama-group';
+import { TilePanoramaController } from '../owlly/controller/tile-panorama-controller';
+SetExternal(THREE);
+let stage;
+let view;
+let basicCtl;
+const sceneDataMap = new Map();
+const store2PanoDataMap = new Map();
+const panoDataMap = new Map();
+const intersectionsMapMap = new Map();
+function getFloorModel(storeId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        // if(!config.mode.show) return null;
+        const sceneData = sceneDataMap.get(storeId);
+        const model = new FloorModel(sceneData.modelPath);
+        return model;
+    });
+}
+function getVRData(storeId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const data = yield Axios.post('https://robot-vr.aibee.cn/v1/list-panoramas?secret=U4LOTsSWEASOCXNl4lzyg0rOyGztm1so', {
+            store_id: storeId,
+        });
+        return data;
+    });
+}
+function initVR(container) {
+    stage = new Stage();
+    if (container) {
+        const screen = new Screen(container, { preserveDrawingBuffer: true });
+        view = new PerspectiveView(screen);
+        stage.bindView(view);
+        basicCtl = new BasicController(view);
+        stage.bindController(basicCtl);
+    }
+}
+function getPanoramaData(storeId, panoramaList) {
+    if (store2PanoDataMap.has(storeId)) {
+        return store2PanoDataMap.get(storeId);
+    }
+    if (!panoramaList)
+        return null;
+    const panoData = panoramaList.map((item) => {
+        const { panorama_images, panorama_images_low, tile_image_level, tile_images, seq_id, visible_panorama_seq_ids, coordinate: { panorama_id, direction_w, direction_x, direction_y, direction_z, position_x, position_y, position_z, }, visible, } = item;
+        const lowImageURLs = JSON.parse(panorama_images_low);
+        const offLineTextureUrls = JSON.parse(tile_images);
+        const offLineTextureLevel = tile_image_level;
+        const ret = {
+            storeId,
+            pid: panorama_id,
+            seqID: seq_id,
+            textureURLs: lowImageURLs,
+            visible,
+            offLineTextureUrls,
+            offLineTextureLevel,
+            highTextureURLs: JSON.parse(panorama_images),
+            useLowTextureURLsOnly: false,
+            neighbourPanoramaIDs: visible_panorama_seq_ids,
+            position: new THREE.Vector3(position_x, position_y, position_z),
+            quaternion: new THREE.Quaternion(direction_x, direction_y, direction_z, direction_w),
+        };
+        return ret;
+    });
+    store2PanoDataMap.set(storeId, panoData);
+    panoData.forEach((item) => {
+        panoDataMap.set(item.pid, item);
+        const neighbourPanoramaIDs = item.neighbourPanoramaIDs.map((value) => panoData[value].pid);
+        item.neighbourPanoramaIDs = neighbourPanoramaIDs;
+    });
+    return panoData;
+}
+function getVRIntersectionsData(storeId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (!intersectionsMapMap.has(storeId)) {
+            const sceneData = sceneDataMap.get(storeId);
+            const url = sceneData.intersectionsPath
+                || `https://vr.aibee.cn/robot-vr/navigation/list-ground-intersections/${storeId}`;
+            const data = yield Axios.get(url);
+            const list = data.data.data;
+            const intersectionsMap = new Map();
+            list.forEach((value) => {
+                const { panorama_id, pos_x, pos_y, pos_z, } = value;
+                intersectionsMap.set(panorama_id, new THREE.Vector3(pos_x, pos_y, pos_z));
+            });
+            intersectionsMapMap.set(storeId, intersectionsMap);
+        }
+        return intersectionsMapMap.get(storeId);
+    });
+}
+function initFloorVR(storeId, pid) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const floorModel = yield getFloorModel(storeId);
+        stage.bindElement(floorModel);
+        const panoData = getPanoramaData(storeId);
+        const indicatorsMap = yield getVRIntersectionsData(storeId);
+        const panoGroup = new TilePanoramaGroup(panoData, {
+            modelElement: floorModel,
+            groundParams: {
+                downDirection: new THREE.Vector3(0, 0, -1),
+            },
+            indicatorImageURL: '/imgs/pointer.png',
+            indicatorPositionMap: indicatorsMap,
+        });
+        stage.bindElement(panoGroup);
+        const tilePanoCtl = new TilePanoramaController(view, panoGroup, basicCtl);
+        stage.bindController(tilePanoCtl);
+        yield tilePanoCtl.lookFromPanorama(pid, new THREE.Vector3(1, 0, 0));
+    });
+}
+function testPanorama(placeId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const container = document.getElementById('container');
+        initVR(container);
+        const placeData = yield Axios.get(`https://deploy.aibee.cn/function/place-service/getPlacesInfo?place_id=${placeId}`);
+        const storeIds = placeData.data.data[0].floors.map((floor) => floor.vr_id);
+        const firstId = storeIds[0];
+        const storeData = yield getVRData(firstId);
+        sceneDataMap.set(firstId, storeData.data.data);
+        getPanoramaData(firstId, storeData.data.data.panorama_list);
+        yield initFloorVR(firstId, storeData.data.data.panorama_list[0].id);
+    });
+}
+window.onload = () => {
+    testPanorama(240);
+};
+//# sourceMappingURL=main.rpeng.vr.js.map

package/lib/src/web/main.rpeng.vr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.rpeng.vr.js","sourceRoot":"","sources":["../../../src/web/main.rpeng.vr.ts"],"names":[],"mappings":"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"}

package/lib/src/web/main.sample.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/web/main.sample.js

@@ -0,0 +1,52 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/* eslint-disable @typescript-eslint/no-explicit-any, no-console, @typescript-eslint/camelcase */
+import * as THREE from 'three';
+import Konva from 'konva';
+// import VConsole from 'vconsole';
+import { Stage, SetExternal, PerspectiveView, BasicController, Shape, Block, Screen, } from '../owlly';
+// new VConsole(); // eslint-disable-line
+SetExternal(THREE, { konva: Konva });
+function start() {
+    return __awaiter(this, void 0, void 0, function* () {
+        // 新建 Stage
+        const stage = new Stage();
+        // 新建 View
+        const container = document.getElementById('container');
+        const screen = new Screen(container);
+        const view = new PerspectiveView(screen);
+        view.bindStage(stage);
+        // 新建Controller
+        const controller = new BasicController(view);
+        controller.setRotateMode('orbit');
+        controller.setCameraPosition(new THREE.Vector3(0, 0, 100), false);
+        controller.setCameraLookAt(new THREE.Vector3(0, 0, 0), false);
+        stage.bindController(controller);
+        // 新建Element
+        const shape = new Shape({
+            path: 'm-10,-10l10,-10l10,10l-10,10',
+            fill: '#ff7777',
+            stroke: '#ff0000',
+            strokeOpacity: 1,
+            zIndex: -10,
+            height: 20,
+        });
+        const block = new Block(shape);
+        stage.bindElement(block);
+        // controller.dispose();
+        // screen.dispose();
+    });
+}
+function main() {
+    start();
+}
+window.main = main;
+main();
+//# sourceMappingURL=main.sample.js.map

package/lib/src/web/main.sample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.sample.js","sourceRoot":"","sources":["../../../src/web/main.sample.ts"],"names":[],"mappings":";;;;;;;;;AAAA,iGAAiG;AACjG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,mCAAmC;AACnC,OAAO,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,eAAe,EACf,KAAK,EACL,KAAK,EACL,MAAM,GACP,MAAM,UAAU,CAAC;AAElB,yCAAyC;AAEzC,WAAW,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AAErC,SAAe,KAAK;;QAClB,WAAW;QACX,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;QAC1B,UAAU;QACV,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QAEvD,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,SAAU,CAAC,CAAC;QACtC,MAAM,IAAI,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC;QAEzC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAEtB,eAAe;QACf,MAAM,UAAU,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;QAC7C,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAClC,UAAU,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;QAClE,UAAU,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;QAC9D,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;QACjC,YAAY;QACZ,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;YACtB,IAAI,EAAE,8BAA8B;YACpC,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;YACjB,aAAa,EAAE,CAAC;YAChB,MAAM,EAAE,CAAC,EAAE;YACX,MAAM,EAAE,EAAE;SACX,CAAC,CAAC;QACH,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;QAC/B,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAEzB,wBAAwB;QAExB,oBAAoB;IACtB,CAAC;CAAA;AAED,SAAS,IAAI;IACX,KAAK,EAAE,CAAC;AACV,CAAC;AAEA,MAAc,CAAC,IAAI,GAAG,IAAI,CAAC;AAE5B,IAAI,EAAE,CAAC"}