@elementar-rt/components 0.6.55

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

@@ -0,0 +1,262 @@
+import * as i0 from '@angular/core';
+import { Component, InjectionToken, inject, ElementRef, ViewContainerRef, Injector, DestroyRef, input, numberAttribute, booleanAttribute, output, EventEmitter, Directive } from '@angular/core';
+import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
+import { fromEvent, takeUntil } from 'rxjs';
+import { Directionality } from '@angular/cdk/bidi';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { _getEventTarget } from '@angular/cdk/platform';
+import { PositionManager } from '@elementar-rt/components/overlay';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+class PopoverComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: PopoverComponent, isStandalone: true, selector: "emr-popover", host: { classAttribute: "emr-popover" }, exportAs: ["emrPopover"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{--emr-popover-border: none;--emr-popover-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--emr-popover-border-radius: 1rem;--emr-popover-bg: var(--color-surface-container-lowest);--emr-popover-margin: calc(var(--spacing, .25rem) * 2.5);display:block;position:relative;border-radius:var(--emr-popover-border-radius);background-color:var(--emr-popover-bg);border:var(--emr-popover-border);box-shadow:var(--emr-popover-shadow);animation:.15s emr-popover-animation}@keyframes emr-popover-animation{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:host-context(.emr-overlay-above){margin-bottom:var(--emr-popover-margin);transform-origin:bottom}:host-context(.emr-overlay-below){margin-top:var(--emr-popover-margin);transform-origin:top}:host-context(.emr-overlay-before){margin-inline-end:var(--emr-popover-margin);transform-origin:right}:host-context(.emr-overlay-after){margin-inline-start:var(--emr-popover-margin);transform-origin:left}:host-context(html.dark){--emr-popover-bg: var(--color-neutral-1000)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-popover', exportAs: 'emrPopover', host: {
+                        'class': 'emr-popover'
+                    }, template: "<ng-content/>\r\n", styles: [":host{--emr-popover-border: none;--emr-popover-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--emr-popover-border-radius: 1rem;--emr-popover-bg: var(--color-surface-container-lowest);--emr-popover-margin: calc(var(--spacing, .25rem) * 2.5);display:block;position:relative;border-radius:var(--emr-popover-border-radius);background-color:var(--emr-popover-bg);border:var(--emr-popover-border);box-shadow:var(--emr-popover-shadow);animation:.15s emr-popover-animation}@keyframes emr-popover-animation{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:host-context(.emr-overlay-above){margin-bottom:var(--emr-popover-margin);transform-origin:bottom}:host-context(.emr-overlay-below){margin-top:var(--emr-popover-margin);transform-origin:top}:host-context(.emr-overlay-before){margin-inline-end:var(--emr-popover-margin);transform-origin:right}:host-context(.emr-overlay-after){margin-inline-start:var(--emr-popover-margin);transform-origin:left}:host-context(html.dark){--emr-popover-bg: var(--color-neutral-1000)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+const POPOVER_TRIGGER = new InjectionToken('POPOVER_TRIGGER');
+
+class PopoverTriggerForDirective {
+    _overlay = inject(Overlay);
+    _elementRef = inject(ElementRef);
+    _directionality = inject(Directionality, { optional: true });
+    _viewContainerRef = inject(ViewContainerRef);
+    _injector = inject(Injector);
+    _popoverPortal;
+    _overlayRef = null;
+    _destroyRef = inject(DestroyRef);
+    _openTimeout = null;
+    _closeTimeout = null;
+    _closeDelay = 500;
+    popoverTemplateRef = input.required(...(ngDevMode ? [{ debugName: "popoverTemplateRef", alias: 'emrPopoverTriggerFor' }] : [{
+            alias: 'emrPopoverTriggerFor'
+        }]));
+    trigger = input('click', ...(ngDevMode ? [{ debugName: "trigger" }] : []));
+    position = input('below-center', ...(ngDevMode ? [{ debugName: "position" }] : []));
+    delay = input(500, ...(ngDevMode ? [{ debugName: "delay", transform: numberAttribute }] : [{
+            transform: numberAttribute
+        }]));
+    origin = input(...(ngDevMode ? [undefined, { debugName: "origin" }] : []));
+    closeOnOriginClick = input(false, ...(ngDevMode ? [{ debugName: "closeOnOriginClick", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    closeOnOriginMouseLeave = input(false, ...(ngDevMode ? [{ debugName: "closeOnOriginMouseLeave", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    hasBackdrop = input(false, ...(ngDevMode ? [{ debugName: "hasBackdrop", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    opened = output();
+    closed = output();
+    _closed = new EventEmitter();
+    constructor() {
+        this._setType();
+    }
+    _handleClick() {
+        if (this.trigger() !== 'click') {
+            if (this.closeOnOriginClick()) {
+                this._close();
+            }
+            return;
+        }
+        !this._isOpen() ? this._open() : this._close();
+    }
+    _handleMouseover() {
+        if (!this._isOpen() && this.trigger() === 'hover') {
+            this._openTimeout = setTimeout(() => {
+                this._open();
+            }, this.delay());
+        }
+    }
+    _handleMouseout() {
+        if (!this._isOpen()) {
+            clearTimeout(this._openTimeout);
+        }
+        else {
+            if (this.closeOnOriginMouseLeave()) {
+                this._close();
+                return;
+            }
+        }
+    }
+    ngOnInit() {
+        this.closed
+            .subscribe(() => {
+            this._closed.emit();
+        });
+    }
+    ngOnDestroy() {
+        this._close();
+        this._destroyOverlay();
+    }
+    get api() {
+        return {
+            isOpen: () => this._isOpen(),
+            open: () => this._open(),
+            close: () => this._close(),
+        };
+    }
+    _isOpen() {
+        return !!this._overlayRef?.hasAttached();
+    }
+    _open() {
+        if (!this._isOpen() && this.popoverTemplateRef != null) {
+            this.opened.emit();
+            this._overlayRef = this._overlay.create(this._getOverlayConfig());
+            this._overlayRef.attach(this._getPopoverContentPortal());
+            this._subscribeToHostMouseleave();
+            this._subscribeToOutsideClicks();
+        }
+    }
+    _close() {
+        clearTimeout(this._closeTimeout);
+        clearTimeout(this._openTimeout);
+        this.closed.emit();
+        this._overlayRef?.detach();
+    }
+    _destroyOverlay() {
+        clearTimeout(this._openTimeout);
+        clearTimeout(this._closeTimeout);
+        this._overlayRef?.dispose();
+        this._overlayRef = null;
+    }
+    _subscribeToOutsideClicks() {
+        if (this._overlayRef) {
+            this._overlayRef
+                .outsidePointerEvents()
+                .pipe(takeUntilDestroyed(this._destroyRef))
+                .subscribe(event => {
+                const target = _getEventTarget(event);
+                const element = this._elementRef.nativeElement;
+                if (this.closeOnOriginClick() && ((target === element) || element.contains(target))) {
+                    this._close();
+                    return;
+                }
+                if (target !== element && !element.contains(target)) {
+                    this._close();
+                }
+            });
+        }
+    }
+    _getPopoverContentPortal() {
+        const injector = Injector.create({
+            providers: [
+                {
+                    provide: POPOVER_TRIGGER,
+                    useValue: this
+                }
+            ],
+            parent: this._injector
+        });
+        this._popoverPortal = new TemplatePortal(this.popoverTemplateRef(), this._viewContainerRef, null, injector);
+        return this._popoverPortal;
+    }
+    _getOverlayConfig() {
+        return new OverlayConfig({
+            hasBackdrop: this.hasBackdrop(),
+            backdropClass: 'emr-popover-overlay-backdrop',
+            positionStrategy: this._getOverlayPositionStrategy(),
+            scrollStrategy: this._overlay.scrollStrategies.reposition(),
+            direction: this._directionality || undefined
+        });
+    }
+    _getOverlayPositionStrategy() {
+        const origin = (this.origin() ? this.origin() : this._elementRef);
+        return this._overlay
+            .position()
+            .flexibleConnectedTo(origin)
+            .setOrigin(origin)
+            .withGrowAfterOpen()
+            .withPositions(this._getOverlayPositions());
+    }
+    _getOverlayPositions() {
+        return (new PositionManager()).build(this.position());
+    }
+    _setType() {
+        if (this.trigger() === 'hover') {
+            return;
+        }
+        const element = this._elementRef.nativeElement;
+        if (element.nodeName === 'BUTTON' && !element.getAttribute('type')) {
+            // Prevents form submissions.
+            element.setAttribute('type', 'button');
+        }
+    }
+    _subscribeToHostMouseleave() {
+        if (this.trigger() === 'hover' && this._overlayRef) {
+            fromEvent(this._elementRef.nativeElement, 'mouseleave')
+                .pipe(takeUntil(this._closed), takeUntilDestroyed(this._destroyRef))
+                .subscribe(event => {
+                if (this.closeOnOriginMouseLeave()) {
+                    this._close();
+                    return;
+                }
+                this._closeTimeout = setTimeout(() => {
+                    this._close();
+                }, this._closeDelay);
+            });
+            const popoverElement = this._overlayRef.overlayElement;
+            fromEvent(popoverElement, 'mouseenter')
+                .pipe(takeUntil(this._closed), takeUntilDestroyed(this._destroyRef))
+                .subscribe(event => {
+                clearTimeout(this._closeTimeout);
+                this._closeTimeout = null;
+            });
+            fromEvent(popoverElement, 'mouseleave')
+                .pipe(takeUntil(this._closed), takeUntilDestroyed(this._destroyRef))
+                .subscribe(event => {
+                this._closeTimeout = setTimeout(() => {
+                    this._close();
+                }, this._closeDelay);
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PopoverTriggerForDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: PopoverTriggerForDirective, isStandalone: true, selector: "[emrPopoverTriggerFor]", inputs: { popoverTemplateRef: { classPropertyName: "popoverTemplateRef", publicName: "emrPopoverTriggerFor", isSignal: true, isRequired: true, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null }, origin: { classPropertyName: "origin", publicName: "origin", isSignal: true, isRequired: false, transformFunction: null }, closeOnOriginClick: { classPropertyName: "closeOnOriginClick", publicName: "closeOnOriginClick", isSignal: true, isRequired: false, transformFunction: null }, closeOnOriginMouseLeave: { classPropertyName: "closeOnOriginMouseLeave", publicName: "closeOnOriginMouseLeave", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "click": "_handleClick()", "mouseenter": "_handleMouseover()", "mouseleave": "_handleMouseout()" }, properties: { "class.emr-popover-trigger-for--is-open": "api.isOpen()" }, classAttribute: "emr-popover-trigger-for" }, exportAs: ["emrPopoverTriggerFor"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PopoverTriggerForDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrPopoverTriggerFor]',
+                    exportAs: 'emrPopoverTriggerFor',
+                    host: {
+                        'class': 'emr-popover-trigger-for',
+                        '[class.emr-popover-trigger-for--is-open]': 'api.isOpen()',
+                        '(click)': '_handleClick()',
+                        '(mouseenter)': '_handleMouseover()',
+                        '(mouseleave)': '_handleMouseout()'
+                    }
+                }]
+        }], ctorParameters: () => [], propDecorators: { popoverTemplateRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "emrPopoverTriggerFor", required: true }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], delay: [{ type: i0.Input, args: [{ isSignal: true, alias: "delay", required: false }] }], origin: [{ type: i0.Input, args: [{ isSignal: true, alias: "origin", required: false }] }], closeOnOriginClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnOriginClick", required: false }] }], closeOnOriginMouseLeave: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnOriginMouseLeave", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+
+class PopoverOriginDirective {
+    _elementRef = inject(ElementRef);
+    get api() {
+        return {
+            nativeElement: () => {
+                return this._elementRef?.nativeElement;
+            }
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PopoverOriginDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: PopoverOriginDirective, isStandalone: true, selector: "[emrPopoverOrigin]", exportAs: ["emrPopoverOrigin"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: PopoverOriginDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrPopoverOrigin]',
+                    exportAs: 'emrPopoverOrigin'
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { POPOVER_TRIGGER, PopoverComponent, PopoverOriginDirective, PopoverTriggerForDirective };
+//# sourceMappingURL=elementar-rt-components-popover.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-popover.mjs","sources":["../../../projects/components/popover/src/popover/popover.component.ts","../../../projects/components/popover/src/popover/popover.component.html","../../../projects/components/popover/src/types.ts","../../../projects/components/popover/src/popover-trigger-for.directive.ts","../../../projects/components/popover/src/popover-origin.directive.ts","../../../projects/components/popover/elementar-rt-components-popover.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-popover',\r\n  exportAs: 'emrPopover',\r\n  templateUrl: './popover.component.html',\r\n  styleUrl: './popover.component.scss',\r\n  host: {\r\n    'class': 'emr-popover'\r\n  }\r\n})\r\nexport class PopoverComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { OverlayPosition } from '@elementar-rt/components/overlay';\r\nimport { InjectionToken } from '@angular/core';\r\n\r\nexport type PopoverTrigger = 'click' | 'hover';\r\nexport type PopoverPosition = OverlayPosition;\r\n\r\nexport const POPOVER_TRIGGER = new InjectionToken<PopoverTrigger>('POPOVER_TRIGGER');\r\n","import {\r\n  booleanAttribute,\r\n  DestroyRef,\r\n  Directive, ElementRef, EventEmitter,\r\n  inject, Injector, input,\r\n  numberAttribute, OnDestroy, OnInit, output,\r\n  TemplateRef,\r\n  ViewContainerRef\r\n} from '@angular/core';\r\nimport {\r\n  ConnectedPosition,\r\n  FlexibleConnectedPositionStrategy, FlexibleConnectedPositionStrategyOrigin,\r\n  Overlay,\r\n  OverlayConfig,\r\n  OverlayRef\r\n} from '@angular/cdk/overlay';\r\nimport { fromEvent, takeUntil } from 'rxjs';\r\nimport { Directionality } from '@angular/cdk/bidi';\r\nimport { TemplatePortal } from '@angular/cdk/portal';\r\nimport { _getEventTarget } from '@angular/cdk/platform';\r\nimport { PopoverTrigger, PopoverPosition, POPOVER_TRIGGER } from './types';\r\nimport { PositionManager } from '@elementar-rt/components/overlay';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\n@Directive({\r\n  selector: '[emrPopoverTriggerFor]',\r\n  exportAs: 'emrPopoverTriggerFor',\r\n  host: {\r\n    'class': 'emr-popover-trigger-for',\r\n    '[class.emr-popover-trigger-for--is-open]': 'api.isOpen()',\r\n    '(click)': '_handleClick()',\r\n    '(mouseenter)': '_handleMouseover()',\r\n    '(mouseleave)': '_handleMouseout()'\r\n  }\r\n})\r\nexport class PopoverTriggerForDirective implements OnInit, OnDestroy {\r\n  private _overlay = inject(Overlay);\r\n  private _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\r\n  private _directionality = inject(Directionality, { optional: true });\r\n  private _viewContainerRef = inject(ViewContainerRef);\r\n  private _injector = inject(Injector);\r\n  private _popoverPortal!: TemplatePortal;\r\n  private _overlayRef: OverlayRef | null = null;\r\n  private _destroyRef = inject(DestroyRef);\r\n  private _openTimeout: any = null;\r\n  private _closeTimeout: any = null;\r\n  private _closeDelay = 500;\r\n\r\n  popoverTemplateRef = input.required<TemplateRef<unknown>>({\r\n    alias: 'emrPopoverTriggerFor'\r\n  });\r\n  trigger = input<PopoverTrigger>('click');\r\n  position = input<PopoverPosition>('below-center');\r\n  delay = input(500, {\r\n    transform: numberAttribute\r\n  });\r\n  origin = input<FlexibleConnectedPositionStrategyOrigin>();\r\n  closeOnOriginClick = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n  closeOnOriginMouseLeave = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n  hasBackdrop = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n\r\n  readonly opened = output<void>();\r\n  readonly closed = output<void>();\r\n\r\n  private _closed = new EventEmitter<void>();\r\n\r\n  constructor() {\r\n    this._setType();\r\n  }\r\n\r\n  protected _handleClick() {\r\n    if (this.trigger() !== 'click') {\r\n      if (this.closeOnOriginClick()) {\r\n        this._close();\r\n      }\r\n\r\n      return;\r\n    }\r\n\r\n    !this._isOpen() ? this._open() : this._close();\r\n  }\r\n\r\n  protected _handleMouseover() {\r\n    if (!this._isOpen() && this.trigger() === 'hover') {\r\n      this._openTimeout = setTimeout(() => {\r\n        this._open();\r\n      }, this.delay());\r\n    }\r\n  }\r\n\r\n  protected _handleMouseout() {\r\n    if (!this._isOpen()) {\r\n      clearTimeout(this._openTimeout);\r\n    } else {\r\n      if (this.closeOnOriginMouseLeave()) {\r\n        this._close();\r\n        return;\r\n      }\r\n    }\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.closed\r\n      .subscribe(() => {\r\n        this._closed.emit();\r\n      });\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this._close();\r\n    this._destroyOverlay();\r\n  }\r\n\r\n  get api() {\r\n    return {\r\n      isOpen: () => this._isOpen(),\r\n      open: () => this._open(),\r\n      close: () => this._close(),\r\n    };\r\n  }\r\n\r\n  private _isOpen() {\r\n    return !!this._overlayRef?.hasAttached();\r\n  }\r\n\r\n  private _open() {\r\n    if (!this._isOpen() && this.popoverTemplateRef != null) {\r\n      this.opened.emit();\r\n      this._overlayRef = this._overlay.create(this._getOverlayConfig());\r\n      this._overlayRef.attach(this._getPopoverContentPortal());\r\n      this._subscribeToHostMouseleave();\r\n      this._subscribeToOutsideClicks();\r\n    }\r\n  }\r\n\r\n  private _close() {\r\n    clearTimeout(this._closeTimeout);\r\n    clearTimeout(this._openTimeout);\r\n    this.closed.emit();\r\n    this._overlayRef!?.detach();\r\n  }\r\n\r\n  private _destroyOverlay() {\r\n    clearTimeout(this._openTimeout);\r\n    clearTimeout(this._closeTimeout);\r\n    this._overlayRef?.dispose();\r\n    this._overlayRef = null;\r\n  }\r\n\r\n  private _subscribeToOutsideClicks() {\r\n    if (this._overlayRef) {\r\n      this._overlayRef\r\n        .outsidePointerEvents()\r\n        .pipe(takeUntilDestroyed(this._destroyRef))\r\n        .subscribe(event => {\r\n          const target = _getEventTarget(event) as Element;\r\n          const element = this._elementRef.nativeElement;\r\n\r\n          if (this.closeOnOriginClick() && ((target === element) || element.contains(target))) {\r\n            this._close();\r\n            return;\r\n          }\r\n\r\n          if (target !== element && !element.contains(target)) {\r\n            this._close();\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n  private _getPopoverContentPortal() {\r\n    const injector = Injector.create({\r\n      providers: [\r\n        {\r\n          provide: POPOVER_TRIGGER,\r\n          useValue: this\r\n        }\r\n      ],\r\n      parent: this._injector\r\n    });\r\n    this._popoverPortal = new TemplatePortal(\r\n      this.popoverTemplateRef(),\r\n      this._viewContainerRef,\r\n      null,\r\n      injector\r\n    );\r\n    return this._popoverPortal;\r\n  }\r\n\r\n  private _getOverlayConfig() {\r\n    return new OverlayConfig({\r\n      hasBackdrop: this.hasBackdrop(),\r\n      backdropClass: 'emr-popover-overlay-backdrop',\r\n      positionStrategy: this._getOverlayPositionStrategy(),\r\n      scrollStrategy: this._overlay.scrollStrategies.reposition(),\r\n      direction: this._directionality || undefined\r\n    });\r\n  }\r\n\r\n  private _getOverlayPositionStrategy(): FlexibleConnectedPositionStrategy {\r\n    const origin = (this.origin() ? this.origin() : this._elementRef) as FlexibleConnectedPositionStrategyOrigin;\r\n    return this._overlay\r\n      .position()\r\n      .flexibleConnectedTo(origin)\r\n      .setOrigin(origin)\r\n      .withGrowAfterOpen()\r\n      .withPositions(this._getOverlayPositions());\r\n  }\r\n\r\n  private _getOverlayPositions(): ConnectedPosition[] {\r\n    return (new PositionManager()).build(this.position());\r\n  }\r\n\r\n  private _setType() {\r\n    if (this.trigger() === 'hover') {\r\n      return;\r\n    }\r\n\r\n    const element = this._elementRef.nativeElement;\r\n\r\n    if (element.nodeName === 'BUTTON' && !element.getAttribute('type')) {\r\n      // Prevents form submissions.\r\n      element.setAttribute('type', 'button');\r\n    }\r\n  }\r\n\r\n  private _subscribeToHostMouseleave() {\r\n    if (this.trigger() === 'hover' && this._overlayRef) {\r\n      fromEvent(this._elementRef.nativeElement, 'mouseleave')\r\n        .pipe(\r\n          takeUntil(this._closed),\r\n          takeUntilDestroyed(this._destroyRef)\r\n        )\r\n        .subscribe(event => {\r\n          if (this.closeOnOriginMouseLeave()) {\r\n            this._close();\r\n            return;\r\n          }\r\n\r\n          this._closeTimeout = setTimeout(() => {\r\n            this._close();\r\n          }, this._closeDelay);\r\n        })\r\n      ;\r\n      const popoverElement = this._overlayRef.overlayElement;\r\n      fromEvent(popoverElement, 'mouseenter')\r\n        .pipe(\r\n          takeUntil(this._closed),\r\n          takeUntilDestroyed(this._destroyRef)\r\n        )\r\n        .subscribe(event => {\r\n          clearTimeout(this._closeTimeout);\r\n          this._closeTimeout = null;\r\n        })\r\n      ;\r\n      fromEvent(popoverElement, 'mouseleave')\r\n        .pipe(\r\n          takeUntil(this._closed),\r\n          takeUntilDestroyed(this._destroyRef)\r\n        )\r\n        .subscribe(event => {\r\n          this._closeTimeout = setTimeout(() => {\r\n            this._close();\r\n          }, this._closeDelay);\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: '[emrPopoverOrigin]',\r\n  exportAs: 'emrPopoverOrigin'\r\n})\r\nexport class PopoverOriginDirective {\r\n  private _elementRef = inject(ElementRef);\r\n\r\n  get api() {\r\n    return {\r\n      nativeElement: () => {\r\n        return this._elementRef?.nativeElement;\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAWa,gBAAgB,CAAA;wGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,0ICX7B,mBACA,EAAA,MAAA,EAAA,CAAA,smCAAA,CAAA,EAAA,CAAA;;4FDUa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAT5B,SAAS;+BACE,aAAa,EAAA,QAAA,EACb,YAAY,EAAA,IAAA,EAGhB;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,smCAAA,CAAA,EAAA;;;MEHU,eAAe,GAAG,IAAI,cAAc,CAAiB,iBAAiB;;MC6BtE,0BAA0B,CAAA;AAC7B,IAAA,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;AAC1B,IAAA,WAAW,GAA4B,MAAM,CAAC,UAAU,CAAC;IACzD,eAAe,GAAG,MAAM,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC5D,IAAA,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAC5C,IAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC5B,IAAA,cAAc;IACd,WAAW,GAAsB,IAAI;AACrC,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;IAChC,YAAY,GAAQ,IAAI;IACxB,aAAa,GAAQ,IAAI;IACzB,WAAW,GAAG,GAAG;IAEzB,kBAAkB,GAAG,KAAK,CAAC,QAAQ,qDACjC,KAAK,EAAE,sBAAsB,EAAA,CAAA,GAAA,CAD2B;AACxD,YAAA,KAAK,EAAE;AACR,SAAA,CAAA,CAAA,CAAC;AACF,IAAA,OAAO,GAAG,KAAK,CAAiB,OAAO,mDAAC;AACxC,IAAA,QAAQ,GAAG,KAAK,CAAkB,cAAc,oDAAC;IACjD,KAAK,GAAG,KAAK,CAAC,GAAG,yCACf,SAAS,EAAE,eAAe,EAAA,CAAA,GAAA,CADT;AACjB,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;IACF,MAAM,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAA2C;IACzD,kBAAkB,GAAG,KAAK,CAAC,KAAK,sDAC9B,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADK;AAChC,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;IACF,uBAAuB,GAAG,KAAK,CAAC,KAAK,2DACnC,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADU;AACrC,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;IACF,WAAW,GAAG,KAAK,CAAC,KAAK,+CACvB,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADF;AACzB,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;IAEO,MAAM,GAAG,MAAM,EAAQ;IACvB,MAAM,GAAG,MAAM,EAAQ;AAExB,IAAA,OAAO,GAAG,IAAI,YAAY,EAAQ;AAE1C,IAAA,WAAA,GAAA;QACE,IAAI,CAAC,QAAQ,EAAE;IACjB;IAEU,YAAY,GAAA;AACpB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,OAAO,EAAE;AAC9B,YAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE;gBAC7B,IAAI,CAAC,MAAM,EAAE;YACf;YAEA;QACF;AAEA,QAAA,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE;IAChD;IAEU,gBAAgB,GAAA;AACxB,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,OAAO,EAAE;AACjD,YAAA,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,MAAK;gBAClC,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;QAClB;IACF;IAEU,eAAe,GAAA;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;AACnB,YAAA,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC;QACjC;aAAO;AACL,YAAA,IAAI,IAAI,CAAC,uBAAuB,EAAE,EAAE;gBAClC,IAAI,CAAC,MAAM,EAAE;gBACb;YACF;QACF;IACF;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC;aACF,SAAS,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AACrB,QAAA,CAAC,CAAC;IACN;IAEA,WAAW,GAAA;QACT,IAAI,CAAC,MAAM,EAAE;QACb,IAAI,CAAC,eAAe,EAAE;IACxB;AAEA,IAAA,IAAI,GAAG,GAAA;QACL,OAAO;AACL,YAAA,MAAM,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE;AAC5B,YAAA,IAAI,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE;AACxB,YAAA,KAAK,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE;SAC3B;IACH;IAEQ,OAAO,GAAA;QACb,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,WAAW,EAAE;IAC1C;IAEQ,KAAK,GAAA;AACX,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,EAAE;AACtD,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AAClB,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACjE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,wBAAwB,EAAE,CAAC;YACxD,IAAI,CAAC,0BAA0B,EAAE;YACjC,IAAI,CAAC,yBAAyB,EAAE;QAClC;IACF;IAEQ,MAAM,GAAA;AACZ,QAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;AAChC,QAAA,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC;AAC/B,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AAClB,QAAA,IAAI,CAAC,WAAY,EAAE,MAAM,EAAE;IAC7B;IAEQ,eAAe,GAAA;AACrB,QAAA,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC;AAC/B,QAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;AAChC,QAAA,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE;AAC3B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;IACzB;IAEQ,yBAAyB,GAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,IAAI,CAAC;AACF,iBAAA,oBAAoB;AACpB,iBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;iBACzC,SAAS,CAAC,KAAK,IAAG;AACjB,gBAAA,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAY;AAChD,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;gBAE9C,IAAI,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,MAAM,KAAK,OAAO,KAAK,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE;oBACnF,IAAI,CAAC,MAAM,EAAE;oBACb;gBACF;AAEA,gBAAA,IAAI,MAAM,KAAK,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;oBACnD,IAAI,CAAC,MAAM,EAAE;gBACf;AACF,YAAA,CAAC,CAAC;QACN;IACF;IAEQ,wBAAwB,GAAA;AAC9B,QAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC;AAC/B,YAAA,SAAS,EAAE;AACT,gBAAA;AACE,oBAAA,OAAO,EAAE,eAAe;AACxB,oBAAA,QAAQ,EAAE;AACX;AACF,aAAA;YACD,MAAM,EAAE,IAAI,CAAC;AACd,SAAA,CAAC;AACF,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CACtC,IAAI,CAAC,kBAAkB,EAAE,EACzB,IAAI,CAAC,iBAAiB,EACtB,IAAI,EACJ,QAAQ,CACT;QACD,OAAO,IAAI,CAAC,cAAc;IAC5B;IAEQ,iBAAiB,GAAA;QACvB,OAAO,IAAI,aAAa,CAAC;AACvB,YAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAC/B,YAAA,aAAa,EAAE,8BAA8B;AAC7C,YAAA,gBAAgB,EAAE,IAAI,CAAC,2BAA2B,EAAE;YACpD,cAAc,EAAE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE;AAC3D,YAAA,SAAS,EAAE,IAAI,CAAC,eAAe,IAAI;AACpC,SAAA,CAAC;IACJ;IAEQ,2BAA2B,GAAA;QACjC,MAAM,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,CAA4C;QAC5G,OAAO,IAAI,CAAC;AACT,aAAA,QAAQ;aACR,mBAAmB,CAAC,MAAM;aAC1B,SAAS,CAAC,MAAM;AAChB,aAAA,iBAAiB;AACjB,aAAA,aAAa,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC/C;IAEQ,oBAAoB,GAAA;AAC1B,QAAA,OAAO,CAAC,IAAI,eAAe,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;IACvD;IAEQ,QAAQ,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,OAAO,EAAE;YAC9B;QACF;AAEA,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;AAE9C,QAAA,IAAI,OAAO,CAAC,QAAQ,KAAK,QAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;;AAElE,YAAA,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;QACxC;IACF;IAEQ,0BAA0B,GAAA;QAChC,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,OAAO,IAAI,IAAI,CAAC,WAAW,EAAE;YAClD,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,YAAY;AACnD,iBAAA,IAAI,CACH,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EACvB,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;iBAErC,SAAS,CAAC,KAAK,IAAG;AACjB,gBAAA,IAAI,IAAI,CAAC,uBAAuB,EAAE,EAAE;oBAClC,IAAI,CAAC,MAAM,EAAE;oBACb;gBACF;AAEA,gBAAA,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,MAAK;oBACnC,IAAI,CAAC,MAAM,EAAE;AACf,gBAAA,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC;AACtB,YAAA,CAAC,CAAC;AAEJ,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,cAAc;AACtD,YAAA,SAAS,CAAC,cAAc,EAAE,YAAY;AACnC,iBAAA,IAAI,CACH,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EACvB,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;iBAErC,SAAS,CAAC,KAAK,IAAG;AACjB,gBAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;AAChC,gBAAA,IAAI,CAAC,aAAa,GAAG,IAAI;AAC3B,YAAA,CAAC,CAAC;AAEJ,YAAA,SAAS,CAAC,cAAc,EAAE,YAAY;AACnC,iBAAA,IAAI,CACH,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EACvB,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;iBAErC,SAAS,CAAC,KAAK,IAAG;AACjB,gBAAA,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,MAAK;oBACnC,IAAI,CAAC,MAAM,EAAE;AACf,gBAAA,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC;AACtB,YAAA,CAAC,CAAC;QAEN;IACF;wGA9OW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,uBAAA,EAAA,EAAA,iBAAA,EAAA,yBAAA,EAAA,UAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,wCAAA,EAAA,cAAA,EAAA,EAAA,cAAA,EAAA,yBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,IAAI,EAAE;AACJ,wBAAA,OAAO,EAAE,yBAAyB;AAClC,wBAAA,0CAA0C,EAAE,cAAc;AAC1D,wBAAA,SAAS,EAAE,gBAAgB;AAC3B,wBAAA,cAAc,EAAE,oBAAoB;AACpC,wBAAA,cAAc,EAAE;AACjB;AACF,iBAAA;;;MC5BY,sBAAsB,CAAA;AACzB,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAExC,IAAA,IAAI,GAAG,GAAA;QACL,OAAO;YACL,aAAa,EAAE,MAAK;AAClB,gBAAA,OAAO,IAAI,CAAC,WAAW,EAAE,aAAa;YACxC;SACD;IACH;wGATW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAJlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,QAAQ,EAAE;AACX,iBAAA;;;ACLD;;AAEG;;;;"}

package/fesm2022/elementar-rt-components-radio-card.mjs

@@ -0,0 +1,102 @@
+import * as i0 from '@angular/core';
+import { signal, forwardRef, Component, input, inject, computed } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { MatRadioButton } from '@angular/material/radio';
+
+class RadioCardGroupComponent {
+    value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(value) {
+        this.value.set(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled.set(isDisabled);
+    }
+    selectValue(value) {
+        if (this.disabled()) {
+            return;
+        }
+        this.value.set(value);
+        this.onChange(value);
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: RadioCardGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: RadioCardGroupComponent, isStandalone: true, selector: "emr-radio-card-group", host: { properties: { "class.is-disabled": "disabled()" }, classAttribute: "emr-radio-card-group" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RadioCardGroupComponent),
+                multi: true,
+            },
+        ], exportAs: ["emrRadioCardGroup"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{--emr-radio-card-group-gap: calc(var(--spacing, .25rem) * 5);--emr-radio-card-border-radius: 1rem;--emr-radio-card-padding: calc(var(--spacing, .25rem) * 5);--emr-radio-card-transition: all .2s ease-in-out;--emr-radio-card-color-border-hover: var(--color-primary);--emr-radio-card-color-selected-border: var(--color-primary);--emr-radio-card-color-selected-bg: var(--color-primary-100);--emr-radio-card-content-font-size: .875rem;--emr-radio-card-content-color: var(--color-neutral-600);--emr-radio-card-title-font-size: .875rem;--emr-radio-card-title-gap: calc(var(--spacing, .25rem) * 1.5);display:flex;flex-wrap:wrap;gap:var(--emr-radio-card-group-gap)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: RadioCardGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-radio-card-group', exportAs: 'emrRadioCardGroup', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RadioCardGroupComponent),
+                            multi: true,
+                        },
+                    ], host: {
+                        'class': 'emr-radio-card-group',
+                        '[class.is-disabled]': 'disabled()'
+                    }, template: "<ng-content/>\r\n", styles: [":host{--emr-radio-card-group-gap: calc(var(--spacing, .25rem) * 5);--emr-radio-card-border-radius: 1rem;--emr-radio-card-padding: calc(var(--spacing, .25rem) * 5);--emr-radio-card-transition: all .2s ease-in-out;--emr-radio-card-color-border-hover: var(--color-primary);--emr-radio-card-color-selected-border: var(--color-primary);--emr-radio-card-color-selected-bg: var(--color-primary-100);--emr-radio-card-content-font-size: .875rem;--emr-radio-card-content-color: var(--color-neutral-600);--emr-radio-card-title-font-size: .875rem;--emr-radio-card-title-gap: calc(var(--spacing, .25rem) * 1.5);display:flex;flex-wrap:wrap;gap:var(--emr-radio-card-group-gap)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class RadioCardComponent {
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    parentGroup = inject(RadioCardGroupComponent);
+    isSelected = computed(() => this.parentGroup.value() === this.value(), ...(ngDevMode ? [{ debugName: "isSelected" }] : []));
+    selectCard() {
+        this.parentGroup.selectValue(this.value());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: RadioCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: RadioCardComponent, isStandalone: true, selector: "emr-radio-card", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "radio" }, listeners: { "click": "selectCard()" }, properties: { "class.is-selected": "isSelected()", "class.is-disabled": "parentGroup.disabled()", "attr.aria-checked": "isSelected()", "attr.tabindex": "parentGroup.disabled() ? -1 : 0" }, classAttribute: "emr-radio-card" }, exportAs: ["emrRadioCard"], ngImport: i0, template: "<div class=\"header\">\r\n  <mat-radio-button [value]=\"value()\" [checked]=\"isSelected()\"/>\r\n  <ng-content select=\"emr-radio-card-title\"/>\r\n</div>\r\n<ng-content/>\r\n", styles: [":host{border:1px solid var(--color-border);border-radius:var(--emr-radio-card-border-radius);padding:var(--emr-radio-card-padding);cursor:pointer;transition:var(--emr-radio-card-transition);outline:none;width:100%;flex:1 1 200px;display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1)}:host .header{display:flex;align-items:center;margin-left:calc(calc(var(--spacing, .25rem) * 2) * -1)}:host:not(.disabled):hover{border-color:var(--emr-radio-card-color-border-hover)}:host.is-selected{border-color:var(--emr-radio-card-color-selected-border);background-color:var(--emr-radio-card-color-selected-bg)}:host.is-disabled{cursor:not-allowed;opacity:.65;pointer-events:none}:host-context(html.dark){--emr-radio-card-color-selected-bg: var(--color-neutral-1000);--emr-radio-card-content-color: var(--color-neutral-500)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: RadioCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-radio-card', exportAs: 'emrRadioCard', imports: [
+                        MatRadioButton
+                    ], host: {
+                        'class': 'emr-radio-card',
+                        '[class.is-selected]': 'isSelected()',
+                        '[class.is-disabled]': 'parentGroup.disabled()',
+                        '(click)': 'selectCard()',
+                        'role': 'radio',
+                        '[attr.aria-checked]': 'isSelected()',
+                        '[attr.tabindex]': 'parentGroup.disabled() ? -1 : 0',
+                    }, template: "<div class=\"header\">\r\n  <mat-radio-button [value]=\"value()\" [checked]=\"isSelected()\"/>\r\n  <ng-content select=\"emr-radio-card-title\"/>\r\n</div>\r\n<ng-content/>\r\n", styles: [":host{border:1px solid var(--color-border);border-radius:var(--emr-radio-card-border-radius);padding:var(--emr-radio-card-padding);cursor:pointer;transition:var(--emr-radio-card-transition);outline:none;width:100%;flex:1 1 200px;display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1)}:host .header{display:flex;align-items:center;margin-left:calc(calc(var(--spacing, .25rem) * 2) * -1)}:host:not(.disabled):hover{border-color:var(--emr-radio-card-color-border-hover)}:host.is-selected{border-color:var(--emr-radio-card-color-selected-border);background-color:var(--emr-radio-card-color-selected-bg)}:host.is-disabled{cursor:not-allowed;opacity:.65;pointer-events:none}:host-context(html.dark){--emr-radio-card-color-selected-bg: var(--color-neutral-1000);--emr-radio-card-content-color: var(--color-neutral-500)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+class RadioCardTitleComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: RadioCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: RadioCardTitleComponent, isStandalone: true, selector: "emr-radio-card-title", ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:flex;align-items:center;gap:var(--emr-radio-card-title-gap);font-size:var(--emr-radio-card-title-font-size);font-weight: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: RadioCardTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-radio-card-title', imports: [], template: "<ng-content/>\r\n", styles: [":host{display:flex;align-items:center;gap:var(--emr-radio-card-title-gap);font-size:var(--emr-radio-card-title-font-size);font-weight:600}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class RadioCardContentComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: RadioCardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: RadioCardContentComponent, isStandalone: true, selector: "emr-radio-card-content", ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block;font-size:var(--emr-radio-card-content-font-size);color:var(--emr-radio-card-content-color)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: RadioCardContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-radio-card-content', imports: [], template: "<ng-content/>\r\n", styles: [":host{display:block;font-size:var(--emr-radio-card-content-font-size);color:var(--emr-radio-card-content-color)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RadioCardComponent, RadioCardContentComponent, RadioCardGroupComponent, RadioCardTitleComponent };
+//# sourceMappingURL=elementar-rt-components-radio-card.mjs.map

package/fesm2022/elementar-rt-components-radio-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-radio-card.mjs","sources":["../../../projects/components/radio-card/src/radio-card-group/radio-card-group.component.ts","../../../projects/components/radio-card/src/radio-card-group/radio-card-group.component.html","../../../projects/components/radio-card/src/radio-card/radio-card.component.ts","../../../projects/components/radio-card/src/radio-card/radio-card.component.html","../../../projects/components/radio-card/src/radio-card-title/radio-card-title.component.ts","../../../projects/components/radio-card/src/radio-card-title/radio-card-title.component.html","../../../projects/components/radio-card/src/radio-card-content/radio-card-content.component.ts","../../../projects/components/radio-card/src/radio-card-content/radio-card-content.component.html","../../../projects/components/radio-card/elementar-rt-components-radio-card.ts"],"sourcesContent":["import { Component, forwardRef, signal } from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: 'emr-radio-card-group',\r\n  exportAs: 'emrRadioCardGroup',\r\n  templateUrl: './radio-card-group.component.html',\r\n  styleUrl: './radio-card-group.component.scss',\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => RadioCardGroupComponent),\r\n      multi: true,\r\n    },\r\n  ],\r\n  host: {\r\n    'class': 'emr-radio-card-group',\r\n    '[class.is-disabled]': 'disabled()'\r\n  }\r\n})\r\nexport class RadioCardGroupComponent implements ControlValueAccessor {\r\n  readonly value = signal<any>(null);\r\n  readonly disabled = signal<boolean>(false);\r\n\r\n  private onChange: (value: any) => void = () => {};\r\n  private onTouched: () => void = () => {};\r\n\r\n  writeValue(value: any): void {\r\n    this.value.set(value);\r\n  }\r\n\r\n  registerOnChange(fn: (value: any) => void): void {\r\n    this.onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this.onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this.disabled.set(isDisabled);\r\n  }\r\n\r\n  selectValue(value: any): void {\r\n    if (this.disabled()) {\r\n      return;\r\n    }\r\n    this.value.set(value);\r\n    this.onChange(value);\r\n    this.onTouched();\r\n  }\r\n}\r\n","<ng-content/>\r\n","import { Component, computed, inject, input } from '@angular/core';\r\nimport {\r\n  RadioCardGroupComponent\r\n} from '../radio-card-group/radio-card-group.component';\r\nimport { MatRadioButton } from '@angular/material/radio';\r\n\r\n@Component({\r\n  selector: 'emr-radio-card',\r\n  exportAs: 'emrRadioCard',\r\n  imports: [\r\n    MatRadioButton\r\n  ],\r\n  templateUrl: './radio-card.component.html',\r\n  styleUrl: './radio-card.component.scss',\r\n  host: {\r\n    'class': 'emr-radio-card',\r\n    '[class.is-selected]': 'isSelected()',\r\n    '[class.is-disabled]': 'parentGroup.disabled()',\r\n    '(click)': 'selectCard()',\r\n    'role': 'radio',\r\n    '[attr.aria-checked]': 'isSelected()',\r\n    '[attr.tabindex]': 'parentGroup.disabled() ? -1 : 0',\r\n  },\r\n})\r\nexport class RadioCardComponent {\r\n  value = input.required<any>();\r\n  protected parentGroup = inject(RadioCardGroupComponent);\r\n  readonly isSelected = computed(() => this.parentGroup.value() === this.value());\r\n\r\n  selectCard(): void {\r\n    this.parentGroup.selectValue(this.value());\r\n  }\r\n}\r\n","<div class=\"header\">\r\n  <mat-radio-button [value]=\"value()\" [checked]=\"isSelected()\"/>\r\n  <ng-content select=\"emr-radio-card-title\"/>\r\n</div>\r\n<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-radio-card-title',\r\n  imports: [],\r\n  templateUrl: './radio-card-title.component.html',\r\n  styleUrl: './radio-card-title.component.scss'\r\n})\r\nexport class RadioCardTitleComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-radio-card-content',\r\n  imports: [],\r\n  templateUrl: './radio-card-content.component.html',\r\n  styleUrl: './radio-card-content.component.scss'\r\n})\r\nexport class RadioCardContentComponent {\r\n\r\n}\r\n","<ng-content/>\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-rail-nav.mjs

@@ -0,0 +1,84 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, input, forwardRef, Component, inject, Directive } from '@angular/core';
+import { v7 } from 'uuid';
+
+const RAIL_NAV = new InjectionToken('RAIL_NAV');
+
+class RailNavComponent {
+    activeKey = input(...(ngDevMode ? [undefined, { debugName: "activeKey" }] : []));
+    _activeKey;
+    api = {
+        activateItem: (key) => {
+            this._activeKey = key;
+        },
+        getActiveKey: () => this._activeKey,
+        isActive: (key) => key === this._activeKey,
+    };
+    ngOnInit() {
+        this._activeKey = this.activeKey();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: RailNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: RailNavComponent, isStandalone: true, selector: "emr-rail-nav", inputs: { activeKey: { classPropertyName: "activeKey", publicName: "activeKey", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-rail-nav" }, providers: [
+            {
+                provide: RAIL_NAV,
+                useExisting: forwardRef(() => RailNavComponent),
+            }
+        ], exportAs: ["emrRailNav"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{--emr-rail-nav-bg-item-icon-is-active-bg: var(--color-secondary-fixed);--emr-rail-nav-bg-item-icon-is-active-active-bg: var(--color-secondary-fixed-dim);--emr-rail-nav-bg-item-icon-hover-bg: var(--color-surface-container);--emr-rail-nav-bg-item-icon-active-bg: var(--color-surface-container-highest);--emr-rail-nav-bg-item-icon-color: var(--color-on-secondary-container);--emr-rail-nav-bg-item-icon-is-active-color: var(--color-on-secondary-fixed);--emr-rail-nav-bg-item-color: var(--color-on-secondary-container);--emr-rail-nav-width: calc(var(--spacing, .25rem) * 24);--emr-rail-nav-gap: calc(var(--spacing, .25rem) * 3);display:flex;flex-direction:column;gap:var(--emr-rail-nav-gap);width:var(--emr-rail-nav-width)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: RailNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-rail-nav', exportAs: 'emrRailNav', imports: [], providers: [
+                        {
+                            provide: RAIL_NAV,
+                            useExisting: forwardRef(() => RailNavComponent),
+                        }
+                    ], host: {
+                        'class': 'emr-rail-nav'
+                    }, template: "<ng-content/>\r\n", styles: [":host{--emr-rail-nav-bg-item-icon-is-active-bg: var(--color-secondary-fixed);--emr-rail-nav-bg-item-icon-is-active-active-bg: var(--color-secondary-fixed-dim);--emr-rail-nav-bg-item-icon-hover-bg: var(--color-surface-container);--emr-rail-nav-bg-item-icon-active-bg: var(--color-surface-container-highest);--emr-rail-nav-bg-item-icon-color: var(--color-on-secondary-container);--emr-rail-nav-bg-item-icon-is-active-color: var(--color-on-secondary-fixed);--emr-rail-nav-bg-item-color: var(--color-on-secondary-container);--emr-rail-nav-width: calc(var(--spacing, .25rem) * 24);--emr-rail-nav-gap: calc(var(--spacing, .25rem) * 3);display:flex;flex-direction:column;gap:var(--emr-rail-nav-gap);width:var(--emr-rail-nav-width)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { activeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeKey", required: false }] }] } });
+
+class RailNavItemComponent {
+    _railNav = inject(RAIL_NAV);
+    key = input(v7(), ...(ngDevMode ? [{ debugName: "key" }] : []));
+    get isActive() {
+        if (!this.key() || !this._railNav.api.getActiveKey()) {
+            return false;
+        }
+        return this._railNav.api.isActive(this.key());
+    }
+    click(event) {
+        if (!this.key()) {
+            return;
+        }
+        this._railNav.api.activateItem(this.key());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: RailNavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: RailNavItemComponent, isStandalone: true, selector: "emr-rail-nav-item,[emr-rail-nav-item]", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "click($event)" }, properties: { "class.is-active": "isActive" }, classAttribute: "emr-rail-nav-item" }, exportAs: ["emrRailNavItem"], ngImport: i0, template: "<div class=\"icon\">\r\n  <ng-content select=\"[emrRailNavItemIcon]\"/>\r\n</div>\r\n<div class=\"label\">\r\n  <ng-content/>\r\n</div>\r\n", styles: [":host{display:flex;flex:none;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;gap:calc(var(--spacing, .25rem) * .5);color:var(--emr-rail-nav-bg-item-color)}:host .icon{padding:calc(var(--spacing, .25rem) * 1.5) calc(var(--spacing, .25rem) * 4);border-radius:calc(infinity * 1px);color:var(--emr-rail-nav-bg-item-icon-color);display:flex;align-items:center;justify-content:center}:host .icon:empty{display:none}:host:hover .icon{background:var(--emr-rail-nav-bg-item-icon-hover-bg)}:host:hover .icon ::ng-deep *{scale:1.1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host:active .icon{background:var(--emr-rail-nav-bg-item-icon-active-bg)}:host.is-active .icon{background:var(--emr-rail-nav-bg-item-icon-is-active-bg);color:var(--emr-rail-nav-bg-item-icon-is-active-color)}:host.is-active:active .icon{background:var(--emr-rail-nav-bg-item-icon-is-active-active-bg)}:host .label{font-size:var(--text-tiny)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: RailNavItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-rail-nav-item,[emr-rail-nav-item]', exportAs: 'emrRailNavItem', host: {
+                        'class': 'emr-rail-nav-item',
+                        '[class.is-active]': 'isActive',
+                        '(click)': 'click($event)'
+                    }, template: "<div class=\"icon\">\r\n  <ng-content select=\"[emrRailNavItemIcon]\"/>\r\n</div>\r\n<div class=\"label\">\r\n  <ng-content/>\r\n</div>\r\n", styles: [":host{display:flex;flex:none;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;gap:calc(var(--spacing, .25rem) * .5);color:var(--emr-rail-nav-bg-item-color)}:host .icon{padding:calc(var(--spacing, .25rem) * 1.5) calc(var(--spacing, .25rem) * 4);border-radius:calc(infinity * 1px);color:var(--emr-rail-nav-bg-item-icon-color);display:flex;align-items:center;justify-content:center}:host .icon:empty{display:none}:host:hover .icon{background:var(--emr-rail-nav-bg-item-icon-hover-bg)}:host:hover .icon ::ng-deep *{scale:1.1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host:active .icon{background:var(--emr-rail-nav-bg-item-icon-active-bg)}:host.is-active .icon{background:var(--emr-rail-nav-bg-item-icon-is-active-bg);color:var(--emr-rail-nav-bg-item-icon-is-active-color)}:host.is-active:active .icon{background:var(--emr-rail-nav-bg-item-icon-is-active-active-bg)}:host .label{font-size:var(--text-tiny)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }] } });
+
+class RailNavItemIconDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: RailNavItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: RailNavItemIconDirective, isStandalone: true, selector: "[emrRailNavItemIcon]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: RailNavItemIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrRailNavItemIcon]',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RailNavComponent, RailNavItemComponent, RailNavItemIconDirective };
+//# sourceMappingURL=elementar-rt-components-rail-nav.mjs.map

package/fesm2022/elementar-rt-components-rail-nav.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-rail-nav.mjs","sources":["../../../projects/components/rail-nav/src/types.ts","../../../projects/components/rail-nav/src/rail-nav/rail-nav.component.ts","../../../projects/components/rail-nav/src/rail-nav/rail-nav.component.html","../../../projects/components/rail-nav/src/rail-nav-item/rail-nav-item.component.ts","../../../projects/components/rail-nav/src/rail-nav-item/rail-nav-item.component.html","../../../projects/components/rail-nav/src/rail-nav-item-icon.directive.ts","../../../projects/components/rail-nav/elementar-rt-components-rail-nav.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\r\n\r\nexport const RAIL_NAV = new InjectionToken('RAIL_NAV');\r\n\r\nexport interface RailNavAPI {\r\n  getActiveKey: () => any;\r\n  activateItem: (key: any) => void;\r\n  isActive: (key: any) => boolean;\r\n}\r\n\r\nexport interface RailNavComponent {\r\n  api: RailNavAPI;\r\n}\r\n","import { Component, forwardRef, input, OnInit } from '@angular/core';\r\nimport { RAIL_NAV, RailNavAPI } from '../types';\r\n\r\n@Component({\r\n  selector: 'emr-rail-nav',\r\n  exportAs: 'emrRailNav',\r\n  imports: [],\r\n  templateUrl: './rail-nav.component.html',\r\n  styleUrl: './rail-nav.component.scss',\r\n  providers: [\r\n    {\r\n      provide: RAIL_NAV,\r\n      useExisting: forwardRef(() => RailNavComponent),\r\n    }\r\n  ],\r\n  host: {\r\n    'class': 'emr-rail-nav'\r\n  }\r\n})\r\nexport class RailNavComponent implements OnInit {\r\n  activeKey = input();\r\n\r\n  private _activeKey: any;\r\n\r\n  readonly api: RailNavAPI = {\r\n    activateItem: (key: any) => {\r\n      this._activeKey = key;\r\n    },\r\n    getActiveKey: () => this._activeKey,\r\n    isActive: (key: any) => key === this._activeKey,\r\n  };\r\n\r\n  ngOnInit() {\r\n    this._activeKey = this.activeKey();\r\n  }\r\n}\r\n","<ng-content/>\r\n","import { Component, inject, input } from '@angular/core';\r\nimport { v7 as uuid } from 'uuid';\r\nimport { RAIL_NAV, RailNavComponent } from '../types';\r\n\r\n@Component({\r\n  selector: 'emr-rail-nav-item,[emr-rail-nav-item]',\r\n  exportAs: 'emrRailNavItem',\r\n  templateUrl: './rail-nav-item.component.html',\r\n  styleUrl: './rail-nav-item.component.scss',\r\n  host: {\r\n    'class': 'emr-rail-nav-item',\r\n    '[class.is-active]': 'isActive',\r\n    '(click)': 'click($event)'\r\n  }\r\n})\r\nexport class RailNavItemComponent {\r\n  protected _railNav = inject<RailNavComponent>(RAIL_NAV);\r\n\r\n  key = input(uuid());\r\n\r\n  get isActive(): boolean {\r\n    if (!this.key() || !this._railNav.api.getActiveKey()) {\r\n      return false;\r\n    }\r\n\r\n    return this._railNav.api.isActive(this.key());\r\n  }\r\n\r\n  click(event: MouseEvent) {\r\n    if (!this.key()) {\r\n      return;\r\n    }\r\n\r\n    this._railNav.api.activateItem(this.key());\r\n  }\r\n}\r\n","<div class=\"icon\">\r\n  <ng-content select=\"[emrRailNavItemIcon]\"/>\r\n</div>\r\n<div class=\"label\">\r\n  <ng-content/>\r\n</div>\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrRailNavItemIcon]',\r\n  standalone: true\r\n})\r\nexport class RailNavItemIconDirective {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid"],"mappings":"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"}

package/fesm2022/elementar-rt-components-resizable-container.mjs

@@ -0,0 +1,69 @@
+import * as i0 from '@angular/core';
+import { inject, Renderer2, ElementRef, ChangeDetectorRef, NgZone, DestroyRef, DOCUMENT, viewChild, input, numberAttribute, ChangeDetectionStrategy, Component } from '@angular/core';
+import { fromEvent, throttleTime } from 'rxjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+class ResizableContainerComponent {
+    _renderer = inject(Renderer2);
+    _elementRef = inject(ElementRef);
+    _cdr = inject(ChangeDetectorRef);
+    _ngZone = inject(NgZone);
+    _destroyRef = inject(DestroyRef);
+    _document = inject(DOCUMENT);
+    _resizing = false;
+    _maxWidth;
+    _clientX;
+    handlerRef = viewChild.required('handler');
+    minWidth = input(0, ...(ngDevMode ? [{ debugName: "minWidth", transform: numberAttribute }] : [{
+            transform: numberAttribute
+        }]));
+    ngOnInit() {
+        this._ngZone.runOutsideAngular(() => {
+            fromEvent(this.handlerRef().nativeElement, 'mousedown')
+                .pipe(takeUntilDestroyed(this._destroyRef))
+                .subscribe((event) => {
+                this._resizing = true;
+                if (!this._maxWidth) {
+                    this._maxWidth = this._elementRef.nativeElement.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._maxWidth - (this._clientX - event.clientX);
+                    if (width <= this.minWidth()) {
+                        width = this.minWidth();
+                    }
+                    else if (width >= this._maxWidth) {
+                        width = this._maxWidth;
+                    }
+                    this._renderer.setStyle(this._elementRef.nativeElement, 'width', width + 'px');
+                }
+            });
+            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: ResizableContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.10", type: ResizableContainerComponent, isStandalone: true, selector: "emr-resizable-container", inputs: { minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-resizable-container" }, viewQueries: [{ propertyName: "handlerRef", first: true, predicate: ["handler"], descendants: true, isSignal: true }], exportAs: ["emrResizableContainer"], ngImport: i0, template: "<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n<button #handler class=\"handler\">\r\n  <span class=\"handler-indicator\"></span>\r\n</button>\r\n", styles: [":host{position:relative;display:flex;align-items:stretch;overflow:hidden}:host .content{flex-grow:1;height:100%;margin-inline-end:calc(var(--spacing) * 4)}:host .handler{position:absolute;-webkit-user-select:none;user-select:none;border-inline-start:1px solid var(--color-border);top:0;bottom:0;inset-inline-end:0;cursor:ew-resize;align-items:center;display:flex;justify-content:center;width:calc(var(--spacing) * 5)}:host .handler .handler-indicator{background:var(--color-surface-container-high);display:flex;height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 1.5);border-radius:calc(infinity * 1px)}:host .handler:hover .handler-indicator,:host .handler:active .handler-indicator{background:var(--color-secondary)}\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: ResizableContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-resizable-container', exportAs: 'emrResizableContainer', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'emr-resizable-container'
+                    }, template: "<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n<button #handler class=\"handler\">\r\n  <span class=\"handler-indicator\"></span>\r\n</button>\r\n", styles: [":host{position:relative;display:flex;align-items:stretch;overflow:hidden}:host .content{flex-grow:1;height:100%;margin-inline-end:calc(var(--spacing) * 4)}:host .handler{position:absolute;-webkit-user-select:none;user-select:none;border-inline-start:1px solid var(--color-border);top:0;bottom:0;inset-inline-end:0;cursor:ew-resize;align-items:center;display:flex;justify-content:center;width:calc(var(--spacing) * 5)}:host .handler .handler-indicator{background:var(--color-surface-container-high);display:flex;height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 1.5);border-radius:calc(infinity * 1px)}:host .handler:hover .handler-indicator,:host .handler:active .handler-indicator{background:var(--color-secondary)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { handlerRef: [{ type: i0.ViewChild, args: ['handler', { isSignal: true }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ResizableContainerComponent };
+//# sourceMappingURL=elementar-rt-components-resizable-container.mjs.map