@libs-ui/components-minimap 0.2.30-6.1

package/README.md

@@ -0,0 +1,234 @@
+# @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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbWluaW1hcC9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9taW5pbWFwLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL21pbmltYXAuaW50ZXJmYWNlJzsiXX0=

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,232 @@
+import { Directive, ElementRef, inject, input, output, Renderer2, 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);
+    renderer2 = inject(Renderer2);
+    // #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({
+                show: this.show.bind(this),
+                hidden: this.hidden.bind(this),
+                toggle: this.toggle.bind(this)
+            });
+            this.initEvent();
+        }), takeUntil(this.onDestroy)).subscribe();
+    }
+    // #region FUNCTIONS
+    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.renderer2);
+        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.renderer2);
+        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.13", ngImport: i0, type: LibsUiComponentsMinimapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", 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.13", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWluaW1hcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvbWluaW1hcC9zcmMvbWluaW1hcC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUgsT0FBTyxFQUFFLHFCQUFxQixFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBT2pFLE1BQU0sT0FBTyxnQ0FBZ0M7SUFDM0MsbUJBQW1CO0lBQ1gsTUFBTSxHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUNoQyxnQkFBZ0IsR0FBZ0IsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5RCxVQUFVLEdBQWdCLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEQsZUFBZSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEQsU0FBUyxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7SUFDeEMsYUFBYTtJQUViLGdCQUFnQjtJQUNQLHlCQUF5QixHQUFHLEtBQUssQ0FBNkIsb0NBQW9DLEVBQUUsRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksb0NBQW9DLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZLLHFCQUFxQixHQUFHLEtBQUssQ0FBNkIsR0FBRyxFQUFFLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLEdBQUcsRUFBRSxDQUFD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LEVBQUUsQ0FBQztJQUM1QixDQUFDO3dHQWxRVSxnQ0FBZ0M7NEZBQWhDLGdDQUFnQzs7NEZBQWhDLGdDQUFnQztrQkFMNUMsU0FBUzttQkFBQztvQkFDVCw4REFBOEQ7b0JBQzlELFFBQVEsRUFBRSxvQ0FBb0M7b0JBQzlDLFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgaW5qZWN0LCBpbnB1dCwgT25EZXN0cm95LCBvdXRwdXQsIFJlbmRlcmVyMiwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJQm91bmRpbmdDbGllbnRSZWN0IH0gZnJvbSAnQGxpYnMtdWkvaW50ZXJmYWNlcy10eXBlcyc7XG5pbXBvcnQgeyBnZXREcmFnRXZlbnRCeUVsZW1lbnQsIHNldFN0eWxlc0VsZW1lbnQgfSBmcm9tICdAbGlicy11aS91dGlscyc7XG5pbXBvcnQgeyBmcm9tRXZlbnQsIFN1YmplY3QsIHRha2VVbnRpbCwgdGFwLCB0aW1lciB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgSU1pbmlNYXBGdW5jdGlvbkNvbnRyb2wsIElNaW5pTWFwU3R5bGVDb25maWcgfSBmcm9tICcuL21pbmltYXAuaW50ZXJmYWNlJztcbkBEaXJlY3RpdmUoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2RpcmVjdGl2ZS1zZWxlY3RvclxuICBzZWxlY3RvcjogXCJbTGlic1VpQ29tcG9uZW50c01pbmltYXBEaXJlY3RpdmVdXCIsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIExpYnNVaUNvbXBvbmVudHNNaW5pbWFwRGlyZWN0aXZlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgLy8gI3JlZ2lvbiBQUk9QRVJUWVxuICBwcml2YXRlIGlzU2hvdyA9IHNpZ25hbDxib29sZWFuPihmYWxzZSk7XG4gIHByaXZhdGUgY29udGFpbmVyRWxlbWVudDogSFRNTEVsZW1lbnQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdESVYnKTtcbiAgcHJpdmF0ZSBpbWdFbGVtZW50OiBIVE1MRWxlbWVudCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ0RJVicpO1xuICBwcml2YXRlIHZpZXdQb3J0RWxlbWVudCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ0RJVicpO1xuICBwcml2YXRlIG9uRGVzdHJveSA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gIC8vICNlbmRyZWdpb25cblxuICAvLyAjcmVnaW9uIElOUFVUXG4gIHJlYWRvbmx5IGNsYXNzTmFtZUZsYWdFbGVtZW50U2NhbGUgPSBpbnB1dDxzdHJpbmcsIHN0cmluZyB8IHVuZGVmaW5lZD4oJ2xpYnMtdWktbWluaW1hcC1mbGFnLWVsZW1lbnQtc2NhbGUnLCB7IHRyYW5zZm9ybTogdmFsID0+IHZhbCA/PyAnbGlicy11aS1taW5pbWFwLWZsYWctZWxlbWVudC1zY2FsZScgfSk7XG4gIHJlYWRvbmx5IHRpbWVyU3RhcnREcmF3TWluaW1hcCA9IGlucHV0PG51bWJlciwgbnVtYmVyIHwgdW5kZWZpbmVkPigyNTAsIHsgdHJhbnNmb3JtOiB2YWwgPT4gdmFsID8/IDI1MCB9KTtcbiAgcmVhZG9ubHkgZWxlbWVudFNjcm9sbCA9IGlucHV0PEhUTUxFbGVtZW50PigpO1xuICByZWFkb25seSBzdHlsZVJlY3RhbmdsZUVsZW1lbnQgPSBpbnB1dDxJTWluaU1hcFN0eWxlQ29uZmlnPigpO1xuICByZWFkb25seSBzdHlsZUltYWdlRWxlbWVudCA9IGlucHV0PElNaW5pTWFwU3R5bGVDb25maWc+KCk7XG4gIC8vICNlbmRyZWdpb25cblxuICAvLyAjcmVnaW9uIE9VVFBVVFxuICByZWFkb25seSBvdXRGdW5jdGlvbkNvbnRyb2xzID0gb3V0cHV0PElNaW5pTWFwRnVuY3Rpb25Db250cm9sPigpO1xuICAvLyAjZW5kcmVnaW9uXG5cbiAgLy8gI3JlZ2lvbiBJTkpFQ1RcbiAgcHJpdmF0ZSBlbGVtZW50UmVmID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuICBwcml2YXRlIHJlbmRlcmVyMiA9IGluamVjdChSZW5kZXJlcjIpO1xuICAvLyAjZW5kcmVnaW9uXG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IGNvbmZpZyA9IHsgYXR0cmlidXRlczogdHJ1ZSwgY2hpbGRMaXN0OiB0cnVlLCBzdWJ0cmVlOiB0cnVlIH07XG4gICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgTXV0YXRpb25PYnNlcnZlcih0aGlzLnVwZGF0ZU1pbmlNYXAuYmluZCh0aGlzKSk7XG5cbiAgICBvYnNlcnZlci5vYnNlcnZlKHRoaXMuRWxlbWVudCwgY29uZmlnKTtcbiAgICB0aGlzLm9uRGVzdHJveS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5jb250YWluZXJFbGVtZW50Py5yZW1vdmUoKTtcbiAgICAgIG9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgICB9KTtcblxuICAgIHRpbWVyKHRoaXMudGltZXJTdGFydERyYXdNaW5pbWFwKCkpLnBpcGUodGFwKCgpID0+IHtcbiAgICAgIHRoaXMuaW1nRWxlbWVudEluaXRTdHlsZUFuZEFkZFRvQm9keSgpO1xuICAgICAgdGhpcy52aWV3UG9ydEVsZW1lbnRJbml0U3R5bGVBbmRBZGRUb0ltZ0VsZW1lbnQoKTtcblxuICAgICAgY29uc3QgcmVjdEltYWdlID0gdGhpcy5pbWdFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG4gICAgICB0aGlzLnNldFBvc2l0aW9uUmVjdGFuZ2xlKHJlY3RJbWFnZSwgeyBjbGllbnRYOiByZWN0SW1hZ2UueCwgY2xpZW50WTogcmVjdEltYWdlLnkgfSk7XG4gICAgICB0aGlzLnVwZGF0ZU1pbmlNYXAoKTtcbiAgICAgIHRoaXMub3V0RnVuY3Rpb25Db250cm9scy5lbWl0KHtcbiAgICAgICAgc2hvdzogdGhpcy5zaG93LmJpbmQodGhpcyksXG4gICAgICAgIGhpZGRlbjogdGhpcy5oaWRkZW4uYmluZCh0aGlzKSxcbiAgICAgICAgdG9nZ2xlOiB0aGlzLnRvZ2dsZS5iaW5kKHRoaXMpXG4gICAgICB9KTtcbiAgICAgIHRoaXMuaW5pdEV2ZW50KCk7XG4gICAgfSksXG4gICAgICB0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kpKS5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIC8vICNyZWdpb24gRlVOQ1RJT05TXG4gIHByaXZhdGUgaW1nRWxlbWVudEluaXRTdHlsZUFuZEFkZFRvQm9keSgpIHtcbiAgICBjb25zdCByZWN0RWxlbWVudCA9IHRoaXMuRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcblxuICAgIHRoaXMuY29udGFpbmVyRWxlbWVudC5jbGFzc0xpc3QuYWRkKCdmaXhlZCcsICdmbGV4JywgJ2ludmlzaWJsZScsICdsaWJzLXVpLWRpcmVjdGl2ZS1taW5pbWFwLWNvbnRhaW5lcicsJ3NlbGVjdC1ub25lJyk7XG4gICAgdGhpcy5pbWdFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ3JlbGF0aXZlJywgJ3ctZnVsbCcsICdoLWZ1bGwnLCAnb3ZlcmZsb3ctaGlkZGVuJyk7XG4gICAgc2V0U3R5bGVzRWxlbWVudCh0aGlzLmNvbnRhaW5lckVsZW1lbnQsIHtcbiAgICAgIHpJbmRleDogYCR7dGhpcy5zdHlsZUltYWdlRWxlbWVudCgpPy56SW5kZXggPz8gJzEzMDAnfWAsXG4gICAgICBiYWNrZ3JvdW5kOiBgJHt0aGlzLnN0eWxlSW1hZ2VFbGVtZW50KCk/LmJhY2tncm91bmQgPz8gJ3doaXRlJ31gLFxuICAgICAgYm9yZGVyOiBgJHt0aGlzLnN0eWxlSW1hZ2VFbGVtZW50KCk/LmJvcmRlciA/PyAnMXB4IHNvbGlkICNFNkU3RUEnfWAsXG4gICAgICBib3JkZXJSYWRpdXM6IGAke3RoaXMuc3R5bGVJbWFnZUVsZW1lbnQoKT8uYm9yZGVyUmFkaXVzID8/ICc0cHgnfWAsXG4gICAgICB3aWR0aDogYCR7dGhpcy5zdHlsZUltYWdlRWxlbWVudCgpPy53aWR0aCA/PyAnMTk4J31weGAsXG4gICAgICBoZWlnaHQ6IGAke3RoaXMuc3R5bGVJbWFnZUVsZW1lbnQoKT8uaGVpZ2h0ID8/ICcxMDgnfXB4YFxuICAgIH0sIHRoaXMucmVuZGVyZXIyKTtcbiAgICB0aGlzLnN0eWxlUmVjdFRvcEJvdHRvbUVsZW1lbnQocmVjdEVsZW1lbnQpO1xuICAgIHRoaXMuc3R5bGVSZWN0TGVmdFJpZ2h0RWxlbWVudChyZWN0RWxlbWVudCk7XG4gICAgdGhpcy5jb250YWluZXJFbGVtZW50LmFwcGVuZCh0aGlzLmltZ0VsZW1lbnQpO1xuICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQodGhpcy5jb250YWluZXJFbGVtZW50KTtcbiAgfVxuXG4gIHByaXZhdGUgdmlld1BvcnRFbGVtZW50SW5pdFN0eWxlQW5kQWRkVG9JbWdFbGVtZW50KCkge1xuICAgIHRoaXMudmlld1BvcnRFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2ZpeGVkJywgJ2xpYnMtdWktYm9yZGVyLXByaW1hcnktZ2VuZXJhbCcsICdpbnZpc2libGUnLCAnbGlicy11aS1kaXJlY3RpdmUtbWluaW1hcC1yZWN0YW5nbGUnKTtcbiAgICBzZXRTdHlsZXNFbGVtZW50KHRoaXMudmlld1BvcnRFbGVtZW50IGFzIHVua25vd24gYXMgSFRNTEVsZW1lbnQsIHtcbiAgICAgIHpJbmRleDogYCR7dGhpcy5zdHlsZVJlY3RhbmdsZUVsZW1lbnQoKT8uekluZGV4ID8/ICcxMzAxJ31gLFxuICAgICAgYmFja2dyb3VuZDogYCR7dGhpcy5zdHlsZVJlY3RhbmdsZUVsZW1lbnQoKT8uYmFja2dyb3VuZCA/PyAndHJhbnNwYXJlbnQnfWAsXG4gICAgICBib3JkZXI6IGAke3RoaXMuc3R5bGVSZWN0YW5nbGVFbGVtZW50KCk/LmJvcmRlciA/PyAnbm9uZSd9YCxcbiAgICAgIGJvcmRlclJhZGl1czogYCR7dGhpcy5zdHlsZVJlY3RhbmdsZUVsZW1lbnQoKT8uYm9yZGVyUmFkaXVzID8/ICcwJ31gLFxuICAgICAgY3Vyc29yOiAnZ3JhYidcbiAgICB9LCB0aGlzLnJlbmRlcmVyMik7XG4gICAgdGhpcy5jb250YWluZXJFbGVtZW50LmFwcGVuZENoaWxkKHRoaXMudmlld1BvcnRFbGVtZW50KTtcbiAgfVxuXG4gIHByaXZhdGUgc3R5bGVSZWN0VG9wQm90dG9tRWxlbWVudChyZWN0RWxlbWVudDogRE9NUmVjdCkge1xuICAgIGlmICh0aGlzLnN0eWxlSW1hZ2VFbGVtZW50KCk/LmJvdHRvbSkge1xuICAgICAgdGhpcy5jb250YWluZXJFbGVtZW50LnN0eWxlLmJvdHRvbSA9IGAke3RoaXMuc3R5bGVJbWFnZUVsZW1lbnQoKT8uYm90dG9tfXB4YDtcblxuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmNvbnRhaW5lckVsZW1lbnQuc3R5bGUudG9wID0gYCR7dGhpcy5zdHlsZUltYWdlRWxlbWVudCgpPy50b3AgPz8gcmVjdEVsZW1lbnQudG9wfXB4YDtcbiAgfVxuICBwcml2YXRlIHN0eWxlUmVjdExlZnRSaWdodEVsZW1lbnQocmVjdEVsZW1lbnQ6IERPTVJlY3QpIHtcbiAgICBpZiAodGhpcy5zdHlsZUltYWdlRWxlbWVudCgpPy5yaWdodCkge1xuICAgICAgdGhpcy5jb250YWluZXJFbGVtZW50LnN0eWxlLnJpZ2h0ID0gYCR7dGhpcy5zdHlsZUltYWdlRWxlbWVudCgpPy5yaWdodH1weGA7XG5cbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5jb250YWluZXJFbGVtZW50LnN0eWxlLmxlZnQgPSBgJHt0aGlzLnN0eWxlSW1hZ2VFbGVtZW50KCk/LmxlZnQgPz8gcmVjdEVsZW1lbnQubGVmdH1weGA7XG4gIH1cblxuICBwcml2YXRlIGluaXRFdmVudCgpIHtcbiAgICBsZXQgcHJlRXZlbnQ6IE1vdXNlRXZlbnQ7XG4gICAgY29uc3QgaGFuZGxlclNjcm9sbEVsZW1lbnQgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGNvbnN0IHJlY3RWaWV3UG9ydCA9IHRoaXMudmlld1BvcnRFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgY29uc3QgcmVjdEltYWdlID0gdGhpcy5pbWdFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgY29uc3QgeyByYXRpb1gsIHJhdGlvWSB9ID0gdGhpcy5nZXRSYXRpbygpO1xuXG4gICAgICBpZiAoZXZlbnQudHlwZSA9PT0gJ3Njcm9sbCcpIHtcbiAgICAgICAgZXZlbnQgPSB7XG4gICAgICAgICAgY2xpZW50WDogdGhpcy5FbGVtZW50LnNjcm9sbExlZnQgKiByYXRpb1ggKyByZWN0SW1hZ2UubGVmdCArIHJlY3RWaWV3UG9ydC53aWR0aCAvIDIsXG4gICAgICAgICAgY2xpZW50WTogdGhpcy5FbGVtZW50LnNjcm9sbFRvcCAqIHJhdGlvWSArIHJlY3RJbWFnZS50b3AgKyByZWN0Vmlld1BvcnQuaGVpZ2h0IC8gMlxuICAgICAgICB9IGFzIE1vdXNlRXZlbnQ7XG4gICAgICAgIHRoaXMuc2V0UG9zaXRpb25SZWN0YW5nbGUocmVjdEltYWdlLCBldmVudCk7XG5cbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgaWYgKGV2ZW50LnR5cGUgPT09ICdtb3VzZWRvd24nKSB7XG4gICAgICAgIHByZUV2ZW50ID0gZXZlbnQ7XG5cbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgaWYgKCFwcmVFdmVudCkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIGNvbnN0IGRpc3RhbmNlWCA9IChldmVudC5jbGllbnRYIC0gcHJlRXZlbnQuY2xpZW50WCkgLyByYXRpb1g7XG4gICAgICBjb25zdCBkaXN0YW5jZVkgPSAoZXZlbnQuY2xpZW50WSAtIHByZUV2ZW50LmNsaWVudFkpIC8gcmF0aW9ZO1xuXG4gICAgICBwcmVFdmVudCA9IGV2ZW50O1xuICAgICAgdGhpcy5FbGVtZW50LnNjcm9sbCh7XG4gICAgICAgIGxlZnQ6IHRoaXMuRWxlbWVudC5zY3JvbGxMZWZ0ICsgZGlzdGFuY2VYLFxuICAgICAgICB0b3A6IHRoaXMuRWxlbWVudC5zY3JvbGxUb3AgKyBkaXN0YW5jZVlcbiAgICAgIH0pO1xuICAgIH07XG5cbiAgICBnZXREcmFnRXZlbnRCeUVsZW1lbnQoeyBlbGVtZW50TW91c2VEb3duOiB0aGlzLnZpZXdQb3J0RWxlbWVudCwgZWxlbWVudE1vdXNlTW92ZTogdGhpcy52aWV3UG9ydEVsZW1lbnQsaXNTdGFydFdpdGhNb3VzZURvd25FdmVudDp0cnVlLCBvbkRlc3Ryb3k6IHRoaXMub25EZXN0cm95IH0pLnN1YnNjcmliZShoYW5kbGVyU2Nyb2xsRWxlbWVudCk7XG4gICAgZnJvbUV2ZW50PEV2ZW50Pih0aGlzLkVsZW1lbnQsICdzY3JvbGwnKS5waXBlKHRhcChldmVudCA9PiBldmVudC5zdG9wUHJvcGFnYXRpb24oKSksIHRha2VVbnRpbCh0aGlzLm9uRGVzdHJveSkpLnN1YnNjcmliZSgoZXZlbnQpID0+IGhhbmRsZXJTY3JvbGxFbGVtZW50KGV2ZW50IGFzIE1vdXNlRXZlbnQpKTtcbiAgICBmcm9tRXZlbnQ8RXZlbnQ+KHdpbmRvdywgJ3Jlc2l6ZScpLnBpcGUodGFwKGV2ZW50ID0+IGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpKSwgdGFrZVVudGlsKHRoaXMub25EZXN0cm95KSkuc3Vic2NyaWJlKHRoaXMudXBkYXRlTWluaU1hcC5iaW5kKHRoaXMpKTtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0UmF0aW8oKSB7XG4gICAgY29uc3QgcmVjdENvbnRhaW5lciA9IHRoaXMuY29udGFpbmVyRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCByYXRpb1ggPSByZWN0Q29udGFpbmVyLndpZHRoIC8gdGhpcy5FbGVtZW50LnNjcm9sbFdpZHRoO1xuICAgIGNvbnN0IHJhdGlvWSA9IHJlY3RDb250YWluZXIuaGVpZ2h0IC8gdGhpcy5FbGVtZW50LnNjcm9sbEhlaWdodDtcblxuICAgIHJldHVybiB7IHJhdGlvWDogcmF0aW9YLCByYXRpb1k6IHJhdGlvWSB9O1xuICB9XG4gIHByaXZhdGUgZ2V0U2NhbGVFbGVtZW50KCkge1xuICAgIGxldCB7IHNjYWxlWCwgc2NhbGVZIH0gPSB7IHNjYWxlWDogMSwgc2NhbGVZOiAxIH07XG4gICAgY29uc3QgZWxlbWVudFNjYWxlID0gdGhpcy5FbGVtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUodGhpcy5jbGFzc05hbWVGbGFnRWxlbWVudFNjYWxlKCkpPy5bMF0gYXMgSFRNTEVsZW1lbnQ7XG5cbiAgICBpZiAoZWxlbWVudFNjYWxlICYmIGdldENvbXB1dGVkU3R5bGUoZWxlbWVudFNjYWxlKS50cmFuc2Zvcm0pIHtcbiAgICAgIGNvbnN0IG1hdHJpeCA9IGdldENvbXB1dGVkU3R5bGUodGhpcy5FbGVtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUodGhpcy5jbGFzc05hbWVGbGFnRWxlbWVudFNjYWxlKCkpWzBdKS50cmFuc2Zvcm07XG4gICAgICBjb25zdCBtYXRyaXhBcnJheSA9IG1hdHJpeC5yZXBsYWNlKFwibWF0cml4KFwiLCBcIlwiKS5zcGxpdChcIixcIik7XG4gICAgICBjb25zb2xlLmxvZygnbWF0cml4QXJyYXknLG1hdHJpeEFycmF5KTtcblxuICAgICAgc2NhbGVYID0gcGFyc2VGbG9hdChtYXRyaXhBcnJheVswXSk7IC8vIGNvbnZlcnQgZnJvbSBzdHJpbmcgdG8gbnVtYmVyXG4gICAgICBzY2FsZVkgPSBwYXJzZUZsb2F0KG1hdHJpeEFycmF5WzNdKTtcbiAgICB9XG5cbiAgICByZXR1cm4geyBzY2FsZVgsIHNjYWxlWSwgZWxlbWVudFNjYWxlIH07XG4gIH1cblxuICBwcml2YXRlIHJldmVyc2VNdWx0aXBsaWNhdGlvbihhdmcxOiBudW1iZXIsIGF2ZzI6IG51bWJlcikge1xuICAgIGlmIChhdmcyIDw9IDEpIHtcbiAgICAgIHJldHVybiBhdmcxICogYXZnMjtcbiAgICB9XG5cbiAgICByZXR1cm4gYXZnMSAvIGF2ZzI7XG4gIH1cblxuICBwcml2YXRlIHNldFBvc2l0aW9uUmVjdGFuZ2xlKHJlY3RJbWFnZTogSUJvdW5kaW5nQ2xpZW50UmVjdCwgbW91c2VQb3NpdGlvbjogeyBjbGllbnRYOiBudW1iZXIsIGNsaWVudFk6IG51bWJlciB9KSB7XG4gICAgY29uc3QgeyByYXRpb1gsIHJhdGlvWSB9ID0gdGhpcy5nZXRSYXRpbygpO1xuICAgIGNvbnN0IHsgc2NhbGVYLCBzY2FsZVkgfSA9IHRoaXMuZ2V0U2NhbGVFbGVtZW50KCk7XG5cbiAgICBjb25zdCB3aWR0aCA9IHRoaXMuRWxlbWVudC5jbGllbnRXaWR0aCAqIHRoaXMucmV2ZXJzZU11bHRpcGxpY2F0aW9uKHJhdGlvWCwgc2NhbGVYKTtcbiAgICBjb25zdCBoZWlnaHQgPSB0aGlzLkVsZW1lbnQuY2xpZW50SGVpZ2h0ICogdGhpcy5yZXZlcnNlTXVsdGlwbGljYXRpb24ocmF0aW9ZLCBzY2FsZVkpO1xuICAgIGxldCBsZWZ0U3ZnID0gbW91c2VQb3NpdGlvbi5jbGllbnRYIC0gd2lkdGggLyAyO1xuICAgIGxldCB0b3BTdmcgPSBtb3VzZVBvc2l0aW9uLmNsaWVudFkgLSBoZWlnaHQgLyAyO1xuXG4gICAgaWYgKGxlZnRTdmcgPCByZWN0SW1hZ2UubGVmdCkge1xuICAgICAgbGVmdFN2ZyA9IHJlY3RJbWFnZS5sZWZ0O1xuICAgIH1cbiAgICBpZiAobGVmdFN2ZyArIHdpZHRoID49IHJlY3RJbWFnZS5sZWZ0ICsgcmVjdEltYWdlLndpZHRoKSB7XG4gICAgICBsZWZ0U3ZnID0gcmVjdEltYWdlLmxlZnQgKyByZWN0SW1hZ2Uud2lkdGggLSB3aWR0aDtcbiAgICB9XG4gICAgaWYgKHRvcFN2ZyA8IHJlY3RJbWFnZS50b3ApIHtcbiAgICAgIHRvcFN2ZyA9IHJlY3RJbWFnZS50b3A7XG4gICAgfVxuICAgIGlmICh0b3BTdmcgKyBoZWlnaHQgPj0gcmVjdEltYWdlLnRvcCArIHJlY3RJbWFnZS5oZWlnaHQpIHtcbiAgICAgIHRvcFN2ZyA9IHJlY3RJbWFnZS50b3AgKyByZWN0SW1hZ2UuaGVpZ2h0IC0gaGVpZ2h0O1xuICAgIH1cbiAgICB0aGlzLnZpZXdQb3J0RWxlbWVudC5zdHlsZS5sZWZ0ID0gYCR7bGVmdFN2Z31weGA7XG4gICAgdGhpcy52aWV3UG9ydEVsZW1lbnQuc3R5bGUudG9wID0gYCR7dG9wU3ZnfXB4YDtcbiAgICB0aGlzLnZpZXdQb3J0RWxlbWVudC5zdHlsZS53aWR0aCA9IGAke3dpZHRofXB4YDtcbiAgICB0aGlzLnZpZXdQb3J0RWxlbWVudC5zdHlsZS5oZWlnaHQgPSBgJHtNYXRoLnJvdW5kKGhlaWdodCl9cHhgO1xuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVNaW5pTWFwKCkge1xuICAgIHRoaXMuaW1nRWxlbWVudC5maXJzdEVsZW1lbnRDaGlsZD8ucmVtb3ZlKCk7XG4gICAgbGV0IHsgcmF0aW9YLCByYXRpb1kgfSA9IHRoaXMuZ2V0UmF0aW8oKTtcbiAgICBjb25zdCBub2RlQ2xvbmUgPSB0aGlzLkVsZW1lbnQuY2xvbmVOb2RlKHRydWUpIGFzIEhUTUxFbGVtZW50O1xuICAgIG5vZGVDbG9uZS5zdHlsZS53aWR0aCA9IGAke3RoaXMuRWxlbWVudC5zY3JvbGxXaWR0aH1weGA7XG4gICAgbm9kZUNsb25lLnN0eWxlLmhlaWdodCA9IGAke3RoaXMuRWxlbWVudC5zY3JvbGxIZWlnaHR9cHhgO1xuICAgIGNvbnN0IHsgc2NhbGVYLCBzY2FsZVkgfSA9IHRoaXMuZ2V0U2NhbGVFbGVtZW50KCk7XG5cbiAgICByYXRpb1ggPSB0aGlzLnJldmVyc2VNdWx0aXBsaWNhdGlvbihyYXRpb1gsIHNjYWxlWCk7XG4gICAgcmF0aW9ZID0gdGhpcy5yZXZlcnNlTXVsdGlwbGljYXRpb24ocmF0aW9ZLCBzY2FsZVkpO1xuICAgIG5vZGVDbG9uZS5zdHlsZS50cmFuc2Zvcm0gPSBgc2NhbGUoJHtyYXRpb1h9LCR7cmF0aW9ZfSlgO1xuICAgIG5vZGVDbG9uZS5jbGFzc0xpc3QuYWRkKCdvdmVyZmxvdy11bnNldCcsJ3NlbGVjdC1ub25lJywncG9pbnRlci1ldmVudHMtbm9uZScpO1xuICAgIHRoaXMuaW1nRWxlbWVudC5hcHBlbmQobm9kZUNsb25lKTtcblxuICAgIGNvbnN0IHRyYW5zbGF0ZVggPSAobm9kZUNsb25lLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmxlZnQgLSB0aGlzLmltZ0VsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkubGVmdCkgLyByYXRpb1g7XG4gICAgY29uc3QgdHJhbnNsYXRlWSA9IChub2RlQ2xvbmUuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkudG9wIC0gdGhpcy5pbWdFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLnRvcCkgLyByYXRpb1k7XG4gICAgY29uc3Qgdmlld1BvcnRFbGVtZW50ID0gdGhpcy52aWV3UG9ydEVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgY29uc3QgcmVjdEltYWdlID0gdGhpcy5pbWdFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIGNvbnN0IGV2ZW50ID0ge1xuICAgICAgY2xpZW50WDogdGhpcy5FbGVtZW50LnNjcm9sbExlZnQgKiByYXRpb1ggKyByZWN0SW1hZ2UubGVmdCArIHZpZXdQb3J0RWxlbWVudC53aWR0aCAvIDIsXG4gICAgICBjbGllbnRZOiB0aGlzLkVsZW1lbnQuc2Nyb2xsVG9wICogcmF0aW9ZICsgcmVjdEltYWdlLnRvcCArIHZpZXdQb3J0RWxlbWVudC5oZWlnaHQgLyAyXG4gICAgfSBhcyBNb3VzZUV2ZW50O1xuXG4gICAgbm9kZUNsb25lLnN0eWxlLnRyYW5zZm9ybSA9IGBzY2FsZSgke3JhdGlvWH0sJHtyYXRpb1l9KSB0cmFuc2xhdGUoLSR7dHJhbnNsYXRlWH1weCwtJHt0cmFuc2xhdGVZfXB4KWA7XG4gICAgdGhpcy5zZXRQb3NpdGlvblJlY3RhbmdsZShyZWN0SW1hZ2UsIGV2ZW50KTtcbiAgfVxuXG4gIHByaXZhdGUgdG9nZ2xlKCkge1xuICAgIGlmICh0aGlzLmlzU2hvdygpKSB7XG4gICAgICB0aGlzLmhpZGRlbigpO1xuXG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5zaG93KCk7XG4gIH1cblxuICBwcml2YXRlIGhpZGRlbigpIHtcbiAgICB0aGlzLmlzU2hvdy5zZXQoZmFsc2UpO1xuICAgIHRoaXMuY29udGFpbmVyRWxlbWVudD8uY2xhc3NMaXN0LmFkZCgnaW52aXNpYmxlJyk7XG4gICAgdGhpcy52aWV3UG9ydEVsZW1lbnQuY2xhc3NMaXN0LmFkZCgnaW52aXNpYmxlJyk7XG4gIH1cblxuICBwcml2YXRlIHNob3coKSB7XG4gICAgdGhpcy5pc1Nob3cuc2V0KHRydWUpO1xuICAgIHRoaXMuY29udGFpbmVyRWxlbWVudD8uY2xhc3NMaXN0LnJlbW92ZSgnaW52aXNpYmxlJyk7XG4gICAgdGhpcy52aWV3UG9ydEVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZSgnaW52aXNpYmxlJyk7XG4gIH1cblxuICBwcml2YXRlIGdldCBFbGVtZW50KCk6IEhUTUxFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy5lbGVtZW50U2Nyb2xsKCkgfHwgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICAvLyAjZW5kcmVnaW9uXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMub25EZXN0cm95Lm5leHQoKTtcbiAgICB0aGlzLm9uRGVzdHJveS5jb21wbGV0ZSgpO1xuICB9XG59Il19

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,239 @@
+import * as i0 from '@angular/core';
+import { signal, input, output, inject, ElementRef, Renderer2, 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);
+    renderer2 = inject(Renderer2);
+    // #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({
+                show: this.show.bind(this),
+                hidden: this.hidden.bind(this),
+                toggle: this.toggle.bind(this)
+            });
+            this.initEvent();
+        }), takeUntil(this.onDestroy)).subscribe();
+    }
+    // #region FUNCTIONS
+    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.renderer2);
+        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.renderer2);
+        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.13", ngImport: i0, type: LibsUiComponentsMinimapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", 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.13", 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, Renderer2, 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  private renderer2 = inject(Renderer2);\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()).pipe(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({\n        show: this.show.bind(this),\n        hidden: this.hidden.bind(this),\n        toggle: this.toggle.bind(this)\n      });\n      this.initEvent();\n    }),\n      takeUntil(this.onDestroy)).subscribe();\n  }\n\n  // #region FUNCTIONS\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    }, this.renderer2);\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    }, this.renderer2);\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').pipe(tap(event => event.stopPropagation()), takeUntil(this.onDestroy)).subscribe((event) => handlerScrollElement(event as MouseEvent));\n    fromEvent<Event>(window, 'resize').pipe(tap(event => event.stopPropagation()), takeUntil(this.onDestroy)).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 * 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;
+    private renderer2;
+    ngAfterViewInit(): void;
+    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.2.306.1",
+  "peerDependencies": {
+    "@angular/core": ">=18.0.0",
+    "@libs-ui/interfaces-types": "0.2.306.1",
+    "@libs-ui/utils": "0.2.306.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"
+  }
+}