@elementar-rt/components 0.6.55

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-resizable-container.mjs","sources":["../../../projects/components/resizable-container/src/resizable-container/resizable-container.component.ts","../../../projects/components/resizable-container/src/resizable-container/resizable-container.component.html","../../../projects/components/resizable-container/elementar-rt-components-resizable-container.ts"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  DestroyRef,\r\n  ElementRef,\r\n  inject, input,\r\n  NgZone,\r\n  numberAttribute,\r\n  OnInit,\r\n  Renderer2,\r\n  viewChild,\r\n  DOCUMENT\r\n} from '@angular/core';\r\nimport { fromEvent, throttleTime } from 'rxjs';\r\n\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\n@Component({\r\n  selector: 'emr-resizable-container',\r\n  exportAs: 'emrResizableContainer',\r\n  templateUrl: './resizable-container.component.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  styleUrl: './resizable-container.component.scss',\r\n  host: {\r\n    'class': 'emr-resizable-container'\r\n  }\r\n})\r\nexport class ResizableContainerComponent implements OnInit {\r\n  private _renderer = inject(Renderer2);\r\n  private _elementRef = inject(ElementRef);\r\n  private _cdr = inject(ChangeDetectorRef);\r\n  private _ngZone = inject(NgZone);\r\n  private _destroyRef = inject(DestroyRef);\r\n  private _document = inject(DOCUMENT);\r\n  private _resizing = false;\r\n  private _maxWidth: number;\r\n  private _clientX: number;\r\n\r\n  readonly handlerRef = viewChild.required<ElementRef>('handler');\r\n\r\n  minWidth = input(0, {\r\n    transform: numberAttribute\r\n  });\r\n\r\n  ngOnInit() {\r\n    this._ngZone.runOutsideAngular(() => {\r\n      fromEvent<MouseEvent>(this.handlerRef().nativeElement, 'mousedown')\r\n        .pipe(takeUntilDestroyed(this._destroyRef))\r\n        .subscribe((event: MouseEvent) => {\r\n          this._resizing = true;\r\n\r\n          if (!this._maxWidth) {\r\n            this._maxWidth = this._elementRef.nativeElement.getBoundingClientRect().width;\r\n            this._clientX = event.clientX;\r\n          }\r\n\r\n          this._cdr.detectChanges();\r\n        })\r\n      ;\r\n      fromEvent<MouseEvent>(this._document, 'mousemove')\r\n        .pipe(\r\n          throttleTime(5),\r\n          takeUntilDestroyed(this._destroyRef)\r\n        )\r\n        .subscribe((event: MouseEvent) => {\r\n          if (this._resizing) {\r\n            let width = this._maxWidth - (this._clientX - event.clientX);\r\n\r\n            if (width <= this.minWidth()) {\r\n              width = this.minWidth();\r\n            } else if (width >= this._maxWidth) {\r\n              width = this._maxWidth;\r\n            }\r\n\r\n            this._renderer.setStyle(this._elementRef.nativeElement, 'width', width + 'px');\r\n          }\r\n        })\r\n      ;\r\n      fromEvent(this._document, 'mouseup')\r\n        .pipe(takeUntilDestroyed(this._destroyRef))\r\n        .subscribe(event => {\r\n          this._resizing = false;\r\n          this._cdr.detectChanges();\r\n        })\r\n      ;\r\n    });\r\n  }\r\n}\r\n","<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n<button #handler class=\"handler\">\r\n  <span class=\"handler-indicator\"></span>\r\n</button>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components-screen-loader.mjs

@@ -0,0 +1,27 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, Component } from '@angular/core';
+import { MatProgressBar } from '@angular/material/progress-bar';
+
+class ScreenLoaderComponent {
+    opened = input(false, ...(ngDevMode ? [{ debugName: "opened", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ScreenLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: ScreenLoaderComponent, isStandalone: true, selector: "emr-screen-loader", inputs: { opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-opened": "opened()" }, classAttribute: "emr-screen-loader" }, exportAs: ["emrScreenLoader"], ngImport: i0, template: "<p class=\"message\"><ng-content/></p>\r\n<div class=\"progress-bar\">\r\n  <mat-progress-bar mode=\"indeterminate\"/>\r\n</div>\r\n", styles: [":host{--emr-screen-loader-bg: var(--color-background);opacity:0;position:fixed;inset:0;z-index:-9999;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--emr-screen-loader-bg)}:host.is-opened{z-index:9999;opacity:1}:host .message{max-width:600px;line-height:var(--leading-snug);text-align:center}:host .progress-bar{width:calc(var(--spacing) * 64);margin-top:calc(var(--spacing, .25rem) * 4)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ScreenLoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-screen-loader', exportAs: 'emrScreenLoader', imports: [
+                        MatProgressBar
+                    ], host: {
+                        'class': 'emr-screen-loader',
+                        '[class.is-opened]': 'opened()'
+                    }, template: "<p class=\"message\"><ng-content/></p>\r\n<div class=\"progress-bar\">\r\n  <mat-progress-bar mode=\"indeterminate\"/>\r\n</div>\r\n", styles: [":host{--emr-screen-loader-bg: var(--color-background);opacity:0;position:fixed;inset:0;z-index:-9999;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--emr-screen-loader-bg)}:host.is-opened{z-index:9999;opacity:1}:host .message{max-width:600px;line-height:var(--leading-snug);text-align:center}:host .progress-bar{width:calc(var(--spacing) * 64);margin-top:calc(var(--spacing, .25rem) * 4)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ScreenLoaderComponent };
+//# sourceMappingURL=elementar-rt-components-screen-loader.mjs.map

package/fesm2022/elementar-rt-components-screen-loader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-screen-loader.mjs","sources":["../../../projects/components/screen-loader/src/screen-loader/screen-loader.component.ts","../../../projects/components/screen-loader/src/screen-loader/screen-loader.component.html","../../../projects/components/screen-loader/elementar-rt-components-screen-loader.ts"],"sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\r\nimport { MatProgressBar } from '@angular/material/progress-bar';\r\n\r\n@Component({\r\n  selector: 'emr-screen-loader',\r\n  exportAs: 'emrScreenLoader',\r\n  imports: [\r\n    MatProgressBar\r\n  ],\r\n  templateUrl: './screen-loader.component.html',\r\n  styleUrl: './screen-loader.component.scss',\r\n  host: {\r\n    'class': 'emr-screen-loader',\r\n    '[class.is-opened]': 'opened()'\r\n  }\r\n})\r\nexport class ScreenLoaderComponent {\r\n  opened = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n}\r\n","<p class=\"message\"><ng-content/></p>\r\n<div class=\"progress-bar\">\r\n  <mat-progress-bar mode=\"indeterminate\"/>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAgBa,qBAAqB,CAAA;IAChC,MAAM,GAAG,KAAK,CAAC,KAAK,0CAClB,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CADP;AACpB,YAAA,SAAS,EAAE;AACZ,SAAA,CAAA,CAAA,CAAC;wGAHS,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBlC,sIAIA,EAAA,MAAA,EAAA,CAAA,yfAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDGI,cAAc,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FASL,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,SAAS;+BACE,mBAAmB,EAAA,QAAA,EACnB,iBAAiB,EAAA,OAAA,EAClB;wBACP;qBACD,EAAA,IAAA,EAGK;AACJ,wBAAA,OAAO,EAAE,mBAAmB;AAC5B,wBAAA,mBAAmB,EAAE;AACtB,qBAAA,EAAA,QAAA,EAAA,sIAAA,EAAA,MAAA,EAAA,CAAA,yfAAA,CAAA,EAAA;;;AEdH;;AAEG;;;;"}

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

@@ -0,0 +1,165 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, ElementRef, Renderer2, DOCUMENT, input, Component, ChangeDetectorRef, PLATFORM_ID, NgZone, DestroyRef, contentChildren, Directive } from '@angular/core';
+import { isPlatformServer } from '@angular/common';
+import { fromEvent, debounceTime } from 'rxjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+const SCROLL_SPY_NAV = new InjectionToken('SPY_NAV');
+
+class ScrollSpyOnComponent {
+    _parent = inject(SCROLL_SPY_NAV);
+    _elementRef = inject(ElementRef);
+    _renderer = inject(Renderer2);
+    _document = inject(DOCUMENT);
+    targetId = input.required(...(ngDevMode ? [{ debugName: "targetId" }] : []));
+    ngOnInit() {
+        const fullUrl = this._document.location.origin + this._document.location.pathname;
+        this._renderer.setAttribute(this._elementRef.nativeElement, 'href', fullUrl + '#' + this.targetId());
+    }
+    get isActive() {
+        return this.targetId() === this._parent.activeId;
+    }
+    _handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this._parent.scrollTo(this.targetId());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ScrollSpyOnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", 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>\r\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.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", 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>\r\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.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { targetId: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetId", required: true }] }] } });
+
+class ScrollSpyNavComponent {
+    _document = inject(DOCUMENT);
+    _cdr = inject(ChangeDetectorRef);
+    _platformId = inject(PLATFORM_ID);
+    _zone = inject(NgZone);
+    _threshold = 10;
+    _destroyRef = inject(DestroyRef);
+    _items = contentChildren(ScrollSpyOnComponent, ...(ngDevMode ? [{ debugName: "_items" }] : []));
+    _activeId;
+    _elementToScroll;
+    ngAfterContentInit() {
+        if (isPlatformServer(this._platformId)) {
+            return;
+        }
+        this._elementToScroll = this._document.querySelector('.emr-layout-body:has(:not(.emr-layout-body))');
+        if (this._elementToScroll) {
+            this._zone.runOutsideAngular(() => {
+                fromEvent(this._elementToScroll, 'scroll')
+                    .pipe(debounceTime(35), takeUntilDestroyed(this._destroyRef))
+                    .subscribe(() => {
+                    this._findActiveItem();
+                });
+            });
+            // start finding active item after layout body will be scrolled to top
+            setTimeout(() => {
+                this._findActiveItem();
+            }, 10);
+        }
+    }
+    get activeId() {
+        return this._activeId;
+    }
+    scrollTo(targetId) {
+        if (!this._elementToScroll) {
+            return;
+        }
+        this._activeId = targetId;
+        const targetElement = this._document.querySelector('#' + targetId);
+        const offsetTopFix = parseInt(getComputedStyle(targetElement).marginTop) +
+            parseInt(getComputedStyle(targetElement).height) + this._threshold;
+        this._cdr.detectChanges();
+        this._elementToScroll.scroll({
+            top: targetElement.offsetTop - offsetTopFix,
+            left: 0,
+            behavior: 'smooth'
+        });
+    }
+    _findActiveItem() {
+        for (let item of this._items()) {
+            const targetElement = this._document.querySelector('#' + item.targetId());
+            if (targetElement) {
+                if (this._elementIsVisibleInViewport(this._elementToScroll, targetElement)) {
+                    if (this._activeId === item.targetId()) {
+                        return;
+                    }
+                    this._zone.run(() => {
+                        this._activeId = item.targetId();
+                        this._cdr.detectChanges();
+                    });
+                    break;
+                }
+            }
+        }
+    }
+    _elementIsVisibleInViewport(container, targetEl, partiallyVisible = false) {
+        const { top, left, bottom, right } = targetEl.getBoundingClientRect();
+        const containerRect = container.getBoundingClientRect();
+        const innerWidth = containerRect.width;
+        const innerHeight = containerRect.height;
+        return partiallyVisible
+            ? ((top > 0 && top < innerHeight) ||
+                (bottom > 0 && bottom < innerHeight)) &&
+                ((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.10", ngImport: i0, type: ScrollSpyNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.10", 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/>\r\n", styles: [":host{width:200px;border-inline-start:1px solid var(--color-border);padding-inline-start:calc(var(--spacing) * 6)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ScrollSpyNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-scroll-spy-nav,[emr-scroll-spy-nav]', exportAs: 'emrScrollSpyNav', providers: [
+                        {
+                            provide: SCROLL_SPY_NAV,
+                            useExisting: ScrollSpyNavComponent
+                        }
+                    ], host: {
+                        'class': 'emr-scroll-spy-nav'
+                    }, template: "<ng-content/>\r\n", styles: [":host{width:200px;border-inline-start:1px solid var(--color-border);padding-inline-start:calc(var(--spacing) * 6)}\n/*! tailwindcss v4.1.14 | 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.10", ngImport: i0, type: ScrollSpyTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ScrollSpyTitleComponent, isStandalone: true, selector: "emr-scroll-spy-title", host: { classAttribute: "emr-scroll-spy-title" }, exportAs: ["emrScrollSpyTitle"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;font-weight:500;font-size:1.25rem;margin-bottom:calc(var(--spacing) * 4)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", 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>\r\n", styles: [":host{display:block;font-weight:500;font-size:1.25rem;margin-bottom:calc(var(--spacing) * 4)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class ScrollSpyContainerDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ScrollSpyContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", 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.10", ngImport: i0, type: ScrollSpyContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrScrollSpyContainer]',
+                    exportAs: 'emrScrollSpyContainer',
+                    host: {
+                        'class': 'emr-scroll-spy-container'
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SCROLL_SPY_NAV, ScrollSpyContainerDirective, ScrollSpyNavComponent, ScrollSpyOnComponent, ScrollSpyTitleComponent };
+//# sourceMappingURL=elementar-rt-components-scroll-spy.mjs.map

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

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

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

@@ -0,0 +1,153 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, ElementRef, Renderer2, ChangeDetectorRef, input, booleanAttribute, output, effect, forwardRef, Component, Directive } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { SelectionModel } from '@angular/cdk/collections';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i1 from '@angular/material/core';
+import { MatRipple } from '@angular/material/core';
+
+const EMR_SEGMENTED = new InjectionToken('EMR_SEGMENTED');
+
+class SegmentedComponent {
+    _elementRef = inject(ElementRef);
+    _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" }] : []));
+    valueChange = output();
+    _selectedValue = new SelectionModel(false, []);
+    _onChange = () => { };
+    _onTouched = () => { };
+    get api() {
+        return {
+            isSelected: (value) => this._selectedValue.isSelected(value),
+            select: (value) => this._select(value)
+        };
+    }
+    constructor() {
+        effect(() => {
+            this._selectedValue.select(this.value());
+        });
+    }
+    ngOnInit() {
+        this._renderer.setAttribute(this._elementRef.nativeElement, 'emr-segmented-size', this.size());
+    }
+    ngOnChanges(changes) {
+        if (changes['size']) {
+            this._renderer.setAttribute(this._elementRef.nativeElement, 'emr-segmented-size', this.size());
+        }
+        if (changes['selectedValue']) {
+            this._selectedValue.select(changes['selectedValue'].currentValue);
+        }
+    }
+    writeValue(value) {
+        this._selectedValue.select(value ? value : []);
+        this._cdr.detectChanges();
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled = coerceBooleanProperty(isDisabled);
+    }
+    _select(value) {
+        this._selectedValue.select(value);
+        this.valueChange.emit(value);
+        this._onChange(value);
+        this._onTouched(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SegmentedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", 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),
+                multi: true
+            },
+            {
+                provide: EMR_SEGMENTED,
+                useExisting: forwardRef(() => SegmentedComponent)
+            }
+        ], exportAs: ["emrSegmented"], usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"emr-segmented-button,[emr-segmented-button]\"/>\r\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.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SegmentedComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-segmented', exportAs: 'emrSegmented', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SegmentedComponent),
+                            multi: true
+                        },
+                        {
+                            provide: EMR_SEGMENTED,
+                            useExisting: forwardRef(() => SegmentedComponent)
+                        }
+                    ], host: {
+                        'class': 'emr-segmented',
+                        '[class.is-disabled]': 'disabled() || _disabled || null',
+                    }, template: "<ng-content select=\"emr-segmented-button,[emr-segmented-button]\"/>\r\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.1.14 | 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
+        }]));
+    get _isSelected() {
+        return this._segmented.api.isSelected(this.value());
+    }
+    get api() {
+        return {
+            isSelected: () => this._isSelected
+        };
+    }
+    _handleClick() {
+        this._segmented.api.select(this.value());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SegmentedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", 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\">\r\n  <ng-content select=\"[emrSegmentedIcon]\"/>\r\n</div>\r\n<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\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.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SegmentedButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-segmented-button,[emr-segmented-button]', exportAs: 'emrSegmentedButton', hostDirectives: [
+                        MatRipple
+                    ], host: {
+                        'class': 'emr-segmented-button',
+                        '[class.icon-only]': 'iconOnly()',
+                        '[class.is-selected]': '_isSelected',
+                        '[class.is-disabled]': 'disabled() || null',
+                        '(click)': '_handleClick()',
+                    }, template: "<div class=\"icon\">\r\n  <ng-content select=\"[emrSegmentedIcon]\"/>\r\n</div>\r\n<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\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.1.14 | 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.10", ngImport: i0, type: SegmentedIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: SegmentedIconDirective, isStandalone: true, selector: "[emrSegmentedIcon]", host: { classAttribute: "emr-segmented-icon" }, exportAs: ["emrSegmentedIcon"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SegmentedIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrSegmentedIcon]',
+                    exportAs: 'emrSegmentedIcon',
+                    host: {
+                        'class': 'emr-segmented-icon'
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SegmentedButtonComponent, SegmentedComponent, SegmentedIconDirective };
+//# sourceMappingURL=elementar-rt-components-segmented.mjs.map

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

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

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

@@ -0,0 +1,110 @@
+import * as i0 from '@angular/core';
+import { input, TemplateRef, ViewChild, Component, computed, contentChildren, signal, output, effect } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { MatIconButton } from '@angular/material/button';
+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" }] : []));
+    content;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidePanelTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", 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>\r\n", styles: [":host{display:none}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidePanelTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-side-panel-tab', exportAs: 'emrSidePanelTab', standalone: true, host: {
+                        'class': 'emr-side-panel-tab',
+                    }, template: "<ng-template #contentTemplate><ng-content/></ng-template>\r\n", styles: [":host{display:none}\n"] }]
+        }], propDecorators: { tabId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabId", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], content: [{
+                type: ViewChild,
+                args: ['contentTemplate', { read: TemplateRef, static: true }]
+            }] } });
+
+class SidePanelComponent {
+    position = input('right', ...(ngDevMode ? [{ debugName: "position" }] : []));
+    isPositionRight = computed(() => this.position() === 'right', ...(ngDevMode ? [{ debugName: "isPositionRight" }] : []));
+    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" }] : []));
+    opened = output();
+    closed = output();
+    selectedTabContent = computed(() => {
+        if (!this.isOpen() || !this.activeTabId()) {
+            return null;
+        }
+        const activeTab = this.internalTabs().find(tab => tab.tabId === this.activeTabId());
+        return activeTab ? activeTab.content : null;
+    }, ...(ngDevMode ? [{ debugName: "selectedTabContent" }] : []));
+    constructor() {
+        effect(() => {
+            const projectedTabs = this.projectedTabsQuery();
+            this.internalTabs.set(projectedTabs.map(tabComp => ({
+                tabId: tabComp.tabId(),
+                label: tabComp.label(),
+                icon: tabComp.icon(),
+                content: tabComp.content,
+            })));
+            const currentActiveId = this.activeTabId();
+            const tabsArray = this.internalTabs();
+            if (tabsArray.length === 0 && this.isOpen()) {
+                this.isOpen.set(false);
+                this.activeTabId.set(null);
+            }
+            else if (currentActiveId && !tabsArray.find(t => t.tabId === currentActiveId)) {
+                this.activeTabId.set(null);
+            }
+        });
+    }
+    toggleTab(tabId) {
+        if (!this.isOpen()) {
+            this.activeTabId.set(tabId);
+            this.isOpen.set(true);
+            this.opened.emit();
+        }
+        else {
+            if (this.activeTabId() === tabId) {
+                this.close();
+            }
+            else {
+                this.activeTabId.set(tabId);
+            }
+        }
+    }
+    close() {
+        this.isOpen.set(false);
+        this.closed.emit();
+    }
+    isTemplateRef(value) {
+        return value instanceof TemplateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", 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\">\r\n  @for (tab of internalTabs(); track tab.tabId) {\r\n    <button\r\n      mat-icon-button\r\n      [attr.aria-label]=\"tab.label\"\r\n      [matTooltip]=\"tab.label\"\r\n      [matTooltipPosition]=\"tooltipPosition()\"\r\n      matTooltipShowDelay=\"500\"\r\n      [class.is-active]=\"activeTabId() === tab.tabId\"\r\n      (click)=\"toggleTab(tab.tabId)\"\r\n      class=\"button\"\r\n    >\r\n      @if (isTemplateRef(tab.icon)) {\r\n        <ng-container [ngTemplateOutlet]=\"tab.icon\"/>\r\n      } @else if (typeof tab.icon === 'string' && tab.icon) {\r\n        <mat-icon>{{ tab.icon }}</mat-icon>\r\n      } @else {\r\n        <span class=\"text-sm\">{{ tab.label.substring(0, 2) }}</span>\r\n      }\r\n    </button>\r\n  }\r\n</div>\r\n\r\n<div class=\"wrapper\" [class.open]=\"isOpen()\">\r\n  @if (isOpen() && activeTabId()) {\r\n    @if (selectedTabContent(); as content) {\r\n      <ng-container [ngTemplateOutlet]=\"content\"/>\r\n    } @else if (activeTabId() && !selectedTabContent()) {\r\n      <p class=\"text-neutral-500\">No content was found for this tab.</p>\r\n    }\r\n  }\r\n</div>\r\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.1.14 | 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.10", ngImport: i0, type: SidePanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-side-panel', exportAs: 'emrSidePanel', imports: [
+                        CommonModule,
+                        MatIconButton,
+                        MatTooltip,
+                        MatIcon,
+                    ], host: {
+                        '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\">\r\n  @for (tab of internalTabs(); track tab.tabId) {\r\n    <button\r\n      mat-icon-button\r\n      [attr.aria-label]=\"tab.label\"\r\n      [matTooltip]=\"tab.label\"\r\n      [matTooltipPosition]=\"tooltipPosition()\"\r\n      matTooltipShowDelay=\"500\"\r\n      [class.is-active]=\"activeTabId() === tab.tabId\"\r\n      (click)=\"toggleTab(tab.tabId)\"\r\n      class=\"button\"\r\n    >\r\n      @if (isTemplateRef(tab.icon)) {\r\n        <ng-container [ngTemplateOutlet]=\"tab.icon\"/>\r\n      } @else if (typeof tab.icon === 'string' && tab.icon) {\r\n        <mat-icon>{{ tab.icon }}</mat-icon>\r\n      } @else {\r\n        <span class=\"text-sm\">{{ tab.label.substring(0, 2) }}</span>\r\n      }\r\n    </button>\r\n  }\r\n</div>\r\n\r\n<div class=\"wrapper\" [class.open]=\"isOpen()\">\r\n  @if (isOpen() && activeTabId()) {\r\n    @if (selectedTabContent(); as content) {\r\n      <ng-container [ngTemplateOutlet]=\"content\"/>\r\n    } @else if (activeTabId() && !selectedTabContent()) {\r\n      <p class=\"text-neutral-500\">No content was found for this tab.</p>\r\n    }\r\n  }\r\n</div>\r\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.1.14 | 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"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SidePanelComponent, SidePanelTabComponent };
+//# sourceMappingURL=elementar-rt-components-side-panel.mjs.map

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

@@ -0,0 +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';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'emr-side-panel-tab',\r\n  exportAs: 'emrSidePanelTab',\r\n  standalone: true,\r\n  templateUrl: './side-panel-tab.component.html',\r\n  styleUrl: './side-panel-tab.component.scss',\r\n  host: {\r\n    'class': 'emr-side-panel-tab',\r\n  },\r\n})\r\nexport class SidePanelTabComponent {\r\n  tabId = input.required<string>();\r\n  label = input.required<string>();\r\n  icon = input<string | TemplateRef<any> | undefined>();\r\n\r\n  @ViewChild('contentTemplate', { read: TemplateRef, static: true })\r\n  content!: TemplateRef<any>;\r\n}\r\n","<ng-template #contentTemplate><ng-content/></ng-template>\r\n","import {\r\n  Component,\r\n  computed,\r\n  signal,\r\n  TemplateRef,\r\n  contentChildren,\r\n  effect,\r\n  input, output\r\n} from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatIconButton } from '@angular/material/button';\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { MatTooltip, TooltipPosition } from '@angular/material/tooltip';\r\nimport { SidePanelTabConfig, PanelPosition } from '../side-panel.types';\r\nimport { SidePanelTabComponent } from '../side-panel-tab/side-panel-tab.component';\r\n\r\n@Component({\r\n  selector: 'emr-side-panel',\r\n  exportAs: 'emrSidePanel',\r\n  imports: [\r\n    CommonModule,\r\n    MatIconButton,\r\n    MatTooltip,\r\n    MatIcon,\r\n  ],\r\n  templateUrl: './side-panel.component.html',\r\n  styleUrl: './side-panel.component.scss',\r\n  host: {\r\n    'class': 'emr-side-panel',\r\n    '[class.panel-open]': 'isOpen()',\r\n    '[class.position-right]': 'isPositionRight()',\r\n  }\r\n})\r\nexport class SidePanelComponent {\r\n  position = input<PanelPosition>('right');\r\n\r\n  isPositionRight = computed(() => this.position() === 'right');\r\n  tooltipPosition = computed<TooltipPosition>(() => {\r\n    return this.position() === 'left' ? 'right' : 'left';\r\n  });\r\n  private projectedTabsQuery = contentChildren(SidePanelTabComponent);\r\n  protected internalTabs = signal<SidePanelTabConfig[]>([]);\r\n  activeTabId = signal<string | null>(null);\r\n  isOpen = signal(false);\r\n\r\n  readonly opened = output<void>();\r\n  readonly closed = output<void>();\r\n\r\n  selectedTabContent = computed<TemplateRef<any> | null>(() => {\r\n    if (!this.isOpen() || !this.activeTabId()) {\r\n      return null;\r\n    }\r\n    const activeTab = this.internalTabs().find(tab => tab.tabId === this.activeTabId());\r\n    return activeTab ? activeTab.content : null;\r\n  });\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      const projectedTabs = this.projectedTabsQuery();\r\n      this.internalTabs.set(\r\n        projectedTabs.map(tabComp => ({\r\n          tabId: tabComp.tabId(),\r\n          label: tabComp.label(),\r\n          icon: tabComp.icon(),\r\n          content: tabComp.content,\r\n        }))\r\n      );\r\n      const currentActiveId = this.activeTabId();\r\n      const tabsArray = this.internalTabs();\r\n\r\n      if (tabsArray.length === 0 && this.isOpen()) {\r\n        this.isOpen.set(false);\r\n        this.activeTabId.set(null);\r\n      } else if (currentActiveId && !tabsArray.find(t => t.tabId === currentActiveId)) {\r\n        this.activeTabId.set(null);\r\n      }\r\n    });\r\n  }\r\n\r\n  toggleTab(tabId: string): void {\r\n    if (!this.isOpen()) {\r\n      this.activeTabId.set(tabId);\r\n      this.isOpen.set(true);\r\n      this.opened.emit();\r\n    } else {\r\n      if (this.activeTabId() === tabId) {\r\n        this.close();\r\n      } else {\r\n        this.activeTabId.set(tabId);\r\n      }\r\n    }\r\n  }\r\n\r\n  close(): void {\r\n    this.isOpen.set(false);\r\n    this.closed.emit();\r\n  }\r\n\r\n  protected isTemplateRef(value: any): value is TemplateRef<any> {\r\n    return value instanceof TemplateRef;\r\n  }\r\n}\r\n","<div class=\"button-strip flex flex-col items-center gap-1 z-10\">\r\n  @for (tab of internalTabs(); track tab.tabId) {\r\n    <button\r\n      mat-icon-button\r\n      [attr.aria-label]=\"tab.label\"\r\n      [matTooltip]=\"tab.label\"\r\n      [matTooltipPosition]=\"tooltipPosition()\"\r\n      matTooltipShowDelay=\"500\"\r\n      [class.is-active]=\"activeTabId() === tab.tabId\"\r\n      (click)=\"toggleTab(tab.tabId)\"\r\n      class=\"button\"\r\n    >\r\n      @if (isTemplateRef(tab.icon)) {\r\n        <ng-container [ngTemplateOutlet]=\"tab.icon\"/>\r\n      } @else if (typeof tab.icon === 'string' && tab.icon) {\r\n        <mat-icon>{{ tab.icon }}</mat-icon>\r\n      } @else {\r\n        <span class=\"text-sm\">{{ tab.label.substring(0, 2) }}</span>\r\n      }\r\n    </button>\r\n  }\r\n</div>\r\n\r\n<div class=\"wrapper\" [class.open]=\"isOpen()\">\r\n  @if (isOpen() && activeTabId()) {\r\n    @if (selectedTabContent(); as content) {\r\n      <ng-container [ngTemplateOutlet]=\"content\"/>\r\n    } @else if (activeTabId() && !selectedTabContent()) {\r\n      <p class=\"text-neutral-500\">No content was found for this tab.</p>\r\n    }\r\n  }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAaa,qBAAqB,CAAA;AAChC,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAU;AAChC,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAU;IAChC,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAyC;AAGrD,IAAA,OAAO;wGANI,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAKM,WAAW,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBnD,+DACA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA;;4FDYa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAVjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,QAAA,EACpB,iBAAiB,EAAA,UAAA,EACf,IAAI,EAAA,IAAA,EAGV;AACJ,wBAAA,OAAO,EAAE,oBAAoB;AAC9B,qBAAA,EAAA,QAAA,EAAA,+DAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA;;sBAOA,SAAS;uBAAC,iBAAiB,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE;;;MEetD,kBAAkB,CAAA;AAC7B,IAAA,QAAQ,GAAG,KAAK,CAAgB,OAAO,oDAAC;AAExC,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,KAAK,OAAO,2DAAC;AAC7D,IAAA,eAAe,GAAG,QAAQ,CAAkB,MAAK;AAC/C,QAAA,OAAO,IAAI,CAAC,QAAQ,EAAE,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM;AACtD,IAAA,CAAC,2DAAC;AACM,IAAA,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,8DAAC;AACzD,IAAA,YAAY,GAAG,MAAM,CAAuB,EAAE,wDAAC;AACzD,IAAA,WAAW,GAAG,MAAM,CAAgB,IAAI,uDAAC;AACzC,IAAA,MAAM,GAAG,MAAM,CAAC,KAAK,kDAAC;IAEb,MAAM,GAAG,MAAM,EAAQ;IACvB,MAAM,GAAG,MAAM,EAAQ;AAEhC,IAAA,kBAAkB,GAAG,QAAQ,CAA0B,MAAK;AAC1D,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE;AACzC,YAAA,OAAO,IAAI;QACb;QACA,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;QACnF,OAAO,SAAS,GAAG,SAAS,CAAC,OAAO,GAAG,IAAI;AAC7C,IAAA,CAAC,8DAAC;AAEF,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,kBAAkB,EAAE;AAC/C,YAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CACnB,aAAa,CAAC,GAAG,CAAC,OAAO,KAAK;AAC5B,gBAAA,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE;AACtB,gBAAA,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE;AACtB,gBAAA,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE;gBACpB,OAAO,EAAE,OAAO,CAAC,OAAO;aACzB,CAAC,CAAC,CACJ;AACD,YAAA,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE;AAC1C,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE;YAErC,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE;AAC3C,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;AACtB,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;YAC5B;AAAO,iBAAA,IAAI,eAAe,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,eAAe,CAAC,EAAE;AAC/E,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;YAC5B;AACF,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,SAAS,CAAC,KAAa,EAAA;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE;AAClB,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;AAC3B,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;AACrB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;QACpB;aAAO;AACL,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK,KAAK,EAAE;gBAChC,IAAI,CAAC,KAAK,EAAE;YACd;iBAAO;AACL,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;YAC7B;QACF;IACF;IAEA,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;AACtB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;IACpB;AAEU,IAAA,aAAa,CAAC,KAAU,EAAA;QAChC,OAAO,KAAK,YAAY,WAAW;IACrC;wGAnEW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,sBAAA,EAAA,mBAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,SAAA,EAOgB,qBAAqB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxCpE,8pCAgCA,EAAA,MAAA,EAAA,CAAA,srEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDZI,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,aAAa,EAAA,QAAA,EAAA,sFAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACV,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAUE,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAjB9B,SAAS;+BACE,gBAAgB,EAAA,QAAA,EAChB,cAAc,EAAA,OAAA,EACf;wBACP,YAAY;wBACZ,aAAa;wBACb,UAAU;wBACV,OAAO;qBACR,EAAA,IAAA,EAGK;AACJ,wBAAA,OAAO,EAAE,gBAAgB;AACzB,wBAAA,oBAAoB,EAAE,UAAU;AAChC,wBAAA,wBAAwB,EAAE,mBAAmB;AAC9C,qBAAA,EAAA,QAAA,EAAA,8pCAAA,EAAA,MAAA,EAAA,CAAA,srEAAA,CAAA,EAAA;oOAS4C,qBAAqB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AExCpE;;AAEG;;;;"}