@elementar-rt/components 0.6.55

package/fesm2022/elementar-rt-components-icon.mjs

@@ -0,0 +1,62 @@
+import * as i0 from '@angular/core';
+import { inject, signal, input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { loadIcon } from 'iconify-icon';
+import { DomSanitizer } from '@angular/platform-browser';
+import { v7 } from 'uuid';
+
+class IconComponent {
+    _sanitizer = inject(DomSanitizer);
+    _iconHtml = signal(null, ...(ngDevMode ? [{ debugName: "_iconHtml" }] : []));
+    name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
+    loaded = false;
+    async ngOnInit() {
+        await this._loadIcon();
+    }
+    async ngOnChanges(changes) {
+        if (changes['name'] && !changes['name'].isFirstChange()) {
+            if (changes['name'].previousValue === changes['name'].currentValue) {
+                return;
+            }
+            this.loaded = false;
+            await this._loadIcon();
+        }
+    }
+    async _loadIcon() {
+        if (this.loaded) {
+            return;
+        }
+        if (!this.name()) {
+            this.loaded = true;
+            return;
+        }
+        const data = await loadIcon(this.name());
+        let body = data.body;
+        // If svg icon has mask of defs with id, we need to replace to unique id
+        // because the same icons can be used on the same page and use the same id, which can cause problems.
+        const allIdMatches = [...body.matchAll(/id="(\w+)"/g)];
+        if (allIdMatches.length > 0) {
+            allIdMatches.forEach(match => {
+                body = body.replaceAll(match[1], v7());
+            });
+        }
+        const iconHtml = `<svg viewBox="0 0 ${data.width} ${data.height}">${body}</svg>`;
+        this._iconHtml.set(this._sanitizer.bypassSecurityTrustHtml(iconHtml));
+        this.loaded = true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: IconComponent, isStandalone: true, selector: "emr-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "innerHTML": "_iconHtml()" }, classAttribute: "emr-icon" }, exportAs: ["emrIcon"], usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{--emr-icon-size: calc(var(--spacing, .25rem) * 6);display:inline-flex;flex:none;align-items:center;justify-content:center;line-height:0}:host svg{flex:none}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-icon-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-icon-size)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-icon', exportAs: 'emrIcon', standalone: true, template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'emr-icon',
+                        '[innerHTML]': '_iconHtml()',
+                    }, styles: [":host{--emr-icon-size: calc(var(--spacing, .25rem) * 6);display:inline-flex;flex:none;align-items:center;justify-content:center;line-height:0}:host svg{flex:none}:host:not([class*=w-]):not([class*=size-]){width:var(--emr-icon-size)}:host:not([class*=h-]):not([class*=size-]){height:var(--emr-icon-size)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IconComponent };
+//# sourceMappingURL=elementar-rt-components-icon.mjs.map

package/fesm2022/elementar-rt-components-icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-icon.mjs","sources":["../../../projects/components/icon/src/icon/icon.component.ts","../../../projects/components/icon/elementar-rt-components-icon.ts"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  inject,\r\n  input,\r\n  OnChanges,\r\n  OnInit, signal,\r\n  SimpleChanges\r\n} from '@angular/core';\r\nimport { loadIcon } from 'iconify-icon';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\nimport { v7 as uuid } from 'uuid';\r\n\r\n@Component({\r\n  selector: 'emr-icon',\r\n  exportAs: 'emrIcon',\r\n  standalone: true,\r\n  template: '',\r\n  styleUrl: './icon.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    'class': 'emr-icon',\r\n    '[innerHTML]': '_iconHtml()',\r\n  }\r\n})\r\nexport class IconComponent implements OnInit, OnChanges {\r\n  private _sanitizer = inject(DomSanitizer);\r\n  protected _iconHtml = signal<SafeHtml | null>(null);\r\n\r\n  name = input.required<string>();\r\n\r\n  private loaded = false;\r\n\r\n  async ngOnInit() {\r\n    await this._loadIcon();\r\n  }\r\n\r\n  async ngOnChanges(changes: SimpleChanges) {\r\n    if (changes['name'] && !changes['name'].isFirstChange()) {\r\n      if (changes['name'].previousValue === changes['name'].currentValue) {\r\n        return;\r\n      }\r\n\r\n      this.loaded = false;\r\n      await this._loadIcon();\r\n    }\r\n  }\r\n\r\n  private async _loadIcon() {\r\n    if (this.loaded) {\r\n      return;\r\n    }\r\n\r\n    if (!this.name()) {\r\n      this.loaded = true;\r\n      return;\r\n    }\r\n\r\n    const data = await loadIcon(this.name());\r\n    let body = data.body;\r\n\r\n    // If svg icon has mask of defs with id, we need to replace to unique id\r\n    // because the same icons can be used on the same page and use the same id, which can cause problems.\r\n    const allIdMatches = [...body.matchAll(/id=\"(\\w+)\"/g)];\r\n\r\n    if (allIdMatches.length > 0) {\r\n      allIdMatches.forEach(match => {\r\n        body = body.replaceAll(match[1], uuid());\r\n      });\r\n    }\r\n\r\n    const iconHtml = `<svg viewBox=\"0 0 ${data.width} ${data.height}\">${body}</svg>`;\r\n    this._iconHtml.set(this._sanitizer.bypassSecurityTrustHtml(iconHtml));\r\n    this.loaded = true;\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid"],"mappings":";;;;;;MAyBa,aAAa,CAAA;AAChB,IAAA,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC;AAC/B,IAAA,SAAS,GAAG,MAAM,CAAkB,IAAI,qDAAC;AAEnD,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAU;IAEvB,MAAM,GAAG,KAAK;AAEtB,IAAA,MAAM,QAAQ,GAAA;AACZ,QAAA,MAAM,IAAI,CAAC,SAAS,EAAE;IACxB;IAEA,MAAM,WAAW,CAAC,OAAsB,EAAA;AACtC,QAAA,IAAI,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE;AACvD,YAAA,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC,YAAY,EAAE;gBAClE;YACF;AAEA,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,YAAA,MAAM,IAAI,CAAC,SAAS,EAAE;QACxB;IACF;AAEQ,IAAA,MAAM,SAAS,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf;QACF;AAEA,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE;AAChB,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI;YAClB;QACF;QAEA,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AACxC,QAAA,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI;;;QAIpB,MAAM,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAEtD,QAAA,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;AAC3B,YAAA,YAAY,CAAC,OAAO,CAAC,KAAK,IAAG;AAC3B,gBAAA,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,EAAEA,EAAI,EAAE,CAAC;AAC1C,YAAA,CAAC,CAAC;QACJ;AAEA,QAAA,MAAM,QAAQ,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,CAAA,EAAA,EAAK,IAAI,QAAQ;AAChF,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;AACrE,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI;IACpB;wGAjDW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,kUARd,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uXAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAQD,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,SAAS;+BACE,UAAU,EAAA,QAAA,EACV,SAAS,EAAA,UAAA,EACP,IAAI,EAAA,QAAA,EACN,EAAE,EAAA,eAAA,EAEK,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,OAAO,EAAE,UAAU;AACnB,wBAAA,aAAa,EAAE,aAAa;AAC7B,qBAAA,EAAA,MAAA,EAAA,CAAA,uXAAA,CAAA,EAAA;;;ACvBH;;AAEG;;;;"}

package/fesm2022/elementar-rt-components-image-resizer.mjs

@@ -0,0 +1,159 @@
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, ElementRef, Renderer2, ChangeDetectorRef, NgZone, DestroyRef, DOCUMENT, input, numberAttribute, output, Directive, contentChild, signal, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { isPlatformServer } from '@angular/common';
+import { fromEvent, throttleTime } from 'rxjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+class ImageResizeHandlerDirective {
+    _platformId = inject(PLATFORM_ID);
+    _elementRef = inject(ElementRef);
+    _renderer = inject(Renderer2);
+    _cdr = inject(ChangeDetectorRef);
+    _ngZone = inject(NgZone);
+    _destroyRef = inject(DestroyRef);
+    _document = inject(DOCUMENT);
+    _resizing = false;
+    _width;
+    _clientX;
+    maxWidth = input.required(...(ngDevMode ? [{ debugName: "maxWidth", transform: numberAttribute }] : [{
+            transform: numberAttribute
+        }]));
+    minWidth = input.required(...(ngDevMode ? [{ debugName: "minWidth", transform: numberAttribute }] : [{
+            transform: numberAttribute
+        }]));
+    targetElement = input.required(...(ngDevMode ? [{ debugName: "targetElement" }] : []));
+    direction = input.required(...(ngDevMode ? [{ debugName: "direction" }] : []));
+    dimensionsChanged = output();
+    ngOnInit() {
+        if (isPlatformServer(this._platformId)) {
+            return;
+        }
+        const targetElement = this.targetElement();
+        this._ngZone.runOutsideAngular(() => {
+            fromEvent(this._elementRef.nativeElement, 'mousedown')
+                .pipe(takeUntilDestroyed(this._destroyRef))
+                .subscribe((event) => {
+                this._resizing = true;
+                this._width = targetElement.getBoundingClientRect().width;
+                this._clientX = event.clientX;
+                this._cdr.detectChanges();
+            });
+            fromEvent(this._document, 'mousemove')
+                .pipe(throttleTime(5), takeUntilDestroyed(this._destroyRef))
+                .subscribe((event) => {
+                if (this._resizing) {
+                    let width = this._width;
+                    if (this.direction() === 'left') {
+                        width = this._width - (this._clientX - event.clientX);
+                    }
+                    else if (this.direction() === 'right') {
+                        width = (this._width - (event.clientX - this._clientX));
+                    }
+                    if (width <= this.minWidth()) {
+                        width = this.minWidth();
+                    }
+                    else if (width >= this.maxWidth()) {
+                        width = this.maxWidth();
+                    }
+                    this._renderer.setStyle(targetElement, 'width', width + 'px');
+                    this.dimensionsChanged.emit();
+                }
+            });
+            fromEvent(this._document, 'mouseup')
+                .pipe(takeUntilDestroyed(this._destroyRef))
+                .subscribe(event => {
+                this._resizing = false;
+                this._cdr.detectChanges();
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ImageResizeHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: ImageResizeHandlerDirective, isStandalone: true, selector: "[emrImageResizeHandler]", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: true, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: true, transformFunction: null }, targetElement: { classPropertyName: "targetElement", publicName: "targetElement", isSignal: true, isRequired: true, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { dimensionsChanged: "dimensionsChanged" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ImageResizeHandlerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrImageResizeHandler]'
+                }]
+        }], propDecorators: { maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: true }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: true }] }], targetElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetElement", required: true }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: true }] }], dimensionsChanged: [{ type: i0.Output, args: ["dimensionsChanged"] }] } });
+
+class ImageResizerImageDirective {
+    elementRef = inject(ElementRef);
+    _onDragStart(event) {
+        event.stopPropagation();
+        event.preventDefault();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ImageResizerImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ImageResizerImageDirective, isStandalone: true, selector: "[emrImageResizerImage]", host: { listeners: { "dragstart": "_onDragStart($event)" } }, exportAs: ["emrImageResizerImage"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ImageResizerImageDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrImageResizerImage]',
+                    exportAs: 'emrImageResizerImage',
+                    host: {
+                        '(dragstart)': '_onDragStart($event)'
+                    }
+                }]
+        }] });
+
+class ImageResizerComponent {
+    _platformId = inject(PLATFORM_ID);
+    _elementRef = inject(ElementRef);
+    _renderer = inject(Renderer2);
+    imageRef = contentChild.required(ImageResizerImageDirective);
+    imageMaxWidth = input(null, ...(ngDevMode ? [{ debugName: "imageMaxWidth", transform: numberAttribute }] : [{
+            transform: numberAttribute
+        }]));
+    imageMinWidth = input(100, ...(ngDevMode ? [{ debugName: "imageMinWidth", transform: numberAttribute }] : [{
+            transform: numberAttribute
+        }]));
+    imageResized = output();
+    _maxWidth = signal(null, ...(ngDevMode ? [{ debugName: "_maxWidth" }] : []));
+    constructor() {
+        effect(() => {
+            this._maxWidth.set(this.imageMaxWidth());
+        });
+    }
+    ngAfterContentInit() {
+        if (isPlatformServer(this._platformId)) {
+            return;
+        }
+        this.imageRef().elementRef.nativeElement
+            .onload = () => {
+            setTimeout(() => {
+                const { width } = this.imageRef().elementRef.nativeElement.getBoundingClientRect();
+                if (this.imageMaxWidth() === null) {
+                    this._maxWidth.set(width);
+                }
+            }, 100);
+        };
+    }
+    onDimensionsChanged() {
+        const { width, height } = this.imageRef().elementRef.nativeElement.getBoundingClientRect();
+        const { naturalWidth, naturalHeight } = this.imageRef().elementRef.nativeElement;
+        this.imageResized.emit({
+            width,
+            height,
+            naturalWidth,
+            naturalHeight
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ImageResizerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.10", type: ImageResizerComponent, isStandalone: true, selector: "emr-image-resizer", inputs: { imageMaxWidth: { classPropertyName: "imageMaxWidth", publicName: "imageMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, imageMinWidth: { classPropertyName: "imageMinWidth", publicName: "imageMinWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { imageResized: "imageResized" }, host: { classAttribute: "emr-image-resizer" }, queries: [{ propertyName: "imageRef", first: true, predicate: ImageResizerImageDirective, descendants: true, isSignal: true }], exportAs: ["emrImageResizer"], ngImport: i0, template: "<div emrImageResizeHandler direction=\"right\"\r\n     [maxWidth]=\"_maxWidth()\"\r\n     [minWidth]=\"imageMinWidth()\"\r\n     [targetElement]=\"imageRef().elementRef.nativeElement\" class=\"handler handler-start\"\r\n     (dimensionsChanged)=\"onDimensionsChanged()\"></div>\r\n<ng-content select=\"[emrImageResizerImage]\"/>\r\n<div emrImageResizeHandler direction=\"left\"\r\n     [maxWidth]=\"_maxWidth()\"\r\n     [minWidth]=\"imageMinWidth()\"\r\n     [targetElement]=\"imageRef().elementRef.nativeElement\" class=\"handler handler-end\"\r\n     (dimensionsChanged)=\"onDimensionsChanged()\"></div>\r\n", styles: ["@layer properties;:host{display:flex;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none;position:relative;width:max-content;max-width:100%}:host.align-start{justify-content:flex-start}:host.align-center{justify-content:center}:host.align-end{justify-content:flex-end}:host img{max-width:100%}:host .handler{height:100%;max-height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 3);cursor:ew-resize;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-white, #fff);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:absolute;top:50%;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-white);border:4px solid var(--color-on-secondary-fixed)}:host .handler-start{inset-inline-start:calc(var(--spacing, .25rem) * 3)}:host .handler-end{inset-inline-end:calc(var(--spacing, .25rem) * 3)}:host .handler:active{--tw-scale-x: 95%;--tw-scale-y: 95%;--tw-scale-z: 95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}}}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: ImageResizeHandlerDirective, selector: "[emrImageResizeHandler]", inputs: ["maxWidth", "minWidth", "targetElement", "direction"], outputs: ["dimensionsChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ImageResizerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-image-resizer', exportAs: 'emrImageResizer', imports: [
+                        ImageResizeHandlerDirective
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'emr-image-resizer'
+                    }, template: "<div emrImageResizeHandler direction=\"right\"\r\n     [maxWidth]=\"_maxWidth()\"\r\n     [minWidth]=\"imageMinWidth()\"\r\n     [targetElement]=\"imageRef().elementRef.nativeElement\" class=\"handler handler-start\"\r\n     (dimensionsChanged)=\"onDimensionsChanged()\"></div>\r\n<ng-content select=\"[emrImageResizerImage]\"/>\r\n<div emrImageResizeHandler direction=\"left\"\r\n     [maxWidth]=\"_maxWidth()\"\r\n     [minWidth]=\"imageMinWidth()\"\r\n     [targetElement]=\"imageRef().elementRef.nativeElement\" class=\"handler handler-end\"\r\n     (dimensionsChanged)=\"onDimensionsChanged()\"></div>\r\n", styles: ["@layer properties;:host{display:flex;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none;position:relative;width:max-content;max-width:100%}:host.align-start{justify-content:flex-start}:host.align-center{justify-content:center}:host.align-end{justify-content:flex-end}:host img{max-width:100%}:host .handler{height:100%;max-height:calc(var(--spacing, .25rem) * 12);width:calc(var(--spacing, .25rem) * 3);cursor:ew-resize;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-white, #fff);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:absolute;top:50%;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-white);border:4px solid var(--color-on-secondary-fixed)}:host .handler-start{inset-inline-start:calc(var(--spacing, .25rem) * 3)}:host .handler-end{inset-inline-end:calc(var(--spacing, .25rem) * 3)}:host .handler:active{--tw-scale-x: 95%;--tw-scale-y: 95%;--tw-scale-z: 95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}}}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { imageRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ImageResizerImageDirective), { isSignal: true }] }], imageMaxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageMaxWidth", required: false }] }], imageMinWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageMinWidth", required: false }] }], imageResized: [{ type: i0.Output, args: ["imageResized"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ImageResizerComponent, ImageResizerImageDirective };
+//# sourceMappingURL=elementar-rt-components-image-resizer.mjs.map

package/fesm2022/elementar-rt-components-image-resizer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-image-resizer.mjs","sources":["../../../projects/components/image-resizer/src/image-resize-handler.directive.ts","../../../projects/components/image-resizer/src/image-resizer-image.directive.ts","../../../projects/components/image-resizer/src/image-resizer/image-resizer.component.ts","../../../projects/components/image-resizer/src/image-resizer/image-resizer.component.html","../../../projects/components/image-resizer/elementar-rt-components-image-resizer.ts"],"sourcesContent":["import {\r\n  ChangeDetectorRef, DestroyRef,\r\n  Directive,\r\n  ElementRef,\r\n  inject,\r\n  input,\r\n  NgZone, numberAttribute, output,\r\n  PLATFORM_ID,\r\n  Renderer2,\r\n  DOCUMENT\r\n} from '@angular/core';\r\nimport { isPlatformServer } from '@angular/common';\r\nimport { fromEvent, throttleTime } from 'rxjs';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\n@Directive({\r\n  selector: '[emrImageResizeHandler]'\r\n})\r\nexport class ImageResizeHandlerDirective {\r\n  private _platformId = inject(PLATFORM_ID);\r\n  private _elementRef = inject(ElementRef);\r\n  private _renderer = inject(Renderer2);\r\n  private _cdr = inject(ChangeDetectorRef);\r\n  private _ngZone = inject(NgZone);\r\n  private _destroyRef = inject(DestroyRef);\r\n  private _document = inject(DOCUMENT);\r\n  private _resizing = false;\r\n  private _width: number;\r\n  private _clientX: number;\r\n\r\n  maxWidth = input.required({\r\n    transform: numberAttribute\r\n  });\r\n  minWidth = input.required({\r\n    transform: numberAttribute\r\n  });\r\n  targetElement = input.required<HTMLElement>();\r\n  direction = input.required<'left' | 'right'>();\r\n\r\n  readonly dimensionsChanged = output();\r\n\r\n  ngOnInit() {\r\n    if (isPlatformServer(this._platformId)) {\r\n      return;\r\n    }\r\n\r\n    const targetElement = this.targetElement();\r\n\r\n    this._ngZone.runOutsideAngular(() => {\r\n      fromEvent<MouseEvent>(this._elementRef.nativeElement, 'mousedown')\r\n        .pipe(takeUntilDestroyed(this._destroyRef))\r\n        .subscribe((event: MouseEvent) => {\r\n          this._resizing = true;\r\n          this._width = targetElement.getBoundingClientRect().width;\r\n          this._clientX = event.clientX;\r\n          this._cdr.detectChanges();\r\n        })\r\n      ;\r\n      fromEvent<MouseEvent>(this._document, 'mousemove')\r\n        .pipe(\r\n          throttleTime(5),\r\n          takeUntilDestroyed(this._destroyRef)\r\n        )\r\n        .subscribe((event: MouseEvent) => {\r\n          if (this._resizing) {\r\n            let width = this._width;\r\n\r\n            if (this.direction() === 'left') {\r\n              width = this._width - (this._clientX - event.clientX);\r\n            } else if (this.direction() === 'right') {\r\n              width = (this._width - (event.clientX - this._clientX));\r\n            }\r\n\r\n            if (width <= this.minWidth()) {\r\n              width = this.minWidth();\r\n            } else if (width >= this.maxWidth()) {\r\n              width = this.maxWidth();\r\n            }\r\n\r\n            this._renderer.setStyle(targetElement, 'width', width + 'px');\r\n            this.dimensionsChanged.emit();\r\n          }\r\n        })\r\n      ;\r\n      fromEvent(this._document, 'mouseup')\r\n        .pipe(takeUntilDestroyed(this._destroyRef))\r\n        .subscribe(event => {\r\n          this._resizing = false;\r\n          this._cdr.detectChanges();\r\n        })\r\n      ;\r\n    });\r\n  }\r\n}\r\n","import { Directive, ElementRef, inject } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrImageResizerImage]',\r\n  exportAs: 'emrImageResizerImage',\r\n  host: {\r\n    '(dragstart)': '_onDragStart($event)'\r\n  }\r\n})\r\nexport class ImageResizerImageDirective {\r\n  readonly elementRef = inject<ElementRef<HTMLImageElement>>(ElementRef);\r\n\r\n  protected _onDragStart(event: Event) {\r\n    event.stopPropagation();\r\n    event.preventDefault();\r\n  }\r\n}\r\n","import {\r\n  AfterContentInit,\r\n  ChangeDetectionStrategy,\r\n  Component, contentChild, effect,\r\n  ElementRef,\r\n  inject, input, numberAttribute,\r\n  output,\r\n  PLATFORM_ID,\r\n  Renderer2,\r\n  signal,\r\n} from '@angular/core';\r\nimport { ImageResizeHandlerDirective } from '../image-resize-handler.directive';\r\nimport { isPlatformServer } from '@angular/common';\r\nimport { ImageResizedEvent } from '../types';\r\nimport { ImageResizerImageDirective } from '../image-resizer-image.directive';\r\n\r\n@Component({\r\n  selector: 'emr-image-resizer',\r\n  exportAs: 'emrImageResizer',\r\n  imports: [\r\n    ImageResizeHandlerDirective\r\n  ],\r\n  templateUrl: './image-resizer.component.html',\r\n  styleUrl: './image-resizer.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    'class': 'emr-image-resizer'\r\n  }\r\n})\r\nexport class ImageResizerComponent implements AfterContentInit {\r\n  protected _platformId = inject(PLATFORM_ID);\r\n  protected _elementRef = inject(ElementRef);\r\n  protected _renderer = inject(Renderer2);\r\n\r\n  readonly imageRef = contentChild.required(ImageResizerImageDirective);\r\n\r\n  imageMaxWidth = input(null, {\r\n    transform: numberAttribute\r\n  });\r\n  imageMinWidth = input(100, {\r\n    transform: numberAttribute\r\n  });\r\n\r\n  readonly imageResized = output<ImageResizedEvent>();\r\n\r\n  protected _maxWidth = signal<number | null>(null);\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this._maxWidth.set(this.imageMaxWidth());\r\n    });\r\n  }\r\n\r\n  ngAfterContentInit() {\r\n    if (isPlatformServer(this._platformId)) {\r\n      return;\r\n    }\r\n\r\n    this.imageRef().elementRef.nativeElement\r\n      .onload = () => {\r\n        setTimeout(() => {\r\n          const { width } = this.imageRef().elementRef.nativeElement.getBoundingClientRect();\r\n\r\n          if (this.imageMaxWidth() === null) {\r\n            this._maxWidth.set(width);\r\n          }\r\n        }, 100);\r\n      };\r\n  }\r\n\r\n  onDimensionsChanged() {\r\n    const { width, height } = this.imageRef().elementRef.nativeElement.getBoundingClientRect();\r\n    const { naturalWidth, naturalHeight } = this.imageRef().elementRef.nativeElement;\r\n    this.imageResized.emit({\r\n      width,\r\n      height,\r\n      naturalWidth,\r\n      naturalHeight\r\n    });\r\n  }\r\n}\r\n","<div emrImageResizeHandler direction=\"right\"\r\n     [maxWidth]=\"_maxWidth()\"\r\n     [minWidth]=\"imageMinWidth()\"\r\n     [targetElement]=\"imageRef().elementRef.nativeElement\" class=\"handler handler-start\"\r\n     (dimensionsChanged)=\"onDimensionsChanged()\"></div>\r\n<ng-content select=\"[emrImageResizerImage]\"/>\r\n<div emrImageResizeHandler direction=\"left\"\r\n     [maxWidth]=\"_maxWidth()\"\r\n     [minWidth]=\"imageMinWidth()\"\r\n     [targetElement]=\"imageRef().elementRef.nativeElement\" class=\"handler handler-end\"\r\n     (dimensionsChanged)=\"onDimensionsChanged()\"></div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}