@libs-ui/components-minimap 0.1.1-1

package/README.md

@@ -0,0 +1,244 @@
+# @libs-ui/components-minimap
+
+Directive tạo minimap (bản đồ thu nhỏ) để điều hướng nhanh trong nội dung có thể cuộn lớn. Giúp người dùng dễ dàng xem tổng quan và di chuyển đến vị trí mong muốn trong một vùng nội dung lớn.
+
+## ✨ Tính năng
+
+• **Minimap tự động**: Tạo bản đồ thu nhỏ của element có thể cuộn
+• **Navigation tương tác**: Click và kéo thả để di chuyển viewport
+• **Tùy chỉnh style**: Cấu hình màu sắc, kích thước, vị trí minimap
+• **Responsive**: Tự động cập nhật khi nội dung thay đổi
+• **Performance tối ưu**: Sử dụng signal và RxJS cho hiệu suất cao
+• **Hỗ trợ scale**: Làm việc với element có transform scale
+• **Control functions**: API để show/hide/toggle minimap từ code
+
+## 📦 Cài đặt
+
+```bash
+npm install @libs-ui/components-minimap
+```
+
+<button onclick="navigator.clipboard.writeText('npm install @libs-ui/components-minimap')" class="copy-btn">📋 Sao chép</button>
+
+```bash
+yarn add @libs-ui/components-minimap
+```
+
+<button onclick="navigator.clipboard.writeText('yarn add @libs-ui/components-minimap')" class="copy-btn">📋 Sao chép</button>
+
+## 🚀 Sử dụng
+
+### Ví dụ cơ bản (Inline Template)
+
+```typescript
+import { Component } from '@angular/core';
+import { LibsUiComponentsMinimapDirective } from '@libs-ui/components-minimap';
+
+@Component({
+  selector: 'app-example',
+  standalone: true,
+  imports: [LibsUiComponentsMinimapDirective],
+  template: `
+    <div
+      LibsUiComponentsMinimapDirective
+      class="scrollable-content"
+      style="width: 500px; height: 300px; overflow: auto;">
+      <!-- Nội dung lớn cần minimap -->
+      <div style="width: 1500px; height: 1000px; background: linear-gradient(45deg, #ff6b6b, #4ecdc4);">
+        <h2>Nội dung rất lớn</h2>
+        <p>Cuộn để xem minimap hoạt động...</p>
+      </div>
+    </div>
+  `,
+})
+export class ExampleComponent {}
+```
+
+### Ví dụ với file HTML riêng
+
+**Component:**
+
+```typescript
+import { Component } from '@angular/core';
+import { LibsUiComponentsMinimapDirective, IMiniMapFunctionControl, IMiniMapStyleConfig } from '@libs-ui/components-minimap';
+
+@Component({
+  selector: 'app-minimap-demo',
+  standalone: true,
+  imports: [LibsUiComponentsMinimapDirective],
+  templateUrl: './minimap-demo.component.html',
+  styleUrls: ['./minimap-demo.component.scss'],
+})
+export class MinimapDemoComponent {
+  // Cấu hình style cho minimap container
+  minimapStyle: IMiniMapStyleConfig = {
+    width: 250,
+    height: 150,
+    top: 20,
+    right: 20,
+    background: '#f8f9fa',
+    border: '2px solid #007bff',
+    borderRadius: 8,
+    zIndex: 1500,
+  };
+
+  // Cấu hình style cho viewport rectangle
+  viewportStyle: IMiniMapStyleConfig = {
+    border: '2px solid #ff6b6b',
+    background: 'rgba(255, 107, 107, 0.1)',
+    borderRadius: 4,
+  };
+
+  minimapControls: IMiniMapFunctionControl | null = null;
+
+  // Nhận function controls từ directive
+  onMinimapReady(controls: IMiniMapFunctionControl) {
+    this.minimapControls = controls;
+  }
+
+  // Các method điều khiển minimap
+  showMinimap() {
+    this.minimapControls?.show();
+  }
+
+  hideMinimap() {
+    this.minimapControls?.hidden();
+  }
+
+  toggleMinimap() {
+    this.minimapControls?.toggle();
+  }
+}
+```
+
+**Template (minimap-demo.component.html):**
+
+```html
+<div class="demo-container">
+  <!-- Control buttons -->
+  <div class="controls mb-3">
+    <button
+      (click)="showMinimap()"
+      class="btn btn-success me-2">
+      Hiện Minimap
+    </button>
+    <button
+      (click)="hideMinimap()"
+      class="btn btn-warning me-2">
+      Ẩn Minimap
+    </button>
+    <button
+      (click)="toggleMinimap()"
+      class="btn btn-info">
+      Toggle Minimap
+    </button>
+  </div>
+
+  <!-- Scrollable content với minimap -->
+  <div
+    LibsUiComponentsMinimapDirective
+    [styleImageElement]="minimapStyle"
+    [styleRectangleElement]="viewportStyle"
+    [timerStartDrawMinimap]="500"
+    (outFunctionControls)="onMinimapReady($event)"
+    class="scrollable-area"
+    style="width: 600px; height: 400px; overflow: auto; border: 1px solid #ddd;">
+    <!-- Large content -->
+    <div
+      class="large-content"
+      style="width: 1200px; height: 800px; padding: 20px;">
+      <h1>Nội dung lớn với Minimap</h1>
+
+      <div
+        class="mo-minimap-flag-element-scale"
+        style="transform: scale(1.2);">
+        <!-- Element có scale để test tính năng scale detection -->
+        <div class="grid-content">
+          <!-- Tạo grid content để dễ nhận biết vị trí -->
+          <div
+            *ngFor="let row of [1,2,3,4,5,6,7,8,9,10]"
+            class="row"
+            style="display: flex; margin: 10px 0;">
+            <div
+              *ngFor="let col of [1,2,3,4,5,6,7,8,9,10]"
+              class="cell"
+              style="width: 80px; height: 60px; border: 1px solid #ccc; 
+                        margin: 2px; display: flex; align-items: center; 
+                        justify-content: center; background: #f0f0f0;">
+              {{row}}-{{col}}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+## 🛠️ Công nghệ sử dụng
+
+- **Angular 18+**: Framework chính
+- **RxJS**: Quản lý events và reactive programming
+- **TypeScript**: Ngôn ngữ phát triển
+- **Signals**: Quản lý state hiện đại của Angular
+
+## 📖 API Reference
+
+### Inputs
+
+| Tên                         | Kiểu                  | Mặc định                          | Mô tả                                                         |
+| --------------------------- | --------------------- | --------------------------------- | ------------------------------------------------------------- |
+| `classNameFlagElementScale` | `string`              | `'mo-minimap-flag-element-scale'` | Class name của element có scale transform để directive detect |
+| `timerStartDrawMinimap`     | `number`              | `250`                             | Thời gian delay (ms) trước khi bắt đầu vẽ minimap             |
+| `elementScroll`             | `HTMLElement`         | `undefined`                       | Element cuộn tùy chỉnh (mặc định dùng host element)           |
+| `styleRectangleElement`     | `IMiniMapStyleConfig` | `undefined`                       | Cấu hình style cho viewport rectangle                         |
+| `styleImageElement`         | `IMiniMapStyleConfig` | `undefined`                       | Cấu hình style cho minimap container                          |
+
+### Outputs
+
+| Tên                   | Kiểu                      | Mô tả                                            |
+| --------------------- | ------------------------- | ------------------------------------------------ |
+| `outFunctionControls` | `IMiniMapFunctionControl` | Emit object chứa các function để control minimap |
+
+### Interfaces
+
+#### `IMiniMapStyleConfig`
+
+```typescript
+interface IMiniMapStyleConfig {
+  x?: number; // Vị trí x (không sử dụng)
+  y?: number; // Vị trí y (không sử dụng)
+  width?: number; // Chiều rộng minimap (px)
+  height?: number; // Chiều cao minimap (px)
+  zIndex?: number; // Z-index layer
+  border?: string; // CSS border
+  borderRadius?: number; // CSS border-radius (px)
+  background?: string; // CSS background
+  top?: number; // Vị trí top (px)
+  left?: number; // Vị trí left (px)
+  bottom?: number; // Vị trí bottom (px) - ưu tiên hơn top
+  right?: number; // Vị trí right (px) - ưu tiên hơn left
+}
+```
+
+Cấu hình style cho minimap container hoặc viewport rectangle. Tất cả thuộc tính đều optional.
+
+#### `IMiniMapFunctionControl`
+
+```typescript
+interface IMiniMapFunctionControl {
+  show: () => void; // Hiển thị minimap
+  hidden: () => void; // Ẩn minimap
+  toggle: () => void; // Toggle hiển thị/ẩn minimap
+}
+```
+
+Object chứa các function để điều khiển minimap từ code. Nhận được qua output `outFunctionControls`.
+
+## 💡 Lưu ý
+
+- Directive tự động tạo minimap container và thêm vào `document.body`
+- Sử dụng class `mo-minimap-flag-element-scale` để đánh dấu element có scale transform
+- Minimap tự động cập nhật khi nội dung hoặc kích thước thay đổi
+- Viewport rectangle có thể click và kéo thả để điều hướng
+- Memory được quản lý tự động, tự cleanup khi component destroy

package/esm2022/index.mjs

@@ -0,0 +1,3 @@
+export * from './minimap.directive';
+export * from './minimap.interface';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbWluaW1hcC9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9taW5pbWFwLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL21pbmltYXAuaW50ZXJmYWNlJztcbiJdfQ==

package/esm2022/libs-ui-components-minimap.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlicy11aS1jb21wb25lbnRzLW1pbmltYXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbWluaW1hcC9zcmMvbGlicy11aS1jb21wb25lbnRzLW1pbmltYXAudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/esm2022/minimap.directive.mjs

@@ -0,0 +1,240 @@
+import { Directive, ElementRef, inject, input, output, signal } from '@angular/core';
+import { getDragEventByElement, setStylesElement } from '@libs-ui/utils';
+import { fromEvent, Subject, takeUntil, tap, timer } from 'rxjs';
+import * as i0 from "@angular/core";
+export class LibsUiComponentsMinimapDirective {
+    // #region PROPERTY
+    isShow = signal(false);
+    containerElement = document.createElement('DIV');
+    imgElement = document.createElement('DIV');
+    viewPortElement = document.createElement('DIV');
+    onDestroy = new Subject();
+    // #endregion
+    // #region INPUT
+    classNameFlagElementScale = input('libs-ui-minimap-flag-element-scale', { transform: (val) => val ?? 'libs-ui-minimap-flag-element-scale' });
+    timerStartDrawMinimap = input(250, { transform: (val) => val ?? 250 });
+    elementScroll = input();
+    styleRectangleElement = input();
+    styleImageElement = input();
+    // #endregion
+    // #region OUTPUT
+    outFunctionControls = output();
+    // #endregion
+    // #region INJECT
+    elementRef = inject(ElementRef);
+    // #endregion
+    ngAfterViewInit() {
+        const config = { attributes: true, childList: true, subtree: true };
+        const observer = new MutationObserver(this.updateMiniMap.bind(this));
+        observer.observe(this.Element, config);
+        this.onDestroy.subscribe(() => {
+            this.containerElement?.remove();
+            observer.disconnect();
+        });
+        timer(this.timerStartDrawMinimap())
+            .pipe(tap(() => {
+            this.imgElementInitStyleAndAddToBody();
+            this.viewPortElementInitStyleAndAddToImgElement();
+            const rectImage = this.imgElement.getBoundingClientRect();
+            this.setPositionRectangle(rectImage, { clientX: rectImage.x, clientY: rectImage.y });
+            this.updateMiniMap();
+            this.outFunctionControls.emit(this.FunctionsControl);
+            this.initEvent();
+        }), takeUntil(this.onDestroy))
+            .subscribe();
+    }
+    // #region FUNCTIONS
+    get FunctionsControl() {
+        return {
+            show: this.show.bind(this),
+            hidden: this.hidden.bind(this),
+            toggle: this.toggle.bind(this),
+        };
+    }
+    imgElementInitStyleAndAddToBody() {
+        const rectElement = this.Element.getBoundingClientRect();
+        this.containerElement.classList.add('fixed', 'flex', 'invisible', 'libs-ui-directive-minimap-container', 'select-none');
+        this.imgElement.classList.add('relative', 'w-full', 'h-full', 'overflow-hidden');
+        setStylesElement(this.containerElement, {
+            zIndex: `${this.styleImageElement()?.zIndex ?? '1300'}`,
+            background: `${this.styleImageElement()?.background ?? 'white'}`,
+            border: `${this.styleImageElement()?.border ?? '1px solid #E6E7EA'}`,
+            borderRadius: `${this.styleImageElement()?.borderRadius ?? '4px'}`,
+            width: `${this.styleImageElement()?.width ?? '198'}px`,
+            height: `${this.styleImageElement()?.height ?? '108'}px`,
+        });
+        this.styleRectTopBottomElement(rectElement);
+        this.styleRectLeftRightElement(rectElement);
+        this.containerElement.append(this.imgElement);
+        document.body.appendChild(this.containerElement);
+    }
+    viewPortElementInitStyleAndAddToImgElement() {
+        this.viewPortElement.classList.add('fixed', 'libs-ui-border-primary-general', 'invisible', 'libs-ui-directive-minimap-rectangle');
+        setStylesElement(this.viewPortElement, {
+            zIndex: `${this.styleRectangleElement()?.zIndex ?? '1301'}`,
+            background: `${this.styleRectangleElement()?.background ?? 'transparent'}`,
+            border: `${this.styleRectangleElement()?.border ?? 'none'}`,
+            borderRadius: `${this.styleRectangleElement()?.borderRadius ?? '0'}`,
+            cursor: 'grab',
+        });
+        this.containerElement.appendChild(this.viewPortElement);
+    }
+    styleRectTopBottomElement(rectElement) {
+        if (this.styleImageElement()?.bottom) {
+            this.containerElement.style.bottom = `${this.styleImageElement()?.bottom}px`;
+            return;
+        }
+        this.containerElement.style.top = `${this.styleImageElement()?.top ?? rectElement.top}px`;
+    }
+    styleRectLeftRightElement(rectElement) {
+        if (this.styleImageElement()?.right) {
+            this.containerElement.style.right = `${this.styleImageElement()?.right}px`;
+            return;
+        }
+        this.containerElement.style.left = `${this.styleImageElement()?.left ?? rectElement.left}px`;
+    }
+    initEvent() {
+        let preEvent;
+        const handlerScrollElement = (event) => {
+            const rectViewPort = this.viewPortElement.getBoundingClientRect();
+            const rectImage = this.imgElement.getBoundingClientRect();
+            const { ratioX, ratioY } = this.getRatio();
+            if (event.type === 'scroll') {
+                event = {
+                    clientX: this.Element.scrollLeft * ratioX + rectImage.left + rectViewPort.width / 2,
+                    clientY: this.Element.scrollTop * ratioY + rectImage.top + rectViewPort.height / 2,
+                };
+                this.setPositionRectangle(rectImage, event);
+                return;
+            }
+            if (event.type === 'mousedown') {
+                preEvent = event;
+                return;
+            }
+            if (!preEvent) {
+                return;
+            }
+            const distanceX = (event.clientX - preEvent.clientX) / ratioX;
+            const distanceY = (event.clientY - preEvent.clientY) / ratioY;
+            preEvent = event;
+            this.Element.scroll({
+                left: this.Element.scrollLeft + distanceX,
+                top: this.Element.scrollTop + distanceY,
+            });
+        };
+        getDragEventByElement({ elementMouseDown: this.viewPortElement, elementMouseMove: this.viewPortElement, isStartWithMouseDownEvent: true, onDestroy: this.onDestroy }).subscribe(handlerScrollElement);
+        fromEvent(this.Element, 'scroll')
+            .pipe(tap((event) => event.stopPropagation()), takeUntil(this.onDestroy))
+            .subscribe((event) => handlerScrollElement(event));
+        fromEvent(window, 'resize')
+            .pipe(tap((event) => event.stopPropagation()), takeUntil(this.onDestroy))
+            .subscribe(this.updateMiniMap.bind(this));
+    }
+    getRatio() {
+        const rectContainer = this.containerElement.getBoundingClientRect();
+        const ratioX = rectContainer.width / this.Element.scrollWidth;
+        const ratioY = rectContainer.height / this.Element.scrollHeight;
+        return { ratioX: ratioX, ratioY: ratioY };
+    }
+    getScaleElement() {
+        let { scaleX, scaleY } = { scaleX: 1, scaleY: 1 };
+        const elementScale = this.Element.getElementsByClassName(this.classNameFlagElementScale())?.[0];
+        if (elementScale && getComputedStyle(elementScale).transform) {
+            const matrix = getComputedStyle(this.Element.getElementsByClassName(this.classNameFlagElementScale())[0]).transform;
+            const matrixArray = matrix.replace('matrix(', '').split(',');
+            console.log('matrixArray', matrixArray);
+            scaleX = parseFloat(matrixArray[0]); // convert from string to number
+            scaleY = parseFloat(matrixArray[3]);
+        }
+        return { scaleX, scaleY, elementScale };
+    }
+    reverseMultiplication(avg1, avg2) {
+        if (avg2 <= 1) {
+            return avg1 * avg2;
+        }
+        return avg1 / avg2;
+    }
+    setPositionRectangle(rectImage, mousePosition) {
+        const { ratioX, ratioY } = this.getRatio();
+        const { scaleX, scaleY } = this.getScaleElement();
+        const width = this.Element.clientWidth * this.reverseMultiplication(ratioX, scaleX);
+        const height = this.Element.clientHeight * this.reverseMultiplication(ratioY, scaleY);
+        let leftSvg = mousePosition.clientX - width / 2;
+        let topSvg = mousePosition.clientY - height / 2;
+        if (leftSvg < rectImage.left) {
+            leftSvg = rectImage.left;
+        }
+        if (leftSvg + width >= rectImage.left + rectImage.width) {
+            leftSvg = rectImage.left + rectImage.width - width;
+        }
+        if (topSvg < rectImage.top) {
+            topSvg = rectImage.top;
+        }
+        if (topSvg + height >= rectImage.top + rectImage.height) {
+            topSvg = rectImage.top + rectImage.height - height;
+        }
+        this.viewPortElement.style.left = `${leftSvg}px`;
+        this.viewPortElement.style.top = `${topSvg}px`;
+        this.viewPortElement.style.width = `${width}px`;
+        this.viewPortElement.style.height = `${Math.round(height)}px`;
+    }
+    updateMiniMap() {
+        this.imgElement.firstElementChild?.remove();
+        let { ratioX, ratioY } = this.getRatio();
+        const nodeClone = this.Element.cloneNode(true);
+        nodeClone.style.width = `${this.Element.scrollWidth}px`;
+        nodeClone.style.height = `${this.Element.scrollHeight}px`;
+        const { scaleX, scaleY } = this.getScaleElement();
+        ratioX = this.reverseMultiplication(ratioX, scaleX);
+        ratioY = this.reverseMultiplication(ratioY, scaleY);
+        nodeClone.style.transform = `scale(${ratioX},${ratioY})`;
+        nodeClone.classList.add('overflow-unset', 'select-none', 'pointer-events-none');
+        this.imgElement.append(nodeClone);
+        const translateX = (nodeClone.getBoundingClientRect().left - this.imgElement.getBoundingClientRect().left) / ratioX;
+        const translateY = (nodeClone.getBoundingClientRect().top - this.imgElement.getBoundingClientRect().top) / ratioY;
+        const viewPortElement = this.viewPortElement.getBoundingClientRect();
+        const rectImage = this.imgElement.getBoundingClientRect();
+        const event = {
+            clientX: this.Element.scrollLeft * ratioX + rectImage.left + viewPortElement.width / 2,
+            clientY: this.Element.scrollTop * ratioY + rectImage.top + viewPortElement.height / 2,
+        };
+        nodeClone.style.transform = `scale(${ratioX},${ratioY}) translate(-${translateX}px,-${translateY}px)`;
+        this.setPositionRectangle(rectImage, event);
+    }
+    toggle() {
+        if (this.isShow()) {
+            this.hidden();
+            return;
+        }
+        this.show();
+    }
+    hidden() {
+        this.isShow.set(false);
+        this.containerElement?.classList.add('invisible');
+        this.viewPortElement.classList.add('invisible');
+    }
+    show() {
+        this.isShow.set(true);
+        this.containerElement?.classList.remove('invisible');
+        this.viewPortElement.classList.remove('invisible');
+    }
+    get Element() {
+        return this.elementScroll() || this.elementRef.nativeElement;
+    }
+    // #endregion
+    ngOnDestroy() {
+        this.onDestroy.next();
+        this.onDestroy.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsMinimapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.14", type: LibsUiComponentsMinimapDirective, isStandalone: true, selector: "[LibsUiComponentsMinimapDirective]", inputs: { classNameFlagElementScale: { classPropertyName: "classNameFlagElementScale", publicName: "classNameFlagElementScale", isSignal: true, isRequired: false, transformFunction: null }, timerStartDrawMinimap: { classPropertyName: "timerStartDrawMinimap", publicName: "timerStartDrawMinimap", isSignal: true, isRequired: false, transformFunction: null }, elementScroll: { classPropertyName: "elementScroll", publicName: "elementScroll", isSignal: true, isRequired: false, transformFunction: null }, styleRectangleElement: { classPropertyName: "styleRectangleElement", publicName: "styleRectangleElement", isSignal: true, isRequired: false, transformFunction: null }, styleImageElement: { classPropertyName: "styleImageElement", publicName: "styleImageElement", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outFunctionControls: "outFunctionControls" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsMinimapDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: '[LibsUiComponentsMinimapDirective]',
+                    standalone: true,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWluaW1hcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbWluaW1hcC9zcmMvbWluaW1hcC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFPakUsTUFBTSxPQUFPLGdDQUFnQztJQUMzQyxtQkFBbUI7SUFDWCxNQUFNLEdBQUcsTUFBTSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLGdCQUFnQixHQUFnQixRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlELFVBQVUsR0FBZ0IsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4RCxlQUFlLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoRCxTQUFTLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQUN4QyxhQUFhO0lBRWIsZ0JBQWdCO0lBQ1AseUJBQXlCLEdBQUcsS0FBSyxDQUE2QixvQ0FBb0MsRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsR0FBRyxJQUFJLG9DQUFvQyxFQUFFLENBQUMsQ0FBQztJQUN6SyxxQkFBcUIsR0FBRyxLQUFLLENBQTZCLEdBQUcsRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsR0FBRyxJQUFJLEdBQUcsRUFBRSxDQUFD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QUM7SUFDNUIsQ0FBQzt3R0FuUlUsZ0NBQWdDOzRGQUFoQyxnQ0FBZ0M7OzRGQUFoQyxnQ0FBZ0M7a0JBTDVDLFNBQVM7bUJBQUM7b0JBQ1QsOERBQThEO29CQUM5RCxRQUFRLEVBQUUsb0NBQW9DO29CQUM5QyxVQUFVLEVBQUUsSUFBSTtpQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIGluamVjdCwgaW5wdXQsIE9uRGVzdHJveSwgb3V0cHV0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElCb3VuZGluZ0NsaWVudFJlY3QgfSBmcm9tICdAbGlicy11aS9pbnRlcmZhY2VzLXR5cGVzJztcbmltcG9ydCB7IGdldERyYWdFdmVudEJ5RWxlbWVudCwgc2V0U3R5bGVzRWxlbWVudCB9IGZyb20gJ0BsaWJzLXVpL3V0aWxzJztcbmltcG9ydCB7IGZyb21FdmVudCwgU3ViamVjdCwgdGFrZVVudGlsLCB0YXAsIHRpbWVyIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBJTWluaU1hcEZ1bmN0aW9uQ29udHJvbCwgSU1pbmlNYXBTdHlsZUNvbmZpZyB9IGZyb20gJy4vbWluaW1hcC5pbnRlcmZhY2UnO1xuQERpcmVjdGl2ZSh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvZGlyZWN0aXZlLXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnW0xpYnNVaUNvbXBvbmVudHNNaW5pbWFwRGlyZWN0aXZlXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIExpYnNVaUNvbXBvbmVudHNNaW5pbWFwRGlyZWN0aXZlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgLy8gI3JlZ2lvbiBQUk9QRVJUWVxuICBwcml2YXRlIGlzU2hvdyA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XG4gIHByaXZhdGUgY29udGFpbmVyRWxlbWVudDogSFRNTEVsZW1lbnQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdESVYnKTtcbiAgcHJpdmF0ZSBpbWdFbGVtZW50OiBIVE1MRWxlbWVudCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ0RJVicpO1xuICBwcml2YXRlIHZpZXdQb3J0RWxlbWVudCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ0RJVicpO1xuICBwcml2YXRlIG9uRGVzdHJveSA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gIC8vICNlbmRyZWdpb25cblxuICAvLyAjcmVnaW9uIElOUFVUXG4gIHJlYWRvbmx5IGNsYXNzTmFtZUZsYWdFbGVtZW50U2NhbGUgPSBpbnB1dDxzdHJpbmcsIHN0cmluZyB8IHVuZGVmaW5lZD4oJ2xpYnMtdWktbWluaW1hcC1mbGFnLWVsZW1lbnQtc2NhbGUnLCB7IHRyYW5zZm9ybTogKHZhbCkgPT4gdmFsID8/ICdsaWJzLXVpLW1pbmltYXAtZmxhZy1lbGVtZW50LXNjYWxlJyB9KTtcbiAgcmVhZG9ubHkgdGltZXJTdGFydERyYXdNaW5pbWFwID0gaW5wdXQ8bnVtYmVyLCBudW1iZXIgfCB1bmRlZmluZWQ+KDI1MCwgeyB0cmFuc2Zvcm06ICh2YWwpID0+IHZhbCA/PyAyNTAgfSk7XG4gIHJlYWRvbmx5IGVsZW1lbnRTY3JvbGwgPSBpbnB1dDxIVE1MRWxlbWVudD4oKTtcbiAgcmVhZG9ubHkgc3R5bGVSZWN0YW5nbGVFbGVtZW50ID0gaW5wdXQ8SU1pbmlNYXBTdHlsZUNvbmZpZz4oKTtcbiAgcmVhZG9ubHkgc3R5bGVJbWFnZUVsZW1lbnQgPSBpbnB1dDxJTWluaU1hcFN0eWxlQ29uZmlnPigpO1xuICAvLyAjZW5kcmVnaW9uXG5cbiAgLy8gI3JlZ2lvbiBPVVRQVVRcbiAgcmVhZG9ubHkgb3V0RnVuY3Rpb25Db250cm9scyA9IG91dHB1dDxJTWluaU1hcEZ1bmN0aW9uQ29udHJvbD4oKTtcbiAgLy8gI2VuZHJlZ2lvblxuXG4gIC8vICNyZWdpb24gSU5KRUNUXG4gIHByaXZhdGUgZWxlbWVudFJlZiA9IGluamVjdChFbGVtZW50UmVmKTtcbiAgLy8gI2VuZHJlZ2lvblxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCBjb25maWcgPSB7IGF0dHJpYnV0ZXM6IHRydWUsIGNoaWxkTGlzdDogdHJ1ZSwgc3VidHJlZTogdHJ1ZSB9O1xuICAgIGNvbnN0IG9ic2VydmVyID0gbmV3IE11dGF0aW9uT2JzZXJ2ZXIodGhpcy51cGRhdGVNaW5pTWFwLmJpbmQodGhpcykpO1xuXG4gICAgb2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLkVsZW1lbnQsIGNvbmZpZyk7XG4gICAgdGhpcy5vbkRlc3Ryb3kuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMuY29udGFpbmVyRWxlbWVudD8ucmVtb3ZlKCk7XG4gICAgICBvYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gICAgfSk7XG5cbiAgICB0aW1lcih0aGlzLnRpbWVyU3RhcnREcmF3TWluaW1hcCgpKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRhcCgoKSA9PiB7XG4gICAgICAgICAgdGhpcy5pbWdFbGVtZW50SW5pdFN0eWxlQW5kQWRkVG9Cb2R5KCk7XG4gICAgICAgICAgdGhpcy52aWV3UG9ydEVsZW1lbnRJbml0U3R5bGVBbmRBZGRUb0ltZ0VsZW1lbnQoKTtcblxuICAgICAgICAgIGNvbnN0IHJlY3RJbWFnZSA9IHRoaXMuaW1nRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcblxuICAgICAgICAgIHRoaXMuc2V0UG9zaXRpb25SZWN0YW5nbGUocmVjdEltYWdlLCB7IGNsaWVudFg6IHJlY3RJbWFnZS54LCBjbGllbnRZOiByZWN0SW1hZ2UueSB9KTtcbiAgICAgICAgICB0aGlzLnVwZGF0ZU1pbmlNYXAoKTtcbiAgICAgICAgICB0aGlzLm91dEZ1bmN0aW9uQ29udHJvbHMuZW1pdCh0aGlzLkZ1bmN0aW9uc0NvbnRyb2wpO1xuICAgICAgICAgIHRoaXMuaW5pdEV2ZW50KCk7XG4gICAgICAgIH0pLFxuICAgICAgICB0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kpXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKCk7XG4gIH1cblxuICAvLyAjcmVnaW9uIEZVTkNUSU9OU1xuICBwdWJsaWMgZ2V0IEZ1bmN0aW9uc0NvbnRyb2woKTogSU1pbmlNYXBGdW5jdGlvbkNvbnRyb2wge1xuICAgIHJldHVybiB7XG4gICAgICBzaG93OiB0aGlzLnNob3cuYmluZCh0aGlzKSxcbiAgICAgIGhpZGRlbjogdGhpcy5oaWRkZW4uYmluZCh0aGlzKSxcbiAgICAgIHRvZ2dsZTogdGhpcy50b2dnbGUuYmluZCh0aGlzKSxcbiAgICB9O1xuICB9XG5cbiAgcHJpdmF0ZSBpbWdFbGVtZW50SW5pdFN0eWxlQW5kQWRkVG9Cb2R5KCkge1xuICAgIGNvbnN0IHJlY3RFbGVtZW50ID0gdGhpcy5FbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG4gICAgdGhpcy5jb250YWluZXJFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2ZpeGVkJywgJ2ZsZXgnLCAnaW52aXNpYmxlJywgJ2xpYnMtdWktZGlyZWN0aXZlLW1pbmltYXAtY29udGFpbmVyJywgJ3NlbGVjdC1ub25lJyk7XG4gICAgdGhpcy5pbWdFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ3JlbGF0aXZlJywgJ3ctZnVsbCcsICdoLWZ1bGwnLCAnb3ZlcmZsb3ctaGlkZGVuJyk7XG4gICAgc2V0U3R5bGVzRWxlbWVudCh0aGlzLmNvbnRhaW5lckVsZW1lbnQsIHtcbiAgICAgIHpJbmRleDogYCR7dGhpcy5zdHlsZUltYWdlRWxlbWVudCgpPy56SW5kZXggPz8gJzEzMDAnfWAsXG4gICAgICBiYWNrZ3JvdW5kOiBgJHt0aGlzLnN0eWxlSW1hZ2VFbGVtZW50KCk/LmJhY2tncm91bmQgPz8gJ3doaXRlJ31gLFxuICAgICAgYm9yZGVyOiBgJHt0aGlzLnN0eWxlSW1hZ2VFbGVtZW50KCk/LmJvcmRlciA/PyAnMXB4IHNvbGlkICNFNkU3RUEnfWAsXG4gICAgICBib3JkZXJSYWRpdXM6IGAke3RoaXMuc3R5bGVJbWFnZUVsZW1lbnQoKT8uYm9yZGVyUmFkaXVzID8/ICc0cHgnfWAsXG4gICAgICB3aWR0aDogYCR7dGhpcy5zdHlsZUltYWdlRWxlbWVudCgpPy53aWR0aCA/PyAnMTk4J31weGAsXG4gICAgICBoZWlnaHQ6IGAke3RoaXMuc3R5bGVJbWFnZUVsZW1lbnQoKT8uaGVpZ2h0ID8/ICcxMDgnfXB4YCxcbiAgICB9KTtcbiAgICB0aGlzLnN0eWxlUmVjdFRvcEJvdHRvbUVsZW1lbnQocmVjdEVsZW1lbnQpO1xuICAgIHRoaXMuc3R5bGVSZWN0TGVmdFJpZ2h0RWxlbWVudChyZWN0RWxlbWVudCk7XG4gICAgdGhpcy5jb250YWluZXJFbGVtZW50LmFwcGVuZCh0aGlzLmltZ0VsZW1lbnQpO1xuICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQodGhpcy5jb250YWluZXJFbGVtZW50KTtcbiAgfVxuXG4gIHByaXZhdGUgdmlld1BvcnRFbGVtZW50SW5pdFN0eWxlQW5kQWRkVG9JbWdFbGVtZW50KCkge1xuICAgIHRoaXMudmlld1BvcnRFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2ZpeGVkJywgJ2xpYnMtdWktYm9yZGVyLXByaW1hcnktZ2VuZXJhbCcsICdpbnZpc2libGUnLCAnbGlicy11aS1kaXJlY3RpdmUtbWluaW1hcC1yZWN0YW5nbGUnKTtcbiAgICBzZXRTdHlsZXNFbGVtZW50KHRoaXMudmlld1BvcnRFbGVtZW50IGFzIHVua25vd24gYXMgSFRNTEVsZW1lbnQsIHtcbiAgICAgIHpJbmRleDogYCR7dGhpcy5zdHlsZVJlY3RhbmdsZUVsZW1lbnQoKT8uekluZGV4ID8/ICcxMzAxJ31gLFxuICAgICAgYmFja2dyb3VuZDogYCR7dGhpcy5zdHlsZVJlY3RhbmdsZUVsZW1lbnQoKT8uYmFja2dyb3VuZCA/PyAndHJhbnNwYXJlbnQnfWAsXG4gICAgICBib3JkZXI6IGAke3RoaXMuc3R5bGVSZWN0YW5nbGVFbGVtZW50KCk/LmJvcmRlciA/PyAnbm9uZSd9YCxcbiAgICAgIGJvcmRlclJhZGl1czogYCR7dGhpcy5zdHlsZVJlY3RhbmdsZUVsZW1lbnQoKT8uYm9yZGVyUmFkaXVzID8/ICcwJ31gLFxuICAgICAgY3Vyc29yOiAnZ3JhYicsXG4gICAgfSk7XG4gICAgdGhpcy5jb250YWluZXJFbGVtZW50LmFwcGVuZENoaWxkKHRoaXMudmlld1BvcnRFbGVtZW50KTtcbiAgfVxuXG4gIHByaXZhdGUgc3R5bGVSZWN0VG9wQm90dG9tRWxlbWVudChyZWN0RWxlbWVudDogRE9NUmVjdCkge1xuICAgIGlmICh0aGlzLnN0eWxlSW1hZ2VFbGVtZW50KCk/LmJvdHRvbSkge1xuICAgICAgdGhpcy5jb250YWluZXJFbGVtZW50LnN0eWxlLmJvdHRvbSA9IGAke3RoaXMuc3R5bGVJbWFnZUVsZW1lbnQoKT8uYm90dG9tfXB4YDtcblxuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmNvbnRhaW5lckVsZW1lbnQuc3R5bGUudG9wID0gYCR7dGhpcy5zdHlsZUltYWdlRWxlbWVudCgpPy50b3AgPz8gcmVjdEVsZW1lbnQudG9wfXB4YDtcbiAgfVxuICBwcml2YXRlIHN0eWxlUmVjdExlZnRSaWdodEVsZW1lbnQocmVjdEVsZW1lbnQ6IERPTVJlY3QpIHtcbiAgICBpZiAodGhpcy5zdHlsZUltYWdlRWxlbWVudCgpPy5yaWdodCkge1xuICAgICAgdGhpcy5jb250YWluZXJFbGVtZW50LnN0eWxlLnJpZ2h0ID0gYCR7dGhpcy5zdHlsZUltYWdlRWxlbWVudCgpPy5yaWdodH1weGA7XG5cbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5jb250YWluZXJFbGVtZW50LnN0eWxlLmxlZnQgPSBgJHt0aGlzLnN0eWxlSW1hZ2VFbGVtZW50KCk/LmxlZnQgPz8gcmVjdEVsZW1lbnQubGVmdH1weGA7XG4gIH1cblxuICBwcml2YXRlIGluaXRFdmVudCgpIHtcbiAgICBsZXQgcHJlRXZlbnQ6IE1vdXNlRXZlbnQ7XG4gICAgY29uc3QgaGFuZGxlclNjcm9sbEVsZW1lbnQgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGNvbnN0IHJlY3RWaWV3UG9ydCA9IHRoaXMudmlld1BvcnRFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgY29uc3QgcmVjdEltYWdlID0gdGhpcy5pbWdFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgY29uc3QgeyByYXRpb1gsIHJhdGlvWSB9ID0gdGhpcy5nZXRSYXRpbygpO1xuXG4gICAgICBpZiAoZXZlbnQudHlwZSA9PT0gJ3Njcm9sbCcpIHtcbiAgICAgICAgZXZlbnQgPSB7XG4gICAgICAgICAgY2xpZW50WDogdGhpcy5FbGVtZW50LnNjcm9sbExlZnQgKiByYXRpb1ggKyByZWN0SW1hZ2UubGVmdCArIHJlY3RWaWV3UG9ydC53aWR0aCAvIDIsXG4gICAgICAgICAgY2xpZW50WTogdGhpcy5FbGVtZW50LnNjcm9sbFRvcCAqIHJhdGlvWSArIHJlY3RJbWFnZS50b3AgKyByZWN0Vmlld1BvcnQuaGVpZ2h0IC8gMixcbiAgICAgICAgfSBhcyBNb3VzZUV2ZW50O1xuICAgICAgICB0aGlzLnNldFBvc2l0aW9uUmVjdGFuZ2xlKHJlY3RJbWFnZSwgZXZlbnQpO1xuXG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGlmIChldmVudC50eXBlID09PSAnbW91c2Vkb3duJykge1xuICAgICAgICBwcmVFdmVudCA9IGV2ZW50O1xuXG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGlmICghcHJlRXZlbnQpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBjb25zdCBkaXN0YW5jZVggPSAoZXZlbnQuY2xpZW50WCAtIHByZUV2ZW50LmNsaWVudFgpIC8gcmF0aW9YO1xuICAgICAgY29uc3QgZGlzdGFuY2VZID0gKGV2ZW50LmNsaWVudFkgLSBwcmVFdmVudC5jbGllbnRZKSAvIHJhdGlvWTtcblxuICAgICAgcHJlRXZlbnQgPSBldmVudDtcbiAgICAgIHRoaXMuRWxlbWVudC5zY3JvbGwoe1xuICAgICAgICBsZWZ0OiB0aGlzLkVsZW1lbnQuc2Nyb2xsTGVmdCArIGRpc3RhbmNlWCxcbiAgICAgICAgdG9wOiB0aGlzLkVsZW1lbnQuc2Nyb2xsVG9wICsgZGlzdGFuY2VZLFxuICAgICAgfSk7XG4gICAgfTtcblxuICAgIGdldERyYWdFdmVudEJ5RWxlbWVudCh7IGVsZW1lbnRNb3VzZURvd246IHRoaXMudmlld1BvcnRFbGVtZW50LCBlbGVtZW50TW91c2VNb3ZlOiB0aGlzLnZpZXdQb3J0RWxlbWVudCwgaXNTdGFydFdpdGhNb3VzZURvd25FdmVudDogdHJ1ZSwgb25EZXN0cm95OiB0aGlzLm9uRGVzdHJveSB9KS5zdWJzY3JpYmUoaGFuZGxlclNjcm9sbEVsZW1lbnQpO1xuICAgIGZyb21FdmVudDxFdmVudD4odGhpcy5FbGVtZW50LCAnc2Nyb2xsJylcbiAgICAgIC5waXBlKFxuICAgICAgICB0YXAoKGV2ZW50KSA9PiBldmVudC5zdG9wUHJvcGFnYXRpb24oKSksXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSlcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKGV2ZW50KSA9PiBoYW5kbGVyU2Nyb2xsRWxlbWVudChldmVudCBhcyBNb3VzZUV2ZW50KSk7XG4gICAgZnJvbUV2ZW50PEV2ZW50Pih3aW5kb3csICdyZXNpemUnKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRhcCgoZXZlbnQpID0+IGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpKSxcbiAgICAgICAgdGFrZVVudGlsKHRoaXMub25EZXN0cm95KVxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSh0aGlzLnVwZGF0ZU1pbmlNYXAuYmluZCh0aGlzKSk7XG4gIH1cblxuICBwcml2YXRlIGdldFJhdGlvKCkge1xuICAgIGNvbnN0IHJlY3RDb250YWluZXIgPSB0aGlzLmNvbnRhaW5lckVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgY29uc3QgcmF0aW9YID0gcmVjdENvbnRhaW5lci53aWR0aCAvIHRoaXMuRWxlbWVudC5zY3JvbGxXaWR0aDtcbiAgICBjb25zdCByYXRpb1kgPSByZWN0Q29udGFpbmVyLmhlaWdodCAvIHRoaXMuRWxlbWVudC5zY3JvbGxIZWlnaHQ7XG5cbiAgICByZXR1cm4geyByYXRpb1g6IHJhdGlvWCwgcmF0aW9ZOiByYXRpb1kgfTtcbiAgfVxuICBwcml2YXRlIGdldFNjYWxlRWxlbWVudCgpIHtcbiAgICBsZXQgeyBzY2FsZVgsIHNjYWxlWSB9ID0geyBzY2FsZVg6IDEsIHNjYWxlWTogMSB9O1xuICAgIGNvbnN0IGVsZW1lbnRTY2FsZSA9IHRoaXMuRWxlbWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKHRoaXMuY2xhc3NOYW1lRmxhZ0VsZW1lbnRTY2FsZSgpKT8uWzBdIGFzIEhUTUxFbGVtZW50O1xuXG4gICAgaWYgKGVsZW1lbnRTY2FsZSAmJiBnZXRDb21wdXRlZFN0eWxlKGVsZW1lbnRTY2FsZSkudHJhbnNmb3JtKSB7XG4gICAgICBjb25zdCBtYXRyaXggPSBnZXRDb21wdXRlZFN0eWxlKHRoaXMuRWxlbWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKHRoaXMuY2xhc3NOYW1lRmxhZ0VsZW1lbnRTY2FsZSgpKVswXSkudHJhbnNmb3JtO1xuICAgICAgY29uc3QgbWF0cml4QXJyYXkgPSBtYXRyaXgucmVwbGFjZSgnbWF0cml4KCcsICcnKS5zcGxpdCgnLCcpO1xuICAgICAgY29uc29sZS5sb2coJ21hdHJpeEFycmF5JywgbWF0cml4QXJyYXkpO1xuXG4gICAgICBzY2FsZVggPSBwYXJzZUZsb2F0KG1hdHJpeEFycmF5WzBdKTsgLy8gY29udmVydCBmcm9tIHN0cmluZyB0byBudW1iZXJcbiAgICAgIHNjYWxlWSA9IHBhcnNlRmxvYXQobWF0cml4QXJyYXlbM10pO1xuICAgIH1cblxuICAgIHJldHVybiB7IHNjYWxlWCwgc2NhbGVZLCBlbGVtZW50U2NhbGUgfTtcbiAgfVxuXG4gIHByaXZhdGUgcmV2ZXJzZU11bHRpcGxpY2F0aW9uKGF2ZzE6IG51bWJlciwgYXZnMjogbnVtYmVyKSB7XG4gICAgaWYgKGF2ZzIgPD0gMSkge1xuICAgICAgcmV0dXJuIGF2ZzEgKiBhdmcyO1xuICAgIH1cblxuICAgIHJldHVybiBhdmcxIC8gYXZnMjtcbiAgfVxuXG4gIHByaXZhdGUgc2V0UG9zaXRpb25SZWN0YW5nbGUocmVjdEltYWdlOiBJQm91bmRpbmdDbGllbnRSZWN0LCBtb3VzZVBvc2l0aW9uOiB7IGNsaWVudFg6IG51bWJlcjsgY2xpZW50WTogbnVtYmVyIH0pIHtcbiAgICBjb25zdCB7IHJhdGlvWCwgcmF0aW9ZIH0gPSB0aGlzLmdldFJhdGlvKCk7XG4gICAgY29uc3QgeyBzY2FsZVgsIHNjYWxlWSB9ID0gdGhpcy5nZXRTY2FsZUVsZW1lbnQoKTtcblxuICAgIGNvbnN0IHdpZHRoID0gdGhpcy5FbGVtZW50LmNsaWVudFdpZHRoICogdGhpcy5yZXZlcnNlTXVsdGlwbGljYXRpb24ocmF0aW9YLCBzY2FsZVgpO1xuICAgIGNvbnN0IGhlaWdodCA9IHRoaXMuRWxlbWVudC5jbGllbnRIZWlnaHQgKiB0aGlzLnJldmVyc2VNdWx0aXBsaWNhdGlvbihyYXRpb1ksIHNjYWxlWSk7XG4gICAgbGV0IGxlZnRTdmcgPSBtb3VzZVBvc2l0aW9uLmNsaWVudFggLSB3aWR0aCAvIDI7XG4gICAgbGV0IHRvcFN2ZyA9IG1vdXNlUG9zaXRpb24uY2xpZW50WSAtIGhlaWdodCAvIDI7XG5cbiAgICBpZiAobGVmdFN2ZyA8IHJlY3RJbWFnZS5sZWZ0KSB7XG4gICAgICBsZWZ0U3ZnID0gcmVjdEltYWdlLmxlZnQ7XG4gICAgfVxuICAgIGlmIChsZWZ0U3ZnICsgd2lkdGggPj0gcmVjdEltYWdlLmxlZnQgKyByZWN0SW1hZ2Uud2lkdGgpIHtcbiAgICAgIGxlZnRTdmcgPSByZWN0SW1hZ2UubGVmdCArIHJlY3RJbWFnZS53aWR0aCAtIHdpZHRoO1xuICAgIH1cbiAgICBpZiAodG9wU3ZnIDwgcmVjdEltYWdlLnRvcCkge1xuICAgICAgdG9wU3ZnID0gcmVjdEltYWdlLnRvcDtcbiAgICB9XG4gICAgaWYgKHRvcFN2ZyArIGhlaWdodCA+PSByZWN0SW1hZ2UudG9wICsgcmVjdEltYWdlLmhlaWdodCkge1xuICAgICAgdG9wU3ZnID0gcmVjdEltYWdlLnRvcCArIHJlY3RJbWFnZS5oZWlnaHQgLSBoZWlnaHQ7XG4gICAgfVxuICAgIHRoaXMudmlld1BvcnRFbGVtZW50LnN0eWxlLmxlZnQgPSBgJHtsZWZ0U3ZnfXB4YDtcbiAgICB0aGlzLnZpZXdQb3J0RWxlbWVudC5zdHlsZS50b3AgPSBgJHt0b3BTdmd9cHhgO1xuICAgIHRoaXMudmlld1BvcnRFbGVtZW50LnN0eWxlLndpZHRoID0gYCR7d2lkdGh9cHhgO1xuICAgIHRoaXMudmlld1BvcnRFbGVtZW50LnN0eWxlLmhlaWdodCA9IGAke01hdGgucm91bmQoaGVpZ2h0KX1weGA7XG4gIH1cblxuICBwcml2YXRlIHVwZGF0ZU1pbmlNYXAoKSB7XG4gICAgdGhpcy5pbWdFbGVtZW50LmZpcnN0RWxlbWVudENoaWxkPy5yZW1vdmUoKTtcbiAgICBsZXQgeyByYXRpb1gsIHJhdGlvWSB9ID0gdGhpcy5nZXRSYXRpbygpO1xuICAgIGNvbnN0IG5vZGVDbG9uZSA9IHRoaXMuRWxlbWVudC5jbG9uZU5vZGUodHJ1ZSkgYXMgSFRNTEVsZW1lbnQ7XG4gICAgbm9kZUNsb25lLnN0eWxlLndpZHRoID0gYCR7dGhpcy5FbGVtZW50LnNjcm9sbFdpZHRofXB4YDtcbiAgICBub2RlQ2xvbmUuc3R5bGUuaGVpZ2h0ID0gYCR7dGhpcy5FbGVtZW50LnNjcm9sbEhlaWdodH1weGA7XG4gICAgY29uc3QgeyBzY2FsZVgsIHNjYWxlWSB9ID0gdGhpcy5nZXRTY2FsZUVsZW1lbnQoKTtcblxuICAgIHJhdGlvWCA9IHRoaXMucmV2ZXJzZU11bHRpcGxpY2F0aW9uKHJhdGlvWCwgc2NhbGVYKTtcbiAgICByYXRpb1kgPSB0aGlzLnJldmVyc2VNdWx0aXBsaWNhdGlvbihyYXRpb1ksIHNjYWxlWSk7XG4gICAgbm9kZUNsb25lLnN0eWxlLnRyYW5zZm9ybSA9IGBzY2FsZSgke3JhdGlvWH0sJHtyYXRpb1l9KWA7XG4gICAgbm9kZUNsb25lLmNsYXNzTGlzdC5hZGQoJ292ZXJmbG93LXVuc2V0JywgJ3NlbGVjdC1ub25lJywgJ3BvaW50ZXItZXZlbnRzLW5vbmUnKTtcbiAgICB0aGlzLmltZ0VsZW1lbnQuYXBwZW5kKG5vZGVDbG9uZSk7XG5cbiAgICBjb25zdCB0cmFuc2xhdGVYID0gKG5vZGVDbG9uZS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5sZWZ0IC0gdGhpcy5pbWdFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmxlZnQpIC8gcmF0aW9YO1xuICAgIGNvbnN0IHRyYW5zbGF0ZVkgPSAobm9kZUNsb25lLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLnRvcCAtIHRoaXMuaW1nRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS50b3ApIC8gcmF0aW9ZO1xuICAgIGNvbnN0IHZpZXdQb3J0RWxlbWVudCA9IHRoaXMudmlld1BvcnRFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIGNvbnN0IHJlY3RJbWFnZSA9IHRoaXMuaW1nRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCBldmVudCA9IHtcbiAgICAgIGNsaWVudFg6IHRoaXMuRWxlbWVudC5zY3JvbGxMZWZ0ICogcmF0aW9YICsgcmVjdEltYWdlLmxlZnQgKyB2aWV3UG9ydEVsZW1lbnQud2lkdGggLyAyLFxuICAgICAgY2xpZW50WTogdGhpcy5FbGVtZW50LnNjcm9sbFRvcCAqIHJhdGlvWSArIHJlY3RJbWFnZS50b3AgKyB2aWV3UG9ydEVsZW1lbnQuaGVpZ2h0IC8gMixcbiAgICB9IGFzIE1vdXNlRXZlbnQ7XG5cbiAgICBub2RlQ2xvbmUuc3R5bGUudHJhbnNmb3JtID0gYHNjYWxlKCR7cmF0aW9YfSwke3JhdGlvWX0pIHRyYW5zbGF0ZSgtJHt0cmFuc2xhdGVYfXB4LC0ke3RyYW5zbGF0ZVl9cHgpYDtcbiAgICB0aGlzLnNldFBvc2l0aW9uUmVjdGFuZ2xlKHJlY3RJbWFnZSwgZXZlbnQpO1xuICB9XG5cbiAgcHJpdmF0ZSB0b2dnbGUoKSB7XG4gICAgaWYgKHRoaXMuaXNTaG93KCkpIHtcbiAgICAgIHRoaXMuaGlkZGVuKCk7XG5cbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLnNob3coKTtcbiAgfVxuXG4gIHByaXZhdGUgaGlkZGVuKCkge1xuICAgIHRoaXMuaXNTaG93LnNldChmYWxzZSk7XG4gICAgdGhpcy5jb250YWluZXJFbGVtZW50Py5jbGFzc0xpc3QuYWRkKCdpbnZpc2libGUnKTtcbiAgICB0aGlzLnZpZXdQb3J0RWxlbWVudC5jbGFzc0xpc3QuYWRkKCdpbnZpc2libGUnKTtcbiAgfVxuXG4gIHByaXZhdGUgc2hvdygpIHtcbiAgICB0aGlzLmlzU2hvdy5zZXQodHJ1ZSk7XG4gICAgdGhpcy5jb250YWluZXJFbGVtZW50Py5jbGFzc0xpc3QucmVtb3ZlKCdpbnZpc2libGUnKTtcbiAgICB0aGlzLnZpZXdQb3J0RWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCdpbnZpc2libGUnKTtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0IEVsZW1lbnQoKTogSFRNTEVsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRTY3JvbGwoKSB8fCB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIC8vICNlbmRyZWdpb25cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5vbkRlc3Ryb3kubmV4dCgpO1xuICAgIHRoaXMub25EZXN0cm95LmNvbXBsZXRlKCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/minimap.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWluaW1hcC5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbWluaW1hcC9zcmMvbWluaW1hcC5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgSU1pbmlNYXBTdHlsZUNvbmZpZyB7XG4gIHg/OiBudW1iZXI7XG4gIHk/OiBudW1iZXI7XG4gIHdpZHRoPzogbnVtYmVyO1xuICBoZWlnaHQ/OiBudW1iZXI7XG4gIHpJbmRleD86IG51bWJlcjtcbiAgYm9yZGVyPzogc3RyaW5nO1xuICBib3JkZXJSYWRpdXM/OiBudW1iZXI7XG4gIGJhY2tncm91bmQ/OiBzdHJpbmc7XG4gIHRvcD86IG51bWJlcjtcbiAgbGVmdD86IG51bWJlcjtcbiAgYm90dG9tPzogbnVtYmVyO1xuICByaWdodD86IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJTWluaU1hcEZ1bmN0aW9uQ29udHJvbCB7XG4gIHNob3c6ICgpID0+IHZvaWQ7XG4gIGhpZGRlbjogKCkgPT4gdm9pZDtcbiAgdG9nZ2xlOiAoKSA9PiB2b2lkO1xufVxuIl19

package/fesm2022/libs-ui-components-minimap.mjs

@@ -0,0 +1,247 @@
+import * as i0 from '@angular/core';
+import { signal, input, output, inject, ElementRef, Directive } from '@angular/core';
+import { setStylesElement, getDragEventByElement } from '@libs-ui/utils';
+import { Subject, timer, tap, takeUntil, fromEvent } from 'rxjs';
+
+class LibsUiComponentsMinimapDirective {
+    // #region PROPERTY
+    isShow = signal(false);
+    containerElement = document.createElement('DIV');
+    imgElement = document.createElement('DIV');
+    viewPortElement = document.createElement('DIV');
+    onDestroy = new Subject();
+    // #endregion
+    // #region INPUT
+    classNameFlagElementScale = input('libs-ui-minimap-flag-element-scale', { transform: (val) => val ?? 'libs-ui-minimap-flag-element-scale' });
+    timerStartDrawMinimap = input(250, { transform: (val) => val ?? 250 });
+    elementScroll = input();
+    styleRectangleElement = input();
+    styleImageElement = input();
+    // #endregion
+    // #region OUTPUT
+    outFunctionControls = output();
+    // #endregion
+    // #region INJECT
+    elementRef = inject(ElementRef);
+    // #endregion
+    ngAfterViewInit() {
+        const config = { attributes: true, childList: true, subtree: true };
+        const observer = new MutationObserver(this.updateMiniMap.bind(this));
+        observer.observe(this.Element, config);
+        this.onDestroy.subscribe(() => {
+            this.containerElement?.remove();
+            observer.disconnect();
+        });
+        timer(this.timerStartDrawMinimap())
+            .pipe(tap(() => {
+            this.imgElementInitStyleAndAddToBody();
+            this.viewPortElementInitStyleAndAddToImgElement();
+            const rectImage = this.imgElement.getBoundingClientRect();
+            this.setPositionRectangle(rectImage, { clientX: rectImage.x, clientY: rectImage.y });
+            this.updateMiniMap();
+            this.outFunctionControls.emit(this.FunctionsControl);
+            this.initEvent();
+        }), takeUntil(this.onDestroy))
+            .subscribe();
+    }
+    // #region FUNCTIONS
+    get FunctionsControl() {
+        return {
+            show: this.show.bind(this),
+            hidden: this.hidden.bind(this),
+            toggle: this.toggle.bind(this),
+        };
+    }
+    imgElementInitStyleAndAddToBody() {
+        const rectElement = this.Element.getBoundingClientRect();
+        this.containerElement.classList.add('fixed', 'flex', 'invisible', 'libs-ui-directive-minimap-container', 'select-none');
+        this.imgElement.classList.add('relative', 'w-full', 'h-full', 'overflow-hidden');
+        setStylesElement(this.containerElement, {
+            zIndex: `${this.styleImageElement()?.zIndex ?? '1300'}`,
+            background: `${this.styleImageElement()?.background ?? 'white'}`,
+            border: `${this.styleImageElement()?.border ?? '1px solid #E6E7EA'}`,
+            borderRadius: `${this.styleImageElement()?.borderRadius ?? '4px'}`,
+            width: `${this.styleImageElement()?.width ?? '198'}px`,
+            height: `${this.styleImageElement()?.height ?? '108'}px`,
+        });
+        this.styleRectTopBottomElement(rectElement);
+        this.styleRectLeftRightElement(rectElement);
+        this.containerElement.append(this.imgElement);
+        document.body.appendChild(this.containerElement);
+    }
+    viewPortElementInitStyleAndAddToImgElement() {
+        this.viewPortElement.classList.add('fixed', 'libs-ui-border-primary-general', 'invisible', 'libs-ui-directive-minimap-rectangle');
+        setStylesElement(this.viewPortElement, {
+            zIndex: `${this.styleRectangleElement()?.zIndex ?? '1301'}`,
+            background: `${this.styleRectangleElement()?.background ?? 'transparent'}`,
+            border: `${this.styleRectangleElement()?.border ?? 'none'}`,
+            borderRadius: `${this.styleRectangleElement()?.borderRadius ?? '0'}`,
+            cursor: 'grab',
+        });
+        this.containerElement.appendChild(this.viewPortElement);
+    }
+    styleRectTopBottomElement(rectElement) {
+        if (this.styleImageElement()?.bottom) {
+            this.containerElement.style.bottom = `${this.styleImageElement()?.bottom}px`;
+            return;
+        }
+        this.containerElement.style.top = `${this.styleImageElement()?.top ?? rectElement.top}px`;
+    }
+    styleRectLeftRightElement(rectElement) {
+        if (this.styleImageElement()?.right) {
+            this.containerElement.style.right = `${this.styleImageElement()?.right}px`;
+            return;
+        }
+        this.containerElement.style.left = `${this.styleImageElement()?.left ?? rectElement.left}px`;
+    }
+    initEvent() {
+        let preEvent;
+        const handlerScrollElement = (event) => {
+            const rectViewPort = this.viewPortElement.getBoundingClientRect();
+            const rectImage = this.imgElement.getBoundingClientRect();
+            const { ratioX, ratioY } = this.getRatio();
+            if (event.type === 'scroll') {
+                event = {
+                    clientX: this.Element.scrollLeft * ratioX + rectImage.left + rectViewPort.width / 2,
+                    clientY: this.Element.scrollTop * ratioY + rectImage.top + rectViewPort.height / 2,
+                };
+                this.setPositionRectangle(rectImage, event);
+                return;
+            }
+            if (event.type === 'mousedown') {
+                preEvent = event;
+                return;
+            }
+            if (!preEvent) {
+                return;
+            }
+            const distanceX = (event.clientX - preEvent.clientX) / ratioX;
+            const distanceY = (event.clientY - preEvent.clientY) / ratioY;
+            preEvent = event;
+            this.Element.scroll({
+                left: this.Element.scrollLeft + distanceX,
+                top: this.Element.scrollTop + distanceY,
+            });
+        };
+        getDragEventByElement({ elementMouseDown: this.viewPortElement, elementMouseMove: this.viewPortElement, isStartWithMouseDownEvent: true, onDestroy: this.onDestroy }).subscribe(handlerScrollElement);
+        fromEvent(this.Element, 'scroll')
+            .pipe(tap((event) => event.stopPropagation()), takeUntil(this.onDestroy))
+            .subscribe((event) => handlerScrollElement(event));
+        fromEvent(window, 'resize')
+            .pipe(tap((event) => event.stopPropagation()), takeUntil(this.onDestroy))
+            .subscribe(this.updateMiniMap.bind(this));
+    }
+    getRatio() {
+        const rectContainer = this.containerElement.getBoundingClientRect();
+        const ratioX = rectContainer.width / this.Element.scrollWidth;
+        const ratioY = rectContainer.height / this.Element.scrollHeight;
+        return { ratioX: ratioX, ratioY: ratioY };
+    }
+    getScaleElement() {
+        let { scaleX, scaleY } = { scaleX: 1, scaleY: 1 };
+        const elementScale = this.Element.getElementsByClassName(this.classNameFlagElementScale())?.[0];
+        if (elementScale && getComputedStyle(elementScale).transform) {
+            const matrix = getComputedStyle(this.Element.getElementsByClassName(this.classNameFlagElementScale())[0]).transform;
+            const matrixArray = matrix.replace('matrix(', '').split(',');
+            console.log('matrixArray', matrixArray);
+            scaleX = parseFloat(matrixArray[0]); // convert from string to number
+            scaleY = parseFloat(matrixArray[3]);
+        }
+        return { scaleX, scaleY, elementScale };
+    }
+    reverseMultiplication(avg1, avg2) {
+        if (avg2 <= 1) {
+            return avg1 * avg2;
+        }
+        return avg1 / avg2;
+    }
+    setPositionRectangle(rectImage, mousePosition) {
+        const { ratioX, ratioY } = this.getRatio();
+        const { scaleX, scaleY } = this.getScaleElement();
+        const width = this.Element.clientWidth * this.reverseMultiplication(ratioX, scaleX);
+        const height = this.Element.clientHeight * this.reverseMultiplication(ratioY, scaleY);
+        let leftSvg = mousePosition.clientX - width / 2;
+        let topSvg = mousePosition.clientY - height / 2;
+        if (leftSvg < rectImage.left) {
+            leftSvg = rectImage.left;
+        }
+        if (leftSvg + width >= rectImage.left + rectImage.width) {
+            leftSvg = rectImage.left + rectImage.width - width;
+        }
+        if (topSvg < rectImage.top) {
+            topSvg = rectImage.top;
+        }
+        if (topSvg + height >= rectImage.top + rectImage.height) {
+            topSvg = rectImage.top + rectImage.height - height;
+        }
+        this.viewPortElement.style.left = `${leftSvg}px`;
+        this.viewPortElement.style.top = `${topSvg}px`;
+        this.viewPortElement.style.width = `${width}px`;
+        this.viewPortElement.style.height = `${Math.round(height)}px`;
+    }
+    updateMiniMap() {
+        this.imgElement.firstElementChild?.remove();
+        let { ratioX, ratioY } = this.getRatio();
+        const nodeClone = this.Element.cloneNode(true);
+        nodeClone.style.width = `${this.Element.scrollWidth}px`;
+        nodeClone.style.height = `${this.Element.scrollHeight}px`;
+        const { scaleX, scaleY } = this.getScaleElement();
+        ratioX = this.reverseMultiplication(ratioX, scaleX);
+        ratioY = this.reverseMultiplication(ratioY, scaleY);
+        nodeClone.style.transform = `scale(${ratioX},${ratioY})`;
+        nodeClone.classList.add('overflow-unset', 'select-none', 'pointer-events-none');
+        this.imgElement.append(nodeClone);
+        const translateX = (nodeClone.getBoundingClientRect().left - this.imgElement.getBoundingClientRect().left) / ratioX;
+        const translateY = (nodeClone.getBoundingClientRect().top - this.imgElement.getBoundingClientRect().top) / ratioY;
+        const viewPortElement = this.viewPortElement.getBoundingClientRect();
+        const rectImage = this.imgElement.getBoundingClientRect();
+        const event = {
+            clientX: this.Element.scrollLeft * ratioX + rectImage.left + viewPortElement.width / 2,
+            clientY: this.Element.scrollTop * ratioY + rectImage.top + viewPortElement.height / 2,
+        };
+        nodeClone.style.transform = `scale(${ratioX},${ratioY}) translate(-${translateX}px,-${translateY}px)`;
+        this.setPositionRectangle(rectImage, event);
+    }
+    toggle() {
+        if (this.isShow()) {
+            this.hidden();
+            return;
+        }
+        this.show();
+    }
+    hidden() {
+        this.isShow.set(false);
+        this.containerElement?.classList.add('invisible');
+        this.viewPortElement.classList.add('invisible');
+    }
+    show() {
+        this.isShow.set(true);
+        this.containerElement?.classList.remove('invisible');
+        this.viewPortElement.classList.remove('invisible');
+    }
+    get Element() {
+        return this.elementScroll() || this.elementRef.nativeElement;
+    }
+    // #endregion
+    ngOnDestroy() {
+        this.onDestroy.next();
+        this.onDestroy.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsMinimapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.14", type: LibsUiComponentsMinimapDirective, isStandalone: true, selector: "[LibsUiComponentsMinimapDirective]", inputs: { classNameFlagElementScale: { classPropertyName: "classNameFlagElementScale", publicName: "classNameFlagElementScale", isSignal: true, isRequired: false, transformFunction: null }, timerStartDrawMinimap: { classPropertyName: "timerStartDrawMinimap", publicName: "timerStartDrawMinimap", isSignal: true, isRequired: false, transformFunction: null }, elementScroll: { classPropertyName: "elementScroll", publicName: "elementScroll", isSignal: true, isRequired: false, transformFunction: null }, styleRectangleElement: { classPropertyName: "styleRectangleElement", publicName: "styleRectangleElement", isSignal: true, isRequired: false, transformFunction: null }, styleImageElement: { classPropertyName: "styleImageElement", publicName: "styleImageElement", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outFunctionControls: "outFunctionControls" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsMinimapDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: '[LibsUiComponentsMinimapDirective]',
+                    standalone: true,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LibsUiComponentsMinimapDirective };
+//# sourceMappingURL=libs-ui-components-minimap.mjs.map

package/fesm2022/libs-ui-components-minimap.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"libs-ui-components-minimap.mjs","sources":["../../../../../libs-ui/components/minimap/src/minimap.directive.ts","../../../../../libs-ui/components/minimap/src/libs-ui-components-minimap.ts"],"sourcesContent":["import { AfterViewInit, Directive, ElementRef, inject, input, OnDestroy, output, signal } from '@angular/core';\nimport { IBoundingClientRect } from '@libs-ui/interfaces-types';\nimport { getDragEventByElement, setStylesElement } from '@libs-ui/utils';\nimport { fromEvent, Subject, takeUntil, tap, timer } from 'rxjs';\nimport { IMiniMapFunctionControl, IMiniMapStyleConfig } from './minimap.interface';\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: '[LibsUiComponentsMinimapDirective]',\n  standalone: true,\n})\nexport class LibsUiComponentsMinimapDirective implements AfterViewInit, OnDestroy {\n  // #region PROPERTY\n  private isShow = signal<boolean>(false);\n  private containerElement: HTMLElement = document.createElement('DIV');\n  private imgElement: HTMLElement = document.createElement('DIV');\n  private viewPortElement = document.createElement('DIV');\n  private onDestroy = new Subject<void>();\n  // #endregion\n\n  // #region INPUT\n  readonly classNameFlagElementScale = input<string, string | undefined>('libs-ui-minimap-flag-element-scale', { transform: (val) => val ?? 'libs-ui-minimap-flag-element-scale' });\n  readonly timerStartDrawMinimap = input<number, number | undefined>(250, { transform: (val) => val ?? 250 });\n  readonly elementScroll = input<HTMLElement>();\n  readonly styleRectangleElement = input<IMiniMapStyleConfig>();\n  readonly styleImageElement = input<IMiniMapStyleConfig>();\n  // #endregion\n\n  // #region OUTPUT\n  readonly outFunctionControls = output<IMiniMapFunctionControl>();\n  // #endregion\n\n  // #region INJECT\n  private elementRef = inject(ElementRef);\n  // #endregion\n\n  ngAfterViewInit(): void {\n    const config = { attributes: true, childList: true, subtree: true };\n    const observer = new MutationObserver(this.updateMiniMap.bind(this));\n\n    observer.observe(this.Element, config);\n    this.onDestroy.subscribe(() => {\n      this.containerElement?.remove();\n      observer.disconnect();\n    });\n\n    timer(this.timerStartDrawMinimap())\n      .pipe(\n        tap(() => {\n          this.imgElementInitStyleAndAddToBody();\n          this.viewPortElementInitStyleAndAddToImgElement();\n\n          const rectImage = this.imgElement.getBoundingClientRect();\n\n          this.setPositionRectangle(rectImage, { clientX: rectImage.x, clientY: rectImage.y });\n          this.updateMiniMap();\n          this.outFunctionControls.emit(this.FunctionsControl);\n          this.initEvent();\n        }),\n        takeUntil(this.onDestroy)\n      )\n      .subscribe();\n  }\n\n  // #region FUNCTIONS\n  public get FunctionsControl(): IMiniMapFunctionControl {\n    return {\n      show: this.show.bind(this),\n      hidden: this.hidden.bind(this),\n      toggle: this.toggle.bind(this),\n    };\n  }\n\n  private imgElementInitStyleAndAddToBody() {\n    const rectElement = this.Element.getBoundingClientRect();\n\n    this.containerElement.classList.add('fixed', 'flex', 'invisible', 'libs-ui-directive-minimap-container', 'select-none');\n    this.imgElement.classList.add('relative', 'w-full', 'h-full', 'overflow-hidden');\n    setStylesElement(this.containerElement, {\n      zIndex: `${this.styleImageElement()?.zIndex ?? '1300'}`,\n      background: `${this.styleImageElement()?.background ?? 'white'}`,\n      border: `${this.styleImageElement()?.border ?? '1px solid #E6E7EA'}`,\n      borderRadius: `${this.styleImageElement()?.borderRadius ?? '4px'}`,\n      width: `${this.styleImageElement()?.width ?? '198'}px`,\n      height: `${this.styleImageElement()?.height ?? '108'}px`,\n    });\n    this.styleRectTopBottomElement(rectElement);\n    this.styleRectLeftRightElement(rectElement);\n    this.containerElement.append(this.imgElement);\n    document.body.appendChild(this.containerElement);\n  }\n\n  private viewPortElementInitStyleAndAddToImgElement() {\n    this.viewPortElement.classList.add('fixed', 'libs-ui-border-primary-general', 'invisible', 'libs-ui-directive-minimap-rectangle');\n    setStylesElement(this.viewPortElement as unknown as HTMLElement, {\n      zIndex: `${this.styleRectangleElement()?.zIndex ?? '1301'}`,\n      background: `${this.styleRectangleElement()?.background ?? 'transparent'}`,\n      border: `${this.styleRectangleElement()?.border ?? 'none'}`,\n      borderRadius: `${this.styleRectangleElement()?.borderRadius ?? '0'}`,\n      cursor: 'grab',\n    });\n    this.containerElement.appendChild(this.viewPortElement);\n  }\n\n  private styleRectTopBottomElement(rectElement: DOMRect) {\n    if (this.styleImageElement()?.bottom) {\n      this.containerElement.style.bottom = `${this.styleImageElement()?.bottom}px`;\n\n      return;\n    }\n    this.containerElement.style.top = `${this.styleImageElement()?.top ?? rectElement.top}px`;\n  }\n  private styleRectLeftRightElement(rectElement: DOMRect) {\n    if (this.styleImageElement()?.right) {\n      this.containerElement.style.right = `${this.styleImageElement()?.right}px`;\n\n      return;\n    }\n    this.containerElement.style.left = `${this.styleImageElement()?.left ?? rectElement.left}px`;\n  }\n\n  private initEvent() {\n    let preEvent: MouseEvent;\n    const handlerScrollElement = (event: MouseEvent) => {\n      const rectViewPort = this.viewPortElement.getBoundingClientRect();\n      const rectImage = this.imgElement.getBoundingClientRect();\n      const { ratioX, ratioY } = this.getRatio();\n\n      if (event.type === 'scroll') {\n        event = {\n          clientX: this.Element.scrollLeft * ratioX + rectImage.left + rectViewPort.width / 2,\n          clientY: this.Element.scrollTop * ratioY + rectImage.top + rectViewPort.height / 2,\n        } as MouseEvent;\n        this.setPositionRectangle(rectImage, event);\n\n        return;\n      }\n      if (event.type === 'mousedown') {\n        preEvent = event;\n\n        return;\n      }\n      if (!preEvent) {\n        return;\n      }\n\n      const distanceX = (event.clientX - preEvent.clientX) / ratioX;\n      const distanceY = (event.clientY - preEvent.clientY) / ratioY;\n\n      preEvent = event;\n      this.Element.scroll({\n        left: this.Element.scrollLeft + distanceX,\n        top: this.Element.scrollTop + distanceY,\n      });\n    };\n\n    getDragEventByElement({ elementMouseDown: this.viewPortElement, elementMouseMove: this.viewPortElement, isStartWithMouseDownEvent: true, onDestroy: this.onDestroy }).subscribe(handlerScrollElement);\n    fromEvent<Event>(this.Element, 'scroll')\n      .pipe(\n        tap((event) => event.stopPropagation()),\n        takeUntil(this.onDestroy)\n      )\n      .subscribe((event) => handlerScrollElement(event as MouseEvent));\n    fromEvent<Event>(window, 'resize')\n      .pipe(\n        tap((event) => event.stopPropagation()),\n        takeUntil(this.onDestroy)\n      )\n      .subscribe(this.updateMiniMap.bind(this));\n  }\n\n  private getRatio() {\n    const rectContainer = this.containerElement.getBoundingClientRect();\n    const ratioX = rectContainer.width / this.Element.scrollWidth;\n    const ratioY = rectContainer.height / this.Element.scrollHeight;\n\n    return { ratioX: ratioX, ratioY: ratioY };\n  }\n  private getScaleElement() {\n    let { scaleX, scaleY } = { scaleX: 1, scaleY: 1 };\n    const elementScale = this.Element.getElementsByClassName(this.classNameFlagElementScale())?.[0] as HTMLElement;\n\n    if (elementScale && getComputedStyle(elementScale).transform) {\n      const matrix = getComputedStyle(this.Element.getElementsByClassName(this.classNameFlagElementScale())[0]).transform;\n      const matrixArray = matrix.replace('matrix(', '').split(',');\n      console.log('matrixArray', matrixArray);\n\n      scaleX = parseFloat(matrixArray[0]); // convert from string to number\n      scaleY = parseFloat(matrixArray[3]);\n    }\n\n    return { scaleX, scaleY, elementScale };\n  }\n\n  private reverseMultiplication(avg1: number, avg2: number) {\n    if (avg2 <= 1) {\n      return avg1 * avg2;\n    }\n\n    return avg1 / avg2;\n  }\n\n  private setPositionRectangle(rectImage: IBoundingClientRect, mousePosition: { clientX: number; clientY: number }) {\n    const { ratioX, ratioY } = this.getRatio();\n    const { scaleX, scaleY } = this.getScaleElement();\n\n    const width = this.Element.clientWidth * this.reverseMultiplication(ratioX, scaleX);\n    const height = this.Element.clientHeight * this.reverseMultiplication(ratioY, scaleY);\n    let leftSvg = mousePosition.clientX - width / 2;\n    let topSvg = mousePosition.clientY - height / 2;\n\n    if (leftSvg < rectImage.left) {\n      leftSvg = rectImage.left;\n    }\n    if (leftSvg + width >= rectImage.left + rectImage.width) {\n      leftSvg = rectImage.left + rectImage.width - width;\n    }\n    if (topSvg < rectImage.top) {\n      topSvg = rectImage.top;\n    }\n    if (topSvg + height >= rectImage.top + rectImage.height) {\n      topSvg = rectImage.top + rectImage.height - height;\n    }\n    this.viewPortElement.style.left = `${leftSvg}px`;\n    this.viewPortElement.style.top = `${topSvg}px`;\n    this.viewPortElement.style.width = `${width}px`;\n    this.viewPortElement.style.height = `${Math.round(height)}px`;\n  }\n\n  private updateMiniMap() {\n    this.imgElement.firstElementChild?.remove();\n    let { ratioX, ratioY } = this.getRatio();\n    const nodeClone = this.Element.cloneNode(true) as HTMLElement;\n    nodeClone.style.width = `${this.Element.scrollWidth}px`;\n    nodeClone.style.height = `${this.Element.scrollHeight}px`;\n    const { scaleX, scaleY } = this.getScaleElement();\n\n    ratioX = this.reverseMultiplication(ratioX, scaleX);\n    ratioY = this.reverseMultiplication(ratioY, scaleY);\n    nodeClone.style.transform = `scale(${ratioX},${ratioY})`;\n    nodeClone.classList.add('overflow-unset', 'select-none', 'pointer-events-none');\n    this.imgElement.append(nodeClone);\n\n    const translateX = (nodeClone.getBoundingClientRect().left - this.imgElement.getBoundingClientRect().left) / ratioX;\n    const translateY = (nodeClone.getBoundingClientRect().top - this.imgElement.getBoundingClientRect().top) / ratioY;\n    const viewPortElement = this.viewPortElement.getBoundingClientRect();\n    const rectImage = this.imgElement.getBoundingClientRect();\n    const event = {\n      clientX: this.Element.scrollLeft * ratioX + rectImage.left + viewPortElement.width / 2,\n      clientY: this.Element.scrollTop * ratioY + rectImage.top + viewPortElement.height / 2,\n    } as MouseEvent;\n\n    nodeClone.style.transform = `scale(${ratioX},${ratioY}) translate(-${translateX}px,-${translateY}px)`;\n    this.setPositionRectangle(rectImage, event);\n  }\n\n  private toggle() {\n    if (this.isShow()) {\n      this.hidden();\n\n      return;\n    }\n\n    this.show();\n  }\n\n  private hidden() {\n    this.isShow.set(false);\n    this.containerElement?.classList.add('invisible');\n    this.viewPortElement.classList.add('invisible');\n  }\n\n  private show() {\n    this.isShow.set(true);\n    this.containerElement?.classList.remove('invisible');\n    this.viewPortElement.classList.remove('invisible');\n  }\n\n  private get Element(): HTMLElement {\n    return this.elementScroll() || this.elementRef.nativeElement;\n  }\n\n  // #endregion\n  ngOnDestroy(): void {\n    this.onDestroy.next();\n    this.onDestroy.complete();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,2 @@
+export * from './minimap.directive';
+export * from './minimap.interface';

package/minimap.directive.d.ts

@@ -0,0 +1,36 @@
+import { AfterViewInit, OnDestroy } from '@angular/core';
+import { IMiniMapFunctionControl, IMiniMapStyleConfig } from './minimap.interface';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsMinimapDirective implements AfterViewInit, OnDestroy {
+    private isShow;
+    private containerElement;
+    private imgElement;
+    private viewPortElement;
+    private onDestroy;
+    readonly classNameFlagElementScale: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    readonly timerStartDrawMinimap: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
+    readonly elementScroll: import("@angular/core").InputSignal<HTMLElement | undefined>;
+    readonly styleRectangleElement: import("@angular/core").InputSignal<IMiniMapStyleConfig | undefined>;
+    readonly styleImageElement: import("@angular/core").InputSignal<IMiniMapStyleConfig | undefined>;
+    readonly outFunctionControls: import("@angular/core").OutputEmitterRef<IMiniMapFunctionControl>;
+    private elementRef;
+    ngAfterViewInit(): void;
+    get FunctionsControl(): IMiniMapFunctionControl;
+    private imgElementInitStyleAndAddToBody;
+    private viewPortElementInitStyleAndAddToImgElement;
+    private styleRectTopBottomElement;
+    private styleRectLeftRightElement;
+    private initEvent;
+    private getRatio;
+    private getScaleElement;
+    private reverseMultiplication;
+    private setPositionRectangle;
+    private updateMiniMap;
+    private toggle;
+    private hidden;
+    private show;
+    private get Element();
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsMinimapDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LibsUiComponentsMinimapDirective, "[LibsUiComponentsMinimapDirective]", never, { "classNameFlagElementScale": { "alias": "classNameFlagElementScale"; "required": false; "isSignal": true; }; "timerStartDrawMinimap": { "alias": "timerStartDrawMinimap"; "required": false; "isSignal": true; }; "elementScroll": { "alias": "elementScroll"; "required": false; "isSignal": true; }; "styleRectangleElement": { "alias": "styleRectangleElement"; "required": false; "isSignal": true; }; "styleImageElement": { "alias": "styleImageElement"; "required": false; "isSignal": true; }; }, { "outFunctionControls": "outFunctionControls"; }, never, never, true, never>;
+}

package/minimap.interface.d.ts

@@ -0,0 +1,19 @@
+export interface IMiniMapStyleConfig {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    zIndex?: number;
+    border?: string;
+    borderRadius?: number;
+    background?: string;
+    top?: number;
+    left?: number;
+    bottom?: number;
+    right?: number;
+}
+export interface IMiniMapFunctionControl {
+    show: () => void;
+    hidden: () => void;
+    toggle: () => void;
+}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@libs-ui/components-minimap",
+  "version": "0.1.1-1",
+  "peerDependencies": {
+    "@angular/core": ">=18.0.0",
+    "@libs-ui/interfaces-types": "0.1.1-1",
+    "@libs-ui/utils": "0.1.1-1",
+    "rxjs": "~7.8.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/libs-ui-components-minimap.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/libs-ui-components-minimap.mjs",
+      "esm": "./esm2022/libs-ui-components-minimap.mjs",
+      "default": "./fesm2022/libs-ui-components-minimap.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}