@dp_unity/dpu-gis-viewer 0.0.1

package/dist/types/services/mesureCesium.d.ts

@@ -0,0 +1,69 @@
+export declare class MeasureCesium {
+    viewer: any;
+    private handler;
+    containerId: string;
+    constructor(containerId: string, viewer: any);
+    entityIdCounter: number;
+    activeShapePoints: any;
+    tempShapePoint: any[];
+    tempLabel: any[];
+    activeShape: any;
+    floatingPoint: any;
+    currentPointClick: any;
+    activeEntities: any;
+    currentLabelDim: any;
+    isClickListenerMouseEnabled: any;
+    pointXMark: any;
+    /**
+     * Hàm khởi tạo Dim
+     */
+    dimensionCesium: () => void;
+    /**
+     * Sự kiện hủy khi ấn chuột phải
+     */
+    private terminateDim;
+    /**
+     * Vẽ shape tại Move chuột
+     *  @param {any} positionData vị trí của point để vẽ đường line
+     * */
+    private drawShape;
+    /**
+     * Sau kết thúc DIM vẽ lần lượt lại DIM để gán được các ID
+     * @param {[]} activeShapePoints list point để vẽ lại đường Line khi hoàn thành
+     */
+    private drawFinishDim;
+    /**
+     * Hàm tạo các point line labe cho đường DIM tổng thể
+     *  @param {any} startPoint  //Điểm bắt đầu
+     *  @param {any} endPoint  //Điểm kết thúc
+     *  @param {any} entityIdBase //ID point
+     *  @param {boolean} disableDepthEndPoint //Point có bám trên vật
+     */
+    private createDimensionObjects;
+    /**
+     * Hàm tạo point cho Dim
+     *  @param {any} worldPosition  //Tọa độ
+     *  @param {any} inputId  //ID point
+     *  @param {boolean} clamGound //có được bám trên đất
+     *  @param {boolean} disableDepth //Point có bám trên vật
+     */
+    private createPointDim;
+    /**
+     * Tạo đường Line Dim từ Primitive
+     *  @param {any} startPoint  //Điểm bắt đầu
+     *  @param {any} endPoint  //Điểm kết thúc
+     *  @param {any} entityIdBase //ID point
+     *  @param {any} color //màu
+     */
+    private createPolylinePrimitive;
+    private createLabelForDimension;
+    handleDocumentEvents: (event: any) => void;
+    private createXmark;
+    removeDimCesium: () => void;
+    private removeAllEvents;
+    private deleteEntityByPrefix;
+    removeAllDimensionCesium: () => void;
+    showHideAllDimensionCesium: (showEntity: any) => void;
+    private showHideDimension;
+    refreshAllAction: () => void;
+}

package/dist/types/services/sceneManager.d.ts

@@ -0,0 +1,35 @@
+import { BoundingSphere } from "cesium";
+export declare class SceneManager {
+    private _viewer;
+    private _containerId;
+    private _urlApi;
+    constructor(containerId: string, viewer: any);
+    /**
+  * Hàm load model từ url JSON
+  * @param {string} url URL Json model
+  * @param {number} maximumScreen
+  */
+    load3DTileUrl: (url: string, maximumScreen?: number) => Promise<any>;
+    /**
+        * Hàm load file KMZ
+        * @param {string} url URL KMZ
+        */
+    loadKmz: (path: string) => Promise<any>;
+    load3DTileById: (idData: string, token: string) => Promise<any>;
+    showHideTile: (tile: any, show: boolean) => void;
+    /**
+    * Điều hướng camera đến tileset khi tileset đã được tải
+    * @param {any} tileset tile được load
+    */
+    zoomTo: (tileset: any) => void;
+    /**
+    * Hàm bay đến bounding Box
+    * @param {BoundingSphere} bouding bounding Box
+    */
+    cameraFlyToBouding: (bouding: BoundingSphere) => void;
+    /**
+        * Hàm bay đến bounding Box
+        * @param {BoundingSphere} bouding bounding Box
+        */
+    setColor: (inputObjs: any[]) => void;
+}

package/dist/types/services/styleElement.d.ts

@@ -0,0 +1,10 @@
+import { ObjDataPrimitiveModel } from '../interfaces/styleElement.interface';
+export declare let ObjDataPrimitive: ObjDataPrimitiveModel[];
+export declare const setObjDataPrimitive: (url: string, viewer: any) => Promise<ObjDataPrimitiveModel | undefined>;
+export declare const setColorObjs: (inputObjs: any[]) => void;
+export declare const resetDefaultColor: () => void;
+export declare const resetColor: () => void;
+export declare const isolateObjs: (inputObjs: any[]) => void;
+export declare const resetDefaultIsolate: () => void;
+export declare const resetIsolate: () => void;
+export declare const zoomMinMax: (viewer: any, inputObjs: any[]) => Promise<void>;

package/dist/types/services/treeTileModel.d.ts

@@ -0,0 +1,66 @@
+import "../styles/treeTileModel.css";
+import { TileModel } from "src/class/tileModel";
+export declare class TreeTileModel {
+    viewer: any;
+    containerId: string;
+    IdGenneral: string;
+    modal: any;
+    private treeViews;
+    private dialog;
+    private onClosedCallback;
+    constructor(containerId: string, viewer: any, treeViews: TileModel[]);
+    setClosedCallback(callback: (status: boolean) => void): void;
+    notifyCallBack(status: boolean): void;
+    /**
+   * Hàm khởi tạo popup modal
+   */
+    private isCreated;
+    createModalTreeFolder: () => void;
+    showHideModalTreeFolder: (show: boolean) => void;
+    private handleCloseModal;
+    private containerUl;
+    private _idTreeView;
+    renderTreeView: () => HTMLElement;
+    private clearContainer;
+    private selectedItems;
+    private lastSelectedItem;
+    private selectedRow?;
+    private createTreeItem;
+    /**
+         * Xử lý sự kiện chọn mục
+         */
+    private handleItemSelection;
+    /**
+       * Chọn hoặc bỏ chọn mục (Ctrl)
+       */
+    private toggleSelectItem;
+    /**
+        * Chọn một dải mục (Shift)
+        */
+    private selectRange;
+    /**
+     * Chọn một mục duy nhất
+     */
+    private selectSingleItem;
+    private initKeyboardEvents;
+    /**
+     * Xử lý Ctrl+A để chọn tất cả
+     */
+    private handleSelectAll;
+    /**
+     * Tạo span chứa caret và màu
+     */
+    private createCaretSpan;
+    /**
+     * Tạo container cho mục con
+     */
+    private createNestedContainer;
+    /**
+     * Tạo container cho các nút chức năng (ví dụ: tìm kiếm, xóa, chỉnh sửa)
+     */
+    private createButtonContainer;
+    private _handleZoomTo;
+    private _handleToggleVisible;
+    private _updateChildButtons;
+    private _getItemsTreeByParentId;
+}

package/dist/types/utils/Dialog/dialog.d.ts

@@ -0,0 +1,34 @@
+import "../../styles/Dialog/dialog.css";
+export declare class DialogGeneral {
+    IdGenneral: string;
+    closeModal: ((status: boolean) => void) | undefined;
+    modal: any;
+    targetContainerId: string;
+    isModal: boolean;
+    innerHeader?: string | undefined;
+    innerBody?: HTMLElement | undefined;
+    innerFooter?: HTMLElement | undefined;
+    topModal: string;
+    leftModal: string;
+    rightModal: string;
+    bottomModal: string;
+    heightModal: string;
+    minHeightModal: number;
+    widthModal: string;
+    minWidthModal: number;
+    zIndex: number;
+    minimizeDialog: boolean;
+    enableResize: boolean;
+    allowDragging: boolean;
+    constructor(targetContainerId: string, callback: (status: boolean) => void);
+    private containerId;
+    createDialog: () => void;
+    /**
+      * Gọi callback khi modal đóng
+      */
+    private handleCloseModal;
+    showModal: (show: boolean) => void;
+    private dragElement;
+    private resizeModal;
+    destroyDialog(): void;
+}

package/dist/types/utils/Dialog/validToken.d.ts

@@ -0,0 +1,12 @@
+export declare class ValidToken {
+    private onClosedCallback;
+    private _dialog;
+    private _containerId;
+    constructor(containerId: string);
+    setClosedCallback(callback: (status: boolean) => void): void;
+    notifyCallBack(status: boolean): void;
+    createModalLabelPoint: () => void;
+    private handleCloseModal;
+    private _containerBody;
+    private _renderBodyModal;
+}

package/dist/types/utils/compass/DomUtil.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @Author: Caven
+ * @Date: 2021-04-27 13:04:34
+ */
+declare class DomUtil {
+    /**
+     * Creates an HTML element with `tagName`, sets its class to `className`, and optionally appends it to `container` element.
+     * @param tagName
+     * @param className
+     * @param container
+     * @returns {HTMLElement}
+     */
+    static create(tagName: string, className: string, container?: Element | null): HTMLElement;
+    /**
+     * Parses string to Dom
+     * @param domStr
+     * @param withWrapper
+     * @param className
+     * @returns {HTMLDivElement|NodeListOf<ChildNode>}
+     */
+    static parseDom(domStr: string, className: string): HTMLDivElement;
+}
+export default DomUtil;

package/dist/types/utils/compass/Widget.d.ts

@@ -0,0 +1,44 @@
+import type { Viewer } from 'cesium';
+declare class Widget {
+    protected _viewer: Viewer;
+    protected _ready: boolean;
+    protected _wrapper: HTMLElement;
+    protected _enabled: boolean;
+    constructor(viewer: Viewer, wrapper: HTMLElement);
+    set enabled(enabled: boolean);
+    get enabled(): boolean;
+    get ready(): boolean;
+    /**
+     * mount content
+     */
+    protected _mountContent(): void;
+    /**
+     * binds event
+     */
+    protected _bindEvent(): void;
+    /**
+     * Unbinds event
+     */
+    protected _unbindEvent(): void;
+    /**
+     * When enable modifies the hook executed, the subclass copies it as required
+     * @private
+     */
+    private _enableHook;
+    /**
+     * Setting widget content
+     * @param content
+     * @returns {Widget}
+     */
+    setContent(content: string | Element): this;
+    /**
+     * hide widget
+     */
+    hide(): void;
+    /**
+     * show widget
+     */
+    show(): void;
+    destroy(): void;
+}
+export default Widget;

package/dist/types/utils/compass/compass.d.ts

@@ -0,0 +1,60 @@
+import type { Viewer } from 'cesium';
+import './styles/compass.css';
+import Widget from './Widget';
+interface CompassOptions {
+    container?: Element;
+    tips?: {
+        inner?: string;
+        outer?: string;
+    };
+}
+declare class Compass extends Widget {
+    private _compassRectangle;
+    private _outRing;
+    private _gyro;
+    private _rotation_marker;
+    private _orbitCursorAngle;
+    private _orbitCursorOpacity;
+    private _orbitLastTimestamp;
+    private _orbitFrame;
+    private _orbitIsLook;
+    private _rotateInitialCursorAngle;
+    private _rotateFrame;
+    private _mouseMoveHandle;
+    private _mouseUpHandle;
+    private _rotateInitialCameraAngle;
+    private _options;
+    private _ifHover;
+    constructor(viewer: Viewer, options?: CompassOptions);
+    /**
+     *
+     * @private
+     */
+    protected _bindEvent(): void;
+    /**
+     *
+     * @private
+     */
+    protected _unbindEvent(): void;
+    /**
+     *
+     * @private
+     */
+    private _postRenderHandler;
+    protected _mountContent(): void;
+    /**
+     *
+     * @param event
+     * @returns {boolean}
+     * @private
+     */
+    private _handleClick;
+    /**
+     *
+     * @param inWorldCoordinates
+     * @returns {Cartesian3|undefined}
+     * @private
+     */
+    private _getCameraFocus;
+}
+export default Compass;

package/dist/types/utils/compass/icons/compass-outer.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @Author: Caven
+ * @Date: 2020-06-05 16:01:22
+ */
+declare const compass_outer = "\n<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"#000000\">\n<g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g>\n<g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></g>\n<g id=\"SVGRepo_iconCarrier\">\n<path d=\"M12 22.981l4.12-11.49L12 1.149 7.88 11.49zM9.125 12h5.75L12 20.019z\"></path>\n<path fill=\"none\" d=\"M0 0h24v24H0z\"></path></g></svg>\n";
+export default compass_outer;

package/dist/types/utils/compass/icons/index.d.ts

@@ -0,0 +1,4 @@
+declare const Icons: {
+    compass_outer: string;
+};
+export default Icons;

package/dist/types/utils/utils.d.ts

@@ -0,0 +1,16 @@
+export declare const createUUID: () => string;
+export declare const rgbaToHex: (r: number, g: number, b: number, a: number) => string;
+export declare const hexToCesiumColor: (hex: string, opacity?: number) => string;
+/**
+    * Chặn các ký tự không hợp lệ và chỉ cho phép nhập số nguyên
+ */
+export declare const restrictToIntegerInput: (event: KeyboardEvent) => void;
+/**
+ * Chuẩn hóa mã màu HEX.
+    */
+export declare const normalizeHexColor: (hexColor: string) => string;
+/**
+* Lấy mã màu từ localStorage hoặc trả về giá trị mặc định.
+
+*/
+export declare const getColorFromLocalStorage: (defaultColor?: string) => string;

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@dp_unity/dpu-gis-viewer",
+  "version": "0.0.1",
+  "description": "DPU GIS Viewer",
+  "homepage": "https://dpunity.com",
+  "license": "DPU",
+  "type": "module",
+  "author": {
+    "name": "PHUC",
+    "url": "https://dpunity.com"
+  },
+  "keywords": [
+    "DP-Unity",
+    "CesiumJS"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://dpunity.com"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "require": "./dist/index.js",
+      "import": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "clean": "shx rm -rf dist",
+    "build": "npm run clean && webpack --config webpack.config.js"
+  },
+  "devDependencies": {
+    "copy-webpack-plugin": "^12.0.2",
+    "css-loader": "^7.1.2",
+    "file-loader": "^6.2.0",
+    "shx": "^0.3.4",
+    "style-loader": "^4.0.0",
+    "ts-loader": "^9.5.1",
+    "typescript": "^5.7.2",
+    "webpack": "^5.96.1",
+    "webpack-cli": "^5.1.4",
+    "html-webpack-plugin": "^5.6.3",
+    "webpack-dev-server": "^4.15.1"
+  },
+  "dependencies": {
+    "cesium": "^1.117.0"
+  }
+}