@elementar-rt/components 0.6.56 → 0.6.57

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

@@ -0,0 +1,84 @@
+import * as i0 from '@angular/core';
+import { input, numberAttribute, booleanAttribute, output, signal, computed, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+class RatingComponent {
+    max = input(5, ...(ngDevMode ? [{ debugName: "max", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+    allowHalf = input(false, ...(ngDevMode ? [{ debugName: "allowHalf", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    color = input('', ...(ngDevMode ? [{ debugName: "color" }] : []));
+    ratingChange = output();
+    _value = signal(0, ...(ngDevMode ? [{ debugName: "_value" }] : []));
+    _hovered = signal(-1, ...(ngDevMode ? [{ debugName: "_hovered" }] : []));
+    _stars = computed(() => {
+        const max = this.max();
+        return Array.from({ length: max }, (_, i) => i + 1);
+    }, ...(ngDevMode ? [{ debugName: "_stars" }] : []));
+    _displayValue = computed(() => this._hovered() >= 0 ? this._hovered() : this._value(), ...(ngDevMode ? [{ debugName: "_displayValue" }] : []));
+    _onChange = (_) => { };
+    _onTouched = () => { };
+    writeValue(val) { this._value.set(val ?? 0); }
+    registerOnChange(fn) { this._onChange = fn; }
+    registerOnTouched(fn) { this._onTouched = fn; }
+    setDisabledState(isDisabled) { }
+    _getStarFill(star) {
+        const val = this._displayValue();
+        if (val >= star)
+            return 'full';
+        if (this.allowHalf() && val >= star - 0.5)
+            return 'half';
+        return 'empty';
+    }
+    _onMouseMove(star, event) {
+        if (this.disabled() || this.readonly())
+            return;
+        if (this.allowHalf()) {
+            const rect = event.currentTarget.getBoundingClientRect();
+            const half = event.clientX < rect.left + rect.width / 2;
+            this._hovered.set(half ? star - 0.5 : star);
+        }
+        else {
+            this._hovered.set(star);
+        }
+    }
+    _onMouseLeave() { this._hovered.set(-1); }
+    _onSelect(star, event) {
+        if (this.disabled() || this.readonly())
+            return;
+        let val = star;
+        if (this.allowHalf()) {
+            const rect = event.currentTarget.getBoundingClientRect();
+            val = event.clientX < rect.left + rect.width / 2 ? star - 0.5 : star;
+        }
+        this._value.set(val);
+        this._onChange(val);
+        this._onTouched();
+        this.ratingChange.emit(val);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: RatingComponent, isStandalone: true, selector: "emr-rating", inputs: { max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, allowHalf: { classPropertyName: "allowHalf", publicName: "allowHalf", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ratingChange: "ratingChange" }, host: { properties: { "attr.data-disabled": "disabled() || null", "attr.data-readonly": "readonly() || null" } }, providers: [{
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RatingComponent),
+                multi: true
+            }], ngImport: i0, template: "@for (star of _stars(); track star) {\n  <button\n    type=\"button\"\n    class=\"star-btn\"\n    [attr.data-fill]=\"_getStarFill(star)\"\n    [attr.data-size]=\"size()\"\n    [disabled]=\"disabled()\"\n    (mousemove)=\"_onMouseMove(star, $event)\"\n    (mouseleave)=\"_onMouseLeave()\"\n    (click)=\"_onSelect(star, $event)\"\n    [attr.aria-label]=\"'Rate ' + star + ' of ' + max()\"\n  >\n    <svg class=\"star-full\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n      <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"/>\n    </svg>\n    <svg class=\"star-half\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n      <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77V2z\"/>\n    </svg>\n    <svg class=\"star-empty\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\">\n      <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"/>\n    </svg>\n  </button>\n}\n", styles: [":host{--emr-rating-color: var(--color-orange);--emr-rating-empty-color: var(--color-outline-variant);--emr-rating-size: calc(var(--spacing, .25rem) * 6);display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:host[data-disabled]{opacity:.5;pointer-events:none}:host[data-readonly]{pointer-events:none}.star-btn{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:var(--emr-rating-empty-color);transition:transform .1s ease,color .1s ease;width:var(--emr-rating-size);height:var(--emr-rating-size)}.star-btn[data-size=sm]{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4)}.star-btn[data-size=md]{width:calc(var(--spacing, .25rem) * 6);height:calc(var(--spacing, .25rem) * 6)}.star-btn[data-size=lg]{width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8)}.star-btn:hover{transform:scale(1.15)}.star-btn[data-fill=full]{color:var(--emr-rating-color)}.star-btn[data-fill=full] .star-full{display:block}.star-btn[data-fill=full] .star-half,.star-btn[data-fill=full] .star-empty{display:none}.star-btn[data-fill=half] .star-half{display:block;color:var(--emr-rating-color)}.star-btn[data-fill=half] .star-full,.star-btn[data-fill=half] .star-empty{display:none}.star-btn[data-fill=empty] .star-empty{display:block}.star-btn[data-fill=empty] .star-full,.star-btn[data-fill=empty] .star-half{display:none}.star-full,.star-half,.star-empty{width:100%;height:100%}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RatingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-rating', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RatingComponent),
+                            multi: true
+                        }], host: {
+                        '[attr.data-disabled]': 'disabled() || null',
+                        '[attr.data-readonly]': 'readonly() || null',
+                    }, template: "@for (star of _stars(); track star) {\n  <button\n    type=\"button\"\n    class=\"star-btn\"\n    [attr.data-fill]=\"_getStarFill(star)\"\n    [attr.data-size]=\"size()\"\n    [disabled]=\"disabled()\"\n    (mousemove)=\"_onMouseMove(star, $event)\"\n    (mouseleave)=\"_onMouseLeave()\"\n    (click)=\"_onSelect(star, $event)\"\n    [attr.aria-label]=\"'Rate ' + star + ' of ' + max()\"\n  >\n    <svg class=\"star-full\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n      <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"/>\n    </svg>\n    <svg class=\"star-half\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n      <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77V2z\"/>\n    </svg>\n    <svg class=\"star-empty\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\">\n      <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"/>\n    </svg>\n  </button>\n}\n", styles: [":host{--emr-rating-color: var(--color-orange);--emr-rating-empty-color: var(--color-outline-variant);--emr-rating-size: calc(var(--spacing, .25rem) * 6);display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * .5)}:host[data-disabled]{opacity:.5;pointer-events:none}:host[data-readonly]{pointer-events:none}.star-btn{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:var(--emr-rating-empty-color);transition:transform .1s ease,color .1s ease;width:var(--emr-rating-size);height:var(--emr-rating-size)}.star-btn[data-size=sm]{width:calc(var(--spacing, .25rem) * 4);height:calc(var(--spacing, .25rem) * 4)}.star-btn[data-size=md]{width:calc(var(--spacing, .25rem) * 6);height:calc(var(--spacing, .25rem) * 6)}.star-btn[data-size=lg]{width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8)}.star-btn:hover{transform:scale(1.15)}.star-btn[data-fill=full]{color:var(--emr-rating-color)}.star-btn[data-fill=full] .star-full{display:block}.star-btn[data-fill=full] .star-half,.star-btn[data-fill=full] .star-empty{display:none}.star-btn[data-fill=half] .star-half{display:block;color:var(--emr-rating-color)}.star-btn[data-fill=half] .star-full,.star-btn[data-fill=half] .star-empty{display:none}.star-btn[data-fill=empty] .star-empty{display:block}.star-btn[data-fill=empty] .star-full,.star-btn[data-fill=empty] .star-half{display:none}.star-full,.star-half,.star-empty{width:100%;height:100%}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], allowHalf: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowHalf", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], ratingChange: [{ type: i0.Output, args: ["ratingChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RatingComponent };
+//# sourceMappingURL=elementar-rt-components-rating.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-rating.mjs","sources":["../../../projects/components/rating/src/rating/rating.component.ts","../../../projects/components/rating/src/rating/rating.component.html","../../../projects/components/rating/elementar-rt-components-rating.ts"],"sourcesContent":["import {\n  Component, input, output, signal, computed,\n  ChangeDetectionStrategy, booleanAttribute, numberAttribute, forwardRef\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'emr-rating',\n  standalone: true,\n  templateUrl: './rating.component.html',\n  styleUrl: './rating.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => RatingComponent),\n    multi: true\n  }],\n  host: {\n    '[attr.data-disabled]': 'disabled() || null',\n    '[attr.data-readonly]': 'readonly() || null',\n  }\n})\nexport class RatingComponent implements ControlValueAccessor {\n  max = input(5, { transform: numberAttribute });\n  allowHalf = input(false, { transform: booleanAttribute });\n  disabled = input(false, { transform: booleanAttribute });\n  readonly = input(false, { transform: booleanAttribute });\n  size = input<'sm' | 'md' | 'lg'>('md');\n  color = input<string>('');\n\n  ratingChange = output<number>();\n\n  protected _value = signal(0);\n  protected _hovered = signal(-1);\n\n  protected _stars = computed(() => {\n    const max = this.max();\n    return Array.from({ length: max }, (_, i) => i + 1);\n  });\n\n  protected _displayValue = computed(() =>\n    this._hovered() >= 0 ? this._hovered() : this._value()\n  );\n\n  private _onChange = (_: number) => {};\n  private _onTouched = () => {};\n\n  writeValue(val: number): void { this._value.set(val ?? 0); }\n  registerOnChange(fn: (_: number) => void): void { this._onChange = fn; }\n  registerOnTouched(fn: () => void): void { this._onTouched = fn; }\n  setDisabledState(isDisabled: boolean): void {}\n\n  protected _getStarFill(star: number): 'full' | 'half' | 'empty' {\n    const val = this._displayValue();\n    if (val >= star) return 'full';\n    if (this.allowHalf() && val >= star - 0.5) return 'half';\n    return 'empty';\n  }\n\n  protected _onMouseMove(star: number, event: MouseEvent): void {\n    if (this.disabled() || this.readonly()) return;\n    if (this.allowHalf()) {\n      const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n      const half = event.clientX < rect.left + rect.width / 2;\n      this._hovered.set(half ? star - 0.5 : star);\n    } else {\n      this._hovered.set(star);\n    }\n  }\n\n  protected _onMouseLeave(): void { this._hovered.set(-1); }\n\n  protected _onSelect(star: number, event: MouseEvent): void {\n    if (this.disabled() || this.readonly()) return;\n    let val = star;\n    if (this.allowHalf()) {\n      const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n      val = event.clientX < rect.left + rect.width / 2 ? star - 0.5 : star;\n    }\n    this._value.set(val);\n    this._onChange(val);\n    this._onTouched();\n    this.ratingChange.emit(val);\n  }\n}\n","@for (star of _stars(); track star) {\n  <button\n    type=\"button\"\n    class=\"star-btn\"\n    [attr.data-fill]=\"_getStarFill(star)\"\n    [attr.data-size]=\"size()\"\n    [disabled]=\"disabled()\"\n    (mousemove)=\"_onMouseMove(star, $event)\"\n    (mouseleave)=\"_onMouseLeave()\"\n    (click)=\"_onSelect(star, $event)\"\n    [attr.aria-label]=\"'Rate ' + star + ' of ' + max()\"\n  >\n    <svg class=\"star-full\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n      <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"/>\n    </svg>\n    <svg class=\"star-half\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n      <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77V2z\"/>\n    </svg>\n    <svg class=\"star-empty\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\">\n      <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"/>\n    </svg>\n  </button>\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-resizable-container.mjs

@@ -51,14 +51,14 @@ class ResizableContainerComponent {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ResizableContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.10", type: ResizableContainerComponent, isStandalone: true, selector: "emr-resizable-container", inputs: { minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-resizable-container" }, viewQueries: [{ propertyName: "handlerRef", first: true, predicate: ["handler"], descendants: true, isSignal: true }], exportAs: ["emrResizableContainer"], ngImport: i0, template: "<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n<button #handler class=\"handler\">\r\n  <span class=\"handler-indicator\"></span>\r\n</button>\r\n", styles: [":host{position:relative;display:flex;align-items:stretch;overflow:hidden}:host .content{flex-grow:1;height:100%;margin-inline-end:calc(var(--spacing) * 4)}:host .handler{position:absolute;-webkit-user-select:none;user-select:none;border-inline-start:1px solid var(--color-border);top:0;bottom:0;inset-inline-end:0;cursor:ew-resize;align-items:center;display:flex;justify-content:center;width:calc(var(--spacing) * 5)}:host .handler .handler-indicator{background:var(--color-surface-container-high);display:flex;height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 1.5);border-radius:calc(infinity * 1px)}:host .handler:hover .handler-indicator,:host .handler:active .handler-indicator{background:var(--color-secondary)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ResizableContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.25", type: ResizableContainerComponent, isStandalone: true, selector: "emr-resizable-container", inputs: { minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-resizable-container" }, viewQueries: [{ propertyName: "handlerRef", first: true, predicate: ["handler"], descendants: true, isSignal: true }], exportAs: ["emrResizableContainer"], ngImport: i0, template: "<div class=\"content\">\n  <ng-content/>\n</div>\n<button #handler class=\"handler\">\n  <span class=\"handler-indicator\"></span>\n</button>\n", styles: [":host{position:relative;display:flex;align-items:stretch;overflow:hidden}:host .content{flex-grow:1;height:100%;margin-inline-end:calc(var(--spacing) * 4)}:host .handler{position:absolute;-webkit-user-select:none;user-select:none;border-inline-start:1px solid var(--color-border);top:0;bottom:0;inset-inline-end:0;cursor:ew-resize;align-items:center;display:flex;justify-content:center;width:calc(var(--spacing) * 5)}:host .handler .handler-indicator{background:var(--color-surface-container-high);display:flex;height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 1.5);border-radius:calc(infinity * 1px)}:host .handler:hover .handler-indicator,:host .handler:active .handler-indicator{background:var(--color-secondary)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ResizableContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ResizableContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-resizable-container', exportAs: 'emrResizableContainer', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'emr-resizable-container'
-                    }, template: "<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n<button #handler class=\"handler\">\r\n  <span class=\"handler-indicator\"></span>\r\n</button>\r\n", styles: [":host{position:relative;display:flex;align-items:stretch;overflow:hidden}:host .content{flex-grow:1;height:100%;margin-inline-end:calc(var(--spacing) * 4)}:host .handler{position:absolute;-webkit-user-select:none;user-select:none;border-inline-start:1px solid var(--color-border);top:0;bottom:0;inset-inline-end:0;cursor:ew-resize;align-items:center;display:flex;justify-content:center;width:calc(var(--spacing) * 5)}:host .handler .handler-indicator{background:var(--color-surface-container-high);display:flex;height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 1.5);border-radius:calc(infinity * 1px)}:host .handler:hover .handler-indicator,:host .handler:active .handler-indicator{background:var(--color-secondary)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"content\">\n  <ng-content/>\n</div>\n<button #handler class=\"handler\">\n  <span class=\"handler-indicator\"></span>\n</button>\n", styles: [":host{position:relative;display:flex;align-items:stretch;overflow:hidden}:host .content{flex-grow:1;height:100%;margin-inline-end:calc(var(--spacing) * 4)}:host .handler{position:absolute;-webkit-user-select:none;user-select:none;border-inline-start:1px solid var(--color-border);top:0;bottom:0;inset-inline-end:0;cursor:ew-resize;align-items:center;display:flex;justify-content:center;width:calc(var(--spacing) * 5)}:host .handler .handler-indicator{background:var(--color-surface-container-high);display:flex;height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 1.5);border-radius:calc(infinity * 1px)}:host .handler:hover .handler-indicator,:host .handler:active .handler-indicator{background:var(--color-secondary)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { handlerRef: [{ type: i0.ViewChild, args: ['handler', { isSignal: true }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }] } });
 
 /**

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

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

@@ -6,17 +6,17 @@ 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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScreenLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", 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>\n<div class=\"progress-bar\">\n  <mat-progress-bar mode=\"indeterminate\"/>\n</div>\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.3.2 | 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    }, template: "<p class=\"message\"><ng-content/></p>\n<div class=\"progress-bar\">\n  <mat-progress-bar mode=\"indeterminate\"/>\n</div>\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.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }] } });
 
 /**

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

@@ -1 +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;;;;"}
+{"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';\nimport { MatProgressBar } from '@angular/material/progress-bar';\n\n@Component({\n  selector: 'emr-screen-loader',\n  exportAs: 'emrScreenLoader',\n  imports: [\n    MatProgressBar\n  ],\n  templateUrl: './screen-loader.component.html',\n  styleUrl: './screen-loader.component.scss',\n  host: {\n    'class': 'emr-screen-loader',\n    '[class.is-opened]': 'opened()'\n  }\n})\nexport class ScreenLoaderComponent {\n  opened = input(false, {\n    transform: booleanAttribute\n  });\n}\n","<p class=\"message\"><ng-content/></p>\n<div class=\"progress-bar\">\n  <mat-progress-bar mode=\"indeterminate\"/>\n</div>\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,8HAIA,EAAA,MAAA,EAAA,CAAA,wfAAA,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,8HAAA,EAAA,MAAA,EAAA,CAAA,wfAAA,CAAA,EAAA;;;AEdH;;AAEG;;;;"}

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

@@ -24,16 +24,16 @@ class ScrollSpyOnComponent {
         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"] });
+    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"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ScrollSpyOnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    }, 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"] }]
         }], propDecorators: { targetId: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetId", required: true }] }] } });
 
 class ScrollSpyNavComponent {
@@ -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.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: [
+    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: [
             {
                 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"] });
+        ], 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"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ScrollSpyNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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.10", ngImpo
                         }
                     ], 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"] }]
+                    }, 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"] }]
         }], 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"] });
+    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"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ScrollSpyTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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"] }]
+                    }, 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"] }]
         }] });
 
 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 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ScrollSpyContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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';\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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"}
+{"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

@@ -63,8 +63,8 @@ class SegmentedComponent {
         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: [
+    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: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => SegmentedComponent),
@@ -74,9 +74,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]\"/>\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"] });
+        ], 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"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SegmentedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SegmentedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-segmented', exportAs: 'emrSegmented', providers: [
                         {
@@ -91,7 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                     ], 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"] }]
+                    }, 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"] }]
         }], 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 {
@@ -114,10 +114,10 @@ class SegmentedButtonComponent {
     _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"] });
+    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"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SegmentedButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SegmentedButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-segmented-button,[emr-segmented-button]', exportAs: 'emrSegmentedButton', hostDirectives: [
                         MatRipple
@@ -127,14 +127,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                         '[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"] }]
+                    }, 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"] }]
         }], 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 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SegmentedIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", 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';\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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"}
+{"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    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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"}