@gravionlabs/helix-core 22.0.0

package/fesm2022/gravionlabs-helix-core-image.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gravionlabs-helix-core-image.mjs","sources":["../../../projects/core/image/style/image.css.ts","../../../projects/core/image/style/imagestyle.ts","../../../projects/core/image/image.ts","../../../projects/core/image/image.html","../../../projects/core/image/gravionlabs-helix-core-image.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-image-mask {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .h-image-preview {\n        position: relative;\n        display: inline-flex;\n        line-height: 0;\n    }\n\n    .h-image-preview-mask {\n        position: absolute;\n        inset-inline-start: 0;\n        inset-block-start: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        border: 0 none;\n        padding: 0;\n        cursor: pointer;\n        background: transparent;\n        color: dt('image.preview.mask.color');\n        transition: background dt('image.transition.duration');\n    }\n\n    .h-image-preview:hover > .h-image-preview-mask,\n    .h-image-preview-mask:focus-visible {\n        opacity: 1;\n        cursor: pointer;\n        background: dt('image.preview.mask.background');\n        outline: 0 none;\n    }\n\n    .h-image-preview-icon {\n        font-size: dt('image.preview.icon.size');\n        width: dt('image.preview.icon.size');\n        height: dt('image.preview.icon.size');\n    }\n\n    .h-image-toolbar {\n        position: absolute;\n        inset-block-start: dt('image.toolbar.position.top');\n        inset-inline-end: dt('image.toolbar.position.right');\n        inset-inline-start: dt('image.toolbar.position.left');\n        inset-block-end: dt('image.toolbar.position.bottom');\n        display: flex;\n        z-index: 1;\n        padding: dt('image.toolbar.padding');\n        background: dt('image.toolbar.background');\n        backdrop-filter: blur(dt('image.toolbar.blur'));\n        border-color: dt('image.toolbar.border.color');\n        border-style: solid;\n        border-width: dt('image.toolbar.border.width');\n        border-radius: dt('image.toolbar.border.radius');\n        gap: dt('image.toolbar.gap');\n    }\n\n    .h-image-action {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        color: dt('image.action.color');\n        background: transparent;\n        width: dt('image.action.size');\n        height: dt('image.action.size');\n        margin: 0;\n        padding: 0;\n        border: 0 none;\n        cursor: pointer;\n        user-select: none;\n        border-radius: dt('image.action.border.radius');\n        outline-color: transparent;\n        transition:\n            background dt('image.transition.duration'),\n            color dt('image.transition.duration'),\n            outline-color dt('image.transition.duration'),\n            box-shadow dt('image.transition.duration');\n    }\n\n    .h-image-action:hover {\n        color: dt('image.action.hover.color');\n        background: dt('image.action.hover.background');\n    }\n\n    .h-image-action:focus-visible {\n        box-shadow: dt('image.action.focus.ring.shadow');\n        outline: dt('image.action.focus.ring.width') dt('image.action.focus.ring.style') dt('image.action.focus.ring.color');\n        outline-offset: dt('image.action.focus.ring.offset');\n    }\n\n    .h-image-action .h-icon {\n        font-size: dt('image.action.icon.size');\n        width: dt('image.action.icon.size');\n        height: dt('image.action.icon.size');\n    }\n\n    .h-image-action.h-disabled {\n        pointer-events: auto;\n    }\n\n    .h-image-original {\n        max-width: 100vw;\n        max-height: 100vh;\n        transition: transform 300ms;\n    }\n\n    .h-image-original-enter-active {\n        animation: h-animate-image-original-enter 300ms cubic-bezier(.19,1,.22,1);\n    }\n\n    .h-image-original-leave-active {\n        animation: h-animate-image-original-leave 300ms cubic-bezier(.19,1,.22,1);\n    }\n\n    @keyframes h-animate-image-original-enter {\n        from {\n            opacity: 0;\n            transform: scale(0.93);\n        }\n    }\n\n    @keyframes h-animate-image-original-leave {\n        to {\n            opacity: 0;\n            transform: scale(0.93);\n        }\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style } from './image.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: ({ instance }) => [\n        'h-image h-component',\n        {\n            'h-image-preview': instance.preview()\n        }\n    ],\n    previewMask: 'h-image-preview-mask',\n    previewIcon: 'h-image-preview-icon',\n    mask: 'h-image-mask h-overlay-mask',\n    toolbar: 'h-image-toolbar',\n    rotateRightButton: 'h-image-action h-image-rotate-right-button',\n    rotateLeftButton: 'h-image-action h-image-rotate-left-button',\n    zoomOutButton: ({ instance }) => [\n        'h-image-action h-image-zoom-out-button',\n        {\n            'h-disabled': instance.isZoomOutDisabled\n        }\n    ],\n    zoomInButton: ({ instance }) => [\n        'h-image-action h-image-zoom-in-button',\n        {\n            'h-disabled': instance.isZoomInDisabled\n        }\n    ],\n    closeButton: 'h-image-action h-image-close-button',\n    original: 'h-image-original'\n};\n\n@Injectable()\nexport class ImageStyle extends BaseStyle {\n    name = 'image';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Displays an image with preview and tranformation options. For multiple image, see Galleria.\n *\n * [Live Demo](https://www.primeng.org/image/)\n *\n * @module imagestyle\n *\n */\nexport enum ImageClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-image',\n    /**\n     * Class name of the preview mask element\n     */\n    previewMask = 'h-image-preview-mask',\n    /**\n     * Class name of the preview icon element\n     */\n    previewIcon = 'h-image-preview-icon',\n    /**\n     * Class name of the mask element\n     */\n    mask = 'h-image-mask',\n    /**\n     * Class name of the toolbar element\n     */\n    toolbar = 'h-image-toolbar',\n    /**\n     * Class name of the rotate right button element\n     */\n    rotateRightButton = 'h-image-rotate-right-button',\n    /**\n     * Class name of the rotate left button element\n     */\n    rotateLeftButton = 'h-image-rotate-left-button',\n    /**\n     * Class name of the zoom out button element\n     */\n    zoomOutButton = 'h-image-zoom-out-button',\n    /**\n     * Class name of the zoom in button element\n     */\n    zoomInButton = 'h-image-zoom-in-button',\n    /**\n     * Class name of the close button element\n     */\n    closeButton = 'h-image-close-button',\n    /**\n     * Class name of the original element\n     */\n    original = 'h-image-original'\n}\n\nexport interface ImageStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, ElementRef, inject, InjectionToken, input, NgModule, signal, TemplateRef, ViewEncapsulation, contentChild, contentChildren, viewChild, output } from '@angular/core';\nimport { SafeUrl } from '@angular/platform-browser';\nimport { MotionEvent, MotionOptions } from '@gravionlabs/helix-core/uix/motion';\nimport { appendChild, focus } from '@gravionlabs/helix-core/uix/utils';\nimport { HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind, BindModule } from '@gravionlabs/helix-core/bind';\nimport { blockBodyScroll, unblockBodyScroll } from '@gravionlabs/helix-core/dom';\nimport { FocusTrap } from '@gravionlabs/helix-core/focustrap';\nimport { EyeIcon, RefreshIcon, SearchMinusIcon, SearchPlusIcon, TimesIcon, UndoIcon } from '@gravionlabs/helix-core/icons';\nimport { MotionModule } from '@gravionlabs/helix-core/motion';\nimport { Nullable } from '@gravionlabs/helix-core/ts-helpers';\nimport { ImageImageTemplateContext, ImagePassThrough, ImagePreviewTemplateContext } from '@gravionlabs/helix-core/types/image';\nimport { ZIndexUtils } from '@gravionlabs/helix-core/utils';\nimport { ImageStyle } from './style/imagestyle';\n\nconst IMAGE_INSTANCE = new InjectionToken<Image>('IMAGE_INSTANCE');\n\n/**\n * Displays an image with preview and tranformation options. For multiple image, see Galleria.\n * @group Components\n */\n@Component({\n    selector: 'h-image',\n    standalone: true,\n    imports: [CommonModule, RefreshIcon, EyeIcon, UndoIcon, SearchMinusIcon, SearchPlusIcon, TimesIcon, FocusTrap, SharedModule, BindModule, MotionModule],\n    templateUrl: './image.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [ImageStyle, { provide: IMAGE_INSTANCE, useExisting: Image }, { provide: PARENT_INSTANCE, useExisting: Image }],\n    host: {\n        '[class]': \"cn(cx('root'),styleClass())\",\n        '(document:keydown.escape)': 'onKeydownHandler()'\n    },\n    hostDirectives: [Bind]\n})\nexport class Image extends BaseComponent<ImagePassThrough> {\n    componentName = 'Image';\n\n    $pcImage: Image | undefined = inject(IMAGE_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n    /**\n     * Style class of the image element.\n     * @group Props\n     */\n    readonly imageClass = input<string>();\n    /**\n     * Inline style of the image element.\n     * @group Props\n     */\n    readonly imageStyle = input<{\n    [klass: string]: any;\n} | null>();\n    /**\n     * Class of the element.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n    /**\n     * The source path for the main image.\n     * @group Props\n     */\n    readonly src = input<string | SafeUrl>();\n    /**\n     * The srcset definition for the main image.\n     * @group Props\n     */\n    readonly srcSet = input<string | SafeUrl>();\n    /**\n     * The sizes definition for the main image.\n     * @group Props\n     */\n    readonly sizes = input<string>();\n    /**\n     * The source path for the preview image.\n     * @group Props\n     */\n    readonly previewImageSrc = input<string | SafeUrl>();\n    /**\n     * The srcset definition for the preview image.\n     * @group Props\n     */\n    readonly previewImageSrcSet = input<string | SafeUrl>();\n    /**\n     * The sizes definition for the preview image.\n     * @group Props\n     */\n    readonly previewImageSizes = input<string>();\n    /**\n     * Attribute of the preview image element.\n     * @group Props\n     */\n    readonly alt = input<string>();\n    /**\n     * Attribute of the image element.\n     * @group Props\n     */\n    readonly width = input<string>();\n    /**\n     * Attribute of the image element.\n     * @group Props\n     */\n    readonly height = input<string>();\n    /**\n     * Attribute of the image element.\n     * @group Props\n     */\n    readonly loading = input<'lazy' | 'eager'>();\n    /**\n     * Controls the preview functionality.\n     * @group Props\n     */\n    readonly preview = input<boolean, unknown>(false, { transform: booleanAttribute });\n    /**\n     * Transition options of the show animation\n     * @group Props\n     * @deprecated since v21.0.0. Use `motionOptions` instead.\n     */\n    readonly showTransitionOptions = input<string>('150ms cubic-bezier(0, 0, 0.2, 1)');\n    /**\n     * Transition options of the hide animation\n     * @group Props\n     * @deprecated since v21.0.0. Use `motionOptions` instead.\n     */\n    readonly hideTransitionOptions = input<string>('150ms cubic-bezier(0, 0, 0.2, 1)');\n    /**\n     * Enter animation class name of modal.\n     * @defaultValue 'h-modal-enter'\n     * @group Props\n     */\n    modalEnterAnimation = input<string | null | undefined>('h-modal-enter');\n    /**\n     * Leave animation class name of modal.\n     * @defaultValue 'h-modal-leave'\n     * @group Props\n     */\n    modalLeaveAnimation = input<string | null | undefined>('h-modal-leave');\n    /**\n     * Target element to attach the overlay, valid values are \"body\" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]=\"mydiv\" for a div element having #mydiv as variable name).\n     * @defaultValue 'self'\n     * @group Props\n     */\n    appendTo = input<HTMLElement | ElementRef | TemplateRef<any> | 'self' | 'body' | null | undefined | any>(undefined);\n    /**\n     * The motion options for the mask.\n     * @group Props\n     */\n    maskMotionOptions = input<MotionOptions | undefined>(undefined);\n\n    computedMaskMotionOptions = computed<MotionOptions>(() => {\n        return {\n            ...this.ptm('maskMotion'),\n            ...this.maskMotionOptions()\n        };\n    });\n    /**\n     * The motion options.\n     * @group Props\n     */\n    motionOptions = input<MotionOptions | undefined>(undefined);\n\n    computedMotionOptions = computed<MotionOptions>(() => {\n        return {\n            ...this.ptm('motion'),\n            ...this.motionOptions()\n        };\n    });\n    /**\n     * Triggered when the preview overlay is shown.\n     * @group Emits\n     */\n    readonly onShow = output<any>();\n    /**\n     * Triggered when the preview overlay is hidden.\n     * @group Emits\n     */\n    readonly onHide = output<any>();\n    /**\n     * This event is triggered if an error occurs while loading an image file.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    readonly onImageError = output<Event>();\n\n    readonly mask = viewChild<ElementRef>('mask');\n\n    readonly previewButton = viewChild<ElementRef>('previewButton');\n\n    readonly closeButton = viewChild<ElementRef>('closeButton');\n\n    /**\n     * Custom indicator template.\n     * @group Templates\n     */\n    readonly indicatorTemplate = contentChild<TemplateRef<void>>('indicator', { descendants: false });\n\n    /**\n     * Custom rotate right icon template.\n     * @group Templates\n     */\n    readonly rotateRightIconTemplate = contentChild<TemplateRef<void>>('rotaterighticon', { descendants: false });\n\n    /**\n     * Custom rotate left icon template.\n     * @group Templates\n     */\n    readonly rotateLeftIconTemplate = contentChild<TemplateRef<void>>('rotatelefticon', { descendants: false });\n\n    /**\n     * Custom zoom out icon template.\n     * @group Templates\n     */\n    readonly zoomOutIconTemplate = contentChild<TemplateRef<void>>('zoomouticon', { descendants: false });\n\n    /**\n     * Custom zoom in icon template.\n     * @group Templates\n     */\n    readonly zoomInIconTemplate = contentChild<TemplateRef<void>>('zoominicon', { descendants: false });\n\n    /**\n     * Custom close icon template.\n     * @group Templates\n     */\n    readonly closeIconTemplate = contentChild<TemplateRef<void>>('closeicon', { descendants: false });\n\n    /**\n     * Custom preview template.\n     * @group Templates\n     */\n    readonly previewTemplate = contentChild<TemplateRef<ImagePreviewTemplateContext>>('preview', { descendants: false });\n\n    /**\n     * Custom image template.\n     * @group Templates\n     */\n    readonly imageTemplate = contentChild<TemplateRef<ImageImageTemplateContext>>('image', { descendants: false });\n\n    renderMask = signal<boolean>(false);\n\n    renderPreview = signal<boolean>(false);\n\n    maskVisible: boolean = false;\n\n    previewVisible: boolean = false;\n\n    rotate: number = 0;\n\n    scale: number = 1;\n\n    previewClick: boolean = false;\n\n    container: Nullable<HTMLElement>;\n\n    wrapper: Nullable<HTMLElement>;\n\n    _componentStyle = inject(ImageStyle);\n\n    $appendTo = computed(() => this.appendTo() || this.config.overlayAppendTo());\n\n    public get isZoomOutDisabled(): boolean {\n        return this.scale - this.zoomSettings.step <= this.zoomSettings.min;\n    }\n\n    public get isZoomInDisabled(): boolean {\n        return this.scale + this.zoomSettings.step >= this.zoomSettings.max;\n    }\n\n    private zoomSettings = {\n        default: 1,\n        step: 0.1,\n        max: 1.5,\n        min: 0.5\n    };\n\n    readonly templates = contentChildren(HelixTemplate);\n\n    _indicatorTemplate: TemplateRef<void> | undefined;\n\n    _rotateRightIconTemplate: TemplateRef<void> | undefined;\n\n    _rotateLeftIconTemplate: TemplateRef<void> | undefined;\n\n    _zoomOutIconTemplate: TemplateRef<void> | undefined;\n\n    _zoomInIconTemplate: TemplateRef<void> | undefined;\n\n    _closeIconTemplate: TemplateRef<void> | undefined;\n\n    _imageTemplate: TemplateRef<ImageImageTemplateContext> | undefined;\n\n    _previewTemplate: TemplateRef<ImagePreviewTemplateContext> | undefined;\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    onAfterContentInit() {\n        this.templates().forEach((item) => {\n            switch (item.getType()) {\n                case 'indicator':\n                    this._indicatorTemplate = item.template;\n                    break;\n\n                case 'rotaterighticon':\n                    this._rotateRightIconTemplate = item.template;\n                    break;\n\n                case 'rotatelefticon':\n                    this._rotateLeftIconTemplate = item.template;\n                    break;\n\n                case 'zoomouticon':\n                    this._zoomOutIconTemplate = item.template;\n                    break;\n\n                case 'zoominicon':\n                    this._zoomInIconTemplate = item.template;\n                    break;\n\n                case 'closeicon':\n                    this._closeIconTemplate = item.template;\n                    break;\n\n                case 'image':\n                    this._imageTemplate = item.template;\n                    break;\n\n                case 'preview':\n                    this._previewTemplate = item.template;\n                    break;\n\n                default:\n                    this._indicatorTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    onImageClick() {\n        if (this.preview()) {\n            this.maskVisible = true;\n            this.previewVisible = true;\n            this.renderMask.set(true);\n            this.renderPreview.set(true);\n            blockBodyScroll();\n        }\n    }\n\n    onMaskClick() {\n        if (!this.previewClick) {\n            this.closePreview();\n        }\n\n        this.previewClick = false;\n    }\n\n    onMaskKeydown(event: KeyboardEvent) {\n        switch (event.code) {\n            case 'Escape':\n                this.onMaskClick();\n                setTimeout(() => {\n                    focus(this.previewButton()?.nativeElement);\n                }, 25);\n                event.preventDefault();\n\n                break;\n\n            default:\n                break;\n        }\n    }\n\n    onPreviewImageClick() {\n        this.previewClick = true;\n    }\n\n    rotateRight() {\n        this.rotate += 90;\n        this.previewClick = true;\n    }\n\n    rotateLeft() {\n        this.rotate -= 90;\n        this.previewClick = true;\n    }\n\n    zoomIn() {\n        this.scale = this.scale + this.zoomSettings.step;\n        this.previewClick = true;\n    }\n\n    zoomOut() {\n        this.scale = this.scale - this.zoomSettings.step;\n        this.previewClick = true;\n    }\n\n    onAnimationStart(event: MotionEvent) {\n        this.container = event.element as HTMLDivElement;\n        this.wrapper = this.container?.parentElement;\n        this.$attrSelector && this.wrapper?.setAttribute(this.$attrSelector, '');\n        this.appendContainer();\n        this.moveOnTop();\n        this.onShow.emit({});\n        setTimeout(() => {\n            focus(this.closeButton()?.nativeElement);\n        }, 25);\n    }\n\n    onBeforeLeave() {\n        this.maskVisible = false;\n    }\n\n    onAnimationEnd() {\n        this.renderPreview.set(false);\n    }\n\n    onMaskAfterLeave() {\n        if (!this.renderPreview()) {\n            this.renderMask.set(false);\n        }\n        ZIndexUtils.clear(this.wrapper);\n        this.container = null;\n        this.wrapper = null;\n        this.rotate = 0;\n        this.scale = this.zoomSettings.default;\n        unblockBodyScroll();\n        this.onHide.emit({});\n        this.cd.markForCheck();\n    }\n\n    moveOnTop() {\n        ZIndexUtils.set('modal', this.wrapper, this.config.zIndex.modal);\n    }\n\n    appendContainer() {\n        if (this.$appendTo() && this.$appendTo() !== 'self') {\n            if (this.$appendTo() === 'body' && this.wrapper) {\n                this.document.body.appendChild(this.wrapper as HTMLElement);\n            } else if (this.wrapper) {\n                appendChild(this.$appendTo(), this.wrapper);\n            }\n        }\n    }\n\n    imagePreviewStyle() {\n        return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' };\n    }\n\n    get zoomImageAriaLabel() {\n        return this.config.translation.aria ? this.config.translation.aria.zoomImage : undefined;\n    }\n\n    handleToolbarClick(event: MouseEvent): void {\n        event.stopPropagation();\n    }\n\n    closePreview(): void {\n        this.previewVisible = false;\n    }\n\n    imageError(event: Event) {\n        this.onImageError.emit(event);\n    }\n\n    rightAriaLabel() {\n        return this.config.translation.aria ? this.config.translation.aria.rotateRight : undefined;\n    }\n\n    leftAriaLabel() {\n        return this.config.translation.aria ? this.config.translation.aria.rotateLeft : undefined;\n    }\n\n    zoomInAriaLabel() {\n        return this.config.translation.aria ? this.config.translation.aria.zoomIn : undefined;\n    }\n\n    zoomOutAriaLabel() {\n        return this.config.translation.aria ? this.config.translation.aria.zoomOut : undefined;\n    }\n\n    closeAriaLabel() {\n        return this.config.translation.aria ? this.config.translation.aria.close : undefined;\n    }\n\n    onKeydownHandler() {\n        if (this.previewVisible) {\n            this.closePreview();\n        }\n    }\n}\n\n@NgModule({\n    imports: [Image, SharedModule],\n    exports: [Image, SharedModule]\n})\nexport class ImageModule {}\n","@if (!imageTemplate() && !_imageTemplate) {\n  <img\n    [attr.src]=\"src()\"\n    [attr.srcset]=\"srcSet()\"\n    [attr.sizes]=\"sizes()\"\n    [attr.alt]=\"alt()\"\n    [attr.width]=\"width()\"\n    [attr.height]=\"height()\"\n    [attr.loading]=\"loading()\"\n    [ngStyle]=\"imageStyle()\"\n    [class]=\"imageClass()\"\n    (error)=\"imageError($event)\"\n    [hBind]=\"ptm('image')\"\n    />\n}\n\n<ng-container *ngTemplateOutlet=\"imageTemplate() || _imageTemplate; context: { errorCallback: imageError.bind(this) }\"></ng-container>\n\n@if (preview()) {\n  <button [attr.aria-label]=\"zoomImageAriaLabel\" type=\"button\" [class]=\"cx('previewMask')\" (click)=\"onImageClick()\" #previewButton [ngStyle]=\"{ height: height() + 'px', width: width() + 'px' }\" [hBind]=\"ptm('previewMask')\">\n    @if (indicatorTemplate() || _indicatorTemplate) {\n      <ng-container *ngTemplateOutlet=\"indicatorTemplate() || _indicatorTemplate\"></ng-container>\n    } @else {\n      <svg data-h-icon=\"eye\" [class]=\"cx('previewIcon')\" [hBind]=\"ptm('previewIcon')\" />\n    }\n  </button>\n}\n@if (renderMask()) {\n  <div\n    #mask\n    [class]=\"cx('mask')\"\n    [attr.aria-modal]=\"maskVisible\"\n    role=\"dialog\"\n    (click)=\"onMaskClick()\"\n    (keydown)=\"onMaskKeydown($event)\"\n    hFocusTrap\n    [hBind]=\"ptm('mask')\"\n    [hMotion]=\"maskVisible\"\n    [pMotionAppear]=\"true\"\n    [pMotionEnterActiveClass]=\"'h-overlay-mask-enter-active'\"\n    [pMotionLeaveActiveClass]=\"'h-overlay-mask-leave-active'\"\n    [pMotionOptions]=\"computedMaskMotionOptions()\"\n    (pMotionOnAfterLeave)=\"onMaskAfterLeave()\"\n    >\n    <div [class]=\"cx('toolbar')\" (click)=\"handleToolbarClick($event)\" [hBind]=\"ptm('toolbar')\">\n      <button [class]=\"cx('rotateRightButton')\" (click)=\"rotateRight()\" type=\"button\" [attr.aria-label]=\"rightAriaLabel()\" [hBind]=\"ptm('rotateRightButton')\">\n        @if (!rotateRightIconTemplate() && !_rotateRightIconTemplate) {\n          <svg data-h-icon=\"refresh\" />\n        }\n        <ng-template *ngTemplateOutlet=\"rotateRightIconTemplate() || _rotateRightIconTemplate\"></ng-template>\n      </button>\n      <button [class]=\"cx('rotateLeftButton')\" (click)=\"rotateLeft()\" type=\"button\" [attr.aria-label]=\"leftAriaLabel()\" [hBind]=\"ptm('rotateLeftButton')\">\n        @if (!rotateLeftIconTemplate() && !_rotateLeftIconTemplate) {\n          <svg data-h-icon=\"undo\" />\n        }\n        <ng-template *ngTemplateOutlet=\"rotateLeftIconTemplate() || _rotateLeftIconTemplate\"></ng-template>\n      </button>\n      <button [class]=\"cx('zoomOutButton')\" (click)=\"zoomOut()\" type=\"button\" [disabled]=\"isZoomOutDisabled\" [attr.aria-label]=\"zoomOutAriaLabel()\" [hBind]=\"ptm('zoomOutButton')\">\n        @if (!zoomOutIconTemplate() && !_zoomOutIconTemplate) {\n          <svg data-h-icon=\"search-minus\" />\n        }\n        <ng-template *ngTemplateOutlet=\"zoomOutIconTemplate() || _zoomOutIconTemplate\"></ng-template>\n      </button>\n      <button [class]=\"cx('zoomInButton')\" (click)=\"zoomIn()\" type=\"button\" [disabled]=\"isZoomInDisabled\" [attr.aria-label]=\"zoomInAriaLabel()\" [hBind]=\"ptm('zoomInButton')\">\n        @if (!zoomInIconTemplate() && !_zoomInIconTemplate) {\n          <svg data-h-icon=\"search-plus\" />\n        }\n        <ng-template *ngTemplateOutlet=\"zoomInIconTemplate() || _zoomInIconTemplate\"></ng-template>\n      </button>\n      <button [class]=\"cx('closeButton')\" type=\"button\" (click)=\"closePreview()\" [attr.aria-label]=\"closeAriaLabel()\" #closeButton [hBind]=\"ptm('closeButton')\">\n        @if (!closeIconTemplate() && !_closeIconTemplate) {\n          <svg data-h-icon=\"times\" />\n        }\n        <ng-template *ngTemplateOutlet=\"closeIconTemplate() || _closeIconTemplate\"></ng-template>\n      </button>\n    </div>\n    @if (renderPreview()) {\n      <h-motion [visible]=\"previewVisible\" name=\"h-image-original\" [appear]=\"true\" [options]=\"computedMotionOptions()\" (onBeforeEnter)=\"onAnimationStart($event)\" (onBeforeLeave)=\"onBeforeLeave()\" (onAfterLeave)=\"onAnimationEnd($event)\">\n        @if (!previewTemplate() && !_previewTemplate) {\n          <img\n            [attr.src]=\"previewImageSrc() ? previewImageSrc() : src()\"\n            [attr.srcset]=\"previewImageSrcSet()\"\n            [attr.sizes]=\"previewImageSizes()\"\n            [class]=\"cx('original')\"\n            [ngStyle]=\"imagePreviewStyle()\"\n            (click)=\"onPreviewImageClick()\"\n            [hBind]=\"ptm('original')\"\n            />\n        }\n        <ng-container\n                    *ngTemplateOutlet=\"\n                        previewTemplate() || _previewTemplate;\n                        context: {\n                            class: cx('original'),\n                            style: imagePreviewStyle(),\n                            previewCallback: onPreviewImageClick.bind(this)\n                        }\n                    \"\n        >\n      </ng-container>\n    </h-motion>\n  }\n</div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/gravionlabs-helix-core-imagecompare.mjs

@@ -0,0 +1,255 @@
+import * as i2 from '@angular/common';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, input, contentChild, contentChildren, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';
+import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
+import * as i1 from '@gravionlabs/helix-core/bind';
+import { Bind, BindModule } from '@gravionlabs/helix-core/bind';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+
+const style = /*css*/ `
+    .h-imagecompare {
+        position: relative;
+        overflow: hidden;
+        width: 100%;
+        aspect-ratio: 16 / 9;
+    }
+
+    .h-imagecompare img {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+    }
+
+    .h-imagecompare img + img {
+        clip-path: polygon(0 0, dt('imagecompare.scope.x', '50%') 0, dt('imagecompare.scope.x', '50%') 100%, 0 100%);
+    }
+
+    .h-imagecompare:dir(rtl) img + img {
+        clip-path: polygon(calc(100% - dt('imagecompare.scope.x', '50%')) 0, 100% 0, 100% 100%, calc(100% - dt('imagecompare.scope.x', '50%')) 100%);
+    }
+
+    .h-imagecompare-slider {
+        position: relative;
+        -webkit-appearance: none;
+        width: calc(100% + dt('imagecompare.handle.size'));
+        height: 100%;
+        margin-inline-start: calc(-1 * calc(dt('imagecompare.handle.size') / 2));
+        background-color: transparent;
+        outline: none;
+        transition: all dt('imagecompare.handle.transition.duration');
+    }
+
+    .h-imagecompare-slider::-webkit-slider-thumb {
+        -webkit-appearance: none;
+        height: dt('imagecompare.handle.size');
+        width: dt('imagecompare.handle.size');
+        background: dt('imagecompare.handle.background');
+        border: dt('imagecompare.handle.border.width') solid dt('imagecompare.handle.border.color');
+        border-radius: dt('imagecompare.handle.border.radius');
+        background-size: contain;
+        cursor: ew-resize;
+        transition: all dt('imagecompare.handle.transition.duration');
+    }
+
+    .h-imagecompare-slider::-moz-range-thumb {
+        height: dt('imagecompare.handle.size');
+        width: dt('imagecompare.handle.size');
+        background: dt('imagecompare.handle.background');
+        border: dt('imagecompare.handle.border.width') dt('imagecompare.handle.border.style') dt('imagecompare.handle.border.color');
+        border-radius: dt('imagecompare.handle.border.radius');
+        background-size: contain;
+        cursor: ew-resize;
+    }
+
+    .h-imagecompare-slider:focus-visible::-webkit-slider-thumb {
+        box-shadow: dt('imagecompare.handle.focus.ring.shadow');
+        outline: dt('imagecompare.handle.focus.ring.width') dt('imagecompare.handle.focus.ring.style') dt('imagecompare.handle.focus.ring.color');
+        outline-offset: dt('imagecompare.handle.focus.ring.offset');
+    }
+
+    .h-imagecompare-slider:focus-visible::-moz-range-thumb {
+        box-shadow: dt('imagecompare.handle.focus.ring.shadow');
+        outline: dt('imagecompare.handle.focus.ring.width') dt('imagecompare.handle.focus.ring.style') dt('imagecompare.handle.focus.ring.color');
+        outline-offset: dt('imagecompare.handle.focus.ring.offset');
+    }
+
+    .h-imagecompare-slider:hover {
+        width: calc(100% + dt('imagecompare.handle.hover.size'));
+        margin-inline-start: calc(-1 * calc(dt('imagecompare.handle.hover.size') / 2));
+    }
+
+    .h-imagecompare-slider:hover::-webkit-slider-thumb {
+        background: dt('imagecompare.handle.hover.background');
+        border-color: dt('imagecompare.handle.hover.border.color');
+        height: dt('imagecompare.handle.hover.size');
+        width: dt('imagecompare.handle.hover.size');
+    }
+
+    .h-imagecompare-slider:hover::-moz-range-thumb {
+        background: dt('imagecompare.handle.hover.background');
+        border-color: dt('imagecompare.handle.hover.border.color');
+        height: dt('imagecompare.handle.hover.size');
+        width: dt('imagecompare.handle.hover.size');
+    }
+`;
+
+const classes = {
+    root: 'h-imagecompare',
+    slider: 'h-imagecompare-slider'
+};
+class ImageCompareStyle extends BaseStyle {
+    name = 'imagecompare';
+    style = style;
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ImageCompareStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ImageCompareStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ImageCompareStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * ImageCompare compares two images side by side with a slider.
+ *
+ * [Live Demo](https://www.primeng.org/imagecompare/)
+ *
+ * @module imagecomparestyle
+ *
+ */
+var ImageCompareClasses;
+(function (ImageCompareClasses) {
+    /**
+     * Class name of the root element
+     */
+    ImageCompareClasses["root"] = "h-imagecompare";
+    /**
+     * Class name of the slider element
+     */
+    ImageCompareClasses["slider"] = "h-imagecompare-slider";
+})(ImageCompareClasses || (ImageCompareClasses = {}));
+
+const IMAGECOMPARE_INSTANCE = new InjectionToken('IMAGECOMPARE_INSTANCE');
+/**
+ * Compare two images side by side with a slider.
+ * @group Components
+ */
+class ImageCompare extends BaseComponent {
+    componentName = 'ImageCompare';
+    $pcImageCompare = inject(IMAGECOMPARE_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
+    bindDirectiveInstance = inject(Bind, { self: true });
+    /**
+     * Index of the element in tabbing order.
+     * @defaultValue 0
+     * @group Props
+     */
+    tabindex = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "tabindex" }] : /* istanbul ignore next */ []));
+    /**
+     * Defines a string value that labels an interactive element.
+     * @group Props
+     */
+    ariaLabelledby = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "ariaLabelledby" }] : /* istanbul ignore next */ []));
+    /**
+     * Identifier of the underlying input element.
+     * @group Props
+     */
+    ariaLabel = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Custom left side template.
+     * @group Templates
+     */
+    leftTemplate = contentChild('left', { ...(ngDevMode ? { debugName: "leftTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    /**
+     * Custom right side template.
+     * @group Templates
+     */
+    rightTemplate = contentChild('right', { ...(ngDevMode ? { debugName: "rightTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    _leftTemplate;
+    _rightTemplate;
+    templates = contentChildren(HelixTemplate, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
+    _componentStyle = inject(ImageCompareStyle);
+    mutationObserver;
+    isRTL = false;
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
+    onInit() {
+        this.updateDirection();
+        this.observeDirectionChanges();
+    }
+    onAfterContentInit() {
+        this.templates().forEach((item) => {
+            switch (item.getType()) {
+                case 'left':
+                    this._leftTemplate = item.template;
+                    break;
+                case 'right':
+                    this._rightTemplate = item.template;
+                    break;
+            }
+        });
+    }
+    onSlide(event) {
+        const value = event.target.value;
+        const image = event.target.previousElementSibling;
+        if (this.isRTL) {
+            image.style.clipPath = `polygon(${100 - value}% 0, 100% 0, 100% 100%, ${100 - value}% 100%)`;
+        }
+        else {
+            image.style.clipPath = `polygon(0 0, ${value}% 0, ${value}% 100%, 0 100%)`;
+        }
+    }
+    updateDirection() {
+        this.isRTL = !!this.el.nativeElement.closest('[dir="rtl"]');
+    }
+    observeDirectionChanges() {
+        if (isPlatformBrowser(this.platformId)) {
+            const targetNode = document?.documentElement;
+            const config = { attributes: true, attributeFilter: ['dir'] };
+            this.mutationObserver = new MutationObserver(() => {
+                this.updateDirection();
+            });
+            this.mutationObserver.observe(targetNode, config);
+        }
+    }
+    onDestroy() {
+        if (this.mutationObserver) {
+            this.mutationObserver.disconnect();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ImageCompare, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.6", type: ImageCompare, isStandalone: true, selector: "h-imageCompare, h-imagecompare, h-image-compare", inputs: { tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cx('root')", "attr.tabindex": "tabindex()", "attr.aria-labelledby": "ariaLabelledby()", "attr.aria-label": "ariaLabel()" } }, providers: [ImageCompareStyle, { provide: IMAGECOMPARE_INSTANCE, useExisting: ImageCompare }, { provide: PARENT_INSTANCE, useExisting: ImageCompare }], queries: [{ propertyName: "leftTemplate", first: true, predicate: ["left"], isSignal: true }, { propertyName: "rightTemplate", first: true, predicate: ["right"], isSignal: true }, { propertyName: "templates", predicate: HelixTemplate, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "<ng-template *ngTemplateOutlet=\"leftTemplate() || _leftTemplate\"></ng-template>\n<ng-template *ngTemplateOutlet=\"rightTemplate() || _rightTemplate\"></ng-template>\n\n<input type=\"range\" min=\"0\" max=\"100\" value=\"50\" (input)=\"onSlide($event)\" [class]=\"cx('slider')\" [hBind]=\"ptm('slider')\" />\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1.Bind, selector: "[hBind]", inputs: ["hBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ImageCompare, decorators: [{
+            type: Component,
+            args: [{ selector: 'h-imageCompare, h-imagecompare, h-image-compare', standalone: true, imports: [CommonModule, SharedModule, BindModule], host: {
+                        '[class]': "cx('root')",
+                        '[attr.tabindex]': 'tabindex()',
+                        '[attr.aria-labelledby]': 'ariaLabelledby()',
+                        '[attr.aria-label]': 'ariaLabel()'
+                    }, hostDirectives: [Bind], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [ImageCompareStyle, { provide: IMAGECOMPARE_INSTANCE, useExisting: ImageCompare }, { provide: PARENT_INSTANCE, useExisting: ImageCompare }], template: "<ng-template *ngTemplateOutlet=\"leftTemplate() || _leftTemplate\"></ng-template>\n<ng-template *ngTemplateOutlet=\"rightTemplate() || _rightTemplate\"></ng-template>\n\n<input type=\"range\" min=\"0\" max=\"100\" value=\"50\" (input)=\"onSlide($event)\" [class]=\"cx('slider')\" [hBind]=\"ptm('slider')\" />\n" }]
+        }], propDecorators: { tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledby", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], leftTemplate: [{ type: i0.ContentChild, args: ['left', { ...{ descendants: false }, isSignal: true }] }], rightTemplate: [{ type: i0.ContentChild, args: ['right', { ...{ descendants: false }, isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }] } });
+class ImageCompareModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ImageCompareModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: ImageCompareModule, imports: [ImageCompare, SharedModule], exports: [ImageCompare, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ImageCompareModule, imports: [ImageCompare, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ImageCompareModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ImageCompare, SharedModule],
+                    exports: [ImageCompare, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ImageCompare, ImageCompareClasses, ImageCompareModule, ImageCompareStyle };
+//# sourceMappingURL=gravionlabs-helix-core-imagecompare.mjs.map

package/fesm2022/gravionlabs-helix-core-imagecompare.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gravionlabs-helix-core-imagecompare.mjs","sources":["../../../projects/core/imagecompare/style/imagecompare.css.ts","../../../projects/core/imagecompare/style/imagecomparestyle.ts","../../../projects/core/imagecompare/imagecompare.ts","../../../projects/core/imagecompare/imagecompare.html","../../../projects/core/imagecompare/gravionlabs-helix-core-imagecompare.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-imagecompare {\n        position: relative;\n        overflow: hidden;\n        width: 100%;\n        aspect-ratio: 16 / 9;\n    }\n\n    .h-imagecompare img {\n        width: 100%;\n        height: 100%;\n        position: absolute;\n    }\n\n    .h-imagecompare img + img {\n        clip-path: polygon(0 0, dt('imagecompare.scope.x', '50%') 0, dt('imagecompare.scope.x', '50%') 100%, 0 100%);\n    }\n\n    .h-imagecompare:dir(rtl) img + img {\n        clip-path: polygon(calc(100% - dt('imagecompare.scope.x', '50%')) 0, 100% 0, 100% 100%, calc(100% - dt('imagecompare.scope.x', '50%')) 100%);\n    }\n\n    .h-imagecompare-slider {\n        position: relative;\n        -webkit-appearance: none;\n        width: calc(100% + dt('imagecompare.handle.size'));\n        height: 100%;\n        margin-inline-start: calc(-1 * calc(dt('imagecompare.handle.size') / 2));\n        background-color: transparent;\n        outline: none;\n        transition: all dt('imagecompare.handle.transition.duration');\n    }\n\n    .h-imagecompare-slider::-webkit-slider-thumb {\n        -webkit-appearance: none;\n        height: dt('imagecompare.handle.size');\n        width: dt('imagecompare.handle.size');\n        background: dt('imagecompare.handle.background');\n        border: dt('imagecompare.handle.border.width') solid dt('imagecompare.handle.border.color');\n        border-radius: dt('imagecompare.handle.border.radius');\n        background-size: contain;\n        cursor: ew-resize;\n        transition: all dt('imagecompare.handle.transition.duration');\n    }\n\n    .h-imagecompare-slider::-moz-range-thumb {\n        height: dt('imagecompare.handle.size');\n        width: dt('imagecompare.handle.size');\n        background: dt('imagecompare.handle.background');\n        border: dt('imagecompare.handle.border.width') dt('imagecompare.handle.border.style') dt('imagecompare.handle.border.color');\n        border-radius: dt('imagecompare.handle.border.radius');\n        background-size: contain;\n        cursor: ew-resize;\n    }\n\n    .h-imagecompare-slider:focus-visible::-webkit-slider-thumb {\n        box-shadow: dt('imagecompare.handle.focus.ring.shadow');\n        outline: dt('imagecompare.handle.focus.ring.width') dt('imagecompare.handle.focus.ring.style') dt('imagecompare.handle.focus.ring.color');\n        outline-offset: dt('imagecompare.handle.focus.ring.offset');\n    }\n\n    .h-imagecompare-slider:focus-visible::-moz-range-thumb {\n        box-shadow: dt('imagecompare.handle.focus.ring.shadow');\n        outline: dt('imagecompare.handle.focus.ring.width') dt('imagecompare.handle.focus.ring.style') dt('imagecompare.handle.focus.ring.color');\n        outline-offset: dt('imagecompare.handle.focus.ring.offset');\n    }\n\n    .h-imagecompare-slider:hover {\n        width: calc(100% + dt('imagecompare.handle.hover.size'));\n        margin-inline-start: calc(-1 * calc(dt('imagecompare.handle.hover.size') / 2));\n    }\n\n    .h-imagecompare-slider:hover::-webkit-slider-thumb {\n        background: dt('imagecompare.handle.hover.background');\n        border-color: dt('imagecompare.handle.hover.border.color');\n        height: dt('imagecompare.handle.hover.size');\n        width: dt('imagecompare.handle.hover.size');\n    }\n\n    .h-imagecompare-slider:hover::-moz-range-thumb {\n        background: dt('imagecompare.handle.hover.background');\n        border-color: dt('imagecompare.handle.hover.border.color');\n        height: dt('imagecompare.handle.hover.size');\n        width: dt('imagecompare.handle.hover.size');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style } from './imagecompare.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: 'h-imagecompare',\n    slider: 'h-imagecompare-slider'\n};\n\n@Injectable()\nexport class ImageCompareStyle extends BaseStyle {\n    name = 'imagecompare';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * ImageCompare compares two images side by side with a slider.\n *\n * [Live Demo](https://www.primeng.org/imagecompare/)\n *\n * @module imagecomparestyle\n *\n */\nexport enum ImageCompareClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-imagecompare',\n    /**\n     * Class name of the slider element\n     */\n    slider = 'h-imagecompare-slider'\n}\nexport interface ImageCompareStyle extends BaseStyle {}\n","import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, InjectionToken, NgModule, TemplateRef, ViewEncapsulation, input, contentChild, contentChildren } from '@angular/core';\nimport { HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind, BindModule } from '@gravionlabs/helix-core/bind';\nimport { ImageComparePassThrough } from '@gravionlabs/helix-core/types/imagecompare';\nimport { ImageCompareStyle } from './style/imagecomparestyle';\n\nconst IMAGECOMPARE_INSTANCE = new InjectionToken<ImageCompare>('IMAGECOMPARE_INSTANCE');\n\n/**\n * Compare two images side by side with a slider.\n * @group Components\n */\n@Component({\n    selector: 'h-imageCompare, h-imagecompare, h-image-compare',\n    standalone: true,\n    imports: [CommonModule, SharedModule, BindModule],\n    templateUrl: './imagecompare.html',\n    host: {\n        '[class]': \"cx('root')\",\n        '[attr.tabindex]': 'tabindex()',\n        '[attr.aria-labelledby]': 'ariaLabelledby()',\n        '[attr.aria-label]': 'ariaLabel()'\n    },\n    hostDirectives: [Bind],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [ImageCompareStyle, { provide: IMAGECOMPARE_INSTANCE, useExisting: ImageCompare }, { provide: PARENT_INSTANCE, useExisting: ImageCompare }]\n})\nexport class ImageCompare extends BaseComponent<ImageComparePassThrough> {\n    componentName = 'ImageCompare';\n\n    $pcImageCompare: ImageCompare | undefined = inject(IMAGECOMPARE_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n    /**\n     * Index of the element in tabbing order.\n     * @defaultValue 0\n     * @group Props\n     */\n    readonly tabindex = input<number>();\n    /**\n     * Defines a string value that labels an interactive element.\n     * @group Props\n     */\n    readonly ariaLabelledby = input<string>();\n    /**\n     * Identifier of the underlying input element.\n     * @group Props\n     */\n    readonly ariaLabel = input<string>();\n\n    /**\n     * Custom left side template.\n     * @group Templates\n     */\n    readonly leftTemplate = contentChild<TemplateRef<void>>('left', { descendants: false });\n\n    /**\n     * Custom right side template.\n     * @group Templates\n     */\n    readonly rightTemplate = contentChild<TemplateRef<void>>('right', { descendants: false });\n\n    _leftTemplate: TemplateRef<void> | undefined;\n\n    _rightTemplate: TemplateRef<void> | undefined;\n\n    readonly templates = contentChildren(HelixTemplate);\n\n    _componentStyle = inject(ImageCompareStyle);\n\n    mutationObserver: MutationObserver;\n\n    isRTL: boolean = false;\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    onInit() {\n        this.updateDirection();\n        this.observeDirectionChanges();\n    }\n\n    onAfterContentInit() {\n        this.templates().forEach((item) => {\n            switch (item.getType()) {\n                case 'left':\n                    this._leftTemplate = item.template;\n                    break;\n                case 'right':\n                    this._rightTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    onSlide(event) {\n        const value = event.target.value;\n        const image = event.target.previousElementSibling;\n\n        if (this.isRTL) {\n            image.style.clipPath = `polygon(${100 - value}% 0, 100% 0, 100% 100%, ${100 - value}% 100%)`;\n        } else {\n            image.style.clipPath = `polygon(0 0, ${value}% 0, ${value}% 100%, 0 100%)`;\n        }\n    }\n\n    updateDirection() {\n        this.isRTL = !!this.el.nativeElement.closest('[dir=\"rtl\"]');\n    }\n\n    observeDirectionChanges() {\n        if (isPlatformBrowser(this.platformId)) {\n            const targetNode = document?.documentElement;\n            const config = { attributes: true, attributeFilter: ['dir'] };\n\n            this.mutationObserver = new MutationObserver(() => {\n                this.updateDirection();\n            });\n\n            this.mutationObserver.observe(targetNode, config);\n        }\n    }\n\n    onDestroy() {\n        if (this.mutationObserver) {\n            this.mutationObserver.disconnect();\n        }\n    }\n}\n\n@NgModule({\n    imports: [ImageCompare, SharedModule],\n    exports: [ImageCompare, SharedModule]\n})\nexport class ImageCompareModule {}\n","<ng-template *ngTemplateOutlet=\"leftTemplate() || _leftTemplate\"></ng-template>\n<ng-template *ngTemplateOutlet=\"rightTemplate() || _rightTemplate\"></ng-template>\n\n<input type=\"range\" min=\"0\" max=\"100\" value=\"50\" (input)=\"onSlide($event)\" [class]=\"cx('slider')\" [hBind]=\"ptm('slider')\" />\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}