@elementar-rt/components 0.6.58 → 0.7.0

package/fesm2022/elementar-rt-components-scroll-spy.mjs

@@ -11,7 +11,7 @@ class ScrollSpyOnComponent {
     _elementRef = inject(ElementRef);
     _renderer = inject(Renderer2);
     _document = inject(DOCUMENT);
-    targetId = input.required(...(ngDevMode ? [{ debugName: "targetId" }] : []));
+    targetId = input.required(...(ngDevMode ? [{ debugName: "targetId" }] : /* istanbul ignore next */ []));
     ngOnInit() {
         const fullUrl = this._document.location.origin + this._document.location.pathname;
         this._renderer.setAttribute(this._elementRef.nativeElement, 'href', fullUrl + '#' + this.targetId());
@@ -24,16 +24,16 @@ class ScrollSpyOnComponent {
         event.stopPropagation();
         this._parent.scrollTo(this.targetId());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollSpyOnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: ScrollSpyOnComponent, isStandalone: true, selector: "emr-scroll-spy-on,[emr-scroll-spy-on]", inputs: { targetId: { classPropertyName: "targetId", publicName: "targetId", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "_handleClick($event)" }, properties: { "class.is-active": "isActive" }, classAttribute: "emr-scroll-spy-on" }, exportAs: ["emrScrollSpyOn"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;width:max-content;border-radius:calc(infinity * 1px);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);color:var(--color-neutral-800);font-size:.875rem;margin-top:calc(var(--spacing) * 1.5);border:1px solid transparent}:host:hover{background:var(var(--color-neutral-200));color:var(--color-neutral-900)}:host.is-active{border-color:var(--sys-outline)}:host-context(html.dark){color:var(--color-neutral-300)}:host-context(html.dark):hover{background:var(var(--color-neutral-600))}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ScrollSpyOnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: ScrollSpyOnComponent, isStandalone: true, selector: "emr-scroll-spy-on,[emr-scroll-spy-on]", inputs: { targetId: { classPropertyName: "targetId", publicName: "targetId", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "_handleClick($event)" }, properties: { "class.is-active": "isActive" }, classAttribute: "emr-scroll-spy-on" }, exportAs: ["emrScrollSpyOn"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;width:max-content;border-radius:calc(infinity * 1px);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);color:var(--color-neutral-800);font-size:.875rem;margin-top:calc(var(--spacing) * 1.5);border:1px solid transparent}:host:hover{background:var(var(--color-neutral-200));color:var(--color-neutral-900)}:host.is-active{border-color:var(--sys-outline)}:host-context(html.dark){color:var(--color-neutral-300)}:host-context(html.dark):hover{background:var(var(--color-neutral-600))}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollSpyOnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ScrollSpyOnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-scroll-spy-on,[emr-scroll-spy-on]', exportAs: 'emrScrollSpyOn', host: {
                         'class': 'emr-scroll-spy-on',
                         '[class.is-active]': 'isActive',
                         '(click)': '_handleClick($event)'
-                    }, template: "<ng-content></ng-content>\n", styles: [":host{display:block;width:max-content;border-radius:calc(infinity * 1px);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);color:var(--color-neutral-800);font-size:.875rem;margin-top:calc(var(--spacing) * 1.5);border:1px solid transparent}:host:hover{background:var(var(--color-neutral-200));color:var(--color-neutral-900)}:host.is-active{border-color:var(--sys-outline)}:host-context(html.dark){color:var(--color-neutral-300)}:host-context(html.dark):hover{background:var(var(--color-neutral-600))}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content></ng-content>\n", styles: [":host{display:block;width:max-content;border-radius:calc(infinity * 1px);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);color:var(--color-neutral-800);font-size:.875rem;margin-top:calc(var(--spacing) * 1.5);border:1px solid transparent}:host:hover{background:var(var(--color-neutral-200));color:var(--color-neutral-900)}:host.is-active{border-color:var(--sys-outline)}:host-context(html.dark){color:var(--color-neutral-300)}:host-context(html.dark):hover{background:var(var(--color-neutral-600))}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { targetId: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetId", required: true }] }] } });
 
 class ScrollSpyNavComponent {
@@ -43,7 +43,7 @@ class ScrollSpyNavComponent {
     _zone = inject(NgZone);
     _threshold = 10;
     _destroyRef = inject(DestroyRef);
-    _items = contentChildren(ScrollSpyOnComponent, ...(ngDevMode ? [{ debugName: "_items" }] : []));
+    _items = contentChildren(ScrollSpyOnComponent, ...(ngDevMode ? [{ debugName: "_items" }] : /* istanbul ignore next */ []));
     _activeId;
     _elementToScroll;
     ngAfterContentInit() {
@@ -111,15 +111,15 @@ class ScrollSpyNavComponent {
                 ((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))
             : top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollSpyNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.25", type: ScrollSpyNavComponent, isStandalone: true, selector: "emr-scroll-spy-nav,[emr-scroll-spy-nav]", host: { classAttribute: "emr-scroll-spy-nav" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ScrollSpyNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.22", type: ScrollSpyNavComponent, isStandalone: true, selector: "emr-scroll-spy-nav,[emr-scroll-spy-nav]", host: { classAttribute: "emr-scroll-spy-nav" }, providers: [
             {
                 provide: SCROLL_SPY_NAV,
                 useExisting: ScrollSpyNavComponent
             }
-        ], queries: [{ propertyName: "_items", predicate: ScrollSpyOnComponent, isSignal: true }], exportAs: ["emrScrollSpyNav"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{width:200px;border-inline-start:1px solid var(--color-border);padding-inline-start:calc(var(--spacing) * 6)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+        ], queries: [{ propertyName: "_items", predicate: ScrollSpyOnComponent, isSignal: true }], exportAs: ["emrScrollSpyNav"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{width:200px;border-inline-start:1px solid var(--color-border);padding-inline-start:calc(var(--spacing) * 6)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollSpyNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ScrollSpyNavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-scroll-spy-nav,[emr-scroll-spy-nav]', exportAs: 'emrScrollSpyNav', providers: [
                         {
@@ -128,25 +128,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         }
                     ], host: {
                         'class': 'emr-scroll-spy-nav'
-                    }, template: "<ng-content/>\n", styles: [":host{width:200px;border-inline-start:1px solid var(--color-border);padding-inline-start:calc(var(--spacing) * 6)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{width:200px;border-inline-start:1px solid var(--color-border);padding-inline-start:calc(var(--spacing) * 6)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { _items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ScrollSpyOnComponent), { isSignal: true }] }] } });
 
 class ScrollSpyTitleComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollSpyTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ScrollSpyTitleComponent, isStandalone: true, selector: "emr-scroll-spy-title", host: { classAttribute: "emr-scroll-spy-title" }, exportAs: ["emrScrollSpyTitle"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;font-weight:500;font-size:1.25rem;margin-bottom:calc(var(--spacing) * 4)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ScrollSpyTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: ScrollSpyTitleComponent, isStandalone: true, selector: "emr-scroll-spy-title", host: { classAttribute: "emr-scroll-spy-title" }, exportAs: ["emrScrollSpyTitle"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;font-weight:500;font-size:1.25rem;margin-bottom:calc(var(--spacing) * 4)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollSpyTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ScrollSpyTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-scroll-spy-title', exportAs: 'emrScrollSpyTitle', host: {
                         'class': 'emr-scroll-spy-title'
-                    }, template: "<ng-content></ng-content>\n", styles: [":host{display:block;font-weight:500;font-size:1.25rem;margin-bottom:calc(var(--spacing) * 4)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content></ng-content>\n", styles: [":host{display:block;font-weight:500;font-size:1.25rem;margin-bottom:calc(var(--spacing) * 4)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class ScrollSpyContainerDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollSpyContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ScrollSpyContainerDirective, isStandalone: true, selector: "[emrScrollSpyContainer]", host: { classAttribute: "emr-scroll-spy-container" }, exportAs: ["emrScrollSpyContainer"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ScrollSpyContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ScrollSpyContainerDirective, isStandalone: true, selector: "[emrScrollSpyContainer]", host: { classAttribute: "emr-scroll-spy-container" }, exportAs: ["emrScrollSpyContainer"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollSpyContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ScrollSpyContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrScrollSpyContainer]',

package/fesm2022/elementar-rt-components-scroll-spy.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-scroll-spy.mjs","sources":["../../../projects/components/scroll-spy/src/types.ts","../../../projects/components/scroll-spy/src/scroll-spy-on/scroll-spy-on.component.ts","../../../projects/components/scroll-spy/src/scroll-spy-on/scroll-spy-on.component.html","../../../projects/components/scroll-spy/src/scroll-spy-nav/scroll-spy-nav.component.ts","../../../projects/components/scroll-spy/src/scroll-spy-nav/scroll-spy-nav.component.html","../../../projects/components/scroll-spy/src/scroll-spy-title/scroll-spy-title.component.ts","../../../projects/components/scroll-spy/src/scroll-spy-title/scroll-spy-title.component.html","../../../projects/components/scroll-spy/src/scroll-spy-container.directive.ts","../../../projects/components/scroll-spy/elementar-rt-components-scroll-spy.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const SCROLL_SPY_NAV = new InjectionToken('SPY_NAV');\n","import { Component, ElementRef, inject, input, OnInit, Renderer2, DOCUMENT } from '@angular/core';\n\nimport { ScrollSpyNavComponent } from '../scroll-spy-nav/scroll-spy-nav.component';\nimport { SCROLL_SPY_NAV } from '../types';\n\n@Component({\n  selector: 'emr-scroll-spy-on,[emr-scroll-spy-on]',\n  exportAs: 'emrScrollSpyOn',\n  templateUrl: './scroll-spy-on.component.html',\n  styleUrl: './scroll-spy-on.component.scss',\n  host: {\n    'class': 'emr-scroll-spy-on',\n    '[class.is-active]': 'isActive',\n    '(click)': '_handleClick($event)'\n  }\n})\nexport class ScrollSpyOnComponent implements OnInit {\n  private _parent = inject<ScrollSpyNavComponent>(SCROLL_SPY_NAV);\n  private _elementRef = inject(ElementRef);\n  private _renderer = inject(Renderer2);\n  private _document = inject(DOCUMENT);\n\n  targetId = input.required<string>();\n\n  ngOnInit() {\n    const fullUrl = this._document.location.origin + this._document.location.pathname;\n    this._renderer.setAttribute(this._elementRef.nativeElement, 'href', fullUrl + '#' + this.targetId());\n  }\n\n  protected get isActive() {\n    return this.targetId() === this._parent.activeId;\n  }\n\n  protected _handleClick(event: MouseEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this._parent.scrollTo(this.targetId());\n  }\n}\n","<ng-content></ng-content>\n","import {\n  AfterContentInit,\n  ChangeDetectorRef,\n  Component,\n  DestroyRef,\n  inject,\n  NgZone,\n  PLATFORM_ID,\n  contentChildren,\n  DOCUMENT\n} from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\nimport { debounceTime, fromEvent } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { SCROLL_SPY_NAV } from '../types';\nimport { ScrollSpyOnComponent } from '../scroll-spy-on/scroll-spy-on.component';\n\n@Component({\n  selector: 'emr-scroll-spy-nav,[emr-scroll-spy-nav]',\n  exportAs: 'emrScrollSpyNav',\n  templateUrl: './scroll-spy-nav.component.html',\n  styleUrl: './scroll-spy-nav.component.scss',\n  providers: [\n    {\n      provide: SCROLL_SPY_NAV,\n      useExisting: ScrollSpyNavComponent\n    }\n  ],\n  host: {\n    'class': 'emr-scroll-spy-nav'\n  }\n})\nexport class ScrollSpyNavComponent implements AfterContentInit {\n  private _document = inject(DOCUMENT);\n  private _cdr = inject(ChangeDetectorRef);\n  private _platformId = inject(PLATFORM_ID);\n  private _zone = inject(NgZone);\n  private _threshold = 10;\n  private _destroyRef = inject(DestroyRef);\n\n  readonly _items = contentChildren(ScrollSpyOnComponent);\n\n  protected _activeId: string;\n  private _elementToScroll: HTMLElement;\n\n  ngAfterContentInit() {\n    if (isPlatformServer(this._platformId)) {\n      return;\n    }\n\n    this._elementToScroll = this._document.querySelector('.emr-layout-body:has(:not(.emr-layout-body))') as HTMLElement;\n\n    if (this._elementToScroll) {\n      this._zone.runOutsideAngular(() => {\n        fromEvent(this._elementToScroll, 'scroll')\n          .pipe(\n            debounceTime(35),\n            takeUntilDestroyed(this._destroyRef)\n          )\n          .subscribe(() => {\n            this._findActiveItem();\n          })\n        ;\n      });\n      // start finding active item after layout body will be scrolled to top\n      setTimeout(() => {\n        this._findActiveItem();\n      }, 10);\n    }\n  }\n\n  get activeId(): string {\n    return this._activeId;\n  }\n\n  scrollTo(targetId: string) {\n    if (!this._elementToScroll) {\n      return;\n    }\n\n    this._activeId = targetId;\n    const targetElement = this._document.querySelector('#' + targetId) as HTMLElement;\n    const offsetTopFix = parseInt(getComputedStyle(targetElement).marginTop) +\n      parseInt(getComputedStyle(targetElement).height) + this._threshold\n    ;\n    this._cdr.detectChanges();\n    this._elementToScroll.scroll({\n      top: targetElement.offsetTop - offsetTopFix,\n      left: 0,\n      behavior: 'smooth'\n    });\n  }\n\n  private _findActiveItem() {\n    for (let item of this._items()) {\n      const targetElement = this._document.querySelector('#' + item.targetId()) as HTMLElement;\n\n      if (targetElement) {\n        if (this._elementIsVisibleInViewport(this._elementToScroll, targetElement)) {\n          if (this._activeId === item.targetId()) {\n            return;\n          }\n\n          this._zone.run(() => {\n            this._activeId = item.targetId();\n            this._cdr.detectChanges();\n          });\n          break;\n        }\n      }\n    }\n  }\n\n  private _elementIsVisibleInViewport(container: HTMLElement, targetEl: HTMLElement, partiallyVisible = false) {\n    const { top, left, bottom, right } = targetEl.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n    const innerWidth = containerRect.width;\n    const innerHeight = containerRect.height;\n\n    return partiallyVisible\n      ? ((top > 0 && top < innerHeight) ||\n        (bottom > 0 && bottom < innerHeight)) &&\n      ((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))\n      : top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth\n    ;\n  }\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'emr-scroll-spy-title',\n  exportAs: 'emrScrollSpyTitle',\n  templateUrl: './scroll-spy-title.component.html',\n  styleUrl: './scroll-spy-title.component.scss',\n  host: {\n    'class': 'emr-scroll-spy-title'\n  }\n})\nexport class ScrollSpyTitleComponent {\n\n}\n","<ng-content></ng-content>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[emrScrollSpyContainer]',\n  exportAs: 'emrScrollSpyContainer',\n  host: {\n    'class': 'emr-scroll-spy-container'\n  }\n})\nexport class ScrollSpyContainerDirective {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"elementar-rt-components-scroll-spy.mjs","sources":["../../../projects/components/scroll-spy/src/types.ts","../../../projects/components/scroll-spy/src/scroll-spy-on/scroll-spy-on.component.ts","../../../projects/components/scroll-spy/src/scroll-spy-on/scroll-spy-on.component.html","../../../projects/components/scroll-spy/src/scroll-spy-nav/scroll-spy-nav.component.ts","../../../projects/components/scroll-spy/src/scroll-spy-nav/scroll-spy-nav.component.html","../../../projects/components/scroll-spy/src/scroll-spy-title/scroll-spy-title.component.ts","../../../projects/components/scroll-spy/src/scroll-spy-title/scroll-spy-title.component.html","../../../projects/components/scroll-spy/src/scroll-spy-container.directive.ts","../../../projects/components/scroll-spy/elementar-rt-components-scroll-spy.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const SCROLL_SPY_NAV = new InjectionToken('SPY_NAV');\n","import { Component, ElementRef, inject, input, OnInit, Renderer2, DOCUMENT } from '@angular/core';\n\nimport { ScrollSpyNavComponent } from '../scroll-spy-nav/scroll-spy-nav.component';\nimport { SCROLL_SPY_NAV } from '../types';\n\n@Component({\n  selector: 'emr-scroll-spy-on,[emr-scroll-spy-on]',\n  exportAs: 'emrScrollSpyOn',\n  templateUrl: './scroll-spy-on.component.html',\n  styleUrl: './scroll-spy-on.component.scss',\n  host: {\n    'class': 'emr-scroll-spy-on',\n    '[class.is-active]': 'isActive',\n    '(click)': '_handleClick($event)'\n  }\n})\nexport class ScrollSpyOnComponent implements OnInit {\n  private _parent = inject<ScrollSpyNavComponent>(SCROLL_SPY_NAV);\n  private _elementRef = inject(ElementRef);\n  private _renderer = inject(Renderer2);\n  private _document = inject(DOCUMENT);\n\n  targetId = input.required<string>();\n\n  ngOnInit() {\n    const fullUrl = this._document.location.origin + this._document.location.pathname;\n    this._renderer.setAttribute(this._elementRef.nativeElement, 'href', fullUrl + '#' + this.targetId());\n  }\n\n  protected get isActive() {\n    return this.targetId() === this._parent.activeId;\n  }\n\n  protected _handleClick(event: MouseEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this._parent.scrollTo(this.targetId());\n  }\n}\n","<ng-content></ng-content>\n","import {\n  AfterContentInit,\n  ChangeDetectorRef,\n  Component,\n  DestroyRef,\n  inject,\n  NgZone,\n  PLATFORM_ID,\n  contentChildren,\n  DOCUMENT\n} from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\nimport { debounceTime, fromEvent } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { SCROLL_SPY_NAV } from '../types';\nimport { ScrollSpyOnComponent } from '../scroll-spy-on/scroll-spy-on.component';\n\n@Component({\n  selector: 'emr-scroll-spy-nav,[emr-scroll-spy-nav]',\n  exportAs: 'emrScrollSpyNav',\n  templateUrl: './scroll-spy-nav.component.html',\n  styleUrl: './scroll-spy-nav.component.scss',\n  providers: [\n    {\n      provide: SCROLL_SPY_NAV,\n      useExisting: ScrollSpyNavComponent\n    }\n  ],\n  host: {\n    'class': 'emr-scroll-spy-nav'\n  }\n})\nexport class ScrollSpyNavComponent implements AfterContentInit {\n  private _document = inject(DOCUMENT);\n  private _cdr = inject(ChangeDetectorRef);\n  private _platformId = inject(PLATFORM_ID);\n  private _zone = inject(NgZone);\n  private _threshold = 10;\n  private _destroyRef = inject(DestroyRef);\n\n  readonly _items = contentChildren(ScrollSpyOnComponent);\n\n  protected _activeId: string;\n  private _elementToScroll: HTMLElement;\n\n  ngAfterContentInit() {\n    if (isPlatformServer(this._platformId)) {\n      return;\n    }\n\n    this._elementToScroll = this._document.querySelector('.emr-layout-body:has(:not(.emr-layout-body))') as HTMLElement;\n\n    if (this._elementToScroll) {\n      this._zone.runOutsideAngular(() => {\n        fromEvent(this._elementToScroll, 'scroll')\n          .pipe(\n            debounceTime(35),\n            takeUntilDestroyed(this._destroyRef)\n          )\n          .subscribe(() => {\n            this._findActiveItem();\n          })\n        ;\n      });\n      // start finding active item after layout body will be scrolled to top\n      setTimeout(() => {\n        this._findActiveItem();\n      }, 10);\n    }\n  }\n\n  get activeId(): string {\n    return this._activeId;\n  }\n\n  scrollTo(targetId: string) {\n    if (!this._elementToScroll) {\n      return;\n    }\n\n    this._activeId = targetId;\n    const targetElement = this._document.querySelector('#' + targetId) as HTMLElement;\n    const offsetTopFix = parseInt(getComputedStyle(targetElement).marginTop) +\n      parseInt(getComputedStyle(targetElement).height) + this._threshold\n    ;\n    this._cdr.detectChanges();\n    this._elementToScroll.scroll({\n      top: targetElement.offsetTop - offsetTopFix,\n      left: 0,\n      behavior: 'smooth'\n    });\n  }\n\n  private _findActiveItem() {\n    for (let item of this._items()) {\n      const targetElement = this._document.querySelector('#' + item.targetId()) as HTMLElement;\n\n      if (targetElement) {\n        if (this._elementIsVisibleInViewport(this._elementToScroll, targetElement)) {\n          if (this._activeId === item.targetId()) {\n            return;\n          }\n\n          this._zone.run(() => {\n            this._activeId = item.targetId();\n            this._cdr.detectChanges();\n          });\n          break;\n        }\n      }\n    }\n  }\n\n  private _elementIsVisibleInViewport(container: HTMLElement, targetEl: HTMLElement, partiallyVisible = false) {\n    const { top, left, bottom, right } = targetEl.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n    const innerWidth = containerRect.width;\n    const innerHeight = containerRect.height;\n\n    return partiallyVisible\n      ? ((top > 0 && top < innerHeight) ||\n        (bottom > 0 && bottom < innerHeight)) &&\n      ((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))\n      : top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth\n    ;\n  }\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'emr-scroll-spy-title',\n  exportAs: 'emrScrollSpyTitle',\n  templateUrl: './scroll-spy-title.component.html',\n  styleUrl: './scroll-spy-title.component.scss',\n  host: {\n    'class': 'emr-scroll-spy-title'\n  }\n})\nexport class ScrollSpyTitleComponent {\n\n}\n","<ng-content></ng-content>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[emrScrollSpyContainer]',\n  exportAs: 'emrScrollSpyContainer',\n  host: {\n    'class': 'emr-scroll-spy-container'\n  }\n})\nexport class ScrollSpyContainerDirective {\n}\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-segmented.mjs

@@ -13,11 +13,9 @@ class SegmentedComponent {
     _renderer = inject(Renderer2);
     _cdr = inject(ChangeDetectorRef);
     _disabled = false;
-    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     valueChange = output();
     _selectedValue = new SelectionModel(false, []);
     _onChange = () => { };
@@ -63,8 +61,8 @@ class SegmentedComponent {
         this._onChange(value);
         this._onTouched(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SegmentedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: SegmentedComponent, isStandalone: true, selector: "emr-segmented", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.is-disabled": "disabled() || _disabled || null" }, classAttribute: "emr-segmented" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SegmentedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: SegmentedComponent, isStandalone: true, selector: "emr-segmented", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.is-disabled": "disabled() || _disabled || null" }, classAttribute: "emr-segmented" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => SegmentedComponent),
@@ -74,9 +72,9 @@ class SegmentedComponent {
                 provide: EMR_SEGMENTED,
                 useExisting: forwardRef(() => SegmentedComponent)
             }
-        ], exportAs: ["emrSegmented"], usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"emr-segmented-button,[emr-segmented-button]\"/>\n", styles: [":host{--emr-segmented-button-height: calc(var(--spacing) * 8);--emr-segmented-bg: var(--color-surface-container);--emr-segmented-button-hover-bg: var(--color-surface-container-highest);--emr-segmented-button-color: var(--color-neutral-700);--emr-segmented-button-hover-color: var(--color-on-surface);--emr-segmented-button-selected-color: var(--color-primary-650);--emr-segmented-button-selected-bg: white;--emr-segmented-button-selected-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--emr-segmented-padding: calc(var(--spacing) * 1);--emr-segmented-border-radius: calc(infinity * 1px);--emr-segmented-button-border-radius: calc(infinity * 1px);--emr-segmented-button-padding: 0 calc(var(--spacing) * 3);--emr-segmented-button-min-width: calc(var(--spacing) * 12);--emr-segmented-button-font-size: var(--text-tiny);--emr-segmented-gap: calc(var(--spacing) * 1);--emr-segmented-button-gap: calc(var(--spacing) * 1);--emr-segmented-button-icon-offset-margin: -6px;display:flex;align-items:center;-webkit-user-select:none;user-select:none;width:max-content;background:var(--emr-segmented-bg);padding:var(--emr-segmented-padding);border-radius:var(--emr-segmented-border-radius);gap:var(--emr-segmented-gap)}:host[emr-segmented-size=sm]{--emr-segmented-button-height: calc(calc(var(--spacing) * 10) - calc(var(--spacing) * 2));--emr-segmented-button-font-size: var(--text-xs);--emr-segmented-button-padding: 0 calc(var(--spacing) * 2);--emr-segmented-button-gap: calc(var(--spacing) * .5)}:host[emr-segmented-size=lg]{--emr-segmented-button-height: calc(calc(var(--spacing) * 14) - calc(var(--spacing) * 2));--emr-segmented-button-font-size: .875rem;--emr-segmented-button-padding: 0 calc(var(--spacing) * 4);--emr-segmented-button-gap: calc(var(--spacing) * 1.5)}:host-context(html.dark){--emr-segmented-button-color: var(--color-neutral-300);--emr-segmented-button-selected-bg: var(--color-neutral-300)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+        ], exportAs: ["emrSegmented"], usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"emr-segmented-button,[emr-segmented-button]\"/>\n", styles: [":host{--emr-segmented-button-height: calc(var(--spacing) * 8);--emr-segmented-bg: var(--color-surface-container);--emr-segmented-button-hover-bg: var(--color-surface-container-highest);--emr-segmented-button-color: var(--color-neutral-700);--emr-segmented-button-hover-color: var(--color-on-surface);--emr-segmented-button-selected-color: var(--color-primary-650);--emr-segmented-button-selected-bg: white;--emr-segmented-button-selected-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--emr-segmented-padding: calc(var(--spacing) * 1);--emr-segmented-border-radius: calc(infinity * 1px);--emr-segmented-button-border-radius: calc(infinity * 1px);--emr-segmented-button-padding: 0 calc(var(--spacing) * 3);--emr-segmented-button-min-width: calc(var(--spacing) * 12);--emr-segmented-button-font-size: var(--text-tiny);--emr-segmented-gap: calc(var(--spacing) * 1);--emr-segmented-button-gap: calc(var(--spacing) * 1);--emr-segmented-button-icon-offset-margin: -6px}:host[emr-segmented-size=sm]{--emr-segmented-button-height: calc(calc(var(--spacing) * 10) - calc(var(--spacing) * 2));--emr-segmented-button-font-size: var(--text-xs);--emr-segmented-button-padding: 0 calc(var(--spacing) * 2);--emr-segmented-button-gap: calc(var(--spacing) * .5)}:host[emr-segmented-size=lg]{--emr-segmented-button-height: calc(calc(var(--spacing) * 14) - calc(var(--spacing) * 2));--emr-segmented-button-font-size: .875rem;--emr-segmented-button-padding: 0 calc(var(--spacing) * 4);--emr-segmented-button-gap: calc(var(--spacing) * 1.5)}:host{display:flex;align-items:center;-webkit-user-select:none;user-select:none;width:max-content;background:var(--emr-segmented-bg);padding:var(--emr-segmented-padding);border-radius:var(--emr-segmented-border-radius);gap:var(--emr-segmented-gap)}:host-context(html.dark){--emr-segmented-button-color: var(--color-neutral-300);--emr-segmented-button-selected-bg: var(--color-neutral-300)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SegmentedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SegmentedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-segmented', exportAs: 'emrSegmented', providers: [
                         {
@@ -91,18 +89,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                     ], host: {
                         'class': 'emr-segmented',
                         '[class.is-disabled]': 'disabled() || _disabled || null',
-                    }, template: "<ng-content select=\"emr-segmented-button,[emr-segmented-button]\"/>\n", styles: [":host{--emr-segmented-button-height: calc(var(--spacing) * 8);--emr-segmented-bg: var(--color-surface-container);--emr-segmented-button-hover-bg: var(--color-surface-container-highest);--emr-segmented-button-color: var(--color-neutral-700);--emr-segmented-button-hover-color: var(--color-on-surface);--emr-segmented-button-selected-color: var(--color-primary-650);--emr-segmented-button-selected-bg: white;--emr-segmented-button-selected-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--emr-segmented-padding: calc(var(--spacing) * 1);--emr-segmented-border-radius: calc(infinity * 1px);--emr-segmented-button-border-radius: calc(infinity * 1px);--emr-segmented-button-padding: 0 calc(var(--spacing) * 3);--emr-segmented-button-min-width: calc(var(--spacing) * 12);--emr-segmented-button-font-size: var(--text-tiny);--emr-segmented-gap: calc(var(--spacing) * 1);--emr-segmented-button-gap: calc(var(--spacing) * 1);--emr-segmented-button-icon-offset-margin: -6px;display:flex;align-items:center;-webkit-user-select:none;user-select:none;width:max-content;background:var(--emr-segmented-bg);padding:var(--emr-segmented-padding);border-radius:var(--emr-segmented-border-radius);gap:var(--emr-segmented-gap)}:host[emr-segmented-size=sm]{--emr-segmented-button-height: calc(calc(var(--spacing) * 10) - calc(var(--spacing) * 2));--emr-segmented-button-font-size: var(--text-xs);--emr-segmented-button-padding: 0 calc(var(--spacing) * 2);--emr-segmented-button-gap: calc(var(--spacing) * .5)}:host[emr-segmented-size=lg]{--emr-segmented-button-height: calc(calc(var(--spacing) * 14) - calc(var(--spacing) * 2));--emr-segmented-button-font-size: .875rem;--emr-segmented-button-padding: 0 calc(var(--spacing) * 4);--emr-segmented-button-gap: calc(var(--spacing) * 1.5)}:host-context(html.dark){--emr-segmented-button-color: var(--color-neutral-300);--emr-segmented-button-selected-bg: var(--color-neutral-300)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content select=\"emr-segmented-button,[emr-segmented-button]\"/>\n", styles: [":host{--emr-segmented-button-height: calc(var(--spacing) * 8);--emr-segmented-bg: var(--color-surface-container);--emr-segmented-button-hover-bg: var(--color-surface-container-highest);--emr-segmented-button-color: var(--color-neutral-700);--emr-segmented-button-hover-color: var(--color-on-surface);--emr-segmented-button-selected-color: var(--color-primary-650);--emr-segmented-button-selected-bg: white;--emr-segmented-button-selected-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--emr-segmented-padding: calc(var(--spacing) * 1);--emr-segmented-border-radius: calc(infinity * 1px);--emr-segmented-button-border-radius: calc(infinity * 1px);--emr-segmented-button-padding: 0 calc(var(--spacing) * 3);--emr-segmented-button-min-width: calc(var(--spacing) * 12);--emr-segmented-button-font-size: var(--text-tiny);--emr-segmented-gap: calc(var(--spacing) * 1);--emr-segmented-button-gap: calc(var(--spacing) * 1);--emr-segmented-button-icon-offset-margin: -6px}:host[emr-segmented-size=sm]{--emr-segmented-button-height: calc(calc(var(--spacing) * 10) - calc(var(--spacing) * 2));--emr-segmented-button-font-size: var(--text-xs);--emr-segmented-button-padding: 0 calc(var(--spacing) * 2);--emr-segmented-button-gap: calc(var(--spacing) * .5)}:host[emr-segmented-size=lg]{--emr-segmented-button-height: calc(calc(var(--spacing) * 14) - calc(var(--spacing) * 2));--emr-segmented-button-font-size: .875rem;--emr-segmented-button-padding: 0 calc(var(--spacing) * 4);--emr-segmented-button-gap: calc(var(--spacing) * 1.5)}:host{display:flex;align-items:center;-webkit-user-select:none;user-select:none;width:max-content;background:var(--emr-segmented-bg);padding:var(--emr-segmented-padding);border-radius:var(--emr-segmented-border-radius);gap:var(--emr-segmented-gap)}:host-context(html.dark){--emr-segmented-button-color: var(--color-neutral-300);--emr-segmented-button-selected-bg: var(--color-neutral-300)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 class SegmentedButtonComponent {
     _segmented = inject(EMR_SEGMENTED, { skipSelf: true });
-    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    iconOnly = input(false, ...(ngDevMode ? [{ debugName: "iconOnly", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    iconOnly = input(false, { ...(ngDevMode ? { debugName: "iconOnly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     get _isSelected() {
         return this._segmented.api.isSelected(this.value());
     }
@@ -117,10 +111,10 @@ class SegmentedButtonComponent {
         }
         this._segmented.api.select(this.value());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SegmentedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: SegmentedButtonComponent, isStandalone: true, selector: "emr-segmented-button,[emr-segmented-button]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleClick()" }, properties: { "class.icon-only": "iconOnly()", "class.is-selected": "_isSelected", "class.is-disabled": "disabled() || null" }, classAttribute: "emr-segmented-button" }, exportAs: ["emrSegmentedButton"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0, template: "<div class=\"icon\">\n  <ng-content select=\"[emrSegmentedIcon]\"/>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;align-items:center;cursor:pointer;justify-content:center;color:var(--emr-segmented-button-color);font-size:var(--emr-segmented-button-font-size);min-width:var(--emr-segmented-button-min-width);border-radius:var(--emr-segmented-button-border-radius);gap:var(--emr-segmented-button-gap);flex:none;padding:var(--emr-segmented-button-padding);height:var(--emr-segmented-button-height)}:host.icon-only{--emr-segmented-button-min-width: 0;--emr-segmented-button-icon-offset-margin: 0;width:var(--emr-segmented-button-height);gap:0;padding:0}:host.icon-only .content{display:none}:host .icon{line-height:0;display:flex;align-items:center;justify-content:center;margin-inline-start:var(--emr-segmented-button-icon-offset-margin)}:host .icon ::ng-deep .mat-icon{display:inline-flex!important;align-items:center;justify-content:center}:host .icon:empty{display:none}:host:hover{background-color:var(--emr-segmented-button-hover-bg);color:var(--emr-segmented-button-hover-color);text-decoration-line:none}:host.is-selected{pointer-events:none;background-color:var(--emr-segmented-button-selected-bg);color:var(--emr-segmented-button-selected-color);box-shadow:var(--emr-segmented-button-selected-shadow)}:host:disabled,:host.is-disabled{pointer-events:none;opacity:65%}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SegmentedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: SegmentedButtonComponent, isStandalone: true, selector: "emr-segmented-button,[emr-segmented-button]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleClick()" }, properties: { "class.icon-only": "iconOnly()", "class.is-selected": "_isSelected", "class.is-disabled": "disabled() || null" }, classAttribute: "emr-segmented-button" }, exportAs: ["emrSegmentedButton"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0, template: "<div class=\"icon\">\n  <ng-content select=\"[emrSegmentedIcon]\"/>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;align-items:center;cursor:pointer;justify-content:center;color:var(--emr-segmented-button-color);font-size:var(--emr-segmented-button-font-size);min-width:var(--emr-segmented-button-min-width);border-radius:var(--emr-segmented-button-border-radius);gap:var(--emr-segmented-button-gap);flex:none;padding:var(--emr-segmented-button-padding);height:var(--emr-segmented-button-height)}:host.icon-only{--emr-segmented-button-min-width: 0;--emr-segmented-button-icon-offset-margin: 0;width:var(--emr-segmented-button-height);gap:0;padding:0}:host.icon-only .content{display:none}:host .icon{line-height:0;display:flex;align-items:center;justify-content:center;margin-inline-start:var(--emr-segmented-button-icon-offset-margin)}:host .icon ::ng-deep .mat-icon{display:inline-flex!important;align-items:center;justify-content:center}:host .icon:empty{display:none}:host:hover{background-color:var(--emr-segmented-button-hover-bg);color:var(--emr-segmented-button-hover-color);text-decoration-line:none}:host.is-selected{pointer-events:none;background-color:var(--emr-segmented-button-selected-bg);color:var(--emr-segmented-button-selected-color);box-shadow:var(--emr-segmented-button-selected-shadow)}:host:disabled,:host.is-disabled{pointer-events:none;opacity:65%}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SegmentedButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SegmentedButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-segmented-button,[emr-segmented-button]', exportAs: 'emrSegmentedButton', hostDirectives: [
                         MatRipple
@@ -130,14 +124,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         '[class.is-selected]': '_isSelected',
                         '[class.is-disabled]': 'disabled() || null',
                         '(click)': '_handleClick()',
-                    }, template: "<div class=\"icon\">\n  <ng-content select=\"[emrSegmentedIcon]\"/>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;align-items:center;cursor:pointer;justify-content:center;color:var(--emr-segmented-button-color);font-size:var(--emr-segmented-button-font-size);min-width:var(--emr-segmented-button-min-width);border-radius:var(--emr-segmented-button-border-radius);gap:var(--emr-segmented-button-gap);flex:none;padding:var(--emr-segmented-button-padding);height:var(--emr-segmented-button-height)}:host.icon-only{--emr-segmented-button-min-width: 0;--emr-segmented-button-icon-offset-margin: 0;width:var(--emr-segmented-button-height);gap:0;padding:0}:host.icon-only .content{display:none}:host .icon{line-height:0;display:flex;align-items:center;justify-content:center;margin-inline-start:var(--emr-segmented-button-icon-offset-margin)}:host .icon ::ng-deep .mat-icon{display:inline-flex!important;align-items:center;justify-content:center}:host .icon:empty{display:none}:host:hover{background-color:var(--emr-segmented-button-hover-bg);color:var(--emr-segmented-button-hover-color);text-decoration-line:none}:host.is-selected{pointer-events:none;background-color:var(--emr-segmented-button-selected-bg);color:var(--emr-segmented-button-selected-color);box-shadow:var(--emr-segmented-button-selected-shadow)}:host:disabled,:host.is-disabled{pointer-events:none;opacity:65%}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"icon\">\n  <ng-content select=\"[emrSegmentedIcon]\"/>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;align-items:center;cursor:pointer;justify-content:center;color:var(--emr-segmented-button-color);font-size:var(--emr-segmented-button-font-size);min-width:var(--emr-segmented-button-min-width);border-radius:var(--emr-segmented-button-border-radius);gap:var(--emr-segmented-button-gap);flex:none;padding:var(--emr-segmented-button-padding);height:var(--emr-segmented-button-height)}:host.icon-only{--emr-segmented-button-min-width: 0;--emr-segmented-button-icon-offset-margin: 0;width:var(--emr-segmented-button-height);gap:0;padding:0}:host.icon-only .content{display:none}:host .icon{line-height:0;display:flex;align-items:center;justify-content:center;margin-inline-start:var(--emr-segmented-button-icon-offset-margin)}:host .icon ::ng-deep .mat-icon{display:inline-flex!important;align-items:center;justify-content:center}:host .icon:empty{display:none}:host:hover{background-color:var(--emr-segmented-button-hover-bg);color:var(--emr-segmented-button-hover-color);text-decoration-line:none}:host.is-selected{pointer-events:none;background-color:var(--emr-segmented-button-selected-bg);color:var(--emr-segmented-button-selected-color);box-shadow:var(--emr-segmented-button-selected-shadow)}:host:disabled,:host.is-disabled{pointer-events:none;opacity:65%}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }] } });
 
 class SegmentedIconDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SegmentedIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: SegmentedIconDirective, isStandalone: true, selector: "[emrSegmentedIcon]", host: { classAttribute: "emr-segmented-icon" }, exportAs: ["emrSegmentedIcon"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SegmentedIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: SegmentedIconDirective, isStandalone: true, selector: "[emrSegmentedIcon]", host: { classAttribute: "emr-segmented-icon" }, exportAs: ["emrSegmentedIcon"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SegmentedIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SegmentedIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrSegmentedIcon]',

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

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-segmented.mjs","sources":["../../../projects/components/segmented/src/types.ts","../../../projects/components/segmented/src/segmented/segmented.component.ts","../../../projects/components/segmented/src/segmented/segmented.component.html","../../../projects/components/segmented/src/segmented-button/segmented-button.component.ts","../../../projects/components/segmented/src/segmented-button/segmented-button.component.html","../../../projects/components/segmented/src/segmented-icon.directive.ts","../../../projects/components/segmented/elementar-rt-components-segmented.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const EMR_SEGMENTED = new InjectionToken('EMR_SEGMENTED');\nexport type SegmentedTriggerSize = 'sm' | 'default' | 'lg' | string;\n","import {\n  booleanAttribute,\n  ChangeDetectorRef,\n  Component, effect,\n  ElementRef,\n  forwardRef,\n  inject, input,\n  OnChanges,\n  OnInit, output,\n  Renderer2, SimpleChanges\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { SegmentedTriggerSize, EMR_SEGMENTED } from '../types';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Component({\n  selector: 'emr-segmented',\n  exportAs: 'emrSegmented',\n  templateUrl: './segmented.component.html',\n  styleUrl: './segmented.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SegmentedComponent),\n      multi: true\n    },\n    {\n      provide: EMR_SEGMENTED,\n      useExisting: forwardRef(() => SegmentedComponent)\n    }\n  ],\n  host: {\n    'class': 'emr-segmented',\n    '[class.is-disabled]': 'disabled() || _disabled || null',\n  },\n})\nexport class SegmentedComponent implements OnInit, OnChanges, ControlValueAccessor {\n  private _elementRef = inject(ElementRef);\n  private _renderer = inject(Renderer2);\n  private _cdr = inject(ChangeDetectorRef);\n  protected _disabled = false;\n\n  value = input();\n  disabled = input(false, {\n    transform: booleanAttribute\n  });\n  size = input<SegmentedTriggerSize>('default');\n\n  readonly valueChange = output<any>();\n\n  private _selectedValue = new SelectionModel<any>(false, []);\n\n  _onChange: any = () => {};\n  _onTouched: any = () => {};\n\n  get api() {\n    return {\n      isSelected: (value: any) => this._selectedValue.isSelected(value),\n      select: (value: any) => this._select(value)\n    };\n  }\n\n  constructor() {\n    effect(() => {\n      this._selectedValue.select(this.value());\n    });\n  }\n\n  ngOnInit() {\n    this._renderer.setAttribute(this._elementRef.nativeElement, 'emr-segmented-size', this.size());\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes['size']) {\n      this._renderer.setAttribute(this._elementRef.nativeElement, 'emr-segmented-size', this.size());\n    }\n\n    if (changes['selectedValue']) {\n      this._selectedValue.select(changes['selectedValue'].currentValue);\n    }\n  }\n\n  writeValue(value: any): void {\n    this._selectedValue.select(value ? value : []);\n    this._cdr.detectChanges();\n  }\n\n  registerOnChange(fn: any): void {\n    this._onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this._onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: BooleanInput): void {\n    this._disabled = coerceBooleanProperty(isDisabled);\n  }\n\n  private _select(value: any): void {\n    this._selectedValue.select(value);\n    this.valueChange.emit(value);\n    this._onChange(value);\n    this._onTouched(value);\n  }\n}\n","<ng-content select=\"emr-segmented-button,[emr-segmented-button]\"/>\n","import {\n  booleanAttribute,\n  Component,\n  inject,\n  input\n} from '@angular/core';\nimport { EMR_SEGMENTED } from '../types';\nimport { SegmentedComponent } from '../segmented/segmented.component';\nimport { MatRipple } from '@angular/material/core';\n\n@Component({\n  selector: 'emr-segmented-button,[emr-segmented-button]',\n  exportAs: 'emrSegmentedButton',\n  templateUrl: './segmented-button.component.html',\n  styleUrl: './segmented-button.component.scss',\n  hostDirectives: [\n    MatRipple\n  ],\n  host: {\n    'class': 'emr-segmented-button',\n    '[class.icon-only]': 'iconOnly()',\n    '[class.is-selected]': '_isSelected',\n    '[class.is-disabled]': 'disabled() || null',\n    '(click)': '_handleClick()',\n  }\n})\nexport class SegmentedButtonComponent {\n  private _segmented = inject<SegmentedComponent>(EMR_SEGMENTED, { skipSelf: true });\n\n  value = input.required<any>();\n  disabled = input(false, {\n    transform: booleanAttribute\n  });\n  iconOnly = input(false, {\n    transform: booleanAttribute\n  });\n\n  get _isSelected(): boolean {\n    return this._segmented.api.isSelected(this.value());\n  }\n\n  get api() {\n    return {\n      isSelected: () => this._isSelected\n    }\n  }\n\n  protected _handleClick() {\n    if (this.disabled()) {\n      return;\n    }\n\n    this._segmented.api.select(this.value());\n  }\n}\n","<div class=\"icon\">\n  <ng-content select=\"[emrSegmentedIcon]\"/>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[emrSegmentedIcon]',\n  exportAs: 'emrSegmentedIcon',\n  host: {\n    'class': 'emr-segmented-icon'\n  }\n})\nexport class SegmentedIconDirective {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"elementar-rt-components-segmented.mjs","sources":["../../../projects/components/segmented/src/types.ts","../../../projects/components/segmented/src/segmented/segmented.component.ts","../../../projects/components/segmented/src/segmented/segmented.component.html","../../../projects/components/segmented/src/segmented-button/segmented-button.component.ts","../../../projects/components/segmented/src/segmented-button/segmented-button.component.html","../../../projects/components/segmented/src/segmented-icon.directive.ts","../../../projects/components/segmented/elementar-rt-components-segmented.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const EMR_SEGMENTED = new InjectionToken('EMR_SEGMENTED');\nexport type SegmentedTriggerSize = 'sm' | 'default' | 'lg' | string;\n","import {\n  booleanAttribute,\n  ChangeDetectorRef,\n  Component, effect,\n  ElementRef,\n  forwardRef,\n  inject, input,\n  OnChanges,\n  OnInit, output,\n  Renderer2, SimpleChanges\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { SegmentedTriggerSize, EMR_SEGMENTED } from '../types';\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Component({\n  selector: 'emr-segmented',\n  exportAs: 'emrSegmented',\n  templateUrl: './segmented.component.html',\n  styleUrl: './segmented.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SegmentedComponent),\n      multi: true\n    },\n    {\n      provide: EMR_SEGMENTED,\n      useExisting: forwardRef(() => SegmentedComponent)\n    }\n  ],\n  host: {\n    'class': 'emr-segmented',\n    '[class.is-disabled]': 'disabled() || _disabled || null',\n  },\n})\nexport class SegmentedComponent implements OnInit, OnChanges, ControlValueAccessor {\n  private _elementRef = inject(ElementRef);\n  private _renderer = inject(Renderer2);\n  private _cdr = inject(ChangeDetectorRef);\n  protected _disabled = false;\n\n  value = input();\n  disabled = input(false, {\n    transform: booleanAttribute\n  });\n  size = input<SegmentedTriggerSize>('default');\n\n  readonly valueChange = output<any>();\n\n  private _selectedValue = new SelectionModel<any>(false, []);\n\n  _onChange: any = () => {};\n  _onTouched: any = () => {};\n\n  get api() {\n    return {\n      isSelected: (value: any) => this._selectedValue.isSelected(value),\n      select: (value: any) => this._select(value)\n    };\n  }\n\n  constructor() {\n    effect(() => {\n      this._selectedValue.select(this.value());\n    });\n  }\n\n  ngOnInit() {\n    this._renderer.setAttribute(this._elementRef.nativeElement, 'emr-segmented-size', this.size());\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes['size']) {\n      this._renderer.setAttribute(this._elementRef.nativeElement, 'emr-segmented-size', this.size());\n    }\n\n    if (changes['selectedValue']) {\n      this._selectedValue.select(changes['selectedValue'].currentValue);\n    }\n  }\n\n  writeValue(value: any): void {\n    this._selectedValue.select(value ? value : []);\n    this._cdr.detectChanges();\n  }\n\n  registerOnChange(fn: any): void {\n    this._onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this._onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: BooleanInput): void {\n    this._disabled = coerceBooleanProperty(isDisabled);\n  }\n\n  private _select(value: any): void {\n    this._selectedValue.select(value);\n    this.valueChange.emit(value);\n    this._onChange(value);\n    this._onTouched(value);\n  }\n}\n","<ng-content select=\"emr-segmented-button,[emr-segmented-button]\"/>\n","import {\n  booleanAttribute,\n  Component,\n  inject,\n  input\n} from '@angular/core';\nimport { EMR_SEGMENTED } from '../types';\nimport { SegmentedComponent } from '../segmented/segmented.component';\nimport { MatRipple } from '@angular/material/core';\n\n@Component({\n  selector: 'emr-segmented-button,[emr-segmented-button]',\n  exportAs: 'emrSegmentedButton',\n  templateUrl: './segmented-button.component.html',\n  styleUrl: './segmented-button.component.scss',\n  hostDirectives: [\n    MatRipple\n  ],\n  host: {\n    'class': 'emr-segmented-button',\n    '[class.icon-only]': 'iconOnly()',\n    '[class.is-selected]': '_isSelected',\n    '[class.is-disabled]': 'disabled() || null',\n    '(click)': '_handleClick()',\n  }\n})\nexport class SegmentedButtonComponent {\n  private _segmented = inject<SegmentedComponent>(EMR_SEGMENTED, { skipSelf: true });\n\n  value = input.required<any>();\n  disabled = input(false, {\n    transform: booleanAttribute\n  });\n  iconOnly = input(false, {\n    transform: booleanAttribute\n  });\n\n  get _isSelected(): boolean {\n    return this._segmented.api.isSelected(this.value());\n  }\n\n  get api() {\n    return {\n      isSelected: () => this._isSelected\n    }\n  }\n\n  protected _handleClick() {\n    if (this.disabled()) {\n      return;\n    }\n\n    this._segmented.api.select(this.value());\n  }\n}\n","<div class=\"icon\">\n  <ng-content select=\"[emrSegmentedIcon]\"/>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[emrSegmentedIcon]',\n  exportAs: 'emrSegmentedIcon',\n  host: {\n    'class': 'emr-segmented-icon'\n  }\n})\nexport class SegmentedIconDirective {\n}\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-side-panel.mjs

@@ -7,14 +7,14 @@ import { MatIcon } from '@angular/material/icon';
 import { MatTooltip } from '@angular/material/tooltip';
 
 class SidePanelTabComponent {
-    tabId = input.required(...(ngDevMode ? [{ debugName: "tabId" }] : []));
-    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
-    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    tabId = input.required(...(ngDevMode ? [{ debugName: "tabId" }] : /* istanbul ignore next */ []));
+    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
     content;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SidePanelTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: SidePanelTabComponent, isStandalone: true, selector: "emr-side-panel-tab", inputs: { tabId: { classPropertyName: "tabId", publicName: "tabId", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-side-panel-tab" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplate"], descendants: true, read: TemplateRef, static: true }], exportAs: ["emrSidePanelTab"], ngImport: i0, template: "<ng-template #contentTemplate><ng-content/></ng-template>\n", styles: [":host{display:none}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidePanelTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: SidePanelTabComponent, isStandalone: true, selector: "emr-side-panel-tab", inputs: { tabId: { classPropertyName: "tabId", publicName: "tabId", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-side-panel-tab" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplate"], descendants: true, read: TemplateRef, static: true }], exportAs: ["emrSidePanelTab"], ngImport: i0, template: "<ng-template #contentTemplate><ng-content/></ng-template>\n", styles: [":host{display:none}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SidePanelTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidePanelTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-side-panel-tab', exportAs: 'emrSidePanelTab', standalone: true, host: {
                         'class': 'emr-side-panel-tab',
@@ -25,15 +25,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             }] } });
 
 class SidePanelComponent {
-    position = input('right', ...(ngDevMode ? [{ debugName: "position" }] : []));
-    isPositionRight = computed(() => this.position() === 'right', ...(ngDevMode ? [{ debugName: "isPositionRight" }] : []));
+    position = input('right', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    isPositionRight = computed(() => this.position() === 'right', ...(ngDevMode ? [{ debugName: "isPositionRight" }] : /* istanbul ignore next */ []));
     tooltipPosition = computed(() => {
         return this.position() === 'left' ? 'right' : 'left';
-    }, ...(ngDevMode ? [{ debugName: "tooltipPosition" }] : []));
-    projectedTabsQuery = contentChildren(SidePanelTabComponent, ...(ngDevMode ? [{ debugName: "projectedTabsQuery" }] : []));
-    internalTabs = signal([], ...(ngDevMode ? [{ debugName: "internalTabs" }] : []));
-    activeTabId = signal(null, ...(ngDevMode ? [{ debugName: "activeTabId" }] : []));
-    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "tooltipPosition" }] : /* istanbul ignore next */ []));
+    projectedTabsQuery = contentChildren(SidePanelTabComponent, ...(ngDevMode ? [{ debugName: "projectedTabsQuery" }] : /* istanbul ignore next */ []));
+    internalTabs = signal([], ...(ngDevMode ? [{ debugName: "internalTabs" }] : /* istanbul ignore next */ []));
+    activeTabId = signal(null, ...(ngDevMode ? [{ debugName: "activeTabId" }] : /* istanbul ignore next */ []));
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
     opened = output();
     closed = output();
     selectedTabContent = computed(() => {
@@ -42,7 +42,7 @@ class SidePanelComponent {
         }
         const activeTab = this.internalTabs().find(tab => tab.tabId === this.activeTabId());
         return activeTab ? activeTab.content : null;
-    }, ...(ngDevMode ? [{ debugName: "selectedTabContent" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "selectedTabContent" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             const projectedTabs = this.projectedTabsQuery();
@@ -85,10 +85,10 @@ class SidePanelComponent {
     isTemplateRef(value) {
         return value instanceof TemplateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SidePanelComponent, isStandalone: true, selector: "emr-side-panel", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { properties: { "class.panel-open": "isOpen()", "class.position-right": "isPositionRight()" }, classAttribute: "emr-side-panel" }, queries: [{ propertyName: "projectedTabsQuery", predicate: SidePanelTabComponent, isSignal: true }], exportAs: ["emrSidePanel"], ngImport: i0, template: "<div class=\"button-strip flex flex-col items-center gap-1 z-10\">\n  @for (tab of internalTabs(); track tab.tabId) {\n    <button\n      mat-icon-button\n      [attr.aria-label]=\"tab.label\"\n      [matTooltip]=\"tab.label\"\n      [matTooltipPosition]=\"tooltipPosition()\"\n      matTooltipShowDelay=\"500\"\n      [class.is-active]=\"activeTabId() === tab.tabId\"\n      (click)=\"toggleTab(tab.tabId)\"\n      class=\"button\"\n    >\n      @if (isTemplateRef(tab.icon)) {\n        <ng-container [ngTemplateOutlet]=\"tab.icon\"/>\n      } @else if (typeof tab.icon === 'string' && tab.icon) {\n        <mat-icon>{{ tab.icon }}</mat-icon>\n      } @else {\n        <span class=\"text-sm\">{{ tab.label.substring(0, 2) }}</span>\n      }\n    </button>\n  }\n</div>\n\n<div class=\"wrapper\" [class.open]=\"isOpen()\">\n  @if (isOpen() && activeTabId()) {\n    @if (selectedTabContent(); as content) {\n      <ng-container [ngTemplateOutlet]=\"content\"/>\n    } @else if (activeTabId() && !selectedTabContent()) {\n      <p class=\"text-neutral-500\">No content was found for this tab.</p>\n    }\n  }\n</div>\n", styles: [":host{--emr-side-panel-button-strip-width: calc(var(--spacing, .25rem) * 14);--emr-side-panel-content-width: 320px;--emr-side-panel-offset-y: 0;--emr-side-panel-content-bg: var(--color-surface-container-lowest);--emr-side-panel-content-border-radius: 1rem;--emr-side-panel-transition-timing: .2s;--emr-side-panel-button-active-bg: var(--color-secondary-fixed);--emr-side-panel-button-active-color: var(--color-on-secondary-fixed);display:block;position:relative;height:100%;overflow:hidden;width:var(--emr-side-panel-button-strip-width);transition:width var(--emr-side-panel-transition-timing) ease-in-out}:host.panel-open{flex:none}:host.panel-open .button.is-active{background:var(--emr-side-panel-button-active-bg);color:var(--emr-side-panel-button-active-color)}:host.panel-open{width:calc(var(--emr-side-panel-button-strip-width) + var(--emr-side-panel-content-width))}:host .button-strip{position:absolute;top:var(--emr-side-panel-offset-y);left:0;bottom:var(--emr-side-panel-offset-y);width:var(--emr-side-panel-button-strip-width);z-index:10}:host .wrapper{position:absolute;top:var(--emr-side-panel-offset-y);bottom:var(--emr-side-panel-offset-y);width:var(--emr-side-panel-content-width);opacity:0;visibility:hidden;pointer-events:none;left:var(--emr-side-panel-button-strip-width);transform:translate(-100%);transition:opacity var(--emr-side-panel-transition-timing) ease-in-out,transform var(--emr-side-panel-transition-timing) ease-in-out,visibility 0s linear var(--emr-side-panel-transition-timing);z-index:5;border-radius:var(--emr-side-panel-content-border-radius);overflow:hidden}:host .wrapper.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);background:var(--emr-side-panel-content-bg);transition:opacity var(--emr-side-panel-transition-timing) ease-in-out,transform var(--emr-side-panel-transition-timing) ease-in-out,visibility 0s linear 0s}:host.position-right .button-strip{left:auto;right:0}:host.position-right .wrapper{left:auto;right:var(--emr-side-panel-button-strip-width);transform:translate(100%)}:host.position-right .wrapper.open{transform:translate(0)}:host .inner-content{width:100%;height:100%}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: SidePanelComponent, isStandalone: true, selector: "emr-side-panel", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { properties: { "class.panel-open": "isOpen()", "class.position-right": "isPositionRight()" }, classAttribute: "emr-side-panel" }, queries: [{ propertyName: "projectedTabsQuery", predicate: SidePanelTabComponent, isSignal: true }], exportAs: ["emrSidePanel"], ngImport: i0, template: "<div class=\"button-strip flex flex-col items-center gap-1 z-10\">\n  @for (tab of internalTabs(); track tab.tabId) {\n    <button\n      mat-icon-button\n      [attr.aria-label]=\"tab.label\"\n      [matTooltip]=\"tab.label\"\n      [matTooltipPosition]=\"tooltipPosition()\"\n      matTooltipShowDelay=\"500\"\n      [class.is-active]=\"activeTabId() === tab.tabId\"\n      (click)=\"toggleTab(tab.tabId)\"\n      class=\"button\"\n    >\n      @if (isTemplateRef(tab.icon)) {\n        <ng-container [ngTemplateOutlet]=\"tab.icon\"/>\n      } @else if (typeof tab.icon === 'string' && tab.icon) {\n        <mat-icon>{{ tab.icon }}</mat-icon>\n      } @else {\n        <span class=\"text-sm\">{{ tab.label.substring(0, 2) }}</span>\n      }\n    </button>\n  }\n</div>\n\n<div class=\"wrapper\" [class.open]=\"isOpen()\">\n  @if (isOpen() && activeTabId()) {\n    @if (selectedTabContent(); as content) {\n      <ng-container [ngTemplateOutlet]=\"content\"/>\n    } @else if (activeTabId() && !selectedTabContent()) {\n      <p class=\"text-neutral-500\">No content was found for this tab.</p>\n    }\n  }\n</div>\n", styles: [":host{--emr-side-panel-button-strip-width: calc(var(--spacing, .25rem) * 14);--emr-side-panel-content-width: 320px;--emr-side-panel-offset-y: 0;--emr-side-panel-content-bg: var(--color-surface-container-lowest);--emr-side-panel-content-border-radius: 1rem;--emr-side-panel-transition-timing: .2s;--emr-side-panel-button-active-bg: var(--color-secondary-fixed);--emr-side-panel-button-active-color: var(--color-on-secondary-fixed);display:block;position:relative;height:100%;overflow:hidden;width:var(--emr-side-panel-button-strip-width);transition:width var(--emr-side-panel-transition-timing) ease-in-out}:host.panel-open{flex:none}:host.panel-open .button.is-active{background:var(--emr-side-panel-button-active-bg);color:var(--emr-side-panel-button-active-color)}:host.panel-open{width:calc(var(--emr-side-panel-button-strip-width) + var(--emr-side-panel-content-width))}:host .button-strip{position:absolute;top:var(--emr-side-panel-offset-y);left:0;bottom:var(--emr-side-panel-offset-y);width:var(--emr-side-panel-button-strip-width);z-index:10}:host .wrapper{position:absolute;top:var(--emr-side-panel-offset-y);bottom:var(--emr-side-panel-offset-y);width:var(--emr-side-panel-content-width);opacity:0;visibility:hidden;pointer-events:none;left:var(--emr-side-panel-button-strip-width);transform:translate(-100%);transition:opacity var(--emr-side-panel-transition-timing) ease-in-out,transform var(--emr-side-panel-transition-timing) ease-in-out,visibility 0s linear var(--emr-side-panel-transition-timing);z-index:5;border-radius:var(--emr-side-panel-content-border-radius);overflow:hidden}:host .wrapper.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);background:var(--emr-side-panel-content-bg);transition:opacity var(--emr-side-panel-transition-timing) ease-in-out,transform var(--emr-side-panel-transition-timing) ease-in-out,visibility 0s linear 0s}:host.position-right .button-strip{left:auto;right:0}:host.position-right .wrapper{left:auto;right:var(--emr-side-panel-button-strip-width);transform:translate(100%)}:host.position-right .wrapper.open{transform:translate(0)}:host .inner-content{width:100%;height:100%}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SidePanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SidePanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-side-panel', exportAs: 'emrSidePanel', imports: [
                         CommonModule,
@@ -99,7 +99,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         'class': 'emr-side-panel',
                         '[class.panel-open]': 'isOpen()',
                         '[class.position-right]': 'isPositionRight()',
-                    }, template: "<div class=\"button-strip flex flex-col items-center gap-1 z-10\">\n  @for (tab of internalTabs(); track tab.tabId) {\n    <button\n      mat-icon-button\n      [attr.aria-label]=\"tab.label\"\n      [matTooltip]=\"tab.label\"\n      [matTooltipPosition]=\"tooltipPosition()\"\n      matTooltipShowDelay=\"500\"\n      [class.is-active]=\"activeTabId() === tab.tabId\"\n      (click)=\"toggleTab(tab.tabId)\"\n      class=\"button\"\n    >\n      @if (isTemplateRef(tab.icon)) {\n        <ng-container [ngTemplateOutlet]=\"tab.icon\"/>\n      } @else if (typeof tab.icon === 'string' && tab.icon) {\n        <mat-icon>{{ tab.icon }}</mat-icon>\n      } @else {\n        <span class=\"text-sm\">{{ tab.label.substring(0, 2) }}</span>\n      }\n    </button>\n  }\n</div>\n\n<div class=\"wrapper\" [class.open]=\"isOpen()\">\n  @if (isOpen() && activeTabId()) {\n    @if (selectedTabContent(); as content) {\n      <ng-container [ngTemplateOutlet]=\"content\"/>\n    } @else if (activeTabId() && !selectedTabContent()) {\n      <p class=\"text-neutral-500\">No content was found for this tab.</p>\n    }\n  }\n</div>\n", styles: [":host{--emr-side-panel-button-strip-width: calc(var(--spacing, .25rem) * 14);--emr-side-panel-content-width: 320px;--emr-side-panel-offset-y: 0;--emr-side-panel-content-bg: var(--color-surface-container-lowest);--emr-side-panel-content-border-radius: 1rem;--emr-side-panel-transition-timing: .2s;--emr-side-panel-button-active-bg: var(--color-secondary-fixed);--emr-side-panel-button-active-color: var(--color-on-secondary-fixed);display:block;position:relative;height:100%;overflow:hidden;width:var(--emr-side-panel-button-strip-width);transition:width var(--emr-side-panel-transition-timing) ease-in-out}:host.panel-open{flex:none}:host.panel-open .button.is-active{background:var(--emr-side-panel-button-active-bg);color:var(--emr-side-panel-button-active-color)}:host.panel-open{width:calc(var(--emr-side-panel-button-strip-width) + var(--emr-side-panel-content-width))}:host .button-strip{position:absolute;top:var(--emr-side-panel-offset-y);left:0;bottom:var(--emr-side-panel-offset-y);width:var(--emr-side-panel-button-strip-width);z-index:10}:host .wrapper{position:absolute;top:var(--emr-side-panel-offset-y);bottom:var(--emr-side-panel-offset-y);width:var(--emr-side-panel-content-width);opacity:0;visibility:hidden;pointer-events:none;left:var(--emr-side-panel-button-strip-width);transform:translate(-100%);transition:opacity var(--emr-side-panel-transition-timing) ease-in-out,transform var(--emr-side-panel-transition-timing) ease-in-out,visibility 0s linear var(--emr-side-panel-transition-timing);z-index:5;border-radius:var(--emr-side-panel-content-border-radius);overflow:hidden}:host .wrapper.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);background:var(--emr-side-panel-content-bg);transition:opacity var(--emr-side-panel-transition-timing) ease-in-out,transform var(--emr-side-panel-transition-timing) ease-in-out,visibility 0s linear 0s}:host.position-right .button-strip{left:auto;right:0}:host.position-right .wrapper{left:auto;right:var(--emr-side-panel-button-strip-width);transform:translate(100%)}:host.position-right .wrapper.open{transform:translate(0)}:host .inner-content{width:100%;height:100%}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"button-strip flex flex-col items-center gap-1 z-10\">\n  @for (tab of internalTabs(); track tab.tabId) {\n    <button\n      mat-icon-button\n      [attr.aria-label]=\"tab.label\"\n      [matTooltip]=\"tab.label\"\n      [matTooltipPosition]=\"tooltipPosition()\"\n      matTooltipShowDelay=\"500\"\n      [class.is-active]=\"activeTabId() === tab.tabId\"\n      (click)=\"toggleTab(tab.tabId)\"\n      class=\"button\"\n    >\n      @if (isTemplateRef(tab.icon)) {\n        <ng-container [ngTemplateOutlet]=\"tab.icon\"/>\n      } @else if (typeof tab.icon === 'string' && tab.icon) {\n        <mat-icon>{{ tab.icon }}</mat-icon>\n      } @else {\n        <span class=\"text-sm\">{{ tab.label.substring(0, 2) }}</span>\n      }\n    </button>\n  }\n</div>\n\n<div class=\"wrapper\" [class.open]=\"isOpen()\">\n  @if (isOpen() && activeTabId()) {\n    @if (selectedTabContent(); as content) {\n      <ng-container [ngTemplateOutlet]=\"content\"/>\n    } @else if (activeTabId() && !selectedTabContent()) {\n      <p class=\"text-neutral-500\">No content was found for this tab.</p>\n    }\n  }\n</div>\n", styles: [":host{--emr-side-panel-button-strip-width: calc(var(--spacing, .25rem) * 14);--emr-side-panel-content-width: 320px;--emr-side-panel-offset-y: 0;--emr-side-panel-content-bg: var(--color-surface-container-lowest);--emr-side-panel-content-border-radius: 1rem;--emr-side-panel-transition-timing: .2s;--emr-side-panel-button-active-bg: var(--color-secondary-fixed);--emr-side-panel-button-active-color: var(--color-on-secondary-fixed);display:block;position:relative;height:100%;overflow:hidden;width:var(--emr-side-panel-button-strip-width);transition:width var(--emr-side-panel-transition-timing) ease-in-out}:host.panel-open{flex:none}:host.panel-open .button.is-active{background:var(--emr-side-panel-button-active-bg);color:var(--emr-side-panel-button-active-color)}:host.panel-open{width:calc(var(--emr-side-panel-button-strip-width) + var(--emr-side-panel-content-width))}:host .button-strip{position:absolute;top:var(--emr-side-panel-offset-y);left:0;bottom:var(--emr-side-panel-offset-y);width:var(--emr-side-panel-button-strip-width);z-index:10}:host .wrapper{position:absolute;top:var(--emr-side-panel-offset-y);bottom:var(--emr-side-panel-offset-y);width:var(--emr-side-panel-content-width);opacity:0;visibility:hidden;pointer-events:none;left:var(--emr-side-panel-button-strip-width);transform:translate(-100%);transition:opacity var(--emr-side-panel-transition-timing) ease-in-out,transform var(--emr-side-panel-transition-timing) ease-in-out,visibility 0s linear var(--emr-side-panel-transition-timing);z-index:5;border-radius:var(--emr-side-panel-content-border-radius);overflow:hidden}:host .wrapper.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);background:var(--emr-side-panel-content-bg);transition:opacity var(--emr-side-panel-transition-timing) ease-in-out,transform var(--emr-side-panel-transition-timing) ease-in-out,visibility 0s linear 0s}:host.position-right .button-strip{left:auto;right:0}:host.position-right .wrapper{left:auto;right:var(--emr-side-panel-button-strip-width);transform:translate(100%)}:host.position-right .wrapper.open{transform:translate(0)}:host .inner-content{width:100%;height:100%}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], projectedTabsQuery: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SidePanelTabComponent), { isSignal: true }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
 
 /**

package/fesm2022/elementar-rt-components-side-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-side-panel.mjs","sources":["../../../projects/components/side-panel/src/side-panel-tab/side-panel-tab.component.ts","../../../projects/components/side-panel/src/side-panel-tab/side-panel-tab.component.html","../../../projects/components/side-panel/src/side-panel/side-panel.component.ts","../../../projects/components/side-panel/src/side-panel/side-panel.component.html","../../../projects/components/side-panel/elementar-rt-components-side-panel.ts"],"sourcesContent":["import { Component, input, TemplateRef, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'emr-side-panel-tab',\n  exportAs: 'emrSidePanelTab',\n  standalone: true,\n  templateUrl: './side-panel-tab.component.html',\n  styleUrl: './side-panel-tab.component.scss',\n  host: {\n    'class': 'emr-side-panel-tab',\n  },\n})\nexport class SidePanelTabComponent {\n  tabId = input.required<string>();\n  label = input.required<string>();\n  icon = input<string | TemplateRef<any> | undefined>();\n\n  @ViewChild('contentTemplate', { read: TemplateRef, static: true })\n  content!: TemplateRef<any>;\n}\n","<ng-template #contentTemplate><ng-content/></ng-template>\n","import {\n  Component,\n  computed,\n  signal,\n  TemplateRef,\n  contentChildren,\n  effect,\n  input, output\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatTooltip, TooltipPosition } from '@angular/material/tooltip';\nimport { SidePanelTabConfig, PanelPosition } from '../side-panel.types';\nimport { SidePanelTabComponent } from '../side-panel-tab/side-panel-tab.component';\n\n@Component({\n  selector: 'emr-side-panel',\n  exportAs: 'emrSidePanel',\n  imports: [\n    CommonModule,\n    MatIconButton,\n    MatTooltip,\n    MatIcon,\n  ],\n  templateUrl: './side-panel.component.html',\n  styleUrl: './side-panel.component.scss',\n  host: {\n    'class': 'emr-side-panel',\n    '[class.panel-open]': 'isOpen()',\n    '[class.position-right]': 'isPositionRight()',\n  }\n})\nexport class SidePanelComponent {\n  position = input<PanelPosition>('right');\n\n  isPositionRight = computed(() => this.position() === 'right');\n  tooltipPosition = computed<TooltipPosition>(() => {\n    return this.position() === 'left' ? 'right' : 'left';\n  });\n  private projectedTabsQuery = contentChildren(SidePanelTabComponent);\n  protected internalTabs = signal<SidePanelTabConfig[]>([]);\n  activeTabId = signal<string | null>(null);\n  isOpen = signal(false);\n\n  readonly opened = output<void>();\n  readonly closed = output<void>();\n\n  selectedTabContent = computed<TemplateRef<any> | null>(() => {\n    if (!this.isOpen() || !this.activeTabId()) {\n      return null;\n    }\n    const activeTab = this.internalTabs().find(tab => tab.tabId === this.activeTabId());\n    return activeTab ? activeTab.content : null;\n  });\n\n  constructor() {\n    effect(() => {\n      const projectedTabs = this.projectedTabsQuery();\n      this.internalTabs.set(\n        projectedTabs.map(tabComp => ({\n          tabId: tabComp.tabId(),\n          label: tabComp.label(),\n          icon: tabComp.icon(),\n          content: tabComp.content,\n        }))\n      );\n      const currentActiveId = this.activeTabId();\n      const tabsArray = this.internalTabs();\n\n      if (tabsArray.length === 0 && this.isOpen()) {\n        this.isOpen.set(false);\n        this.activeTabId.set(null);\n      } else if (currentActiveId && !tabsArray.find(t => t.tabId === currentActiveId)) {\n        this.activeTabId.set(null);\n      }\n    });\n  }\n\n  toggleTab(tabId: string): void {\n    if (!this.isOpen()) {\n      this.activeTabId.set(tabId);\n      this.isOpen.set(true);\n      this.opened.emit();\n    } else {\n      if (this.activeTabId() === tabId) {\n        this.close();\n      } else {\n        this.activeTabId.set(tabId);\n      }\n    }\n  }\n\n  close(): void {\n    this.isOpen.set(false);\n    this.closed.emit();\n  }\n\n  protected isTemplateRef(value: any): value is TemplateRef<any> {\n    return value instanceof TemplateRef;\n  }\n}\n","<div class=\"button-strip flex flex-col items-center gap-1 z-10\">\n  @for (tab of internalTabs(); track tab.tabId) {\n    <button\n      mat-icon-button\n      [attr.aria-label]=\"tab.label\"\n      [matTooltip]=\"tab.label\"\n      [matTooltipPosition]=\"tooltipPosition()\"\n      matTooltipShowDelay=\"500\"\n      [class.is-active]=\"activeTabId() === tab.tabId\"\n      (click)=\"toggleTab(tab.tabId)\"\n      class=\"button\"\n    >\n      @if (isTemplateRef(tab.icon)) {\n        <ng-container [ngTemplateOutlet]=\"tab.icon\"/>\n      } @else if (typeof tab.icon === 'string' && tab.icon) {\n        <mat-icon>{{ tab.icon }}</mat-icon>\n      } @else {\n        <span class=\"text-sm\">{{ tab.label.substring(0, 2) }}</span>\n      }\n    </button>\n  }\n</div>\n\n<div class=\"wrapper\" [class.open]=\"isOpen()\">\n  @if (isOpen() && activeTabId()) {\n    @if (selectedTabContent(); as content) {\n      <ng-container [ngTemplateOutlet]=\"content\"/>\n    } @else if (activeTabId() && !selectedTabContent()) {\n      <p class=\"text-neutral-500\">No content was found for this tab.</p>\n    }\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"elementar-rt-components-side-panel.mjs","sources":["../../../projects/components/side-panel/src/side-panel-tab/side-panel-tab.component.ts","../../../projects/components/side-panel/src/side-panel-tab/side-panel-tab.component.html","../../../projects/components/side-panel/src/side-panel/side-panel.component.ts","../../../projects/components/side-panel/src/side-panel/side-panel.component.html","../../../projects/components/side-panel/elementar-rt-components-side-panel.ts"],"sourcesContent":["import { Component, input, TemplateRef, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'emr-side-panel-tab',\n  exportAs: 'emrSidePanelTab',\n  standalone: true,\n  templateUrl: './side-panel-tab.component.html',\n  styleUrl: './side-panel-tab.component.scss',\n  host: {\n    'class': 'emr-side-panel-tab',\n  },\n})\nexport class SidePanelTabComponent {\n  tabId = input.required<string>();\n  label = input.required<string>();\n  icon = input<string | TemplateRef<any> | undefined>();\n\n  @ViewChild('contentTemplate', { read: TemplateRef, static: true })\n  content!: TemplateRef<any>;\n}\n","<ng-template #contentTemplate><ng-content/></ng-template>\n","import {\n  Component,\n  computed,\n  signal,\n  TemplateRef,\n  contentChildren,\n  effect,\n  input, output\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatTooltip, TooltipPosition } from '@angular/material/tooltip';\nimport { SidePanelTabConfig, PanelPosition } from '../side-panel.types';\nimport { SidePanelTabComponent } from '../side-panel-tab/side-panel-tab.component';\n\n@Component({\n  selector: 'emr-side-panel',\n  exportAs: 'emrSidePanel',\n  imports: [\n    CommonModule,\n    MatIconButton,\n    MatTooltip,\n    MatIcon,\n  ],\n  templateUrl: './side-panel.component.html',\n  styleUrl: './side-panel.component.scss',\n  host: {\n    'class': 'emr-side-panel',\n    '[class.panel-open]': 'isOpen()',\n    '[class.position-right]': 'isPositionRight()',\n  }\n})\nexport class SidePanelComponent {\n  position = input<PanelPosition>('right');\n\n  isPositionRight = computed(() => this.position() === 'right');\n  tooltipPosition = computed<TooltipPosition>(() => {\n    return this.position() === 'left' ? 'right' : 'left';\n  });\n  private projectedTabsQuery = contentChildren(SidePanelTabComponent);\n  protected internalTabs = signal<SidePanelTabConfig[]>([]);\n  activeTabId = signal<string | null>(null);\n  isOpen = signal(false);\n\n  readonly opened = output<void>();\n  readonly closed = output<void>();\n\n  selectedTabContent = computed<TemplateRef<any> | null>(() => {\n    if (!this.isOpen() || !this.activeTabId()) {\n      return null;\n    }\n    const activeTab = this.internalTabs().find(tab => tab.tabId === this.activeTabId());\n    return activeTab ? activeTab.content : null;\n  });\n\n  constructor() {\n    effect(() => {\n      const projectedTabs = this.projectedTabsQuery();\n      this.internalTabs.set(\n        projectedTabs.map(tabComp => ({\n          tabId: tabComp.tabId(),\n          label: tabComp.label(),\n          icon: tabComp.icon(),\n          content: tabComp.content,\n        }))\n      );\n      const currentActiveId = this.activeTabId();\n      const tabsArray = this.internalTabs();\n\n      if (tabsArray.length === 0 && this.isOpen()) {\n        this.isOpen.set(false);\n        this.activeTabId.set(null);\n      } else if (currentActiveId && !tabsArray.find(t => t.tabId === currentActiveId)) {\n        this.activeTabId.set(null);\n      }\n    });\n  }\n\n  toggleTab(tabId: string): void {\n    if (!this.isOpen()) {\n      this.activeTabId.set(tabId);\n      this.isOpen.set(true);\n      this.opened.emit();\n    } else {\n      if (this.activeTabId() === tabId) {\n        this.close();\n      } else {\n        this.activeTabId.set(tabId);\n      }\n    }\n  }\n\n  close(): void {\n    this.isOpen.set(false);\n    this.closed.emit();\n  }\n\n  protected isTemplateRef(value: any): value is TemplateRef<any> {\n    return value instanceof TemplateRef;\n  }\n}\n","<div class=\"button-strip flex flex-col items-center gap-1 z-10\">\n  @for (tab of internalTabs(); track tab.tabId) {\n    <button\n      mat-icon-button\n      [attr.aria-label]=\"tab.label\"\n      [matTooltip]=\"tab.label\"\n      [matTooltipPosition]=\"tooltipPosition()\"\n      matTooltipShowDelay=\"500\"\n      [class.is-active]=\"activeTabId() === tab.tabId\"\n      (click)=\"toggleTab(tab.tabId)\"\n      class=\"button\"\n    >\n      @if (isTemplateRef(tab.icon)) {\n        <ng-container [ngTemplateOutlet]=\"tab.icon\"/>\n      } @else if (typeof tab.icon === 'string' && tab.icon) {\n        <mat-icon>{{ tab.icon }}</mat-icon>\n      } @else {\n        <span class=\"text-sm\">{{ tab.label.substring(0, 2) }}</span>\n      }\n    </button>\n  }\n</div>\n\n<div class=\"wrapper\" [class.open]=\"isOpen()\">\n  @if (isOpen() && activeTabId()) {\n    @if (selectedTabContent(); as content) {\n      <ng-container [ngTemplateOutlet]=\"content\"/>\n    } @else if (activeTabId() && !selectedTabContent()) {\n      <p class=\"text-neutral-500\">No content was found for this tab.</p>\n    }\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}