npm - @elementar-rt/components - Versions diffs - 0.6.55 - Mend

@elementar-rt/components 0.6.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (259) hide show

package/fesm2022/elementar-rt-components-signature-pad.mjs ADDED Viewed

@@ -0,0 +1,452 @@
+import * as i0 from '@angular/core';
+import { model, input, output, viewChild, signal, inject, PLATFORM_ID, DOCUMENT, afterNextRender, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { Subject, merge, fromEvent } from 'rxjs';
+import { tap, filter, map, switchMap, takeUntil } from 'rxjs/operators';
+import { BrandColorsComponent } from '@elementar-rt/components/brand-colors';
+import { MatIconButton } from '@angular/material/button';
+import { MatIcon } from '@angular/material/icon';
+function ease(x) {
+    return 1 - Math.sqrt(1 - Math.pow(x, 2));
+}
+class LazyPoint {
+    x;
+    y;
+    constructor(x, y) {
+        this.x = x;
+        this.y = y;
+    }
+    update(point) {
+        this.x = point.x;
+        this.y = point.y;
+        return this;
+    }
+    moveByAngle(angle, distance, friction) {
+        const angleRotated = angle + Math.PI / 2;
+        if (friction) {
+            this.x = this.x + Math.sin(angleRotated) * distance * ease(1 - friction);
+            this.y = this.y - Math.cos(angleRotated) * distance * ease(1 - friction);
+        }
+        else {
+            this.x = this.x + Math.sin(angleRotated) * distance;
+            this.y = this.y - Math.cos(angleRotated) * distance;
+        }
+        return this;
+    }
+    equalsTo(point) {
+        return this.x === point.x && this.y === point.y;
+    }
+    getDifferenceTo(point) {
+        return new LazyPoint(this.x - point.x, this.y - point.y);
+    }
+    getDistanceTo(point) {
+        const diff = this.getDifferenceTo(point);
+        return Math.sqrt(Math.pow(diff.x, 2) + Math.pow(diff.y, 2));
+    }
+    getAngleTo(point) {
+        const diff = this.getDifferenceTo(point);
+        return Math.atan2(diff.y, diff.x);
+    }
+    toObject() {
+        return {
+            x: this.x,
+            y: this.y
+        };
+    }
+}
+const RADIUS_DEFAULT = 30;
+class LazyBrush {
+    _isEnabled;
+    _hasMoved;
+    radius;
+    pointer;
+    brush;
+    angle;
+    distance;
+    friction;
+    constructor(options = {}) {
+        const initialPoint = options.initialPoint || { x: 0, y: 0 };
+        this.radius = options.radius || RADIUS_DEFAULT;
+        this._isEnabled = options.enabled === false ? false : true;
+        this.friction = options.friction || 0;
+        this.pointer = new LazyPoint(initialPoint.x, initialPoint.y);
+        this.brush = new LazyPoint(initialPoint.x, initialPoint.y);
+        this.angle = 0;
+        this.distance = 0;
+        this._hasMoved = false;
+    }
+    enable() { this._isEnabled = true; }
+    disable() { this._isEnabled = false; }
+    isEnabled() { return this._isEnabled; }
+    setRadius(radius) { this.radius = radius; }
+    getRadius() { return this.radius; }
+    setFriction(friction) { this.friction = Math.max(0, Math.min(1, friction)); }
+    getFriction() { return this.friction; }
+    getBrushCoordinates() { return this.brush.toObject(); }
+    getPointerCoordinates() { return this.pointer.toObject(); }
+    getBrush() { return this.brush; }
+    getPointer() { return this.pointer; }
+    getAngle() { return this.angle; }
+    getDistance() { return this.distance; }
+    brushHasMoved() { return this._hasMoved; }
+    update(newPointerPoint, options = {}) {
+        this._hasMoved = false;
+        const currentFriction = options.friction !== undefined ? options.friction : this.friction;
+        if (this.pointer.equalsTo(newPointerPoint) &&
+            !options.both &&
+            currentFriction === this.friction) {
+            return false;
+        }
+        this.pointer.update(newPointerPoint);
+        if (options.both) {
+            this._hasMoved = true;
+            this.brush.update(newPointerPoint);
+            return true;
+        }
+        if (this._isEnabled) {
+            this.distance = this.pointer.getDistanceTo(this.brush);
+            this.angle = this.pointer.getAngleTo(this.brush);
+            const isOutside = this.distance > this.radius;
+            if (isOutside) {
+                this.brush.moveByAngle(this.angle, this.distance - this.radius, currentFriction);
+                this._hasMoved = true;
+            }
+        }
+        else {
+            this.distance = 0;
+            this.angle = 0;
+            this.brush.update(newPointerPoint);
+            this._hasMoved = true;
+        }
+        return true;
+    }
+}
+class SignaturePadComponent {
+    penColor = model('#000', ...(ngDevMode ? [{ debugName: "penColor" }] : []));
+    lineWidth = input(4, ...(ngDevMode ? [{ debugName: "lineWidth" }] : []));
+    backgroundColor = input('transparent', ...(ngDevMode ? [{ debugName: "backgroundColor" }] : []));
+    lazyRadius = input(3, ...(ngDevMode ? [{ debugName: "lazyRadius" }] : []));
+    lazyFriction = input(0.1, ...(ngDevMode ? [{ debugName: "lazyFriction" }] : []));
+    lazyEnabled = input(true, ...(ngDevMode ? [{ debugName: "lazyEnabled" }] : []));
+    colors = input(['#000', '#0059ff', '#ff0000'], ...(ngDevMode ? [{ debugName: "colors" }] : []));
+    signatureSaved = output();
+    signatureCleared = output();
+    mainCanvasRef = viewChild.required('signatureCanvas');
+    canvasWidth = signal(400, ...(ngDevMode ? [{ debugName: "canvasWidth" }] : []));
+    canvasHeight = signal(200, ...(ngDevMode ? [{ debugName: "canvasHeight" }] : []));
+    mainContext = signal(null, ...(ngDevMode ? [{ debugName: "mainContext" }] : []));
+    memoryCanvasElement = null;
+    memoryContext = signal(null, ...(ngDevMode ? [{ debugName: "memoryContext" }] : []));
+    lazyBrushInstance;
+    isDrawing = signal(false, ...(ngDevMode ? [{ debugName: "isDrawing" }] : []));
+    currentStrokePoints = signal([], ...(ngDevMode ? [{ debugName: "currentStrokePoints" }] : []));
+    resizeObserver;
+    platformId = inject(PLATFORM_ID);
+    document = inject(DOCUMENT);
+    subscriptions = [];
+    pointerDown$ = new Subject();
+    constructor() {
+        if (isPlatformBrowser(this.platformId)) {
+            afterNextRender(() => {
+                this.initializeLazyBrush();
+                this.initializeCanvasesAndContexts();
+                this.setupResizeObserver();
+                this.setupPointerEvents();
+            });
+        }
+        effect(() => {
+            const currentWidth = this.canvasWidth();
+            const currentHeight = this.canvasHeight();
+            this.backgroundColor();
+            if (this.mainContext() && this.memoryContext() && this.mainCanvasRef() && this.memoryCanvasElement && this.lazyBrushInstance) {
+                const mainCanvasEl = this.mainCanvasRef().nativeElement;
+                mainCanvasEl.width = currentWidth;
+                mainCanvasEl.height = currentHeight;
+                this.memoryCanvasElement.width = currentWidth;
+                this.memoryCanvasElement.height = currentHeight;
+                this.configureContextStyling(this.mainContext());
+                this.configureContextStyling(this.memoryContext());
+                this.mainContext().fillStyle = this.backgroundColor();
+                this.mainContext().fillRect(0, 0, currentWidth, currentHeight);
+                this.memoryContext().clearRect(0, 0, currentWidth, currentHeight);
+                this.currentStrokePoints.set([]);
+                this.lazyBrushInstance.pointer.update({ x: 0, y: 0 });
+                this.lazyBrushInstance.brush.update({ x: 0, y: 0 });
+            }
+        });
+        effect(() => {
+            this.penColor();
+            this.lineWidth();
+            if (this.mainContext()) {
+                this.mainContext().strokeStyle = this.penColor();
+                this.mainContext().lineWidth = this.lineWidth();
+                this.mainContext().fillStyle = this.penColor();
+            }
+            if (this.memoryContext()) {
+                this.memoryContext().strokeStyle = this.penColor();
+                this.memoryContext().lineWidth = this.lineWidth();
+                this.memoryContext().fillStyle = this.penColor();
+            }
+        });
+        effect(() => {
+            if (this.lazyBrushInstance) {
+                this.lazyBrushInstance.setRadius(this.lazyRadius());
+                this.lazyBrushInstance.setFriction(this.lazyFriction());
+                this.lazyEnabled() ? this.lazyBrushInstance.enable() : this.lazyBrushInstance.disable();
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.subscriptions.forEach(sub => sub.unsubscribe());
+        if (this.resizeObserver && this.mainCanvasRef()) {
+            this.resizeObserver.unobserve(this.mainCanvasRef().nativeElement);
+        }
+    }
+    setupPointerEvents() {
+        const canvasEl = this.mainCanvasRef().nativeElement;
+        const pointerDownEvents$ = merge(fromEvent(canvasEl, 'mousedown'), fromEvent(canvasEl, 'touchstart').pipe(tap(event => { if (event.cancelable)
+            event.preventDefault(); }))).pipe(filter(() => !!this.mainContext() && !!this.lazyBrushInstance), map(event => this.getCoordinates(event)), filter((coords) => coords !== null));
+        const pointerMoveEvents$ = merge(fromEvent(this.document, 'mousemove'), fromEvent(this.document, 'touchmove').pipe(tap(event => { if (event.cancelable)
+            event.preventDefault(); }))).pipe(map(event => this.getCoordinates(event)), filter((coords) => coords !== null));
+        const pointerUpEvents$ = merge(fromEvent(this.document, 'mouseup'), fromEvent(this.document, 'touchend'), fromEvent(this.document, 'touchcancel'));
+        const drawingStream$ = pointerDownEvents$.pipe(tap(coords => this.handlePointerDownLogic(coords)), switchMap(() => pointerMoveEvents$.pipe(takeUntil(pointerUpEvents$.pipe(tap(event => this.handlePointerUpLogic(event)))))));
+        this.subscriptions.push(drawingStream$.subscribe(coords => {
+            this.handlePointerMoveLogic(coords);
+        }));
+    }
+    setupResizeObserver() {
+        const canvasEl = this.mainCanvasRef().nativeElement;
+        this.resizeObserver = new ResizeObserver(entries => {
+            for (const entry of entries) {
+                const contentBoxSize = Array.isArray(entry.contentBoxSize) ? entry.contentBoxSize[0] : entry.contentBoxSize;
+                const newWidth = contentBoxSize ? contentBoxSize.inlineSize : entry.contentRect.width;
+                const newHeight = contentBoxSize ? contentBoxSize.blockSize : entry.contentRect.height;
+                if (newWidth > 0 && newHeight > 0 && (this.canvasWidth() !== newWidth || this.canvasHeight() !== newHeight)) {
+                    this.canvasWidth.set(newWidth);
+                    this.canvasHeight.set(newHeight);
+                }
+            }
+        });
+        this.resizeObserver.observe(canvasEl);
+    }
+    initializeLazyBrush() {
+        const options = {
+            radius: this.lazyRadius(),
+            enabled: this.lazyEnabled(),
+            initialPoint: { x: 0, y: 0 },
+            friction: this.lazyFriction()
+        };
+        this.lazyBrushInstance = new LazyBrush(options);
+    }
+    initializeCanvasesAndContexts() {
+        const mainCanvasEl = this.mainCanvasRef().nativeElement;
+        const mainCtx = mainCanvasEl.getContext('2d');
+        if (!mainCtx) {
+            console.error('Failed to get 2D context for main canvas');
+            return;
+        }
+        this.mainContext.set(mainCtx);
+        this.memoryCanvasElement = document.createElement('canvas');
+        const memCtx = this.memoryCanvasElement.getContext('2d');
+        if (!memCtx) {
+            console.error('Failed to get 2D context for memory canvas');
+            return;
+        }
+        this.memoryContext.set(memCtx);
+    }
+    configureContextStyling(ctx) {
+        ctx.strokeStyle = this.penColor();
+        ctx.lineWidth = this.lineWidth();
+        ctx.lineCap = 'round';
+        ctx.lineJoin = 'round';
+        ctx.fillStyle = this.penColor();
+    }
+    handlePointerDownLogic(coords) {
+        this.isDrawing.set(true);
+        this.lazyBrushInstance.update(coords, { both: true });
+        this.currentStrokePoints.set([this.lazyBrushInstance.getBrushCoordinates()]);
+    }
+    handlePointerMoveLogic(coords) {
+        const mainCtx = this.mainContext();
+        const memCanvas = this.memoryCanvasElement;
+        if (!mainCtx || !memCanvas || !this.lazyBrushInstance)
+            return;
+        this.lazyBrushInstance.update(coords);
+        if (this.lazyBrushInstance.brushHasMoved()) {
+            this.currentStrokePoints.update(points => [...points, this.lazyBrushInstance.getBrushCoordinates()]);
+            mainCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());
+            mainCtx.drawImage(memCanvas, 0, 0);
+            this.drawSmoothStroke(mainCtx, this.currentStrokePoints());
+        }
+    }
+    handlePointerUpLogic(event) {
+        if (!this.isDrawing())
+            return;
+        const mainCtx = this.mainContext();
+        const memCtx = this.memoryContext();
+        const mainCanvasEl = this.mainCanvasRef().nativeElement;
+        if (!mainCtx || !memCtx || !this.memoryCanvasElement || !this.lazyBrushInstance) {
+            this.isDrawing.set(false);
+            this.currentStrokePoints.set([]);
+            return;
+        }
+        const coords = event ? this.getCoordinates(event) : this.lazyBrushInstance.getPointerCoordinates();
+        if (coords) {
+            this.lazyBrushInstance.update(coords);
+            if (this.lazyBrushInstance.brushHasMoved()) {
+                this.currentStrokePoints.update(points => [...points, this.lazyBrushInstance.getBrushCoordinates()]);
+            }
+        }
+        if (this.currentStrokePoints().length > 0) {
+            mainCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());
+            mainCtx.drawImage(this.memoryCanvasElement, 0, 0);
+            this.drawSmoothStroke(mainCtx, this.currentStrokePoints());
+        }
+        memCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());
+        memCtx.drawImage(mainCanvasEl, 0, 0);
+        this.isDrawing.set(false);
+        this.currentStrokePoints.set([]);
+        this.save();
+    }
+    drawSmoothStroke(ctx, points) {
+        if (points.length === 0)
+            return;
+        ctx.strokeStyle = this.penColor();
+        ctx.lineWidth = this.lineWidth();
+        ctx.fillStyle = this.penColor();
+        ctx.lineCap = 'round';
+        ctx.lineJoin = 'round';
+        if (points.length < 3) {
+            const p1 = points[0];
+            ctx.beginPath();
+            if (points.length === 1) {
+                const radius = this.lineWidth() / 2;
+                ctx.arc(p1.x, p1.y, Math.max(0.5, radius), 0, Math.PI * 2, true);
+                ctx.fill();
+            }
+            else {
+                const p2 = points[1];
+                ctx.moveTo(p1.x, p1.y);
+                ctx.lineTo(p2.x, p2.y);
+                ctx.stroke();
+            }
+            ctx.closePath();
+            return;
+        }
+        ctx.beginPath();
+        ctx.moveTo(points[0].x, points[0].y);
+        let i;
+        for (i = 1; i < points.length - 2; i++) {
+            const c = (points[i].x + points[i + 1].x) / 2;
+            const d = (points[i].y + points[i + 1].y) / 2;
+            ctx.quadraticCurveTo(points[i].x, points[i].y, c, d);
+        }
+        ctx.quadraticCurveTo(points[i].x, points[i].y, points[i + 1].x, points[i + 1].y);
+        ctx.stroke();
+        ctx.closePath();
+    }
+    getCoordinates(event) {
+        const canvas = this.mainCanvasRef()?.nativeElement;
+        if (!canvas)
+            return null;
+        const rect = canvas.getBoundingClientRect();
+        let clientX, clientY;
+        if (event instanceof MouseEvent) {
+            clientX = event.clientX;
+            clientY = event.clientY;
+        }
+        else if (event instanceof TouchEvent) {
+            const touch = event.touches.length > 0 ? event.touches[0] :
+                (event.changedTouches.length > 0 ? event.changedTouches[0] : null);
+            if (touch) {
+                clientX = touch.clientX;
+                clientY = touch.clientY;
+            }
+            else {
+                return null;
+            }
+        }
+        else {
+            return null;
+        }
+        const scaleX = canvas.width / rect.width;
+        const scaleY = canvas.height / rect.height;
+        return {
+            x: (clientX - rect.left) * scaleX,
+            y: (clientY - rect.top) * scaleY,
+        };
+    }
+    clear() {
+        const mainCtx = this.mainContext();
+        const memCtx = this.memoryContext();
+        if (mainCtx) {
+            mainCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());
+            mainCtx.fillStyle = this.backgroundColor();
+            mainCtx.fillRect(0, 0, this.canvasWidth(), this.canvasHeight());
+        }
+        if (memCtx) {
+            memCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());
+        }
+        this.currentStrokePoints.set([]);
+        if (this.lazyBrushInstance) {
+            const currentPointer = this.lazyBrushInstance.getPointerCoordinates();
+            this.lazyBrushInstance.update(currentPointer, { both: true });
+        }
+        this.signatureCleared.emit();
+    }
+    save() {
+        const memCanvas = this.memoryCanvasElement;
+        if (!memCanvas) {
+            console.warn('Memory canvas not available for saving.');
+            return;
+        }
+        if (this.isCanvasEffectivelyBlank(memCanvas)) {
+            console.warn('Canvas is effectively empty or contains only background. Nothing to save.');
+            return;
+        }
+        const dataUrl = memCanvas.toDataURL('image/png');
+        this.signatureSaved.emit(dataUrl);
+    }
+    onColorChange(color) {
+        this.penColor.set(color);
+    }
+    isCanvasEffectivelyBlank(canvas) {
+        if (!canvas)
+            return true;
+        const tempCanvas = document.createElement('canvas');
+        tempCanvas.width = canvas.width;
+        tempCanvas.height = canvas.height;
+        const tempCtx = tempCanvas.getContext('2d');
+        if (!tempCtx)
+            return true;
+        tempCtx.fillStyle = this.backgroundColor();
+        tempCtx.fillRect(0, 0, tempCanvas.width, tempCanvas.height);
+        return canvas.toDataURL() === tempCanvas.toDataURL();
+    }
+    handleEscapeKey(event) {
+        this.clear();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SignaturePadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.10", type: SignaturePadComponent, isStandalone: true, selector: "emr-signature-pad", inputs: { penColor: { classPropertyName: "penColor", publicName: "penColor", isSignal: true, isRequired: false, transformFunction: null }, lineWidth: { classPropertyName: "lineWidth", publicName: "lineWidth", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, lazyRadius: { classPropertyName: "lazyRadius", publicName: "lazyRadius", isSignal: true, isRequired: false, transformFunction: null }, lazyFriction: { classPropertyName: "lazyFriction", publicName: "lazyFriction", isSignal: true, isRequired: false, transformFunction: null }, lazyEnabled: { classPropertyName: "lazyEnabled", publicName: "lazyEnabled", isSignal: true, isRequired: false, transformFunction: null }, colors: { classPropertyName: "colors", publicName: "colors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { penColor: "penColorChange", signatureSaved: "signatureSaved", signatureCleared: "signatureCleared" }, host: { listeners: { "document:keydown.escape": "handleEscapeKey($event)" }, classAttribute: "emr-signature-pad" }, viewQueries: [{ propertyName: "mainCanvasRef", first: true, predicate: ["signatureCanvas"], descendants: true, isSignal: true }], exportAs: ["emrSignaturePad"], ngImport: i0, template: "<canvas #signatureCanvas\r\n        class=\"signature-canvas\">\r\n  Your browser does not support the HTML canvas tag.\r\n</canvas>\r\n<div class=\"line\"></div>\r\n<emr-brand-colors [selectedColor]=\"penColor()\"\r\n                  [colors]=\"colors()\"\r\n                  (colorChange)=\"onColorChange($event)\"/>\r\n<div class=\"clear-button\">\r\n  <button mat-icon-button (click)=\"clear()\">\r\n    <mat-icon>clear</mat-icon>\r\n  </button>\r\n</div>\r\n", styles: [":host{display:block;position:relative;width:max-content;height:max-content;background:var(--color-surface-container-lowest)}:host canvas{width:500px;height:250px;z-index:1;position:relative}:host .emr-brand-colors{--emr-brand-colors-color-size: calc(var(--spacing, .25rem) * 5);--emr-brand-colors-gap: calc(var(--spacing, .25rem) * 2);position:absolute;top:calc(var(--spacing, .25rem) * 3);right:calc(var(--spacing, .25rem) * 3);z-index:2}:host .clear-button{position:absolute;top:calc(var(--spacing, .25rem) * 1);left:calc(var(--spacing, .25rem) * 1);z-index:2}:host .line{position:absolute;height:1px;z-index:0;background:var(--color-surface-container-highest);left:40px;right:40px;bottom:50px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: BrandColorsComponent, selector: "emr-brand-colors", inputs: ["colors", "selectedColor", "withGradient", "disabled"], outputs: ["colorChange"], exportAs: ["emrBrandColors"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SignaturePadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-signature-pad', exportAs: 'emrSignaturePad', standalone: true, imports: [
+                        BrandColorsComponent,
+                        MatIconButton,
+                        MatIcon
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'emr-signature-pad',
+                        '(document:keydown.escape)': 'handleEscapeKey($event)',
+                    }, template: "<canvas #signatureCanvas\r\n        class=\"signature-canvas\">\r\n  Your browser does not support the HTML canvas tag.\r\n</canvas>\r\n<div class=\"line\"></div>\r\n<emr-brand-colors [selectedColor]=\"penColor()\"\r\n                  [colors]=\"colors()\"\r\n                  (colorChange)=\"onColorChange($event)\"/>\r\n<div class=\"clear-button\">\r\n  <button mat-icon-button (click)=\"clear()\">\r\n    <mat-icon>clear</mat-icon>\r\n  </button>\r\n</div>\r\n", styles: [":host{display:block;position:relative;width:max-content;height:max-content;background:var(--color-surface-container-lowest)}:host canvas{width:500px;height:250px;z-index:1;position:relative}:host .emr-brand-colors{--emr-brand-colors-color-size: calc(var(--spacing, .25rem) * 5);--emr-brand-colors-gap: calc(var(--spacing, .25rem) * 2);position:absolute;top:calc(var(--spacing, .25rem) * 3);right:calc(var(--spacing, .25rem) * 3);z-index:2}:host .clear-button{position:absolute;top:calc(var(--spacing, .25rem) * 1);left:calc(var(--spacing, .25rem) * 1);z-index:2}:host .line{position:absolute;height:1px;z-index:0;background:var(--color-surface-container-highest);left:40px;right:40px;bottom:50px}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { penColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "penColor", required: false }] }, { type: i0.Output, args: ["penColorChange"] }], lineWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineWidth", required: false }] }], backgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundColor", required: false }] }], lazyRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyRadius", required: false }] }], lazyFriction: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyFriction", required: false }] }], lazyEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyEnabled", required: false }] }], colors: [{ type: i0.Input, args: [{ isSignal: true, alias: "colors", required: false }] }], signatureSaved: [{ type: i0.Output, args: ["signatureSaved"] }], signatureCleared: [{ type: i0.Output, args: ["signatureCleared"] }], mainCanvasRef: [{ type: i0.ViewChild, args: ['signatureCanvas', { isSignal: true }] }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { SignaturePadComponent };
+//# sourceMappingURL=elementar-rt-components-signature-pad.mjs.map

package/fesm2022/elementar-rt-components-signature-pad.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"elementar-rt-components-signature-pad.mjs","sources":["../../../projects/components/signature-pad/src/lazy-point.ts","../../../projects/components/signature-pad/src/lazy-brush.ts","../../../projects/components/signature-pad/src/signature-pad/signature-pad.component.ts","../../../projects/components/signature-pad/src/signature-pad/signature-pad.component.html","../../../projects/components/signature-pad/elementar-rt-components-signature-pad.ts"],"sourcesContent":["export interface Point {\r\n x: number;\r\n y: number;\r\n}\r\n\r\nfunction ease(x: number): number {\r\n return 1 - Math.sqrt(1 - Math.pow(x, 2));\r\n}\r\n\r\nexport class LazyPoint implements Point {\r\n x: number;\r\n y: number;\r\n\r\n constructor(x: number, y: number) {\r\n this.x = x;\r\n this.y = y;\r\n }\r\n\r\n update(point: Point): LazyPoint {\r\n this.x = point.x;\r\n this.y = point.y;\r\n return this;\r\n }\r\n\r\n moveByAngle(\r\n angle: number,\r\n distance: number,\r\n friction?: number\r\n ): LazyPoint {\r\n const angleRotated = angle + Math.PI / 2;\r\n\r\n if (friction) {\r\n this.x = this.x + Math.sin(angleRotated) * distance * ease(1 - friction);\r\n this.y = this.y - Math.cos(angleRotated) * distance * ease(1 - friction);\r\n } else {\r\n this.x = this.x + Math.sin(angleRotated) * distance;\r\n this.y = this.y - Math.cos(angleRotated) * distance;\r\n }\r\n return this;\r\n }\r\n\r\n equalsTo(point: Point): boolean {\r\n return this.x === point.x && this.y === point.y;\r\n }\r\n\r\n getDifferenceTo(point: Point): LazyPoint {\r\n return new LazyPoint(this.x - point.x, this.y - point.y);\r\n }\r\n\r\n getDistanceTo(point: Point): number {\r\n const diff = this.getDifferenceTo(point);\r\n return Math.sqrt(Math.pow(diff.x, 2) + Math.pow(diff.y, 2));\r\n }\r\n\r\n getAngleTo(point: Point): number {\r\n const diff = this.getDifferenceTo(point);\r\n return Math.atan2(diff.y, diff.x);\r\n }\r\n\r\n toObject(): Point {\r\n return {\r\n x: this.x,\r\n y: this.y\r\n };\r\n }\r\n}\r\n","import { LazyPoint, Point } from './lazy-point';\r\n\r\nconst RADIUS_DEFAULT = 30;\r\n\r\nexport interface LazyBrushOptions {\r\n radius?: number;\r\n enabled?: boolean;\r\n initialPoint?: Point;\r\n friction?: number;\r\n}\r\n\r\nexport interface LazyBrushUpdateOptions {\r\n both?: boolean;\r\n friction?: number;\r\n}\r\n\r\nexport class LazyBrush {\r\n _isEnabled: boolean;\r\n _hasMoved: boolean;\r\n radius: number;\r\n pointer: LazyPoint;\r\n brush: LazyPoint;\r\n angle: number;\r\n distance: number;\r\n friction: number;\r\n\r\n constructor(options: LazyBrushOptions = {}) {\r\n const initialPoint = options.initialPoint || { x: 0, y: 0 };\r\n this.radius = options.radius || RADIUS_DEFAULT;\r\n this._isEnabled = options.enabled === false ? false : true;\r\n this.friction = options.friction || 0;\r\n\r\n this.pointer = new LazyPoint(initialPoint.x, initialPoint.y);\r\n this.brush = new LazyPoint(initialPoint.x, initialPoint.y);\r\n\r\n this.angle = 0;\r\n this.distance = 0;\r\n this._hasMoved = false;\r\n }\r\n\r\n enable(): void { this._isEnabled = true; }\r\n disable(): void { this._isEnabled = false; }\r\n isEnabled(): boolean { return this._isEnabled; }\r\n setRadius(radius: number): void { this.radius = radius; }\r\n getRadius(): number { return this.radius; }\r\n setFriction(friction: number): void { this.friction = Math.max(0, Math.min(1, friction)); }\r\n getFriction(): number { return this.friction; }\r\n getBrushCoordinates(): Point { return this.brush.toObject(); }\r\n getPointerCoordinates(): Point { return this.pointer.toObject(); }\r\n getBrush(): LazyPoint { return this.brush; }\r\n getPointer(): LazyPoint { return this.pointer; }\r\n getAngle(): number { return this.angle; }\r\n getDistance(): number { return this.distance; }\r\n brushHasMoved(): boolean { return this._hasMoved; }\r\n\r\n update(\r\n newPointerPoint: Point,\r\n options: LazyBrushUpdateOptions = {}\r\n ): boolean {\r\n this._hasMoved = false;\r\n const currentFriction = options.friction !== undefined ? options.friction : this.friction;\r\n\r\n if (\r\n this.pointer.equalsTo(newPointerPoint) &&\r\n !options.both &&\r\n currentFriction === this.friction\r\n ) {\r\n return false;\r\n }\r\n\r\n this.pointer.update(newPointerPoint);\r\n\r\n if (options.both) {\r\n this._hasMoved = true;\r\n this.brush.update(newPointerPoint);\r\n return true;\r\n }\r\n\r\n if (this._isEnabled) {\r\n this.distance = this.pointer.getDistanceTo(this.brush);\r\n this.angle = this.pointer.getAngleTo(this.brush);\r\n const isOutside = this.distance > this.radius;\r\n if (isOutside) {\r\n this.brush.moveByAngle(\r\n this.angle,\r\n this.distance - this.radius,\r\n currentFriction\r\n );\r\n this._hasMoved = true;\r\n }\r\n } else {\r\n this.distance = 0;\r\n this.angle = 0;\r\n this.brush.update(newPointerPoint);\r\n this._hasMoved = true;\r\n }\r\n return true;\r\n }\r\n}\r\n","import {\r\n Component,\r\n ElementRef,\r\n signal,\r\n viewChild,\r\n afterNextRender,\r\n effect,\r\n input,\r\n output,\r\n ChangeDetectionStrategy,\r\n OnDestroy,\r\n inject,\r\n PLATFORM_ID, model,\r\n DOCUMENT\r\n} from '@angular/core';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport { fromEvent, Subscription, merge, Subject } from 'rxjs';\r\nimport { switchMap, takeUntil, map, filter, tap } from 'rxjs/operators';\r\nimport { Point } from '../lazy-point';\r\nimport { LazyBrush, LazyBrushOptions } from '../lazy-brush';\r\nimport { BrandColorsComponent } from '@elementar-rt/components/brand-colors';\r\nimport { MatIconButton } from '@angular/material/button';\r\nimport { MatIcon } from '@angular/material/icon';\r\n\r\n@Component({\r\n selector: 'emr-signature-pad',\r\n exportAs: 'emrSignaturePad',\r\n standalone: true,\r\n imports: [\r\n BrandColorsComponent,\r\n MatIconButton,\r\n MatIcon\r\n ],\r\n templateUrl: './signature-pad.component.html',\r\n styleUrl: './signature-pad.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: {\r\n 'class': 'emr-signature-pad',\r\n '(document:keydown.escape)': 'handleEscapeKey($event)',\r\n }\r\n})\r\nexport class SignaturePadComponent implements OnDestroy {\r\n penColor = model<string>('#000');\r\n lineWidth = input<number>(4);\r\n backgroundColor = input<string>('transparent');\r\n lazyRadius = input<number>(3);\r\n lazyFriction = input<number>(0.1);\r\n lazyEnabled = input<boolean>(true);\r\n colors = input<string[]>(['#000', '#0059ff', '#ff0000']);\r\n\r\n signatureSaved = output<string>();\r\n signatureCleared = output<void>();\r\n\r\n mainCanvasRef = viewChild.required<ElementRef<HTMLCanvasElement>>('signatureCanvas');\r\n\r\n private canvasWidth = signal<number>(400);\r\n private canvasHeight = signal<number>(200);\r\n\r\n private mainContext = signal<CanvasRenderingContext2D | null>(null);\r\n private memoryCanvasElement: HTMLCanvasElement | null = null;\r\n private memoryContext = signal<CanvasRenderingContext2D | null>(null);\r\n private lazyBrushInstance!: LazyBrush;\r\n private isDrawing = signal(false);\r\n private currentStrokePoints = signal<Point[]>([]);\r\n\r\n private resizeObserver!: ResizeObserver;\r\n private platformId = inject(PLATFORM_ID);\r\n private document = inject(DOCUMENT);\r\n\r\n private subscriptions: Subscription[] = [];\r\n private pointerDown$ = new Subject<Point>();\r\n\r\n constructor() {\r\n if (isPlatformBrowser(this.platformId)) {\r\n afterNextRender(() => {\r\n this.initializeLazyBrush();\r\n this.initializeCanvasesAndContexts();\r\n this.setupResizeObserver();\r\n this.setupPointerEvents();\r\n });\r\n }\r\n\r\n effect(() => {\r\n const currentWidth = this.canvasWidth();\r\n const currentHeight = this.canvasHeight();\r\n this.backgroundColor();\r\n if (this.mainContext() && this.memoryContext() && this.mainCanvasRef() && this.memoryCanvasElement && this.lazyBrushInstance) {\r\n const mainCanvasEl = this.mainCanvasRef().nativeElement;\r\n mainCanvasEl.width = currentWidth;\r\n mainCanvasEl.height = currentHeight;\r\n this.memoryCanvasElement.width = currentWidth;\r\n this.memoryCanvasElement.height = currentHeight;\r\n this.configureContextStyling(this.mainContext()!);\r\n this.configureContextStyling(this.memoryContext()!);\r\n this.mainContext()!.fillStyle = this.backgroundColor();\r\n this.mainContext()!.fillRect(0, 0, currentWidth, currentHeight);\r\n this.memoryContext()!.clearRect(0,0, currentWidth, currentHeight);\r\n this.currentStrokePoints.set([]);\r\n this.lazyBrushInstance.pointer.update({x:0, y:0});\r\n this.lazyBrushInstance.brush.update({x:0, y:0});\r\n }\r\n });\r\n\r\n effect(() => {\r\n this.penColor(); this.lineWidth();\r\n if (this.mainContext()) {\r\n this.mainContext()!.strokeStyle = this.penColor();\r\n this.mainContext()!.lineWidth = this.lineWidth();\r\n this.mainContext()!.fillStyle = this.penColor();\r\n }\r\n if (this.memoryContext()) {\r\n this.memoryContext()!.strokeStyle = this.penColor();\r\n this.memoryContext()!.lineWidth = this.lineWidth();\r\n this.memoryContext()!.fillStyle = this.penColor();\r\n }\r\n });\r\n\r\n effect(() => {\r\n if (this.lazyBrushInstance) {\r\n this.lazyBrushInstance.setRadius(this.lazyRadius());\r\n this.lazyBrushInstance.setFriction(this.lazyFriction());\r\n this.lazyEnabled() ? this.lazyBrushInstance.enable() : this.lazyBrushInstance.disable();\r\n }\r\n });\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.subscriptions.forEach(sub => sub.unsubscribe());\r\n if (this.resizeObserver && this.mainCanvasRef()) {\r\n this.resizeObserver.unobserve(this.mainCanvasRef().nativeElement);\r\n }\r\n }\r\n\r\n private setupPointerEvents(): void {\r\n const canvasEl = this.mainCanvasRef().nativeElement;\r\n\r\n const pointerDownEvents$ = merge(\r\n fromEvent<MouseEvent>(canvasEl, 'mousedown'),\r\n fromEvent<TouchEvent>(canvasEl, 'touchstart').pipe(\r\n tap(event => { if (event.cancelable) event.preventDefault(); })\r\n )\r\n ).pipe(\r\n filter(() => !!this.mainContext() && !!this.lazyBrushInstance),\r\n map(event => this.getCoordinates(event)),\r\n filter((coords): coords is Point => coords !== null)\r\n );\r\n\r\n const pointerMoveEvents$ = merge(\r\n fromEvent<MouseEvent>(this.document, 'mousemove'),\r\n fromEvent<TouchEvent>(this.document, 'touchmove').pipe(\r\n tap(event => { if (event.cancelable) event.preventDefault(); })\r\n )\r\n ).pipe(\r\n map(event => this.getCoordinates(event)),\r\n filter((coords): coords is Point => coords !== null)\r\n );\r\n\r\n const pointerUpEvents$ = merge(\r\n fromEvent<MouseEvent>(this.document, 'mouseup'),\r\n fromEvent<TouchEvent>(this.document, 'touchend'),\r\n fromEvent<TouchEvent>(this.document, 'touchcancel')\r\n );\r\n\r\n const drawingStream$ = pointerDownEvents$.pipe(\r\n tap(coords => this.handlePointerDownLogic(coords)),\r\n switchMap(() =>\r\n pointerMoveEvents$.pipe(\r\n takeUntil(pointerUpEvents$.pipe(\r\n tap(event => this.handlePointerUpLogic(event))\r\n ))\r\n )\r\n )\r\n );\r\n\r\n this.subscriptions.push(\r\n drawingStream$.subscribe(coords => {\r\n this.handlePointerMoveLogic(coords);\r\n })\r\n );\r\n }\r\n\r\n\r\n private setupResizeObserver(): void {\r\n const canvasEl = this.mainCanvasRef().nativeElement;\r\n this.resizeObserver = new ResizeObserver(entries => {\r\n for (const entry of entries) {\r\n const contentBoxSize = Array.isArray(entry.contentBoxSize) ? entry.contentBoxSize[0] : entry.contentBoxSize;\r\n const newWidth = contentBoxSize ? contentBoxSize.inlineSize : entry.contentRect.width;\r\n const newHeight = contentBoxSize ? contentBoxSize.blockSize : entry.contentRect.height;\r\n if (newWidth > 0 && newHeight > 0 && (this.canvasWidth() !== newWidth || this.canvasHeight() !== newHeight)) {\r\n this.canvasWidth.set(newWidth);\r\n this.canvasHeight.set(newHeight);\r\n }\r\n }\r\n });\r\n this.resizeObserver.observe(canvasEl);\r\n }\r\n\r\n private initializeLazyBrush(): void {\r\n const options: LazyBrushOptions = {\r\n radius: this.lazyRadius(),\r\n enabled: this.lazyEnabled(),\r\n initialPoint: { x: 0, y: 0 },\r\n friction: this.lazyFriction()\r\n };\r\n this.lazyBrushInstance = new LazyBrush(options);\r\n }\r\n\r\n private initializeCanvasesAndContexts(): void {\r\n const mainCanvasEl = this.mainCanvasRef().nativeElement;\r\n const mainCtx = mainCanvasEl.getContext('2d');\r\n if (!mainCtx) { console.error('Failed to get 2D context for main canvas'); return; }\r\n this.mainContext.set(mainCtx);\r\n this.memoryCanvasElement = document.createElement('canvas');\r\n const memCtx = this.memoryCanvasElement.getContext('2d');\r\n if (!memCtx) { console.error('Failed to get 2D context for memory canvas'); return; }\r\n this.memoryContext.set(memCtx);\r\n }\r\n\r\n private configureContextStyling(ctx: CanvasRenderingContext2D): void {\r\n ctx.strokeStyle = this.penColor();\r\n ctx.lineWidth = this.lineWidth();\r\n ctx.lineCap = 'round';\r\n ctx.lineJoin = 'round';\r\n ctx.fillStyle = this.penColor();\r\n }\r\n\r\n private handlePointerDownLogic(coords: Point): void {\r\n this.isDrawing.set(true);\r\n this.lazyBrushInstance.update(coords, { both: true });\r\n this.currentStrokePoints.set([this.lazyBrushInstance.getBrushCoordinates()]);\r\n }\r\n\r\n private handlePointerMoveLogic(coords: Point): void {\r\n const mainCtx = this.mainContext();\r\n const memCanvas = this.memoryCanvasElement;\r\n if (!mainCtx || !memCanvas || !this.lazyBrushInstance) return;\r\n\r\n this.lazyBrushInstance.update(coords);\r\n if (this.lazyBrushInstance.brushHasMoved()) {\r\n this.currentStrokePoints.update(points => [...points, this.lazyBrushInstance.getBrushCoordinates()]);\r\n mainCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());\r\n mainCtx.drawImage(memCanvas, 0, 0);\r\n this.drawSmoothStroke(mainCtx, this.currentStrokePoints());\r\n }\r\n }\r\n\r\n private handlePointerUpLogic(event?: MouseEvent | TouchEvent): void {\r\n if (!this.isDrawing()) return;\r\n\r\n const mainCtx = this.mainContext();\r\n const memCtx = this.memoryContext();\r\n const mainCanvasEl = this.mainCanvasRef().nativeElement;\r\n\r\n if (!mainCtx || !memCtx || !this.memoryCanvasElement || !this.lazyBrushInstance) {\r\n this.isDrawing.set(false);\r\n this.currentStrokePoints.set([]);\r\n return;\r\n }\r\n\r\n const coords = event ? this.getCoordinates(event) : this.lazyBrushInstance.getPointerCoordinates();\r\n\r\n if (coords) {\r\n this.lazyBrushInstance.update(coords);\r\n if (this.lazyBrushInstance.brushHasMoved()) {\r\n this.currentStrokePoints.update(points => [...points, this.lazyBrushInstance.getBrushCoordinates()]);\r\n }\r\n }\r\n\r\n if (this.currentStrokePoints().length > 0) {\r\n mainCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());\r\n mainCtx.drawImage(this.memoryCanvasElement, 0, 0);\r\n this.drawSmoothStroke(mainCtx, this.currentStrokePoints());\r\n }\r\n\r\n memCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());\r\n memCtx.drawImage(mainCanvasEl, 0, 0);\r\n this.isDrawing.set(false);\r\n this.currentStrokePoints.set([]);\r\n this.save();\r\n }\r\n\r\n private drawSmoothStroke(ctx: CanvasRenderingContext2D, points: Point[]): void {\r\n if (points.length === 0) return;\r\n ctx.strokeStyle = this.penColor();\r\n ctx.lineWidth = this.lineWidth();\r\n ctx.fillStyle = this.penColor();\r\n ctx.lineCap = 'round';\r\n ctx.lineJoin = 'round';\r\n if (points.length < 3) {\r\n const p1 = points[0];\r\n ctx.beginPath();\r\n if (points.length === 1) {\r\n const radius = this.lineWidth() / 2;\r\n ctx.arc(p1.x, p1.y, Math.max(0.5, radius), 0, Math.PI * 2, true);\r\n ctx.fill();\r\n } else {\r\n const p2 = points[1];\r\n ctx.moveTo(p1.x, p1.y);\r\n ctx.lineTo(p2.x, p2.y);\r\n ctx.stroke();\r\n }\r\n ctx.closePath();\r\n return;\r\n }\r\n ctx.beginPath();\r\n ctx.moveTo(points[0].x, points[0].y);\r\n let i;\r\n for (i = 1; i < points.length - 2; i++) {\r\n const c = (points[i].x + points[i + 1].x) / 2;\r\n const d = (points[i].y + points[i + 1].y) / 2;\r\n ctx.quadraticCurveTo(points[i].x, points[i].y, c, d);\r\n }\r\n ctx.quadraticCurveTo(points[i].x, points[i].y, points[i + 1].x, points[i + 1].y);\r\n ctx.stroke();\r\n ctx.closePath();\r\n }\r\n\r\n private getCoordinates(event: MouseEvent | TouchEvent | Event): Point | null {\r\n const canvas = this.mainCanvasRef()?.nativeElement;\r\n if (!canvas) return null;\r\n const rect = canvas.getBoundingClientRect();\r\n let clientX, clientY;\r\n\r\n if (event instanceof MouseEvent) {\r\n clientX = event.clientX;\r\n clientY = event.clientY;\r\n } else if (event instanceof TouchEvent) {\r\n const touch = event.touches.length > 0 ? event.touches[0] :\r\n (event.changedTouches.length > 0 ? event.changedTouches[0] : null);\r\n if (touch) {\r\n clientX = touch.clientX;\r\n clientY = touch.clientY;\r\n } else { return null; }\r\n } else {\r\n return null;\r\n }\r\n const scaleX = canvas.width / rect.width;\r\n const scaleY = canvas.height / rect.height;\r\n return {\r\n x: (clientX - rect.left) * scaleX,\r\n y: (clientY - rect.top) * scaleY,\r\n };\r\n }\r\n\r\n clear(): void {\r\n const mainCtx = this.mainContext();\r\n const memCtx = this.memoryContext();\r\n if (mainCtx) {\r\n mainCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());\r\n mainCtx.fillStyle = this.backgroundColor();\r\n mainCtx.fillRect(0, 0, this.canvasWidth(), this.canvasHeight());\r\n }\r\n if (memCtx) {\r\n memCtx.clearRect(0, 0, this.canvasWidth(), this.canvasHeight());\r\n }\r\n this.currentStrokePoints.set([]);\r\n if (this.lazyBrushInstance) {\r\n const currentPointer = this.lazyBrushInstance.getPointerCoordinates();\r\n this.lazyBrushInstance.update(currentPointer, {both: true});\r\n }\r\n this.signatureCleared.emit();\r\n }\r\n\r\n save(): void {\r\n const memCanvas = this.memoryCanvasElement;\r\n if (!memCanvas) {\r\n console.warn('Memory canvas not available for saving.'); return;\r\n }\r\n if (this.isCanvasEffectivelyBlank(memCanvas)) {\r\n console.warn('Canvas is effectively empty or contains only background. Nothing to save.'); return;\r\n }\r\n const dataUrl = memCanvas.toDataURL('image/png');\r\n this.signatureSaved.emit(dataUrl);\r\n }\r\n\r\n onColorChange(color: string) {\r\n this.penColor.set(color);\r\n }\r\n\r\n private isCanvasEffectivelyBlank(canvas: HTMLCanvasElement): boolean {\r\n if (!canvas) return true;\r\n const tempCanvas = document.createElement('canvas');\r\n tempCanvas.width = canvas.width;\r\n tempCanvas.height = canvas.height;\r\n const tempCtx = tempCanvas.getContext('2d');\r\n if (!tempCtx) return true;\r\n tempCtx.fillStyle = this.backgroundColor();\r\n tempCtx.fillRect(0, 0, tempCanvas.width, tempCanvas.height);\r\n return canvas.toDataURL() === tempCanvas.toDataURL();\r\n }\r\n\r\n handleEscapeKey(event: Event): void {\r\n this.clear();\r\n }\r\n}\r\n","<canvas #signatureCanvas\r\n class=\"signature-canvas\">\r\n Your browser does not support the HTML canvas tag.\r\n</canvas>\r\n<div class=\"line\"></div>\r\n<emr-brand-colors [selectedColor]=\"penColor()\"\r\n [colors]=\"colors()\"\r\n (colorChange)=\"onColorChange($event)\"/>\r\n<div class=\"clear-button\">\r\n <button mat-icon-button (click)=\"clear()\">\r\n <mat-icon>clear</mat-icon>\r\n </button>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-skeleton.mjs ADDED Viewed

@@ -0,0 +1,56 @@
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+class SkeletonComponent {
+    direction = input('row', ...(ngDevMode ? [{ debugName: "direction" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: SkeletonComponent, isStandalone: true, selector: "emr-skeleton", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-direction-row": "direction() === \"row\"", "class.is-direction-col": "direction() === \"col\"" }, classAttribute: "emr-skeleton" }, exportAs: ["emrSkeleton"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{--emr-skeleton-gap: calc(var(--spacing) * 4);--emr-skeleton-item-border-radius: 1rem;--emr-skeleton-from-bg: var(--color-neutral-200);--emr-skeleton-to-bg: var(--color-neutral-300);display:flex;flex-wrap:wrap;width:100%;gap:var(--emr-skeleton-gap)}:host.is-direction-col{flex-direction:column}:host.is-direction-row{flex-direction:row}:host-context(html.dark){--emr-skeleton-from-bg: var(--color-neutral-500);--emr-skeleton-to-bg: var(--color-neutral-600)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-skeleton', exportAs: 'emrSkeleton', host: {
+                        'class': 'emr-skeleton',
+                        '[class.is-direction-row]': 'direction() === "row"',
+                        '[class.is-direction-col]': 'direction() === "col"',
+                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{--emr-skeleton-gap: calc(var(--spacing) * 4);--emr-skeleton-item-border-radius: 1rem;--emr-skeleton-from-bg: var(--color-neutral-200);--emr-skeleton-to-bg: var(--color-neutral-300);display:flex;flex-wrap:wrap;width:100%;gap:var(--emr-skeleton-gap)}:host.is-direction-col{flex-direction:column}:host.is-direction-row{flex-direction:row}:host-context(html.dark){--emr-skeleton-from-bg: var(--color-neutral-500);--emr-skeleton-to-bg: var(--color-neutral-600)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }] } });
+class SkeletonCircleComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SkeletonCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: SkeletonCircleComponent, isStandalone: true, selector: "emr-skeleton-circle", host: { classAttribute: "emr-skeleton-item emr-skeleton-circle" }, exportAs: ["emrSkeletonCircle"], ngImport: i0, template: '', isInline: true, styles: [":host{--emr-skeleton-circle-size: calc(var(--spacing) * 14);animation:emr-skeleton-loading 1s linear infinite alternate;display:inline-flex;border-radius:calc(infinity * 1px);flex:none}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-skeleton-circle-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-skeleton-circle-size)}@keyframes emr-skeleton-loading{0%{background:var(--emr-skeleton-from-bg)}to{background:var(--emr-skeleton-to-bg)}}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SkeletonCircleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-skeleton-circle', exportAs: 'emrSkeletonCircle', template: '', host: {
+                        'class': 'emr-skeleton-item emr-skeleton-circle'
+                    }, styles: [":host{--emr-skeleton-circle-size: calc(var(--spacing) * 14);animation:emr-skeleton-loading 1s linear infinite alternate;display:inline-flex;border-radius:calc(infinity * 1px);flex:none}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-skeleton-circle-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-skeleton-circle-size)}@keyframes emr-skeleton-loading{0%{background:var(--emr-skeleton-from-bg)}to{background:var(--emr-skeleton-to-bg)}}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+class SkeletonLineComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SkeletonLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: SkeletonLineComponent, isStandalone: true, selector: "emr-skeleton-line", host: { classAttribute: "emr-skeleton-item emr-skeleton-line" }, exportAs: ["emrSkeletonLine"], ngImport: i0, template: '', isInline: true, styles: [":host{--emr-skeleton-line-height: calc(var(--spacing) * 5);--emr-skeleton-line-width: 100%;--emr-skeleton-line-border-radius: calc(infinity * 1px);animation:emr-skeleton-loading 1s linear infinite alternate;display:block;flex:none}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-skeleton-line-width)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-skeleton-line-height)}:host:not([class*=rounded-]){border-radius:var(--emr-skeleton-line-border-radius)}@keyframes emr-skeleton-loading{0%{background:var(--emr-skeleton-from-bg)}to{background:var(--emr-skeleton-to-bg)}}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SkeletonLineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-skeleton-line', exportAs: 'emrSkeletonLine', template: '', host: {
+                        'class': 'emr-skeleton-item emr-skeleton-line'
+                    }, styles: [":host{--emr-skeleton-line-height: calc(var(--spacing) * 5);--emr-skeleton-line-width: 100%;--emr-skeleton-line-border-radius: calc(infinity * 1px);animation:emr-skeleton-loading 1s linear infinite alternate;display:block;flex:none}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-skeleton-line-width)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-skeleton-line-height)}:host:not([class*=rounded-]){border-radius:var(--emr-skeleton-line-border-radius)}@keyframes emr-skeleton-loading{0%{background:var(--emr-skeleton-from-bg)}to{background:var(--emr-skeleton-to-bg)}}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+class SkeletonBlockComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SkeletonBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: SkeletonBlockComponent, isStandalone: true, selector: "emr-skeleton-block", host: { classAttribute: "emr-skeleton-item emr-skeleton-block" }, exportAs: ["emrSkeletonBlock"], ngImport: i0, template: '', isInline: true, styles: [":host{--emr-skeleton-block-width: 100%;--emr-skeleton-block-height: calc(var(--spacing) * 20);animation:emr-skeleton-loading 1s linear infinite alternate;display:block;flex:none}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-skeleton-block-width)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-skeleton-block-height)}:host:not([class*=rounded]){border-radius:var(--emr-skeleton-item-border-radius)}@keyframes emr-skeleton-loading{0%{background:var(--emr-skeleton-from-bg)}to{background:var(--emr-skeleton-to-bg)}}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SkeletonBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-skeleton-block', exportAs: 'emrSkeletonBlock', template: '', host: {
+                        'class': 'emr-skeleton-item emr-skeleton-block'
+                    }, styles: [":host{--emr-skeleton-block-width: 100%;--emr-skeleton-block-height: calc(var(--spacing) * 20);animation:emr-skeleton-loading 1s linear infinite alternate;display:block;flex:none}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-skeleton-block-width)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-skeleton-block-height)}:host:not([class*=rounded]){border-radius:var(--emr-skeleton-item-border-radius)}@keyframes emr-skeleton-loading{0%{background:var(--emr-skeleton-from-bg)}to{background:var(--emr-skeleton-to-bg)}}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { SkeletonBlockComponent, SkeletonCircleComponent, SkeletonComponent, SkeletonLineComponent };
+//# sourceMappingURL=elementar-rt-components-skeleton.mjs.map

package/fesm2022/elementar-rt-components-skeleton.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"elementar-rt-components-skeleton.mjs","sources":["../../../projects/components/skeleton/src/skeleton/skeleton.component.ts","../../../projects/components/skeleton/src/skeleton/skeleton.component.html","../../../projects/components/skeleton/src/skeleton-circle/skeleton-circle.component.ts","../../../projects/components/skeleton/src/skeleton-line/skeleton-line.component.ts","../../../projects/components/skeleton/src/skeleton-block/skeleton-block.component.ts","../../../projects/components/skeleton/elementar-rt-components-skeleton.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-skeleton',\r\n exportAs: 'emrSkeleton',\r\n templateUrl: './skeleton.component.html',\r\n styleUrl: './skeleton.component.scss',\r\n host: {\r\n 'class': 'emr-skeleton',\r\n '[class.is-direction-row]': 'direction() === \"row\"',\r\n '[class.is-direction-col]': 'direction() === \"col\"',\r\n }\r\n})\r\nexport class SkeletonComponent {\r\n direction = input<'row' | 'col'>('row');\r\n}\r\n","<ng-content></ng-content>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-skeleton-circle',\r\n exportAs: 'emrSkeletonCircle',\r\n template: '',\r\n styleUrls: ['./skeleton-circle.component.scss'],\r\n host: {\r\n 'class': 'emr-skeleton-item emr-skeleton-circle'\r\n }\r\n})\r\nexport class SkeletonCircleComponent {\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-skeleton-line',\r\n exportAs: 'emrSkeletonLine',\r\n template: '',\r\n styleUrls: ['./skeleton-line.component.scss'],\r\n host: {\r\n 'class': 'emr-skeleton-item emr-skeleton-line'\r\n }\r\n})\r\nexport class SkeletonLineComponent {\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'emr-skeleton-block',\r\n exportAs: 'emrSkeletonBlock',\r\n template: '',\r\n styleUrl: './skeleton-block.component.scss',\r\n host: {\r\n 'class': 'emr-skeleton-item emr-skeleton-block'\r\n }\r\n})\r\nexport class SkeletonBlockComponent {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}