@elementar-rt/components 0.6.58 → 0.7.0

package/fesm2022/elementar-rt-components-pin-input.mjs

@@ -10,8 +10,8 @@ class PinInputDirective {
     _elementRef = inject(ElementRef);
     _renderer = inject(Renderer2);
     _placeholder;
-    index = input(...(ngDevMode ? [undefined, { debugName: "index" }] : []));
-    acceptOnly = input(...(ngDevMode ? [undefined, { debugName: "acceptOnly" }] : []));
+    index = input(...(ngDevMode ? [undefined, { debugName: "index" }] : /* istanbul ignore next */ []));
+    acceptOnly = input(...(ngDevMode ? [undefined, { debugName: "acceptOnly" }] : /* istanbul ignore next */ []));
     valuePaste = output();
     get api() {
         return {
@@ -30,10 +30,10 @@ class PinInputDirective {
     _handleBlur() {
         this._renderer.setAttribute(this._elementRef.nativeElement, 'placeholder', this._placeholder);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PinInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.25", type: PinInputDirective, isStandalone: true, selector: "[emrPinInput]", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, acceptOnly: { classPropertyName: "acceptOnly", publicName: "acceptOnly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valuePaste: "valuePaste" }, host: { listeners: { "focus": "_handleFocus()", "blur": "_handleBlur()" }, classAttribute: "emr-pin-input" }, exportAs: ["emrPinInput"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: PinInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", type: PinInputDirective, isStandalone: true, selector: "[emrPinInput]", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, acceptOnly: { classPropertyName: "acceptOnly", publicName: "acceptOnly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valuePaste: "valuePaste" }, host: { listeners: { "focus": "_handleFocus()", "blur": "_handleBlur()" }, classAttribute: "emr-pin-input" }, exportAs: ["emrPinInput"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PinInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: PinInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrPinInput]',
@@ -48,20 +48,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
 
 class PinInputComponent {
     _fb = inject(FormBuilder);
-    inputs = viewChildren(PinInputDirective, ...(ngDevMode ? [{ debugName: "inputs" }] : []));
-    length = input(4, ...(ngDevMode ? [{ debugName: "length", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-    acceptOnly = input(/^[0-9]+$/, ...(ngDevMode ? [{ debugName: "acceptOnly" }] : []));
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
+    inputs = viewChildren(PinInputDirective, ...(ngDevMode ? [{ debugName: "inputs" }] : /* istanbul ignore next */ []));
+    length = input(4, { ...(ngDevMode ? { debugName: "length" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    acceptOnly = input(/^[0-9]+$/, ...(ngDevMode ? [{ debugName: "acceptOnly" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     form;
-    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
+    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
     isDisabled = computed(() => {
         return this._disabled() || this.disabled();
-    }, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
     onChange = () => { };
     onTouched = () => { };
     get controls() {
@@ -158,16 +154,16 @@ class PinInputComponent {
         });
         this.onChange(+this.form.value.value.join(''));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PinInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PinInputComponent, isStandalone: true, selector: "emr-pin-input", inputs: { length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, acceptOnly: { classPropertyName: "acceptOnly", publicName: "acceptOnly", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "paste": "_valuePaste($event)", "keydown": "_handleKeyDown($event)", "keyup": "_handleKeyUp($event)" }, properties: { "class.is-disabled": "isDisabled()" }, classAttribute: "emr-pin-input" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: PinInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: PinInputComponent, isStandalone: true, selector: "emr-pin-input", inputs: { length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, acceptOnly: { classPropertyName: "acceptOnly", publicName: "acceptOnly", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "paste": "_valuePaste($event)", "keydown": "_handleKeyDown($event)", "keyup": "_handleKeyUp($event)" }, properties: { "class.is-disabled": "isDisabled()" }, classAttribute: "emr-pin-input" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => PinInputComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "inputs", predicate: PinInputDirective, descendants: true, isSignal: true }], exportAs: ["emrPinInput"], ngImport: i0, template: "<div [formGroup]=\"form\">\n  <div formArrayName=\"value\" class=\"inputs\">\n    @for (control of controls; track control; let index = $index) {\n      <div class=\"input\">\n        <mat-form-field>\n          <input type=\"text\" matInput emrPinInput\n                 [formControl]=\"control\"\n                 [acceptOnly]=\"acceptOnly()\"\n                 [placeholder]=\"placeholder()\"\n                 [attr.disabled]=\"isDisabled() || null\" maxlength=\"1\" >\n        </mat-form-field>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{--emr-pin-input-width: calc(var(--spacing) * 14);--emr-pin-gap: calc(var(--spacing) * 4);display:block;width:max-content}:host .inputs{display:flex;align-items:center;gap:var(--emr-pin-gap)}:host .input{flex:none}:host ::ng-deep .mat-mdc-form-field{width:var(--emr-pin-input-width)!important}:host ::ng-deep .mdc-text-field{padding:0}:host ::ng-deep .mat-mdc-input-element{text-align:center}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: PinInputDirective, selector: "[emrPinInput]", inputs: ["index", "acceptOnly"], outputs: ["valuePaste"], exportAs: ["emrPinInput"] }] });
+        ], viewQueries: [{ propertyName: "inputs", predicate: PinInputDirective, descendants: true, isSignal: true }], exportAs: ["emrPinInput"], ngImport: i0, template: "<div [formGroup]=\"form\">\n  <div formArrayName=\"value\" class=\"inputs\">\n    @for (control of controls; track control; let index = $index) {\n      <div class=\"input\">\n        <mat-form-field>\n          <input type=\"text\" matInput emrPinInput\n                 [formControl]=\"control\"\n                 [acceptOnly]=\"acceptOnly()\"\n                 [placeholder]=\"placeholder()\"\n                 [attr.disabled]=\"isDisabled() || null\" maxlength=\"1\" >\n        </mat-form-field>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{--emr-pin-input-width: calc(var(--spacing) * 14);--emr-pin-gap: calc(var(--spacing) * 4);display:block;width:max-content}:host .inputs{display:flex;align-items:center;gap:var(--emr-pin-gap)}:host .input{flex:none}:host ::ng-deep .mat-mdc-form-field{width:var(--emr-pin-input-width)!important}:host ::ng-deep .mdc-text-field{padding:0}:host ::ng-deep .mat-mdc-input-element{text-align:center}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: PinInputDirective, selector: "[emrPinInput]", inputs: ["index", "acceptOnly"], outputs: ["valuePaste"], exportAs: ["emrPinInput"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PinInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: PinInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-pin-input', exportAs: 'emrPinInput', imports: [
                         ReactiveFormsModule,
@@ -186,7 +182,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         '(paste)': '_valuePaste($event)',
                         '(keydown)': '_handleKeyDown($event)',
                         '(keyup)': '_handleKeyUp($event)',
-                    }, template: "<div [formGroup]=\"form\">\n  <div formArrayName=\"value\" class=\"inputs\">\n    @for (control of controls; track control; let index = $index) {\n      <div class=\"input\">\n        <mat-form-field>\n          <input type=\"text\" matInput emrPinInput\n                 [formControl]=\"control\"\n                 [acceptOnly]=\"acceptOnly()\"\n                 [placeholder]=\"placeholder()\"\n                 [attr.disabled]=\"isDisabled() || null\" maxlength=\"1\" >\n        </mat-form-field>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{--emr-pin-input-width: calc(var(--spacing) * 14);--emr-pin-gap: calc(var(--spacing) * 4);display:block;width:max-content}:host .inputs{display:flex;align-items:center;gap:var(--emr-pin-gap)}:host .input{flex:none}:host ::ng-deep .mat-mdc-form-field{width:var(--emr-pin-input-width)!important}:host ::ng-deep .mdc-text-field{padding:0}:host ::ng-deep .mat-mdc-input-element{text-align:center}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div [formGroup]=\"form\">\n  <div formArrayName=\"value\" class=\"inputs\">\n    @for (control of controls; track control; let index = $index) {\n      <div class=\"input\">\n        <mat-form-field>\n          <input type=\"text\" matInput emrPinInput\n                 [formControl]=\"control\"\n                 [acceptOnly]=\"acceptOnly()\"\n                 [placeholder]=\"placeholder()\"\n                 [attr.disabled]=\"isDisabled() || null\" maxlength=\"1\" >\n        </mat-form-field>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{--emr-pin-input-width: calc(var(--spacing) * 14);--emr-pin-gap: calc(var(--spacing) * 4);display:block;width:max-content}:host .inputs{display:flex;align-items:center;gap:var(--emr-pin-gap)}:host .input{flex:none}:host ::ng-deep .mat-mdc-form-field{width:var(--emr-pin-input-width)!important}:host ::ng-deep .mdc-text-field{padding:0}:host ::ng-deep .mat-mdc-input-element{text-align:center}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { inputs: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => PinInputDirective), { isSignal: true }] }], length: [{ type: i0.Input, args: [{ isSignal: true, alias: "length", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], acceptOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "acceptOnly", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
 /**

package/fesm2022/elementar-rt-components-pin-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-pin-input.mjs","sources":["../../../projects/components/pin-input/src/pin-input.directive.ts","../../../projects/components/pin-input/src/pin-input/pin-input.component.ts","../../../projects/components/pin-input/src/pin-input/pin-input.component.html","../../../projects/components/pin-input/elementar-rt-components-pin-input.ts"],"sourcesContent":["import {\n  Directive,\n  ElementRef,\n  inject, input,\n  OnInit, output,\n  Renderer2\n} from '@angular/core';\n\n@Directive({\n  selector: '[emrPinInput]',\n  exportAs: 'emrPinInput',\n  host: {\n    'class': 'emr-pin-input',\n    '(focus)': '_handleFocus()',\n    '(blur)': '_handleBlur()'\n  }\n})\nexport class PinInputDirective implements OnInit {\n  private _elementRef = inject(ElementRef);\n  private _renderer = inject(Renderer2);\n  private _placeholder: string;\n\n  index = input<number>();\n  acceptOnly = input<RegExp>();\n\n  readonly valuePaste = output<string>();\n\n  get api() {\n    return {\n      focus: () => {\n        this._elementRef.nativeElement.focus();\n      },\n      nativeElement: this._elementRef.nativeElement\n    }\n  }\n\n  ngOnInit() {\n    this._placeholder = (this._elementRef.nativeElement as HTMLInputElement).getAttribute('placeholder') || '';\n  }\n\n  protected _handleFocus() {\n    this._renderer.removeAttribute(this._elementRef.nativeElement, 'placeholder');\n  }\n\n  protected _handleBlur() {\n    this._renderer.setAttribute(this._elementRef.nativeElement, 'placeholder', this._placeholder);\n  }\n}\n","import {\n  booleanAttribute,\n  Component, computed,\n  forwardRef,\n  inject, input,\n  numberAttribute,\n  OnInit,\n  signal,\n  viewChildren\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormArray,\n  FormBuilder,\n  FormGroup,\n  NG_VALUE_ACCESSOR,\n  Validators,\n  ReactiveFormsModule\n} from '@angular/forms';\nimport { PinInputDirective } from '../pin-input.directive';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { MatFormField } from '@angular/material/form-field';\nimport { MatInput } from '@angular/material/input';\n\n@Component({\n  selector: 'emr-pin-input',\n  exportAs: 'emrPinInput',\n  imports: [\n    ReactiveFormsModule,\n    MatFormField,\n    MatInput,\n    PinInputDirective\n  ],\n  templateUrl: './pin-input.component.html',\n  styleUrl: './pin-input.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => PinInputComponent),\n      multi: true\n    }\n  ],\n  host: {\n    'class': 'emr-pin-input',\n    '[class.is-disabled]': 'isDisabled()',\n    '(paste)': '_valuePaste($event)',\n    '(keydown)': '_handleKeyDown($event)',\n    '(keyup)': '_handleKeyUp($event)',\n  }\n})\nexport class PinInputComponent implements ControlValueAccessor, OnInit {\n  private _fb = inject(FormBuilder);\n  readonly inputs = viewChildren(PinInputDirective);\n\n  length = input(4, {\n    transform: numberAttribute\n  });\n  placeholder = input('');\n  acceptOnly = input(/^[0-9]+$/);\n  disabled = input(false, {\n    transform: booleanAttribute\n  });\n\n  protected form: FormGroup;\n  private _disabled = signal(false);\n  protected isDisabled = computed(() => {\n    return this._disabled() || this.disabled();\n  })\n\n  onChange: any = () => {};\n  onTouched: any = () => {};\n\n  get controls(): any[] {\n    return (this.form.get('value') as FormArray).controls;\n  }\n\n  ngOnInit() {\n    const inputs = [];\n\n    for (let i = 0; i < this.length(); i++) {\n      inputs.push(\n        this._fb.control({ value: '', disabled: this.disabled() }, [Validators.required])\n      );\n    }\n\n    this.form = this._fb.group({\n      value: this._fb.array(inputs)\n    });\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: boolean): void {\n    this._disabled.set(coerceBooleanProperty(isDisabled));\n  }\n\n  writeValue(value: any): void {\n    if (!value) {\n      this.controls.forEach(control => {\n        control.setValue('');\n      });\n\n      return;\n    }\n\n    value = String(value);\n\n    for (let i = 0; i < value.length; i++) {\n      const control = this.controls[i];\n\n      if (control && value[i].match(this.acceptOnly())) {\n        control.setValue(value[i]);\n      }\n    }\n  }\n\n  protected _valuePaste(event: ClipboardEvent) {\n      event.preventDefault();\n      event.stopPropagation();\n      // const value = event.clipboardData?.getData('text/plain');\n  }\n\n  protected _handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {\n      return;\n    }\n\n    if (event.key === 'Delete' || event.key === 'Backspace' || event.key === 'Tab') {\n      const element = event.target as HTMLInputElement;\n\n      if (event.key === 'Backspace' && !element.value) {\n        this.inputs().forEach((inputDirective, index) => {\n          const element = event.target as HTMLInputElement;\n\n          if (inputDirective.api.nativeElement === element) {\n            const prevControl = this.inputs().at(index - 1);\n\n            if (prevControl) {\n              prevControl.api.focus();\n            }\n          }\n        });\n      }\n\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n  }\n\n  protected _handleKeyUp(event: KeyboardEvent) {\n    if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {\n      return;\n    }\n\n    if (event.key === 'Shift' || (event.keyCode >= 112 && event.keyCode <= 123)) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    if (event.key === 'Delete' || event.key === 'Backspace' || event.key === 'Tab') {\n      this.onChange(+this.form.value.value.join(''));\n      return;\n    }\n\n    if (!event.key.match(this.acceptOnly())) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.inputs().forEach((inputDirective, index) => {\n      const element = event.target as HTMLInputElement;\n\n      if (inputDirective.api.nativeElement === element) {\n        const control = this.controls[index];\n        control.setValue(event.key);\n        const nextControl = this.inputs().at(index + 1);\n\n        if (nextControl) {\n          nextControl.api.focus();\n        }\n      }\n    });\n    this.onChange(+this.form.value.value.join(''));\n  }\n}\n","<div [formGroup]=\"form\">\n  <div formArrayName=\"value\" class=\"inputs\">\n    @for (control of controls; track control; let index = $index) {\n      <div class=\"input\">\n        <mat-form-field>\n          <input type=\"text\" matInput emrPinInput\n                 [formControl]=\"control\"\n                 [acceptOnly]=\"acceptOnly()\"\n                 [placeholder]=\"placeholder()\"\n                 [attr.disabled]=\"isDisabled() || null\" maxlength=\"1\" >\n        </mat-form-field>\n      </div>\n    }\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"elementar-rt-components-pin-input.mjs","sources":["../../../projects/components/pin-input/src/pin-input.directive.ts","../../../projects/components/pin-input/src/pin-input/pin-input.component.ts","../../../projects/components/pin-input/src/pin-input/pin-input.component.html","../../../projects/components/pin-input/elementar-rt-components-pin-input.ts"],"sourcesContent":["import {\n  Directive,\n  ElementRef,\n  inject, input,\n  OnInit, output,\n  Renderer2\n} from '@angular/core';\n\n@Directive({\n  selector: '[emrPinInput]',\n  exportAs: 'emrPinInput',\n  host: {\n    'class': 'emr-pin-input',\n    '(focus)': '_handleFocus()',\n    '(blur)': '_handleBlur()'\n  }\n})\nexport class PinInputDirective implements OnInit {\n  private _elementRef = inject(ElementRef);\n  private _renderer = inject(Renderer2);\n  private _placeholder: string;\n\n  index = input<number>();\n  acceptOnly = input<RegExp>();\n\n  readonly valuePaste = output<string>();\n\n  get api() {\n    return {\n      focus: () => {\n        this._elementRef.nativeElement.focus();\n      },\n      nativeElement: this._elementRef.nativeElement\n    }\n  }\n\n  ngOnInit() {\n    this._placeholder = (this._elementRef.nativeElement as HTMLInputElement).getAttribute('placeholder') || '';\n  }\n\n  protected _handleFocus() {\n    this._renderer.removeAttribute(this._elementRef.nativeElement, 'placeholder');\n  }\n\n  protected _handleBlur() {\n    this._renderer.setAttribute(this._elementRef.nativeElement, 'placeholder', this._placeholder);\n  }\n}\n","import {\n  booleanAttribute,\n  Component, computed,\n  forwardRef,\n  inject, input,\n  numberAttribute,\n  OnInit,\n  signal,\n  viewChildren\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormArray,\n  FormBuilder,\n  FormGroup,\n  NG_VALUE_ACCESSOR,\n  Validators,\n  ReactiveFormsModule\n} from '@angular/forms';\nimport { PinInputDirective } from '../pin-input.directive';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { MatFormField } from '@angular/material/form-field';\nimport { MatInput } from '@angular/material/input';\n\n@Component({\n  selector: 'emr-pin-input',\n  exportAs: 'emrPinInput',\n  imports: [\n    ReactiveFormsModule,\n    MatFormField,\n    MatInput,\n    PinInputDirective\n  ],\n  templateUrl: './pin-input.component.html',\n  styleUrl: './pin-input.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => PinInputComponent),\n      multi: true\n    }\n  ],\n  host: {\n    'class': 'emr-pin-input',\n    '[class.is-disabled]': 'isDisabled()',\n    '(paste)': '_valuePaste($event)',\n    '(keydown)': '_handleKeyDown($event)',\n    '(keyup)': '_handleKeyUp($event)',\n  }\n})\nexport class PinInputComponent implements ControlValueAccessor, OnInit {\n  private _fb = inject(FormBuilder);\n  readonly inputs = viewChildren(PinInputDirective);\n\n  length = input(4, {\n    transform: numberAttribute\n  });\n  placeholder = input('');\n  acceptOnly = input(/^[0-9]+$/);\n  disabled = input(false, {\n    transform: booleanAttribute\n  });\n\n  protected form: FormGroup;\n  private _disabled = signal(false);\n  protected isDisabled = computed(() => {\n    return this._disabled() || this.disabled();\n  })\n\n  onChange: any = () => {};\n  onTouched: any = () => {};\n\n  get controls(): any[] {\n    return (this.form.get('value') as FormArray).controls;\n  }\n\n  ngOnInit() {\n    const inputs = [];\n\n    for (let i = 0; i < this.length(); i++) {\n      inputs.push(\n        this._fb.control({ value: '', disabled: this.disabled() }, [Validators.required])\n      );\n    }\n\n    this.form = this._fb.group({\n      value: this._fb.array(inputs)\n    });\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: boolean): void {\n    this._disabled.set(coerceBooleanProperty(isDisabled));\n  }\n\n  writeValue(value: any): void {\n    if (!value) {\n      this.controls.forEach(control => {\n        control.setValue('');\n      });\n\n      return;\n    }\n\n    value = String(value);\n\n    for (let i = 0; i < value.length; i++) {\n      const control = this.controls[i];\n\n      if (control && value[i].match(this.acceptOnly())) {\n        control.setValue(value[i]);\n      }\n    }\n  }\n\n  protected _valuePaste(event: ClipboardEvent) {\n      event.preventDefault();\n      event.stopPropagation();\n      // const value = event.clipboardData?.getData('text/plain');\n  }\n\n  protected _handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {\n      return;\n    }\n\n    if (event.key === 'Delete' || event.key === 'Backspace' || event.key === 'Tab') {\n      const element = event.target as HTMLInputElement;\n\n      if (event.key === 'Backspace' && !element.value) {\n        this.inputs().forEach((inputDirective, index) => {\n          const element = event.target as HTMLInputElement;\n\n          if (inputDirective.api.nativeElement === element) {\n            const prevControl = this.inputs().at(index - 1);\n\n            if (prevControl) {\n              prevControl.api.focus();\n            }\n          }\n        });\n      }\n\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n  }\n\n  protected _handleKeyUp(event: KeyboardEvent) {\n    if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {\n      return;\n    }\n\n    if (event.key === 'Shift' || (event.keyCode >= 112 && event.keyCode <= 123)) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    if (event.key === 'Delete' || event.key === 'Backspace' || event.key === 'Tab') {\n      this.onChange(+this.form.value.value.join(''));\n      return;\n    }\n\n    if (!event.key.match(this.acceptOnly())) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.inputs().forEach((inputDirective, index) => {\n      const element = event.target as HTMLInputElement;\n\n      if (inputDirective.api.nativeElement === element) {\n        const control = this.controls[index];\n        control.setValue(event.key);\n        const nextControl = this.inputs().at(index + 1);\n\n        if (nextControl) {\n          nextControl.api.focus();\n        }\n      }\n    });\n    this.onChange(+this.form.value.value.join(''));\n  }\n}\n","<div [formGroup]=\"form\">\n  <div formArrayName=\"value\" class=\"inputs\">\n    @for (control of controls; track control; let index = $index) {\n      <div class=\"input\">\n        <mat-form-field>\n          <input type=\"text\" matInput emrPinInput\n                 [formControl]=\"control\"\n                 [acceptOnly]=\"acceptOnly()\"\n                 [placeholder]=\"placeholder()\"\n                 [attr.disabled]=\"isDisabled() || null\" maxlength=\"1\" >\n        </mat-form-field>\n      </div>\n    }\n  </div>\n</div>\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-popover.mjs

@@ -9,14 +9,14 @@ import { PositionManager } from '@elementar-rt/components/overlay';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 class PopoverComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: PopoverComponent, isStandalone: true, selector: "emr-popover", host: { classAttribute: "emr-popover" }, exportAs: ["emrPopover"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--emr-popover-border: none;--emr-popover-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--emr-popover-border-radius: 1rem;--emr-popover-bg: var(--color-surface-container-lowest);--emr-popover-margin: calc(var(--spacing, .25rem) * 2.5);display:block;position:relative;border-radius:var(--emr-popover-border-radius);background-color:var(--emr-popover-bg);border:var(--emr-popover-border);box-shadow:var(--emr-popover-shadow);animation:.15s emr-popover-animation}@keyframes emr-popover-animation{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:host-context(.emr-overlay-above){margin-bottom:var(--emr-popover-margin);transform-origin:bottom}:host-context(.emr-overlay-below){margin-top:var(--emr-popover-margin);transform-origin:top}:host-context(.emr-overlay-before){margin-inline-end:var(--emr-popover-margin);transform-origin:right}:host-context(.emr-overlay-after){margin-inline-start:var(--emr-popover-margin);transform-origin:left}:host-context(html.dark){--emr-popover-bg: var(--color-neutral-1000)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: PopoverComponent, isStandalone: true, selector: "emr-popover", host: { classAttribute: "emr-popover" }, exportAs: ["emrPopover"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{--emr-popover-border: none;--emr-popover-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--emr-popover-border-radius: 1rem;--emr-popover-bg: var(--color-surface-container-lowest);--emr-popover-margin: calc(var(--spacing, .25rem) * 2.5);display:block;position:relative;border-radius:var(--emr-popover-border-radius);background-color:var(--emr-popover-bg);border:var(--emr-popover-border);box-shadow:var(--emr-popover-shadow);animation:.15s emr-popover-animation}@keyframes emr-popover-animation{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:host-context(.emr-overlay-above){margin-bottom:var(--emr-popover-margin);transform-origin:bottom}:host-context(.emr-overlay-below){margin-top:var(--emr-popover-margin);transform-origin:top}:host-context(.emr-overlay-before){margin-inline-end:var(--emr-popover-margin);transform-origin:right}:host-context(.emr-overlay-after){margin-inline-start:var(--emr-popover-margin);transform-origin:left}:host-context(html.dark){--emr-popover-bg: var(--color-neutral-1000)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: PopoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-popover', exportAs: 'emrPopover', host: {
                         'class': 'emr-popover'
-                    }, template: "<ng-content/>\n", styles: [":host{--emr-popover-border: none;--emr-popover-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--emr-popover-border-radius: 1rem;--emr-popover-bg: var(--color-surface-container-lowest);--emr-popover-margin: calc(var(--spacing, .25rem) * 2.5);display:block;position:relative;border-radius:var(--emr-popover-border-radius);background-color:var(--emr-popover-bg);border:var(--emr-popover-border);box-shadow:var(--emr-popover-shadow);animation:.15s emr-popover-animation}@keyframes emr-popover-animation{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:host-context(.emr-overlay-above){margin-bottom:var(--emr-popover-margin);transform-origin:bottom}:host-context(.emr-overlay-below){margin-top:var(--emr-popover-margin);transform-origin:top}:host-context(.emr-overlay-before){margin-inline-end:var(--emr-popover-margin);transform-origin:right}:host-context(.emr-overlay-after){margin-inline-start:var(--emr-popover-margin);transform-origin:left}:host-context(html.dark){--emr-popover-bg: var(--color-neutral-1000)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{--emr-popover-border: none;--emr-popover-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--emr-popover-border-radius: 1rem;--emr-popover-bg: var(--color-surface-container-lowest);--emr-popover-margin: calc(var(--spacing, .25rem) * 2.5);display:block;position:relative;border-radius:var(--emr-popover-border-radius);background-color:var(--emr-popover-bg);border:var(--emr-popover-border);box-shadow:var(--emr-popover-shadow);animation:.15s emr-popover-animation}@keyframes emr-popover-animation{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:host-context(.emr-overlay-above){margin-bottom:var(--emr-popover-margin);transform-origin:bottom}:host-context(.emr-overlay-below){margin-top:var(--emr-popover-margin);transform-origin:top}:host-context(.emr-overlay-before){margin-inline-end:var(--emr-popover-margin);transform-origin:right}:host-context(.emr-overlay-after){margin-inline-start:var(--emr-popover-margin);transform-origin:left}:host-context(html.dark){--emr-popover-bg: var(--color-neutral-1000)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 const POPOVER_TRIGGER = new InjectionToken('POPOVER_TRIGGER');
@@ -33,24 +33,14 @@ class PopoverTriggerForDirective {
     _openTimeout = null;
     _closeTimeout = null;
     _closeDelay = 500;
-    popoverTemplateRef = input.required(...(ngDevMode ? [{ debugName: "popoverTemplateRef", alias: 'emrPopoverTriggerFor' }] : [{
-            alias: 'emrPopoverTriggerFor'
-        }]));
-    trigger = input('click', ...(ngDevMode ? [{ debugName: "trigger" }] : []));
-    position = input('below-center', ...(ngDevMode ? [{ debugName: "position" }] : []));
-    delay = input(500, ...(ngDevMode ? [{ debugName: "delay", transform: numberAttribute }] : [{
-            transform: numberAttribute
-        }]));
-    origin = input(...(ngDevMode ? [undefined, { debugName: "origin" }] : []));
-    closeOnOriginClick = input(false, ...(ngDevMode ? [{ debugName: "closeOnOriginClick", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    closeOnOriginMouseLeave = input(false, ...(ngDevMode ? [{ debugName: "closeOnOriginMouseLeave", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    hasBackdrop = input(false, ...(ngDevMode ? [{ debugName: "hasBackdrop", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
+    popoverTemplateRef = input.required({ ...(ngDevMode ? { debugName: "popoverTemplateRef" } : /* istanbul ignore next */ {}), alias: 'emrPopoverTriggerFor' });
+    trigger = input('click', ...(ngDevMode ? [{ debugName: "trigger" }] : /* istanbul ignore next */ []));
+    position = input('below-center', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    delay = input(500, { ...(ngDevMode ? { debugName: "delay" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    origin = input(...(ngDevMode ? [undefined, { debugName: "origin" }] : /* istanbul ignore next */ []));
+    closeOnOriginClick = input(false, { ...(ngDevMode ? { debugName: "closeOnOriginClick" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    closeOnOriginMouseLeave = input(false, { ...(ngDevMode ? { debugName: "closeOnOriginMouseLeave" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    hasBackdrop = input(false, { ...(ngDevMode ? { debugName: "hasBackdrop" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     opened = output();
     closed = output();
     _closed = new EventEmitter();
@@ -216,10 +206,10 @@ class PopoverTriggerForDirective {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PopoverTriggerForDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.25", type: PopoverTriggerForDirective, isStandalone: true, selector: "[emrPopoverTriggerFor]", inputs: { popoverTemplateRef: { classPropertyName: "popoverTemplateRef", publicName: "emrPopoverTriggerFor", isSignal: true, isRequired: true, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null }, origin: { classPropertyName: "origin", publicName: "origin", isSignal: true, isRequired: false, transformFunction: null }, closeOnOriginClick: { classPropertyName: "closeOnOriginClick", publicName: "closeOnOriginClick", isSignal: true, isRequired: false, transformFunction: null }, closeOnOriginMouseLeave: { classPropertyName: "closeOnOriginMouseLeave", publicName: "closeOnOriginMouseLeave", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "click": "_handleClick()", "mouseenter": "_handleMouseover()", "mouseleave": "_handleMouseout()" }, properties: { "class.emr-popover-trigger-for--is-open": "api.isOpen()" }, classAttribute: "emr-popover-trigger-for" }, exportAs: ["emrPopoverTriggerFor"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: PopoverTriggerForDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", type: PopoverTriggerForDirective, isStandalone: true, selector: "[emrPopoverTriggerFor]", inputs: { popoverTemplateRef: { classPropertyName: "popoverTemplateRef", publicName: "emrPopoverTriggerFor", isSignal: true, isRequired: true, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null }, origin: { classPropertyName: "origin", publicName: "origin", isSignal: true, isRequired: false, transformFunction: null }, closeOnOriginClick: { classPropertyName: "closeOnOriginClick", publicName: "closeOnOriginClick", isSignal: true, isRequired: false, transformFunction: null }, closeOnOriginMouseLeave: { classPropertyName: "closeOnOriginMouseLeave", publicName: "closeOnOriginMouseLeave", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "click": "_handleClick()", "mouseenter": "_handleMouseover()", "mouseleave": "_handleMouseout()" }, properties: { "class.emr-popover-trigger-for--is-open": "api.isOpen()" }, classAttribute: "emr-popover-trigger-for" }, exportAs: ["emrPopoverTriggerFor"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PopoverTriggerForDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: PopoverTriggerForDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrPopoverTriggerFor]',
@@ -243,10 +233,10 @@ class PopoverOriginDirective {
             }
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PopoverOriginDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: PopoverOriginDirective, isStandalone: true, selector: "[emrPopoverOrigin]", exportAs: ["emrPopoverOrigin"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: PopoverOriginDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: PopoverOriginDirective, isStandalone: true, selector: "[emrPopoverOrigin]", exportAs: ["emrPopoverOrigin"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PopoverOriginDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: PopoverOriginDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrPopoverOrigin]',

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

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-popover.mjs","sources":["../../../projects/components/popover/src/popover/popover.component.ts","../../../projects/components/popover/src/popover/popover.component.html","../../../projects/components/popover/src/types.ts","../../../projects/components/popover/src/popover-trigger-for.directive.ts","../../../projects/components/popover/src/popover-origin.directive.ts","../../../projects/components/popover/elementar-rt-components-popover.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'emr-popover',\n  exportAs: 'emrPopover',\n  templateUrl: './popover.component.html',\n  styleUrl: './popover.component.scss',\n  host: {\n    'class': 'emr-popover'\n  }\n})\nexport class PopoverComponent {\n\n}\n","<ng-content/>\n","import { OverlayPosition } from '@elementar-rt/components/overlay';\nimport { InjectionToken } from '@angular/core';\n\nexport type PopoverTrigger = 'click' | 'hover';\nexport type PopoverPosition = OverlayPosition;\n\nexport const POPOVER_TRIGGER = new InjectionToken<PopoverTrigger>('POPOVER_TRIGGER');\n","import {\n  booleanAttribute,\n  DestroyRef,\n  Directive, ElementRef, EventEmitter,\n  inject, Injector, input,\n  numberAttribute, OnDestroy, OnInit, output,\n  TemplateRef,\n  ViewContainerRef\n} from '@angular/core';\nimport {\n  ConnectedPosition,\n  FlexibleConnectedPositionStrategy, FlexibleConnectedPositionStrategyOrigin,\n  Overlay,\n  OverlayConfig,\n  OverlayRef\n} from '@angular/cdk/overlay';\nimport { fromEvent, takeUntil } from 'rxjs';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { _getEventTarget } from '@angular/cdk/platform';\nimport { PopoverTrigger, PopoverPosition, POPOVER_TRIGGER } from './types';\nimport { PositionManager } from '@elementar-rt/components/overlay';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Directive({\n  selector: '[emrPopoverTriggerFor]',\n  exportAs: 'emrPopoverTriggerFor',\n  host: {\n    'class': 'emr-popover-trigger-for',\n    '[class.emr-popover-trigger-for--is-open]': 'api.isOpen()',\n    '(click)': '_handleClick()',\n    '(mouseenter)': '_handleMouseover()',\n    '(mouseleave)': '_handleMouseout()'\n  }\n})\nexport class PopoverTriggerForDirective implements OnInit, OnDestroy {\n  private _overlay = inject(Overlay);\n  private _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n  private _directionality = inject(Directionality, { optional: true });\n  private _viewContainerRef = inject(ViewContainerRef);\n  private _injector = inject(Injector);\n  private _popoverPortal!: TemplatePortal;\n  private _overlayRef: OverlayRef | null = null;\n  private _destroyRef = inject(DestroyRef);\n  private _openTimeout: any = null;\n  private _closeTimeout: any = null;\n  private _closeDelay = 500;\n\n  popoverTemplateRef = input.required<TemplateRef<unknown>>({\n    alias: 'emrPopoverTriggerFor'\n  });\n  trigger = input<PopoverTrigger>('click');\n  position = input<PopoverPosition>('below-center');\n  delay = input(500, {\n    transform: numberAttribute\n  });\n  origin = input<FlexibleConnectedPositionStrategyOrigin>();\n  closeOnOriginClick = input(false, {\n    transform: booleanAttribute\n  });\n  closeOnOriginMouseLeave = input(false, {\n    transform: booleanAttribute\n  });\n  hasBackdrop = input(false, {\n    transform: booleanAttribute\n  });\n\n  readonly opened = output<void>();\n  readonly closed = output<void>();\n\n  private _closed = new EventEmitter<void>();\n\n  constructor() {\n    this._setType();\n  }\n\n  protected _handleClick() {\n    if (this.trigger() !== 'click') {\n      if (this.closeOnOriginClick()) {\n        this._close();\n      }\n\n      return;\n    }\n\n    !this._isOpen() ? this._open() : this._close();\n  }\n\n  protected _handleMouseover() {\n    if (!this._isOpen() && this.trigger() === 'hover') {\n      this._openTimeout = setTimeout(() => {\n        this._open();\n      }, this.delay());\n    }\n  }\n\n  protected _handleMouseout() {\n    if (!this._isOpen()) {\n      clearTimeout(this._openTimeout);\n    } else {\n      if (this.closeOnOriginMouseLeave()) {\n        this._close();\n        return;\n      }\n    }\n  }\n\n  ngOnInit() {\n    this.closed\n      .subscribe(() => {\n        this._closed.emit();\n      });\n  }\n\n  ngOnDestroy() {\n    this._close();\n    this._destroyOverlay();\n  }\n\n  get api() {\n    return {\n      isOpen: () => this._isOpen(),\n      open: () => this._open(),\n      close: () => this._close(),\n    };\n  }\n\n  private _isOpen() {\n    return !!this._overlayRef?.hasAttached();\n  }\n\n  private _open() {\n    if (!this._isOpen() && this.popoverTemplateRef != null) {\n      this.opened.emit();\n      this._overlayRef = this._overlay.create(this._getOverlayConfig());\n      this._overlayRef.attach(this._getPopoverContentPortal());\n      this._subscribeToHostMouseleave();\n      this._subscribeToOutsideClicks();\n    }\n  }\n\n  private _close() {\n    clearTimeout(this._closeTimeout);\n    clearTimeout(this._openTimeout);\n    this.closed.emit();\n    this._overlayRef!?.detach();\n  }\n\n  private _destroyOverlay() {\n    clearTimeout(this._openTimeout);\n    clearTimeout(this._closeTimeout);\n    this._overlayRef?.dispose();\n    this._overlayRef = null;\n  }\n\n  private _subscribeToOutsideClicks() {\n    if (this._overlayRef) {\n      this._overlayRef\n        .outsidePointerEvents()\n        .pipe(takeUntilDestroyed(this._destroyRef))\n        .subscribe(event => {\n          const target = _getEventTarget(event) as Element;\n          const element = this._elementRef.nativeElement;\n\n          if (this.closeOnOriginClick() && ((target === element) || element.contains(target))) {\n            this._close();\n            return;\n          }\n\n          if (target !== element && !element.contains(target)) {\n            this._close();\n          }\n        });\n    }\n  }\n\n  private _getPopoverContentPortal() {\n    const injector = Injector.create({\n      providers: [\n        {\n          provide: POPOVER_TRIGGER,\n          useValue: this\n        }\n      ],\n      parent: this._injector\n    });\n    this._popoverPortal = new TemplatePortal(\n      this.popoverTemplateRef(),\n      this._viewContainerRef,\n      null,\n      injector\n    );\n    return this._popoverPortal;\n  }\n\n  private _getOverlayConfig() {\n    return new OverlayConfig({\n      hasBackdrop: this.hasBackdrop(),\n      backdropClass: 'emr-popover-overlay-backdrop',\n      positionStrategy: this._getOverlayPositionStrategy(),\n      scrollStrategy: this._overlay.scrollStrategies.reposition(),\n      direction: this._directionality || undefined\n    });\n  }\n\n  private _getOverlayPositionStrategy(): FlexibleConnectedPositionStrategy {\n    const origin = (this.origin() ? this.origin() : this._elementRef) as FlexibleConnectedPositionStrategyOrigin;\n    return this._overlay\n      .position()\n      .flexibleConnectedTo(origin)\n      .setOrigin(origin)\n      .withGrowAfterOpen()\n      .withPositions(this._getOverlayPositions());\n  }\n\n  private _getOverlayPositions(): ConnectedPosition[] {\n    return (new PositionManager()).build(this.position());\n  }\n\n  private _setType() {\n    if (this.trigger() === 'hover') {\n      return;\n    }\n\n    const element = this._elementRef.nativeElement;\n\n    if (element.nodeName === 'BUTTON' && !element.getAttribute('type')) {\n      // Prevents form submissions.\n      element.setAttribute('type', 'button');\n    }\n  }\n\n  private _subscribeToHostMouseleave() {\n    if (this.trigger() === 'hover' && this._overlayRef) {\n      fromEvent(this._elementRef.nativeElement, 'mouseleave')\n        .pipe(\n          takeUntil(this._closed),\n          takeUntilDestroyed(this._destroyRef)\n        )\n        .subscribe(event => {\n          if (this.closeOnOriginMouseLeave()) {\n            this._close();\n            return;\n          }\n\n          this._closeTimeout = setTimeout(() => {\n            this._close();\n          }, this._closeDelay);\n        })\n      ;\n      const popoverElement = this._overlayRef.overlayElement;\n      fromEvent(popoverElement, 'mouseenter')\n        .pipe(\n          takeUntil(this._closed),\n          takeUntilDestroyed(this._destroyRef)\n        )\n        .subscribe(event => {\n          clearTimeout(this._closeTimeout);\n          this._closeTimeout = null;\n        })\n      ;\n      fromEvent(popoverElement, 'mouseleave')\n        .pipe(\n          takeUntil(this._closed),\n          takeUntilDestroyed(this._destroyRef)\n        )\n        .subscribe(event => {\n          this._closeTimeout = setTimeout(() => {\n            this._close();\n          }, this._closeDelay);\n        })\n      ;\n    }\n  }\n}\n","import { Directive, ElementRef, inject } from '@angular/core';\n\n@Directive({\n  selector: '[emrPopoverOrigin]',\n  exportAs: 'emrPopoverOrigin'\n})\nexport class PopoverOriginDirective {\n  private _elementRef = inject(ElementRef);\n\n  get api() {\n    return {\n      nativeElement: () => {\n        return this._elementRef?.nativeElement;\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"elementar-rt-components-popover.mjs","sources":["../../../projects/components/popover/src/popover/popover.component.ts","../../../projects/components/popover/src/popover/popover.component.html","../../../projects/components/popover/src/types.ts","../../../projects/components/popover/src/popover-trigger-for.directive.ts","../../../projects/components/popover/src/popover-origin.directive.ts","../../../projects/components/popover/elementar-rt-components-popover.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'emr-popover',\n  exportAs: 'emrPopover',\n  templateUrl: './popover.component.html',\n  styleUrl: './popover.component.scss',\n  host: {\n    'class': 'emr-popover'\n  }\n})\nexport class PopoverComponent {\n\n}\n","<ng-content/>\n","import { OverlayPosition } from '@elementar-rt/components/overlay';\nimport { InjectionToken } from '@angular/core';\n\nexport type PopoverTrigger = 'click' | 'hover';\nexport type PopoverPosition = OverlayPosition;\n\nexport const POPOVER_TRIGGER = new InjectionToken<PopoverTrigger>('POPOVER_TRIGGER');\n","import {\n  booleanAttribute,\n  DestroyRef,\n  Directive, ElementRef, EventEmitter,\n  inject, Injector, input,\n  numberAttribute, OnDestroy, OnInit, output,\n  TemplateRef,\n  ViewContainerRef\n} from '@angular/core';\nimport {\n  ConnectedPosition,\n  FlexibleConnectedPositionStrategy, FlexibleConnectedPositionStrategyOrigin,\n  Overlay,\n  OverlayConfig,\n  OverlayRef\n} from '@angular/cdk/overlay';\nimport { fromEvent, takeUntil } from 'rxjs';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { _getEventTarget } from '@angular/cdk/platform';\nimport { PopoverTrigger, PopoverPosition, POPOVER_TRIGGER } from './types';\nimport { PositionManager } from '@elementar-rt/components/overlay';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Directive({\n  selector: '[emrPopoverTriggerFor]',\n  exportAs: 'emrPopoverTriggerFor',\n  host: {\n    'class': 'emr-popover-trigger-for',\n    '[class.emr-popover-trigger-for--is-open]': 'api.isOpen()',\n    '(click)': '_handleClick()',\n    '(mouseenter)': '_handleMouseover()',\n    '(mouseleave)': '_handleMouseout()'\n  }\n})\nexport class PopoverTriggerForDirective implements OnInit, OnDestroy {\n  private _overlay = inject(Overlay);\n  private _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n  private _directionality = inject(Directionality, { optional: true });\n  private _viewContainerRef = inject(ViewContainerRef);\n  private _injector = inject(Injector);\n  private _popoverPortal!: TemplatePortal;\n  private _overlayRef: OverlayRef | null = null;\n  private _destroyRef = inject(DestroyRef);\n  private _openTimeout: any = null;\n  private _closeTimeout: any = null;\n  private _closeDelay = 500;\n\n  popoverTemplateRef = input.required<TemplateRef<unknown>>({\n    alias: 'emrPopoverTriggerFor'\n  });\n  trigger = input<PopoverTrigger>('click');\n  position = input<PopoverPosition>('below-center');\n  delay = input(500, {\n    transform: numberAttribute\n  });\n  origin = input<FlexibleConnectedPositionStrategyOrigin>();\n  closeOnOriginClick = input(false, {\n    transform: booleanAttribute\n  });\n  closeOnOriginMouseLeave = input(false, {\n    transform: booleanAttribute\n  });\n  hasBackdrop = input(false, {\n    transform: booleanAttribute\n  });\n\n  readonly opened = output<void>();\n  readonly closed = output<void>();\n\n  private _closed = new EventEmitter<void>();\n\n  constructor() {\n    this._setType();\n  }\n\n  protected _handleClick() {\n    if (this.trigger() !== 'click') {\n      if (this.closeOnOriginClick()) {\n        this._close();\n      }\n\n      return;\n    }\n\n    !this._isOpen() ? this._open() : this._close();\n  }\n\n  protected _handleMouseover() {\n    if (!this._isOpen() && this.trigger() === 'hover') {\n      this._openTimeout = setTimeout(() => {\n        this._open();\n      }, this.delay());\n    }\n  }\n\n  protected _handleMouseout() {\n    if (!this._isOpen()) {\n      clearTimeout(this._openTimeout);\n    } else {\n      if (this.closeOnOriginMouseLeave()) {\n        this._close();\n        return;\n      }\n    }\n  }\n\n  ngOnInit() {\n    this.closed\n      .subscribe(() => {\n        this._closed.emit();\n      });\n  }\n\n  ngOnDestroy() {\n    this._close();\n    this._destroyOverlay();\n  }\n\n  get api() {\n    return {\n      isOpen: () => this._isOpen(),\n      open: () => this._open(),\n      close: () => this._close(),\n    };\n  }\n\n  private _isOpen() {\n    return !!this._overlayRef?.hasAttached();\n  }\n\n  private _open() {\n    if (!this._isOpen() && this.popoverTemplateRef != null) {\n      this.opened.emit();\n      this._overlayRef = this._overlay.create(this._getOverlayConfig());\n      this._overlayRef.attach(this._getPopoverContentPortal());\n      this._subscribeToHostMouseleave();\n      this._subscribeToOutsideClicks();\n    }\n  }\n\n  private _close() {\n    clearTimeout(this._closeTimeout);\n    clearTimeout(this._openTimeout);\n    this.closed.emit();\n    this._overlayRef!?.detach();\n  }\n\n  private _destroyOverlay() {\n    clearTimeout(this._openTimeout);\n    clearTimeout(this._closeTimeout);\n    this._overlayRef?.dispose();\n    this._overlayRef = null;\n  }\n\n  private _subscribeToOutsideClicks() {\n    if (this._overlayRef) {\n      this._overlayRef\n        .outsidePointerEvents()\n        .pipe(takeUntilDestroyed(this._destroyRef))\n        .subscribe(event => {\n          const target = _getEventTarget(event) as Element;\n          const element = this._elementRef.nativeElement;\n\n          if (this.closeOnOriginClick() && ((target === element) || element.contains(target))) {\n            this._close();\n            return;\n          }\n\n          if (target !== element && !element.contains(target)) {\n            this._close();\n          }\n        });\n    }\n  }\n\n  private _getPopoverContentPortal() {\n    const injector = Injector.create({\n      providers: [\n        {\n          provide: POPOVER_TRIGGER,\n          useValue: this\n        }\n      ],\n      parent: this._injector\n    });\n    this._popoverPortal = new TemplatePortal(\n      this.popoverTemplateRef(),\n      this._viewContainerRef,\n      null,\n      injector\n    );\n    return this._popoverPortal;\n  }\n\n  private _getOverlayConfig() {\n    return new OverlayConfig({\n      hasBackdrop: this.hasBackdrop(),\n      backdropClass: 'emr-popover-overlay-backdrop',\n      positionStrategy: this._getOverlayPositionStrategy(),\n      scrollStrategy: this._overlay.scrollStrategies.reposition(),\n      direction: this._directionality || undefined\n    });\n  }\n\n  private _getOverlayPositionStrategy(): FlexibleConnectedPositionStrategy {\n    const origin = (this.origin() ? this.origin() : this._elementRef) as FlexibleConnectedPositionStrategyOrigin;\n    return this._overlay\n      .position()\n      .flexibleConnectedTo(origin)\n      .setOrigin(origin)\n      .withGrowAfterOpen()\n      .withPositions(this._getOverlayPositions());\n  }\n\n  private _getOverlayPositions(): ConnectedPosition[] {\n    return (new PositionManager()).build(this.position());\n  }\n\n  private _setType() {\n    if (this.trigger() === 'hover') {\n      return;\n    }\n\n    const element = this._elementRef.nativeElement;\n\n    if (element.nodeName === 'BUTTON' && !element.getAttribute('type')) {\n      // Prevents form submissions.\n      element.setAttribute('type', 'button');\n    }\n  }\n\n  private _subscribeToHostMouseleave() {\n    if (this.trigger() === 'hover' && this._overlayRef) {\n      fromEvent(this._elementRef.nativeElement, 'mouseleave')\n        .pipe(\n          takeUntil(this._closed),\n          takeUntilDestroyed(this._destroyRef)\n        )\n        .subscribe(event => {\n          if (this.closeOnOriginMouseLeave()) {\n            this._close();\n            return;\n          }\n\n          this._closeTimeout = setTimeout(() => {\n            this._close();\n          }, this._closeDelay);\n        })\n      ;\n      const popoverElement = this._overlayRef.overlayElement;\n      fromEvent(popoverElement, 'mouseenter')\n        .pipe(\n          takeUntil(this._closed),\n          takeUntilDestroyed(this._destroyRef)\n        )\n        .subscribe(event => {\n          clearTimeout(this._closeTimeout);\n          this._closeTimeout = null;\n        })\n      ;\n      fromEvent(popoverElement, 'mouseleave')\n        .pipe(\n          takeUntil(this._closed),\n          takeUntilDestroyed(this._destroyRef)\n        )\n        .subscribe(event => {\n          this._closeTimeout = setTimeout(() => {\n            this._close();\n          }, this._closeDelay);\n        })\n      ;\n    }\n  }\n}\n","import { Directive, ElementRef, inject } from '@angular/core';\n\n@Directive({\n  selector: '[emrPopoverOrigin]',\n  exportAs: 'emrPopoverOrigin'\n})\nexport class PopoverOriginDirective {\n  private _elementRef = inject(ElementRef);\n\n  get api() {\n    return {\n      nativeElement: () => {\n        return this._elementRef?.nativeElement;\n      }\n    }\n  }\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-progress-bar.mjs

@@ -2,16 +2,16 @@ import * as i0 from '@angular/core';
 import { input, numberAttribute, computed, Component } from '@angular/core';
 
 class ProgressBarComponent {
-    value = input(0, ...(ngDevMode ? [{ debugName: "value", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-    bufferValue = input(0, ...(ngDevMode ? [{ debugName: "bufferValue", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-    mode = input('determinate', ...(ngDevMode ? [{ debugName: "mode" }] : []));
-    color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : []));
-    _fillWidth = computed(() => `${Math.min(100, Math.max(0, this.value()))}%`, ...(ngDevMode ? [{ debugName: "_fillWidth" }] : []));
-    _bufferWidth = computed(() => `${Math.min(100, Math.max(0, this.bufferValue()))}%`, ...(ngDevMode ? [{ debugName: "_bufferWidth" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ProgressBarComponent, isStandalone: true, selector: "emr-progress-bar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, bufferValue: { classPropertyName: "bufferValue", publicName: "bufferValue", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "attr.data-mode": "mode()", "attr.data-color": "color()", "attr.aria-valuenow": "mode() === \"determinate\" ? value() : null", "attr.aria-valuemin": "0", "attr.aria-valuemax": "100" }, classAttribute: "emr-progress-bar" }, exportAs: ["emrProgressBar"], ngImport: i0, template: "<div class=\"pb-track\">\n  @if (mode() === 'buffer') {\n    <div class=\"pb-buffer\" [style.width]=\"_bufferWidth()\"></div>\n  }\n  <div class=\"pb-fill\" [style.width]=\"mode() === 'determinate' ? _fillWidth() : '100%'\"></div>\n</div>\n", styles: [":host{--emr-pb-height: calc(var(--spacing, .25rem) * 1.5);--emr-pb-border-radius: calc(infinity * 1px);--emr-pb-track-bg: var(--color-surface-container-highest);--emr-pb-fill-bg: var(--color-primary);--emr-pb-buffer-bg: var(--color-primary);display:block;width:100%}@supports (color: color-mix(in lab,red,red)){:host{--emr-pb-buffer-bg: color-mix(in srgb, var(--color-primary) 30%, transparent)}}:host[data-color=success]{--emr-pb-fill-bg: var(--color-green)}:host[data-color=warning]{--emr-pb-fill-bg: var(--color-orange)}:host[data-color=danger]{--emr-pb-fill-bg: var(--color-red)}.pb-track{position:relative;height:var(--emr-pb-height);border-radius:var(--emr-pb-border-radius);background:var(--emr-pb-track-bg);overflow:hidden}.pb-fill{position:absolute;inset-block:0;left:0;background:var(--emr-pb-fill-bg);border-radius:var(--emr-pb-border-radius);transition:width .3s cubic-bezier(.4,0,.2,1)}:host([data-mode=indeterminate]) .pb-fill{animation:pbIndeterminate 1.5s ease-in-out infinite}.pb-buffer{position:absolute;inset-block:0;left:0;background:var(--emr-pb-buffer-bg);border-radius:var(--emr-pb-border-radius);transition:width .3s}@keyframes pbIndeterminate{0%{left:-100%;width:60%}60%{left:100%;width:60%}to{left:100%;width:60%}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    value = input(0, { ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    bufferValue = input(0, { ...(ngDevMode ? { debugName: "bufferValue" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    mode = input('determinate', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    _fillWidth = computed(() => `${Math.min(100, Math.max(0, this.value()))}%`, ...(ngDevMode ? [{ debugName: "_fillWidth" }] : /* istanbul ignore next */ []));
+    _bufferWidth = computed(() => `${Math.min(100, Math.max(0, this.bufferValue()))}%`, ...(ngDevMode ? [{ debugName: "_bufferWidth" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: ProgressBarComponent, isStandalone: true, selector: "emr-progress-bar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, bufferValue: { classPropertyName: "bufferValue", publicName: "bufferValue", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "attr.data-mode": "mode()", "attr.data-color": "color()", "attr.aria-valuenow": "mode() === \"determinate\" ? value() : null", "attr.aria-valuemin": "0", "attr.aria-valuemax": "100" }, classAttribute: "emr-progress-bar" }, exportAs: ["emrProgressBar"], ngImport: i0, template: "<div class=\"pb-track\">\n  @if (mode() === 'buffer') {\n    <div class=\"pb-buffer\" [style.width]=\"_bufferWidth()\"></div>\n  }\n  <div class=\"pb-fill\" [style.width]=\"mode() === 'determinate' ? _fillWidth() : '100%'\"></div>\n</div>\n", styles: [":host{--emr-pb-height: calc(var(--spacing, .25rem) * 1.5);--emr-pb-border-radius: calc(infinity * 1px);--emr-pb-track-bg: var(--color-surface-container-highest);--emr-pb-fill-bg: var(--color-primary);--emr-pb-buffer-bg: var(--color-primary);display:block;width:100%}@supports (color: color-mix(in lab,red,red)){:host{--emr-pb-buffer-bg: color-mix(in srgb, var(--color-primary) 30%, transparent)}}:host[data-color=success]{--emr-pb-fill-bg: var(--color-green)}:host[data-color=warning]{--emr-pb-fill-bg: var(--color-orange)}:host[data-color=danger]{--emr-pb-fill-bg: var(--color-red)}.pb-track{position:relative;height:var(--emr-pb-height);border-radius:var(--emr-pb-border-radius);background:var(--emr-pb-track-bg);overflow:hidden}.pb-fill{position:absolute;inset-block:0;left:0;background:var(--emr-pb-fill-bg);border-radius:var(--emr-pb-border-radius);transition:width .3s cubic-bezier(.4,0,.2,1)}:host([data-mode=indeterminate]) .pb-fill{animation:pbIndeterminate 1.5s ease-in-out infinite}.pb-buffer{position:absolute;inset-block:0;left:0;background:var(--emr-pb-buffer-bg);border-radius:var(--emr-pb-border-radius);transition:width .3s}@keyframes pbIndeterminate{0%{left:-100%;width:60%}60%{left:100%;width:60%}to{left:100%;width:60%}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ProgressBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-progress-bar', exportAs: 'emrProgressBar', host: {
                         'class': 'emr-progress-bar',
@@ -21,7 +21,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         '[attr.aria-valuenow]': 'mode() === "determinate" ? value() : null',
                         '[attr.aria-valuemin]': '0',
                         '[attr.aria-valuemax]': '100',
-                    }, template: "<div class=\"pb-track\">\n  @if (mode() === 'buffer') {\n    <div class=\"pb-buffer\" [style.width]=\"_bufferWidth()\"></div>\n  }\n  <div class=\"pb-fill\" [style.width]=\"mode() === 'determinate' ? _fillWidth() : '100%'\"></div>\n</div>\n", styles: [":host{--emr-pb-height: calc(var(--spacing, .25rem) * 1.5);--emr-pb-border-radius: calc(infinity * 1px);--emr-pb-track-bg: var(--color-surface-container-highest);--emr-pb-fill-bg: var(--color-primary);--emr-pb-buffer-bg: var(--color-primary);display:block;width:100%}@supports (color: color-mix(in lab,red,red)){:host{--emr-pb-buffer-bg: color-mix(in srgb, var(--color-primary) 30%, transparent)}}:host[data-color=success]{--emr-pb-fill-bg: var(--color-green)}:host[data-color=warning]{--emr-pb-fill-bg: var(--color-orange)}:host[data-color=danger]{--emr-pb-fill-bg: var(--color-red)}.pb-track{position:relative;height:var(--emr-pb-height);border-radius:var(--emr-pb-border-radius);background:var(--emr-pb-track-bg);overflow:hidden}.pb-fill{position:absolute;inset-block:0;left:0;background:var(--emr-pb-fill-bg);border-radius:var(--emr-pb-border-radius);transition:width .3s cubic-bezier(.4,0,.2,1)}:host([data-mode=indeterminate]) .pb-fill{animation:pbIndeterminate 1.5s ease-in-out infinite}.pb-buffer{position:absolute;inset-block:0;left:0;background:var(--emr-pb-buffer-bg);border-radius:var(--emr-pb-border-radius);transition:width .3s}@keyframes pbIndeterminate{0%{left:-100%;width:60%}60%{left:100%;width:60%}to{left:100%;width:60%}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"pb-track\">\n  @if (mode() === 'buffer') {\n    <div class=\"pb-buffer\" [style.width]=\"_bufferWidth()\"></div>\n  }\n  <div class=\"pb-fill\" [style.width]=\"mode() === 'determinate' ? _fillWidth() : '100%'\"></div>\n</div>\n", styles: [":host{--emr-pb-height: calc(var(--spacing, .25rem) * 1.5);--emr-pb-border-radius: calc(infinity * 1px);--emr-pb-track-bg: var(--color-surface-container-highest);--emr-pb-fill-bg: var(--color-primary);--emr-pb-buffer-bg: var(--color-primary);display:block;width:100%}@supports (color: color-mix(in lab,red,red)){:host{--emr-pb-buffer-bg: color-mix(in srgb, var(--color-primary) 30%, transparent)}}:host[data-color=success]{--emr-pb-fill-bg: var(--color-green)}:host[data-color=warning]{--emr-pb-fill-bg: var(--color-orange)}:host[data-color=danger]{--emr-pb-fill-bg: var(--color-red)}.pb-track{position:relative;height:var(--emr-pb-height);border-radius:var(--emr-pb-border-radius);background:var(--emr-pb-track-bg);overflow:hidden}.pb-fill{position:absolute;inset-block:0;left:0;background:var(--emr-pb-fill-bg);border-radius:var(--emr-pb-border-radius);transition:width .3s cubic-bezier(.4,0,.2,1)}:host([data-mode=indeterminate]) .pb-fill{animation:pbIndeterminate 1.5s ease-in-out infinite}.pb-buffer{position:absolute;inset-block:0;left:0;background:var(--emr-pb-buffer-bg);border-radius:var(--emr-pb-border-radius);transition:width .3s}@keyframes pbIndeterminate{0%{left:-100%;width:60%}60%{left:100%;width:60%}to{left:100%;width:60%}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], bufferValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "bufferValue", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
 
 /**

package/fesm2022/elementar-rt-components-progress-bar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-progress-bar.mjs","sources":["../../../projects/components/progress-bar/src/progress-bar/progress-bar.component.ts","../../../projects/components/progress-bar/src/progress-bar/progress-bar.component.html","../../../projects/components/progress-bar/elementar-rt-components-progress-bar.ts"],"sourcesContent":["import { Component, computed, input, numberAttribute } from '@angular/core';\n\nexport type ProgressBarMode = 'determinate' | 'indeterminate' | 'buffer';\nexport type ProgressBarColor = 'primary' | 'success' | 'warning' | 'danger';\n\n@Component({\n  selector: 'emr-progress-bar',\n  exportAs: 'emrProgressBar',\n  templateUrl: './progress-bar.component.html',\n  styleUrl: './progress-bar.component.scss',\n  host: {\n    'class': 'emr-progress-bar',\n    '[attr.data-mode]': 'mode()',\n    '[attr.data-color]': 'color()',\n    'role': 'progressbar',\n    '[attr.aria-valuenow]': 'mode() === \"determinate\" ? value() : null',\n    '[attr.aria-valuemin]': '0',\n    '[attr.aria-valuemax]': '100',\n  }\n})\nexport class ProgressBarComponent {\n  value = input(0, { transform: numberAttribute });\n  bufferValue = input(0, { transform: numberAttribute });\n  mode = input<ProgressBarMode>('determinate');\n  color = input<ProgressBarColor>('primary');\n\n  protected _fillWidth = computed(() => `${Math.min(100, Math.max(0, this.value()))}%`);\n  protected _bufferWidth = computed(() => `${Math.min(100, Math.max(0, this.bufferValue()))}%`);\n}\n","<div class=\"pb-track\">\n  @if (mode() === 'buffer') {\n    <div class=\"pb-buffer\" [style.width]=\"_bufferWidth()\"></div>\n  }\n  <div class=\"pb-fill\" [style.width]=\"mode() === 'determinate' ? _fillWidth() : '100%'\"></div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAoBa,oBAAoB,CAAA;AAC/B,IAAA,KAAK,GAAG,KAAK,CAAC,CAAC,yCAAI,SAAS,EAAE,eAAe,EAAA,CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC;AAChD,IAAA,WAAW,GAAG,KAAK,CAAC,CAAC,+CAAI,SAAS,EAAE,eAAe,EAAA,CAAA,GAAA,CAA5B,EAAE,SAAS,EAAE,eAAe,EAAE,GAAC;AACtD,IAAA,IAAI,GAAG,KAAK,CAAkB,aAAa,gDAAC;AAC5C,IAAA,KAAK,GAAG,KAAK,CAAmB,SAAS,iDAAC;IAEhC,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA,CAAA,CAAG,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;IAC3E,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAA,CAAA,CAAG,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;wGAPlF,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,i4BCpBjC,kPAMA,EAAA,MAAA,EAAA,CAAA,+xCAAA,CAAA,EAAA,CAAA;;4FDca,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAfhC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAClB,gBAAgB,EAAA,IAAA,EAGpB;AACJ,wBAAA,OAAO,EAAE,kBAAkB;AAC3B,wBAAA,kBAAkB,EAAE,QAAQ;AAC5B,wBAAA,mBAAmB,EAAE,SAAS;AAC9B,wBAAA,MAAM,EAAE,aAAa;AACrB,wBAAA,sBAAsB,EAAE,2CAA2C;AACnE,wBAAA,sBAAsB,EAAE,GAAG;AAC3B,wBAAA,sBAAsB,EAAE,KAAK;AAC9B,qBAAA,EAAA,QAAA,EAAA,kPAAA,EAAA,MAAA,EAAA,CAAA,+xCAAA,CAAA,EAAA;;;AElBH;;AAEG;;;;"}
+{"version":3,"file":"elementar-rt-components-progress-bar.mjs","sources":["../../../projects/components/progress-bar/src/progress-bar/progress-bar.component.ts","../../../projects/components/progress-bar/src/progress-bar/progress-bar.component.html","../../../projects/components/progress-bar/elementar-rt-components-progress-bar.ts"],"sourcesContent":["import { Component, computed, input, numberAttribute } from '@angular/core';\n\nexport type ProgressBarMode = 'determinate' | 'indeterminate' | 'buffer';\nexport type ProgressBarColor = 'primary' | 'success' | 'warning' | 'danger';\n\n@Component({\n  selector: 'emr-progress-bar',\n  exportAs: 'emrProgressBar',\n  templateUrl: './progress-bar.component.html',\n  styleUrl: './progress-bar.component.scss',\n  host: {\n    'class': 'emr-progress-bar',\n    '[attr.data-mode]': 'mode()',\n    '[attr.data-color]': 'color()',\n    'role': 'progressbar',\n    '[attr.aria-valuenow]': 'mode() === \"determinate\" ? value() : null',\n    '[attr.aria-valuemin]': '0',\n    '[attr.aria-valuemax]': '100',\n  }\n})\nexport class ProgressBarComponent {\n  value = input(0, { transform: numberAttribute });\n  bufferValue = input(0, { transform: numberAttribute });\n  mode = input<ProgressBarMode>('determinate');\n  color = input<ProgressBarColor>('primary');\n\n  protected _fillWidth = computed(() => `${Math.min(100, Math.max(0, this.value()))}%`);\n  protected _bufferWidth = computed(() => `${Math.min(100, Math.max(0, this.bufferValue()))}%`);\n}\n","<div class=\"pb-track\">\n  @if (mode() === 'buffer') {\n    <div class=\"pb-buffer\" [style.width]=\"_bufferWidth()\"></div>\n  }\n  <div class=\"pb-fill\" [style.width]=\"mode() === 'determinate' ? _fillWidth() : '100%'\"></div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAoBa,oBAAoB,CAAA;IAC/B,KAAK,GAAG,KAAK,CAAC,CAAC,6EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;IAChD,WAAW,GAAG,KAAK,CAAC,CAAC,mFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AACtD,IAAA,IAAI,GAAG,KAAK,CAAkB,aAAa,2EAAC;AAC5C,IAAA,KAAK,GAAG,KAAK,CAAmB,SAAS,4EAAC;IAEhC,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA,CAAA,CAAG,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;IAC3E,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAA,CAAA,CAAG,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;wGAPlF,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,i4BCpBjC,kPAMA,EAAA,MAAA,EAAA,CAAA,+xCAAA,CAAA,EAAA,CAAA;;4FDca,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAfhC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAClB,gBAAgB,EAAA,IAAA,EAGpB;AACJ,wBAAA,OAAO,EAAE,kBAAkB;AAC3B,wBAAA,kBAAkB,EAAE,QAAQ;AAC5B,wBAAA,mBAAmB,EAAE,SAAS;AAC9B,wBAAA,MAAM,EAAE,aAAa;AACrB,wBAAA,sBAAsB,EAAE,2CAA2C;AACnE,wBAAA,sBAAsB,EAAE,GAAG;AAC3B,wBAAA,sBAAsB,EAAE,KAAK;AAC9B,qBAAA,EAAA,QAAA,EAAA,kPAAA,EAAA,MAAA,EAAA,CAAA,+xCAAA,CAAA,EAAA;;;AElBH;;AAEG;;"}

package/fesm2022/elementar-rt-components-progress-spinner.mjs

@@ -2,22 +2,22 @@ import * as i0 from '@angular/core';
 import { input, numberAttribute, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class ProgressSpinnerComponent {
-    mode = input('indeterminate', ...(ngDevMode ? [{ debugName: "mode" }] : []));
-    value = input(0, ...(ngDevMode ? [{ debugName: "value", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-    diameter = input(40, ...(ngDevMode ? [{ debugName: "diameter", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-    strokeWidth = input(4, ...(ngDevMode ? [{ debugName: "strokeWidth", transform: numberAttribute }] : [{ transform: numberAttribute }]));
-    _diameter = computed(() => this.diameter(), ...(ngDevMode ? [{ debugName: "_diameter" }] : []));
-    _center = computed(() => this.diameter() / 2, ...(ngDevMode ? [{ debugName: "_center" }] : []));
-    _radius = computed(() => (this.diameter() - this.strokeWidth()) / 2, ...(ngDevMode ? [{ debugName: "_radius" }] : []));
-    _circumference = computed(() => 2 * Math.PI * this._radius(), ...(ngDevMode ? [{ debugName: "_circumference" }] : []));
+    mode = input('indeterminate', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    value = input(0, { ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    diameter = input(40, { ...(ngDevMode ? { debugName: "diameter" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    strokeWidth = input(4, { ...(ngDevMode ? { debugName: "strokeWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    _diameter = computed(() => this.diameter(), ...(ngDevMode ? [{ debugName: "_diameter" }] : /* istanbul ignore next */ []));
+    _center = computed(() => this.diameter() / 2, ...(ngDevMode ? [{ debugName: "_center" }] : /* istanbul ignore next */ []));
+    _radius = computed(() => (this.diameter() - this.strokeWidth()) / 2, ...(ngDevMode ? [{ debugName: "_radius" }] : /* istanbul ignore next */ []));
+    _circumference = computed(() => 2 * Math.PI * this._radius(), ...(ngDevMode ? [{ debugName: "_circumference" }] : /* istanbul ignore next */ []));
     _dashOffset = computed(() => {
         if (this.mode() === 'indeterminate')
             return this._circumference() * 0.2;
         const pct = Math.min(100, Math.max(0, this.value()));
         return this._circumference() * (1 - pct / 100);
-    }, ...(ngDevMode ? [{ debugName: "_dashOffset" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: ProgressSpinnerComponent, isStandalone: true, selector: "emr-progress-spinner", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, diameter: { classPropertyName: "diameter", publicName: "diameter", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.mode": "mode()" } }, ngImport: i0, template: `
+    }, ...(ngDevMode ? [{ debugName: "_dashOffset" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ProgressSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: ProgressSpinnerComponent, isStandalone: true, selector: "emr-progress-spinner", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, diameter: { classPropertyName: "diameter", publicName: "diameter", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.mode": "mode()" } }, ngImport: i0, template: `
     <svg
       class="spinner-svg"
       [attr.viewBox]="'0 0 ' + _diameter() + ' ' + _diameter()"
@@ -47,9 +47,9 @@ class ProgressSpinnerComponent {
         [attr.stroke-dashoffset]="_dashOffset()"
       />
     </svg>
-  `, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;--emr-spinner-color: var(--color-primary);--emr-spinner-track-color: var(--color-surface-container-high)}.spinner-svg{transform:rotate(-90deg)}.spinner-track{stroke:var(--emr-spinner-track-color)}.spinner-fill{stroke:var(--emr-spinner-color);stroke-linecap:round;transition:stroke-dashoffset .25s ease}:host([mode=\"indeterminate\"]) .spinner-fill{animation:spinner-rotate 1.4s linear infinite,spinner-dash 1.4s ease-in-out infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dashoffset:var(--emr-spinner-dashoffset-start, 80%)}50%{stroke-dashoffset:var(--emr-spinner-dashoffset-mid, 20%)}to{stroke-dashoffset:var(--emr-spinner-dashoffset-start, 80%)}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;--emr-spinner-color: var(--color-primary);--emr-spinner-track-color: var(--color-surface-container-high)}.spinner-svg{transform:rotate(-90deg)}.spinner-track{stroke:var(--emr-spinner-track-color)}.spinner-fill{stroke:var(--emr-spinner-color);stroke-linecap:round;transition:stroke-dashoffset .25s ease}:host([mode=\"indeterminate\"]) .spinner-fill{animation:spinner-rotate 1.4s linear infinite,spinner-dash 1.4s ease-in-out infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dashoffset:var(--emr-spinner-dashoffset-start, 80%)}50%{stroke-dashoffset:var(--emr-spinner-dashoffset-mid, 20%)}to{stroke-dashoffset:var(--emr-spinner-dashoffset-start, 80%)}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ProgressSpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-progress-spinner', standalone: true, template: `
     <svg
@@ -83,7 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
     </svg>
   `, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.mode]': 'mode()',
-                    }, styles: [":host{display:inline-flex;align-items:center;justify-content:center;--emr-spinner-color: var(--color-primary);--emr-spinner-track-color: var(--color-surface-container-high)}.spinner-svg{transform:rotate(-90deg)}.spinner-track{stroke:var(--emr-spinner-track-color)}.spinner-fill{stroke:var(--emr-spinner-color);stroke-linecap:round;transition:stroke-dashoffset .25s ease}:host([mode=\"indeterminate\"]) .spinner-fill{animation:spinner-rotate 1.4s linear infinite,spinner-dash 1.4s ease-in-out infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dashoffset:var(--emr-spinner-dashoffset-start, 80%)}50%{stroke-dashoffset:var(--emr-spinner-dashoffset-mid, 20%)}to{stroke-dashoffset:var(--emr-spinner-dashoffset-start, 80%)}}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, styles: [":host{display:inline-flex;align-items:center;justify-content:center;--emr-spinner-color: var(--color-primary);--emr-spinner-track-color: var(--color-surface-container-high)}.spinner-svg{transform:rotate(-90deg)}.spinner-track{stroke:var(--emr-spinner-track-color)}.spinner-fill{stroke:var(--emr-spinner-color);stroke-linecap:round;transition:stroke-dashoffset .25s ease}:host([mode=\"indeterminate\"]) .spinner-fill{animation:spinner-rotate 1.4s linear infinite,spinner-dash 1.4s ease-in-out infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dashoffset:var(--emr-spinner-dashoffset-start, 80%)}50%{stroke-dashoffset:var(--emr-spinner-dashoffset-mid, 20%)}to{stroke-dashoffset:var(--emr-spinner-dashoffset-start, 80%)}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], diameter: [{ type: i0.Input, args: [{ isSignal: true, alias: "diameter", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }] } });
 
 /**

package/fesm2022/elementar-rt-components-progress-spinner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-progress-spinner.mjs","sources":["../../../projects/components/progress-spinner/src/progress-spinner/progress-spinner.component.ts","../../../projects/components/progress-spinner/elementar-rt-components-progress-spinner.ts"],"sourcesContent":["import { Component, input, computed, ChangeDetectionStrategy, numberAttribute } from '@angular/core';\n\nexport type SpinnerMode = 'determinate' | 'indeterminate';\n\n@Component({\n  selector: 'emr-progress-spinner',\n  standalone: true,\n  template: `\n    <svg\n      class=\"spinner-svg\"\n      [attr.viewBox]=\"'0 0 ' + _diameter() + ' ' + _diameter()\"\n      [attr.width]=\"_diameter()\"\n      [attr.height]=\"_diameter()\"\n      [attr.role]=\"mode() === 'determinate' ? 'progressbar' : 'status'\"\n      [attr.aria-valuenow]=\"mode() === 'determinate' ? value() : null\"\n      [attr.aria-valuemin]=\"mode() === 'determinate' ? 0 : null\"\n      [attr.aria-valuemax]=\"mode() === 'determinate' ? 100 : null\"\n    >\n      <circle\n        class=\"spinner-track\"\n        [attr.cx]=\"_center()\"\n        [attr.cy]=\"_center()\"\n        [attr.r]=\"_radius()\"\n        fill=\"none\"\n        [attr.stroke-width]=\"strokeWidth()\"\n      />\n      <circle\n        class=\"spinner-fill\"\n        [attr.cx]=\"_center()\"\n        [attr.cy]=\"_center()\"\n        [attr.r]=\"_radius()\"\n        fill=\"none\"\n        [attr.stroke-width]=\"strokeWidth()\"\n        [attr.stroke-dasharray]=\"_circumference()\"\n        [attr.stroke-dashoffset]=\"_dashOffset()\"\n      />\n    </svg>\n  `,\n  styles: [`\n    @reference 'tailwindcss';\n\n    :host {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      --emr-spinner-color: var(--color-primary);\n      --emr-spinner-track-color: var(--color-surface-container-high);\n    }\n\n    .spinner-svg {\n      transform: rotate(-90deg);\n    }\n\n    .spinner-track {\n      stroke: var(--emr-spinner-track-color);\n    }\n\n    .spinner-fill {\n      stroke: var(--emr-spinner-color);\n      stroke-linecap: round;\n      transition: stroke-dashoffset 250ms ease;\n\n      :host([mode=\"indeterminate\"]) & {\n        animation: spinner-rotate 1.4s linear infinite, spinner-dash 1.4s ease-in-out infinite;\n      }\n    }\n\n    @keyframes spinner-rotate {\n      100% { transform: rotate(360deg); }\n    }\n\n    @keyframes spinner-dash {\n      0%   { stroke-dashoffset: var(--emr-spinner-dashoffset-start, 80%); }\n      50%  { stroke-dashoffset: var(--emr-spinner-dashoffset-mid, 20%); }\n      100% { stroke-dashoffset: var(--emr-spinner-dashoffset-start, 80%); }\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.mode]': 'mode()',\n  }\n})\nexport class ProgressSpinnerComponent {\n  mode = input<SpinnerMode>('indeterminate');\n  value = input(0, { transform: numberAttribute });\n  diameter = input(40, { transform: numberAttribute });\n  strokeWidth = input(4, { transform: numberAttribute });\n\n  protected _diameter = computed(() => this.diameter());\n  protected _center = computed(() => this.diameter() / 2);\n  protected _radius = computed(() => (this.diameter() - this.strokeWidth()) / 2);\n  protected _circumference = computed(() => 2 * Math.PI * this._radius());\n  protected _dashOffset = computed(() => {\n    if (this.mode() === 'indeterminate') return this._circumference() * 0.2;\n    const pct = Math.min(100, Math.max(0, this.value()));\n    return this._circumference() * (1 - pct / 100);\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"elementar-rt-components-progress-spinner.mjs","sources":["../../../projects/components/progress-spinner/src/progress-spinner/progress-spinner.component.ts","../../../projects/components/progress-spinner/elementar-rt-components-progress-spinner.ts"],"sourcesContent":["import { Component, input, computed, ChangeDetectionStrategy, numberAttribute } from '@angular/core';\n\nexport type SpinnerMode = 'determinate' | 'indeterminate';\n\n@Component({\n  selector: 'emr-progress-spinner',\n  standalone: true,\n  template: `\n    <svg\n      class=\"spinner-svg\"\n      [attr.viewBox]=\"'0 0 ' + _diameter() + ' ' + _diameter()\"\n      [attr.width]=\"_diameter()\"\n      [attr.height]=\"_diameter()\"\n      [attr.role]=\"mode() === 'determinate' ? 'progressbar' : 'status'\"\n      [attr.aria-valuenow]=\"mode() === 'determinate' ? value() : null\"\n      [attr.aria-valuemin]=\"mode() === 'determinate' ? 0 : null\"\n      [attr.aria-valuemax]=\"mode() === 'determinate' ? 100 : null\"\n    >\n      <circle\n        class=\"spinner-track\"\n        [attr.cx]=\"_center()\"\n        [attr.cy]=\"_center()\"\n        [attr.r]=\"_radius()\"\n        fill=\"none\"\n        [attr.stroke-width]=\"strokeWidth()\"\n      />\n      <circle\n        class=\"spinner-fill\"\n        [attr.cx]=\"_center()\"\n        [attr.cy]=\"_center()\"\n        [attr.r]=\"_radius()\"\n        fill=\"none\"\n        [attr.stroke-width]=\"strokeWidth()\"\n        [attr.stroke-dasharray]=\"_circumference()\"\n        [attr.stroke-dashoffset]=\"_dashOffset()\"\n      />\n    </svg>\n  `,\n  styles: [`\n    @reference 'tailwindcss';\n\n    :host {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      --emr-spinner-color: var(--color-primary);\n      --emr-spinner-track-color: var(--color-surface-container-high);\n    }\n\n    .spinner-svg {\n      transform: rotate(-90deg);\n    }\n\n    .spinner-track {\n      stroke: var(--emr-spinner-track-color);\n    }\n\n    .spinner-fill {\n      stroke: var(--emr-spinner-color);\n      stroke-linecap: round;\n      transition: stroke-dashoffset 250ms ease;\n\n      :host([mode=\"indeterminate\"]) & {\n        animation: spinner-rotate 1.4s linear infinite, spinner-dash 1.4s ease-in-out infinite;\n      }\n    }\n\n    @keyframes spinner-rotate {\n      100% { transform: rotate(360deg); }\n    }\n\n    @keyframes spinner-dash {\n      0%   { stroke-dashoffset: var(--emr-spinner-dashoffset-start, 80%); }\n      50%  { stroke-dashoffset: var(--emr-spinner-dashoffset-mid, 20%); }\n      100% { stroke-dashoffset: var(--emr-spinner-dashoffset-start, 80%); }\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.mode]': 'mode()',\n  }\n})\nexport class ProgressSpinnerComponent {\n  mode = input<SpinnerMode>('indeterminate');\n  value = input(0, { transform: numberAttribute });\n  diameter = input(40, { transform: numberAttribute });\n  strokeWidth = input(4, { transform: numberAttribute });\n\n  protected _diameter = computed(() => this.diameter());\n  protected _center = computed(() => this.diameter() / 2);\n  protected _radius = computed(() => (this.diameter() - this.strokeWidth()) / 2);\n  protected _circumference = computed(() => 2 * Math.PI * this._radius());\n  protected _dashOffset = computed(() => {\n    if (this.mode() === 'indeterminate') return this._circumference() * 0.2;\n    const pct = Math.min(100, Math.max(0, this.value()));\n    return this._circumference() * (1 - pct / 100);\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}