@elementar-rt/components 0.6.58 → 0.7.0

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

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-stepper.mjs","sources":["../../../projects/components/stepper/src/step.component.ts","../../../projects/components/stepper/src/stepper.component.ts","../../../projects/components/stepper/elementar-rt-components-stepper.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  signal,\n  computed,\n  effect,\n  inject,\n  DestroyRef\n} from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { startWith } from 'rxjs/operators';\n\n@Component({\n  selector: 'emr-step',\n  exportAs: 'emrStep',\n  template: `<ng-content/>`,\n  styles: [`\n    :host {\n      display: block;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'emr-step',\n    '[style.display]': 'isActive() ? \"block\" : \"none\"',\n  }\n})\nexport class StepComponent {\n  /** Form control associated with this step */\n  stepControl = input<AbstractControl | undefined>(undefined);\n  /** Whether the step is optional */\n  optional = input(false);\n\n  /** Whether the user has interacted with this step (writable signal) */\n  readonly interacted = signal(false);\n  /** Whether this step is currently active (writable signal, controlled by Stepper) */\n  readonly isActive = signal(false);\n  /** Internal writable signal tracking the validity of the stepControl */\n  private readonly _isValid = signal(true); // Default to true if no control\n\n  private _destroyRef = inject(DestroyRef); // Inject DestroyRef for automatic cleanup\n\n  constructor() {\n    effect(() => {\n      const control = this.stepControl(); // Read the input signal\n\n      if (control) {\n        // Set initial validity based on the control's current state when the effect runs\n        this._isValid.set(control.valid);\n\n        // Subscribe to statusChanges and update the _isValid signal\n        // Use takeUntilDestroyed for automatic cleanup when the component is destroyed\n        control.statusChanges.pipe(\n          startWith(control.status), // Emit initial status immediately to sync _isValid\n          takeUntilDestroyed(this._destroyRef) // Automatically unsubscribe on component destroy\n        ).subscribe(() => {\n          // Update the internal validity signal whenever the control's status changes\n          this._isValid.set(control.valid);\n        });\n\n      } else {\n        // If no control is provided, consider the step inherently valid for completion\n        this._isValid.set(true);\n      }\n    });\n  }\n\n  /** Computed signal indicating if the step is completed */\n  readonly completed = computed(() => {\n    // A step is completed if it doesn't have a stepControl or\n    // if the internal _isValid signal (reflecting the control's validity) is true.\n    return !this.stepControl() || this._isValid();\n  });\n\n  /**\n   * Checks if the step is currently valid.\n   * Considers the validity of the associated stepControl if provided.\n   * @returns boolean True if the step is valid, false otherwise.\n   */\n  public isValid(): boolean {\n    return this._isValid(); // Directly return the tracked validity state\n  }\n\n  /** Resets the step's interacted state */\n  reset(): void {\n    this.interacted.set(false);\n  }\n\n  /** Sets the active state of the step */\n  setActive(active: boolean): void {\n    this.isActive.set(active);\n  }\n\n  /** Sets the interacted state of the step */\n  setInteracted(interacted: boolean): void {\n    this.interacted.set(interacted);\n  }\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  effect,\n  computed,\n  input,\n  model,\n  contentChildren,\n} from '@angular/core';\nimport { StepComponent } from './step.component';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Component({\n  selector: 'emr-stepper',\n  exportAs: 'emrStepper',\n  standalone: true,\n  template: `<ng-content select=\"emr-step\"/>`,\n  styles: [`\n    :host {\n      display: block;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'emr-stepper',\n  },\n})\nexport class StepperComponent {\n  /** Whether the stepper should operate in linear mode. */\n  readonly linear = input(false, {\n    transform: coerceBooleanProperty\n  });\n  /** The index of the active step (two-way bound). */\n  readonly selectedIndex = model(0);\n\n  /** Collection of child StepComponent instances. */\n  readonly steps = contentChildren(StepComponent);\n\n  /** Computed signal for the total number of steps. */\n  readonly stepsCount = computed(() => {\n    return this.steps()?.length ?? 0;\n  });\n\n  /** The currently selected StepComponent instance. */\n  readonly selected = computed(() => {\n    const index = this.selectedIndex();\n    const stepList = this.steps();\n    // Use the stepsCount() computed signal for checking length\n    return stepList && index >= 0 && index < this.stepsCount() ? stepList[index] : undefined;\n  });\n\n  /** Checks if the user can navigate to the next step. */\n  readonly canMoveNext = computed(() => {\n    const index = this.selectedIndex();\n    // Use stepsCount() signal\n    const totalSteps = this.stepsCount();\n    const currentSelected = this.selected();\n    const isLinear = this.linear();\n\n    // Cannot move next if there are no steps or already on the last step\n    if (totalSteps === 0 || index >= totalSteps - 1) {\n      return false;\n    }\n    if (!isLinear || !currentSelected) {\n      return true;\n    }\n    return currentSelected.completed() || currentSelected.optional();\n  });\n\n  /** Computed signal indicating if the current step is the first step. */\n  readonly isFirstStep = computed(() => {\n    const index = this.selectedIndex();\n    // Use stepsCount() signal\n    return index === 0 && this.stepsCount() > 0;\n  });\n\n  /** Computed signal indicating if the current step is the last step. */\n  readonly isLastStep = computed(() => {\n    const index = this.selectedIndex();\n    // Use stepsCount() signal\n    const totalSteps = this.stepsCount();\n    return totalSteps > 0 && index === totalSteps - 1;\n  });\n\n  /** Computed signal calculating the progress percentage. */\n  readonly progressPercent = computed(() => {\n    const totalSteps = this.stepsCount();\n    const index = this.selectedIndex();\n\n    if (totalSteps === 0) {\n      return 0;\n    }\n\n    const progress = (100 / totalSteps) * (index + 1);\n    return Math.max(0, Math.min(100, progress));\n  });\n\n  constructor() {\n    effect(() => {\n      const currentSteps = this.steps();\n      const currentIndex = this.selectedIndex();\n      currentSteps.forEach((step, index) => step.setActive(index === currentIndex));\n    });\n\n    effect((onCleanup) => { // Mark as interacted\n      const currentSelected = this.selected();\n      if (currentSelected && !currentSelected.interacted()) {\n        currentSelected.setInteracted(true);\n      }\n    });\n\n    effect(() => { // Validate index\n      const totalSteps = this.stepsCount();\n      const currentIndex = this.selectedIndex();\n\n      if (totalSteps > 0) {\n        const newIndex = Math.max(0, Math.min(currentIndex, totalSteps - 1));\n        if (newIndex !== currentIndex) this.selectedIndex.set(newIndex);\n      } else if (currentIndex !== 0) {\n        this.selectedIndex.set(0);\n      }\n    });\n  }\n\n  /** Navigates to the next step if possible. */\n  next(): void {\n    if (this.canMoveNext()) {\n      this.selectedIndex.update(i => i + 1);\n    }\n  }\n\n  /** Navigates to the previous step if possible. */\n  previous(): void {\n    // Use renamed computed signal for check\n    if (!this.isFirstStep()) {\n      this.selectedIndex.update(i => i - 1);\n    }\n  }\n\n  /** Resets the stepper to the first step. */\n  reset(): void {\n    this.steps().forEach(step => step.reset());\n    this.selectedIndex.set(0);\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-stepper.mjs","sources":["../../../projects/components/stepper/src/step.component.ts","../../../projects/components/stepper/src/stepper.component.ts","../../../projects/components/stepper/elementar-rt-components-stepper.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  signal,\n  computed,\n  effect,\n  inject,\n  DestroyRef\n} from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { startWith } from 'rxjs/operators';\n\n@Component({\n  selector: 'emr-step',\n  exportAs: 'emrStep',\n  template: `<ng-content/>`,\n  styles: [`\n    :host {\n      display: block;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'emr-step',\n    '[style.display]': 'isActive() ? \"block\" : \"none\"',\n  }\n})\nexport class StepComponent {\n  /** Form control associated with this step */\n  stepControl = input<AbstractControl | undefined>(undefined);\n  /** Whether the step is optional */\n  optional = input(false);\n\n  /** Whether the user has interacted with this step (writable signal) */\n  readonly interacted = signal(false);\n  /** Whether this step is currently active (writable signal, controlled by Stepper) */\n  readonly isActive = signal(false);\n  /** Internal writable signal tracking the validity of the stepControl */\n  private readonly _isValid = signal(true); // Default to true if no control\n\n  private _destroyRef = inject(DestroyRef); // Inject DestroyRef for automatic cleanup\n\n  constructor() {\n    effect(() => {\n      const control = this.stepControl(); // Read the input signal\n\n      if (control) {\n        // Set initial validity based on the control's current state when the effect runs\n        this._isValid.set(control.valid);\n\n        // Subscribe to statusChanges and update the _isValid signal\n        // Use takeUntilDestroyed for automatic cleanup when the component is destroyed\n        control.statusChanges.pipe(\n          startWith(control.status), // Emit initial status immediately to sync _isValid\n          takeUntilDestroyed(this._destroyRef) // Automatically unsubscribe on component destroy\n        ).subscribe(() => {\n          // Update the internal validity signal whenever the control's status changes\n          this._isValid.set(control.valid);\n        });\n\n      } else {\n        // If no control is provided, consider the step inherently valid for completion\n        this._isValid.set(true);\n      }\n    });\n  }\n\n  /** Computed signal indicating if the step is completed */\n  readonly completed = computed(() => {\n    // A step is completed if it doesn't have a stepControl or\n    // if the internal _isValid signal (reflecting the control's validity) is true.\n    return !this.stepControl() || this._isValid();\n  });\n\n  /**\n   * Checks if the step is currently valid.\n   * Considers the validity of the associated stepControl if provided.\n   * @returns boolean True if the step is valid, false otherwise.\n   */\n  public isValid(): boolean {\n    return this._isValid(); // Directly return the tracked validity state\n  }\n\n  /** Resets the step's interacted state */\n  reset(): void {\n    this.interacted.set(false);\n  }\n\n  /** Sets the active state of the step */\n  setActive(active: boolean): void {\n    this.isActive.set(active);\n  }\n\n  /** Sets the interacted state of the step */\n  setInteracted(interacted: boolean): void {\n    this.interacted.set(interacted);\n  }\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  effect,\n  computed,\n  input,\n  model,\n  contentChildren,\n} from '@angular/core';\nimport { StepComponent } from './step.component';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\n@Component({\n  selector: 'emr-stepper',\n  exportAs: 'emrStepper',\n  standalone: true,\n  template: `<ng-content select=\"emr-step\"/>`,\n  styles: [`\n    :host {\n      display: block;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'emr-stepper',\n  },\n})\nexport class StepperComponent {\n  /** Whether the stepper should operate in linear mode. */\n  readonly linear = input(false, {\n    transform: coerceBooleanProperty\n  });\n  /** The index of the active step (two-way bound). */\n  readonly selectedIndex = model(0);\n\n  /** Collection of child StepComponent instances. */\n  readonly steps = contentChildren(StepComponent);\n\n  /** Computed signal for the total number of steps. */\n  readonly stepsCount = computed(() => {\n    return this.steps()?.length ?? 0;\n  });\n\n  /** The currently selected StepComponent instance. */\n  readonly selected = computed(() => {\n    const index = this.selectedIndex();\n    const stepList = this.steps();\n    // Use the stepsCount() computed signal for checking length\n    return stepList && index >= 0 && index < this.stepsCount() ? stepList[index] : undefined;\n  });\n\n  /** Checks if the user can navigate to the next step. */\n  readonly canMoveNext = computed(() => {\n    const index = this.selectedIndex();\n    // Use stepsCount() signal\n    const totalSteps = this.stepsCount();\n    const currentSelected = this.selected();\n    const isLinear = this.linear();\n\n    // Cannot move next if there are no steps or already on the last step\n    if (totalSteps === 0 || index >= totalSteps - 1) {\n      return false;\n    }\n    if (!isLinear || !currentSelected) {\n      return true;\n    }\n    return currentSelected.completed() || currentSelected.optional();\n  });\n\n  /** Computed signal indicating if the current step is the first step. */\n  readonly isFirstStep = computed(() => {\n    const index = this.selectedIndex();\n    // Use stepsCount() signal\n    return index === 0 && this.stepsCount() > 0;\n  });\n\n  /** Computed signal indicating if the current step is the last step. */\n  readonly isLastStep = computed(() => {\n    const index = this.selectedIndex();\n    // Use stepsCount() signal\n    const totalSteps = this.stepsCount();\n    return totalSteps > 0 && index === totalSteps - 1;\n  });\n\n  /** Computed signal calculating the progress percentage. */\n  readonly progressPercent = computed(() => {\n    const totalSteps = this.stepsCount();\n    const index = this.selectedIndex();\n\n    if (totalSteps === 0) {\n      return 0;\n    }\n\n    const progress = (100 / totalSteps) * (index + 1);\n    return Math.max(0, Math.min(100, progress));\n  });\n\n  constructor() {\n    effect(() => {\n      const currentSteps = this.steps();\n      const currentIndex = this.selectedIndex();\n      currentSteps.forEach((step, index) => step.setActive(index === currentIndex));\n    });\n\n    effect((onCleanup) => { // Mark as interacted\n      const currentSelected = this.selected();\n      if (currentSelected && !currentSelected.interacted()) {\n        currentSelected.setInteracted(true);\n      }\n    });\n\n    effect(() => { // Validate index\n      const totalSteps = this.stepsCount();\n      const currentIndex = this.selectedIndex();\n\n      if (totalSteps > 0) {\n        const newIndex = Math.max(0, Math.min(currentIndex, totalSteps - 1));\n        if (newIndex !== currentIndex) this.selectedIndex.set(newIndex);\n      } else if (currentIndex !== 0) {\n        this.selectedIndex.set(0);\n      }\n    });\n  }\n\n  /** Navigates to the next step if possible. */\n  next(): void {\n    if (this.canMoveNext()) {\n      this.selectedIndex.update(i => i + 1);\n    }\n  }\n\n  /** Navigates to the previous step if possible. */\n  previous(): void {\n    // Use renamed computed signal for check\n    if (!this.isFirstStep()) {\n      this.selectedIndex.update(i => i - 1);\n    }\n  }\n\n  /** Resets the stepper to the first step. */\n  reset(): void {\n    this.steps().forEach(step => step.reset());\n    this.selectedIndex.set(0);\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-suggestions.mjs

@@ -5,50 +5,46 @@ import { MatRipple } from '@angular/material/core';
 import { MatDivider } from '@angular/material/divider';
 
 class SuggestionsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: SuggestionsComponent, isStandalone: true, selector: "emr-suggestions", host: { classAttribute: "emr-suggestions" }, exportAs: ["emrSuggestions"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{--emr-suggestions-bg: var(--color-surface-container-lowest);--emr-suggestion-block-heading-color: var(--color-on-surface);--emr-suggestion-block-font-size: var(--text-xs);--emr-suggestion-block-font-weight: 600;--emr-suggestion-block-content-padding: calc(var(--spacing) * 2) 0;--emr-suggestion-height: calc(var(--spacing) * 11);--emr-suggestion-padding: 0 calc(var(--spacing) * 2);--emr-suggestion-hover-bg: var(--color-surface-container-low);--emr-suggestion-border-radius: calc(infinity * 1px);display:block;overflow-y:auto;background-color:var(--emr-suggestions-bg)}:host-context(html.dark){--emr-suggestions-bg: var(--color-surface-container-high);--emr-suggestion-hover-bg: var(--color-surface-bright)}\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: SuggestionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: SuggestionsComponent, isStandalone: true, selector: "emr-suggestions", host: { classAttribute: "emr-suggestions" }, exportAs: ["emrSuggestions"], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{--emr-suggestions-bg: var(--color-surface-container-lowest);--emr-suggestion-block-heading-color: var(--color-on-surface);--emr-suggestion-block-font-size: var(--text-xs);--emr-suggestion-block-font-weight: 600;--emr-suggestion-block-content-padding: calc(var(--spacing) * 2) 0;--emr-suggestion-height: calc(var(--spacing) * 11);--emr-suggestion-padding: 0 calc(var(--spacing) * 2);--emr-suggestion-hover-bg: var(--color-surface-container-low);--emr-suggestion-border-radius: calc(infinity * 1px);display:block;overflow-y:auto;background-color:var(--emr-suggestions-bg)}:host-context(html.dark){--emr-suggestions-bg: var(--color-surface-container-high);--emr-suggestion-hover-bg: var(--color-surface-bright)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SuggestionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-suggestions', exportAs: 'emrSuggestions', imports: [], host: {
                         'class': 'emr-suggestions'
-                    }, template: "<ng-content></ng-content>\n", styles: [":host{--emr-suggestions-bg: var(--color-surface-container-lowest);--emr-suggestion-block-heading-color: var(--color-on-surface);--emr-suggestion-block-font-size: var(--text-xs);--emr-suggestion-block-font-weight: 600;--emr-suggestion-block-content-padding: calc(var(--spacing) * 2) 0;--emr-suggestion-height: calc(var(--spacing) * 11);--emr-suggestion-padding: 0 calc(var(--spacing) * 2);--emr-suggestion-hover-bg: var(--color-surface-container-low);--emr-suggestion-border-radius: calc(infinity * 1px);display:block;overflow-y:auto;background-color:var(--emr-suggestions-bg)}:host-context(html.dark){--emr-suggestions-bg: var(--color-surface-container-high);--emr-suggestion-hover-bg: var(--color-surface-bright)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content></ng-content>\n", styles: [":host{--emr-suggestions-bg: var(--color-surface-container-lowest);--emr-suggestion-block-heading-color: var(--color-on-surface);--emr-suggestion-block-font-size: var(--text-xs);--emr-suggestion-block-font-weight: 600;--emr-suggestion-block-content-padding: calc(var(--spacing) * 2) 0;--emr-suggestion-height: calc(var(--spacing) * 11);--emr-suggestion-padding: 0 calc(var(--spacing) * 2);--emr-suggestion-hover-bg: var(--color-surface-container-low);--emr-suggestion-border-radius: calc(infinity * 1px);display:block;overflow-y:auto;background-color:var(--emr-suggestions-bg)}:host-context(html.dark){--emr-suggestions-bg: var(--color-surface-container-high);--emr-suggestion-hover-bg: var(--color-surface-bright)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class SuggestionComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: SuggestionComponent, isStandalone: true, selector: "emr-suggestion,[emr-suggestion]", exportAs: ["emrSuggestion"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0, template: "<div class=\"figure\">\n  <div class=\"icon\">\n    <ng-content select=\"[emrSuggestionIcon]\"/>\n  </div>\n  <div class=\"thumb\">\n    <ng-content select=\"[emrSuggestionThumb]\"/>\n  </div>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;align-items:center;width:100%;gap:calc(var(--spacing) * 2.5);height:var(--emr-suggestion-height);padding:var(--emr-suggestion-padding);border-radius:var(--emr-suggestion-border-radius)}:host:hover{background:var(--emr-suggestion-hover-bg);cursor:pointer}:host .figure{line-height:0}:host .icon,:host .thumb{line-height:0;display:inline-flex;align-items:center;justify-content:center;--emr-avatar-size: calc(var(--spacing) * 8);border-radius:calc(infinity * 1px)}:host .icon:empty,:host .thumb:empty{display:none}:host .content{display:flex;align-items:center;gap:calc(var(--spacing) * 2.5);font-size:.875rem}\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: SuggestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: SuggestionComponent, isStandalone: true, selector: "emr-suggestion,[emr-suggestion]", exportAs: ["emrSuggestion"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0, template: "<div class=\"figure\">\n  <div class=\"icon\">\n    <ng-content select=\"[emrSuggestionIcon]\"/>\n  </div>\n  <div class=\"thumb\">\n    <ng-content select=\"[emrSuggestionThumb]\"/>\n  </div>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;align-items:center;width:100%;gap:calc(var(--spacing) * 2.5);height:var(--emr-suggestion-height);padding:var(--emr-suggestion-padding);border-radius:var(--emr-suggestion-border-radius)}:host:hover{background:var(--emr-suggestion-hover-bg);cursor:pointer}:host .figure{line-height:0}:host .icon,:host .thumb{line-height:0;display:inline-flex;align-items:center;justify-content:center;--emr-avatar-size: calc(var(--spacing) * 8);border-radius:calc(infinity * 1px)}:host .icon:empty,:host .thumb:empty{display:none}:host .content{display:flex;align-items:center;gap:calc(var(--spacing) * 2.5);font-size:.875rem}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SuggestionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-suggestion,[emr-suggestion]', exportAs: 'emrSuggestion', imports: [], hostDirectives: [
                         MatRipple
-                    ], template: "<div class=\"figure\">\n  <div class=\"icon\">\n    <ng-content select=\"[emrSuggestionIcon]\"/>\n  </div>\n  <div class=\"thumb\">\n    <ng-content select=\"[emrSuggestionThumb]\"/>\n  </div>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;align-items:center;width:100%;gap:calc(var(--spacing) * 2.5);height:var(--emr-suggestion-height);padding:var(--emr-suggestion-padding);border-radius:var(--emr-suggestion-border-radius)}:host:hover{background:var(--emr-suggestion-hover-bg);cursor:pointer}:host .figure{line-height:0}:host .icon,:host .thumb{line-height:0;display:inline-flex;align-items:center;justify-content:center;--emr-avatar-size: calc(var(--spacing) * 8);border-radius:calc(infinity * 1px)}:host .icon:empty,:host .thumb:empty{display:none}:host .content{display:flex;align-items:center;gap:calc(var(--spacing) * 2.5);font-size:.875rem}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "<div class=\"figure\">\n  <div class=\"icon\">\n    <ng-content select=\"[emrSuggestionIcon]\"/>\n  </div>\n  <div class=\"thumb\">\n    <ng-content select=\"[emrSuggestionThumb]\"/>\n  </div>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;align-items:center;width:100%;gap:calc(var(--spacing) * 2.5);height:var(--emr-suggestion-height);padding:var(--emr-suggestion-padding);border-radius:var(--emr-suggestion-border-radius)}:host:hover{background:var(--emr-suggestion-hover-bg);cursor:pointer}:host .figure{line-height:0}:host .icon,:host .thumb{line-height:0;display:inline-flex;align-items:center;justify-content:center;--emr-avatar-size: calc(var(--spacing) * 8);border-radius:calc(infinity * 1px)}:host .icon:empty,:host .thumb:empty{display:none}:host .content{display:flex;align-items:center;gap:calc(var(--spacing) * 2.5);font-size:.875rem}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class SuggestionBlockComponent {
-    heading = input(...(ngDevMode ? [undefined, { debugName: "heading" }] : []));
-    showDivider = input(false, ...(ngDevMode ? [{ debugName: "showDivider", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    inline = input(false, ...(ngDevMode ? [{ debugName: "inline", transform: booleanAttribute }] : [{
-            transform: booleanAttribute,
-        }]));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SuggestionBlockComponent, isStandalone: true, selector: "emr-suggestion-block", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, showDivider: { classPropertyName: "showDivider", publicName: "showDivider", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["emrSuggestionBlock"], ngImport: i0, template: "@if (showDivider()) {\n  <div class=\"my-4 px-2\">\n    <mat-divider/>\n  </div>\n}\n\n@if (heading()) {\n  <div class=\"heading\">{{ heading() }}</div>\n}\n\n<div class=\"content\" [class.is-inline]=\"inline()\">\n  <ng-content/>\n</div>\n", styles: [":host{display:block}:host .heading{color:var(--emr-suggestion-block-heading-color);font-size:var(--emr-suggestion-block-font-size);font-weight:var(--emr-suggestion-block-font-weight);padding:var(--emr-suggestion-padding)}:host .content{padding:var(--emr-suggestion-block-content-padding)}:host .content.is-inline{display:flex;gap:calc(var(--spacing) * 3)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }] });
+    heading = input(...(ngDevMode ? [undefined, { debugName: "heading" }] : /* istanbul ignore next */ []));
+    showDivider = input(false, { ...(ngDevMode ? { debugName: "showDivider" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SuggestionBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: SuggestionBlockComponent, isStandalone: true, selector: "emr-suggestion-block", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, showDivider: { classPropertyName: "showDivider", publicName: "showDivider", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["emrSuggestionBlock"], ngImport: i0, template: "@if (showDivider()) {\n  <div class=\"my-4 px-2\">\n    <mat-divider/>\n  </div>\n}\n\n@if (heading()) {\n  <div class=\"heading\">{{ heading() }}</div>\n}\n\n<div class=\"content\" [class.is-inline]=\"inline()\">\n  <ng-content/>\n</div>\n", styles: [":host{display:block}:host .heading{color:var(--emr-suggestion-block-heading-color);font-size:var(--emr-suggestion-block-font-size);font-weight:var(--emr-suggestion-block-font-weight);padding:var(--emr-suggestion-padding)}:host .content{padding:var(--emr-suggestion-block-content-padding)}:host .content.is-inline{display:flex;gap:calc(var(--spacing) * 3)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionBlockComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SuggestionBlockComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-suggestion-block', exportAs: 'emrSuggestionBlock', imports: [
                         MatDivider
-                    ], template: "@if (showDivider()) {\n  <div class=\"my-4 px-2\">\n    <mat-divider/>\n  </div>\n}\n\n@if (heading()) {\n  <div class=\"heading\">{{ heading() }}</div>\n}\n\n<div class=\"content\" [class.is-inline]=\"inline()\">\n  <ng-content/>\n</div>\n", styles: [":host{display:block}:host .heading{color:var(--emr-suggestion-block-heading-color);font-size:var(--emr-suggestion-block-font-size);font-weight:var(--emr-suggestion-block-font-weight);padding:var(--emr-suggestion-padding)}:host .content{padding:var(--emr-suggestion-block-content-padding)}:host .content.is-inline{display:flex;gap:calc(var(--spacing) * 3)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "@if (showDivider()) {\n  <div class=\"my-4 px-2\">\n    <mat-divider/>\n  </div>\n}\n\n@if (heading()) {\n  <div class=\"heading\">{{ heading() }}</div>\n}\n\n<div class=\"content\" [class.is-inline]=\"inline()\">\n  <ng-content/>\n</div>\n", styles: [":host{display:block}:host .heading{color:var(--emr-suggestion-block-heading-color);font-size:var(--emr-suggestion-block-font-size);font-weight:var(--emr-suggestion-block-font-weight);padding:var(--emr-suggestion-padding)}:host .content{padding:var(--emr-suggestion-block-content-padding)}:host .content.is-inline{display:flex;gap:calc(var(--spacing) * 3)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], showDivider: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDivider", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }] } });
 
 class SuggestionIconDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: SuggestionIconDirective, isStandalone: true, selector: "[emrSuggestionIcon]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SuggestionIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: SuggestionIconDirective, isStandalone: true, selector: "[emrSuggestionIcon]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SuggestionIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrSuggestionIcon]',
@@ -57,10 +53,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         }] });
 
 class SuggestionThumbDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionThumbDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: SuggestionThumbDirective, isStandalone: true, selector: "[emrSuggestionThumb]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SuggestionThumbDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: SuggestionThumbDirective, isStandalone: true, selector: "[emrSuggestionThumb]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SuggestionThumbDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SuggestionThumbDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrSuggestionThumb]',

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

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-suggestions.mjs","sources":["../../../projects/components/suggestions/src/suggestions/suggestions.component.ts","../../../projects/components/suggestions/src/suggestions/suggestions.component.html","../../../projects/components/suggestions/src/suggestion/suggestion.component.ts","../../../projects/components/suggestions/src/suggestion/suggestion.component.html","../../../projects/components/suggestions/src/suggestion-block/suggestion-block.component.ts","../../../projects/components/suggestions/src/suggestion-block/suggestion-block.component.html","../../../projects/components/suggestions/src/suggestion-icon.directive.ts","../../../projects/components/suggestions/src/suggestion-thumb.directive.ts","../../../projects/components/suggestions/elementar-rt-components-suggestions.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'emr-suggestions',\n  exportAs: 'emrSuggestions',\n  imports: [],\n  templateUrl: './suggestions.component.html',\n  styleUrl: './suggestions.component.scss',\n  host: {\n    'class': 'emr-suggestions'\n  }\n})\nexport class SuggestionsComponent {\n\n}\n","<ng-content></ng-content>\n","import { Component } from '@angular/core';\nimport { MatRipple } from '@angular/material/core';\n\n@Component({\n  selector: 'emr-suggestion,[emr-suggestion]',\n  exportAs: 'emrSuggestion',\n  imports: [],\n  templateUrl: './suggestion.component.html',\n  styleUrl: './suggestion.component.scss',\n  hostDirectives: [\n    MatRipple\n  ]\n})\nexport class SuggestionComponent {\n\n}\n","<div class=\"figure\">\n  <div class=\"icon\">\n    <ng-content select=\"[emrSuggestionIcon]\"/>\n  </div>\n  <div class=\"thumb\">\n    <ng-content select=\"[emrSuggestionThumb]\"/>\n  </div>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n","import { booleanAttribute, Component, input, Input } from '@angular/core';\nimport { MatDivider } from '@angular/material/divider';\n\n@Component({\n  selector: 'emr-suggestion-block',\n  exportAs: 'emrSuggestionBlock',\n  imports: [\n    MatDivider\n  ],\n  templateUrl: './suggestion-block.component.html',\n  styleUrl: './suggestion-block.component.scss'\n})\nexport class SuggestionBlockComponent {\n  heading = input();\n  showDivider = input(false, {\n    transform: booleanAttribute,\n  });\n  inline = input(false, {\n    transform: booleanAttribute,\n  });\n}\n","@if (showDivider()) {\n  <div class=\"my-4 px-2\">\n    <mat-divider/>\n  </div>\n}\n\n@if (heading()) {\n  <div class=\"heading\">{{ heading() }}</div>\n}\n\n<div class=\"content\" [class.is-inline]=\"inline()\">\n  <ng-content/>\n</div>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[emrSuggestionIcon]',\n  standalone: true\n})\nexport class SuggestionIconDirective {\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[emrSuggestionThumb]',\n  standalone: true\n})\nexport class SuggestionThumbDirective {\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-suggestions.mjs","sources":["../../../projects/components/suggestions/src/suggestions/suggestions.component.ts","../../../projects/components/suggestions/src/suggestions/suggestions.component.html","../../../projects/components/suggestions/src/suggestion/suggestion.component.ts","../../../projects/components/suggestions/src/suggestion/suggestion.component.html","../../../projects/components/suggestions/src/suggestion-block/suggestion-block.component.ts","../../../projects/components/suggestions/src/suggestion-block/suggestion-block.component.html","../../../projects/components/suggestions/src/suggestion-icon.directive.ts","../../../projects/components/suggestions/src/suggestion-thumb.directive.ts","../../../projects/components/suggestions/elementar-rt-components-suggestions.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'emr-suggestions',\n  exportAs: 'emrSuggestions',\n  imports: [],\n  templateUrl: './suggestions.component.html',\n  styleUrl: './suggestions.component.scss',\n  host: {\n    'class': 'emr-suggestions'\n  }\n})\nexport class SuggestionsComponent {\n\n}\n","<ng-content></ng-content>\n","import { Component } from '@angular/core';\nimport { MatRipple } from '@angular/material/core';\n\n@Component({\n  selector: 'emr-suggestion,[emr-suggestion]',\n  exportAs: 'emrSuggestion',\n  imports: [],\n  templateUrl: './suggestion.component.html',\n  styleUrl: './suggestion.component.scss',\n  hostDirectives: [\n    MatRipple\n  ]\n})\nexport class SuggestionComponent {\n\n}\n","<div class=\"figure\">\n  <div class=\"icon\">\n    <ng-content select=\"[emrSuggestionIcon]\"/>\n  </div>\n  <div class=\"thumb\">\n    <ng-content select=\"[emrSuggestionThumb]\"/>\n  </div>\n</div>\n<div class=\"content\">\n  <ng-content/>\n</div>\n","import { booleanAttribute, Component, input, Input } from '@angular/core';\nimport { MatDivider } from '@angular/material/divider';\n\n@Component({\n  selector: 'emr-suggestion-block',\n  exportAs: 'emrSuggestionBlock',\n  imports: [\n    MatDivider\n  ],\n  templateUrl: './suggestion-block.component.html',\n  styleUrl: './suggestion-block.component.scss'\n})\nexport class SuggestionBlockComponent {\n  heading = input();\n  showDivider = input(false, {\n    transform: booleanAttribute,\n  });\n  inline = input(false, {\n    transform: booleanAttribute,\n  });\n}\n","@if (showDivider()) {\n  <div class=\"my-4 px-2\">\n    <mat-divider/>\n  </div>\n}\n\n@if (heading()) {\n  <div class=\"heading\">{{ heading() }}</div>\n}\n\n<div class=\"content\" [class.is-inline]=\"inline()\">\n  <ng-content/>\n</div>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[emrSuggestionIcon]',\n  standalone: true\n})\nexport class SuggestionIconDirective {\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[emrSuggestionThumb]',\n  standalone: true\n})\nexport class SuggestionThumbDirective {\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-tab-panel.mjs

@@ -20,23 +20,19 @@ class TabPanelApiService {
     hasActive() {
         return this._selectionModel.hasValue();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelApiService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelApiService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelApiService, decorators: [{
             type: Injectable
         }] });
 
 class TabPanelComponent {
     _destroyRef = inject(DestroyRef);
     api = inject(TabPanelApiService);
-    hideContentIfTabNotSelected = input(false, ...(ngDevMode ? [{ debugName: "hideContentIfTabNotSelected", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
-    activeItemId = input(...(ngDevMode ? [undefined, { debugName: "activeItemId" }] : []));
-    compact = input(false, ...(ngDevMode ? [{ debugName: "compact", transform: booleanAttribute }] : [{
-            transform: booleanAttribute
-        }]));
+    hideContentIfTabNotSelected = input(false, { ...(ngDevMode ? { debugName: "hideContentIfTabNotSelected" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    activeItemId = input(...(ngDevMode ? [undefined, { debugName: "activeItemId" }] : /* istanbul ignore next */ []));
+    compact = input(false, { ...(ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     itemIdChanged = output();
     ngOnInit() {
         this.api
@@ -51,12 +47,12 @@ class TabPanelComponent {
             this.api.activate(changes['activeItemId'].currentValue, false);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: TabPanelComponent, isStandalone: true, selector: "emr-tab-panel", inputs: { hideContentIfTabNotSelected: { classPropertyName: "hideContentIfTabNotSelected", publicName: "hideContentIfTabNotSelected", isSignal: true, isRequired: false, transformFunction: null }, activeItemId: { classPropertyName: "activeItemId", publicName: "activeItemId", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemIdChanged: "itemIdChanged" }, host: { properties: { "class.is-hide-content-if-tab-not-selected": "hideContentIfTabNotSelected()", "class.is-compact": "compact()" }, classAttribute: "emr-tab-panel" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: TabPanelComponent, isStandalone: true, selector: "emr-tab-panel", inputs: { hideContentIfTabNotSelected: { classPropertyName: "hideContentIfTabNotSelected", publicName: "hideContentIfTabNotSelected", isSignal: true, isRequired: false, transformFunction: null }, activeItemId: { classPropertyName: "activeItemId", publicName: "activeItemId", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemIdChanged: "itemIdChanged" }, host: { properties: { "class.is-hide-content-if-tab-not-selected": "hideContentIfTabNotSelected()", "class.is-compact": "compact()" }, classAttribute: "emr-tab-panel" }, providers: [
             TabPanelApiService
-        ], exportAs: ["emrTabPanel"], usesOnChanges: true, ngImport: i0, template: "<div class=\"panel\">\n  <ng-content select=\"emr-tab-panel-header\"/>\n  <ng-content select=\"emr-tab-panel-body\"/>\n  <ng-content select=\"emr-tab-panel-footer\"/>\n</div>\n<ng-content select=\"emr-tab-panel-aside\"/>\n", styles: [":host{--emr-tab-panel-width: 5rem;--emr-tab-panel-item-width: 3.75rem;--emr-tab-panel-item-height: 3.75rem;--emr-tab-panel-item-padding: calc(var(--spacing) * 2);--emr-tab-panel-item-color: var(--color-neutral-500);--emr-tab-panel-item-gap: calc(var(--spacing) * 1);--emr-tab-panel-item-hover-bg: var(--color-neutral-200);--emr-tab-panel-item-hover-color: var(--color-neutral-700);--emr-tab-panel-item-active-bg: var(--color-secondary-fixed);--emr-tab-panel-item-active-color: var(--color-on-secondary-fixed);--emr-tab-panel-item-border-radius: .75rem;--emr-tab-panel-aside-width: 18.75rem;--emr-tab-panel-border-end: 1px solid var(--color-border);--emr-tab-panel-nav-padding: calc(var(--spacing) * 2.5);--emr-tab-panel-nav-gap: calc(var(--spacing) * 3);--emr-tab-panel-item-text-font-size: var(--text-xs);--emr-tab-panel-item-icon-font-size: 1.5rem;--emr-tab-panel-compact-width: calc(var(--spacing, .25rem) * 14);--emr-tab-panel-compact-item-width: calc(var(--spacing, .25rem) * 10);--emr-tab-panel-compact-item-height: calc(var(--spacing, .25rem) * 10);display:flex;width:min-content;align-items:stretch}:host .panel{display:flex;flex-direction:column;border-right:var(--emr-tab-panel-border-end);width:var(--emr-tab-panel-width);flex:none}:host.is-compact .panel{width:var(--emr-tab-panel-compact-width)}:host-context(html.dark){--emr-tab-panel-item-hover-bg: var(--color-neutral-700);--emr-tab-panel-item-hover-color: var(--color-primary-200)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+        ], exportAs: ["emrTabPanel"], usesOnChanges: true, ngImport: i0, template: "<div class=\"panel\">\n  <ng-content select=\"emr-tab-panel-header\"/>\n  <ng-content select=\"emr-tab-panel-body\"/>\n  <ng-content select=\"emr-tab-panel-footer\"/>\n</div>\n<ng-content select=\"emr-tab-panel-aside\"/>\n", styles: [":host{--emr-tab-panel-width: 5rem;--emr-tab-panel-item-width: 3.75rem;--emr-tab-panel-item-height: 3.75rem;--emr-tab-panel-item-padding: calc(var(--spacing) * 2);--emr-tab-panel-item-color: var(--color-neutral-500);--emr-tab-panel-item-gap: calc(var(--spacing) * 1);--emr-tab-panel-item-hover-bg: var(--color-neutral-200);--emr-tab-panel-item-hover-color: var(--color-neutral-700);--emr-tab-panel-item-active-bg: var(--color-secondary-fixed);--emr-tab-panel-item-active-color: var(--color-on-secondary-fixed);--emr-tab-panel-item-border-radius: .75rem;--emr-tab-panel-aside-width: 18.75rem;--emr-tab-panel-border-end: 1px solid var(--color-border);--emr-tab-panel-nav-padding: calc(var(--spacing) * 2.5);--emr-tab-panel-nav-gap: calc(var(--spacing) * 3);--emr-tab-panel-item-text-font-size: var(--text-xs);--emr-tab-panel-item-icon-font-size: 1.5rem;--emr-tab-panel-compact-width: calc(var(--spacing, .25rem) * 14);--emr-tab-panel-compact-item-width: calc(var(--spacing, .25rem) * 10);--emr-tab-panel-compact-item-height: calc(var(--spacing, .25rem) * 10);display:flex;width:min-content;align-items:stretch}:host .panel{display:flex;flex-direction:column;border-right:var(--emr-tab-panel-border-end);width:var(--emr-tab-panel-width);flex:none}:host.is-compact .panel{width:var(--emr-tab-panel-compact-width)}:host-context(html.dark){--emr-tab-panel-item-hover-bg: var(--color-neutral-700);--emr-tab-panel-item-hover-color: var(--color-primary-200)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tab-panel', exportAs: 'emrTabPanel', providers: [
                         TabPanelApiService
@@ -64,29 +60,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         'class': 'emr-tab-panel',
                         '[class.is-hide-content-if-tab-not-selected]': 'hideContentIfTabNotSelected()',
                         '[class.is-compact]': 'compact()',
-                    }, template: "<div class=\"panel\">\n  <ng-content select=\"emr-tab-panel-header\"/>\n  <ng-content select=\"emr-tab-panel-body\"/>\n  <ng-content select=\"emr-tab-panel-footer\"/>\n</div>\n<ng-content select=\"emr-tab-panel-aside\"/>\n", styles: [":host{--emr-tab-panel-width: 5rem;--emr-tab-panel-item-width: 3.75rem;--emr-tab-panel-item-height: 3.75rem;--emr-tab-panel-item-padding: calc(var(--spacing) * 2);--emr-tab-panel-item-color: var(--color-neutral-500);--emr-tab-panel-item-gap: calc(var(--spacing) * 1);--emr-tab-panel-item-hover-bg: var(--color-neutral-200);--emr-tab-panel-item-hover-color: var(--color-neutral-700);--emr-tab-panel-item-active-bg: var(--color-secondary-fixed);--emr-tab-panel-item-active-color: var(--color-on-secondary-fixed);--emr-tab-panel-item-border-radius: .75rem;--emr-tab-panel-aside-width: 18.75rem;--emr-tab-panel-border-end: 1px solid var(--color-border);--emr-tab-panel-nav-padding: calc(var(--spacing) * 2.5);--emr-tab-panel-nav-gap: calc(var(--spacing) * 3);--emr-tab-panel-item-text-font-size: var(--text-xs);--emr-tab-panel-item-icon-font-size: 1.5rem;--emr-tab-panel-compact-width: calc(var(--spacing, .25rem) * 14);--emr-tab-panel-compact-item-width: calc(var(--spacing, .25rem) * 10);--emr-tab-panel-compact-item-height: calc(var(--spacing, .25rem) * 10);display:flex;width:min-content;align-items:stretch}:host .panel{display:flex;flex-direction:column;border-right:var(--emr-tab-panel-border-end);width:var(--emr-tab-panel-width);flex:none}:host.is-compact .panel{width:var(--emr-tab-panel-compact-width)}:host-context(html.dark){--emr-tab-panel-item-hover-bg: var(--color-neutral-700);--emr-tab-panel-item-hover-color: var(--color-primary-200)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"panel\">\n  <ng-content select=\"emr-tab-panel-header\"/>\n  <ng-content select=\"emr-tab-panel-body\"/>\n  <ng-content select=\"emr-tab-panel-footer\"/>\n</div>\n<ng-content select=\"emr-tab-panel-aside\"/>\n", styles: [":host{--emr-tab-panel-width: 5rem;--emr-tab-panel-item-width: 3.75rem;--emr-tab-panel-item-height: 3.75rem;--emr-tab-panel-item-padding: calc(var(--spacing) * 2);--emr-tab-panel-item-color: var(--color-neutral-500);--emr-tab-panel-item-gap: calc(var(--spacing) * 1);--emr-tab-panel-item-hover-bg: var(--color-neutral-200);--emr-tab-panel-item-hover-color: var(--color-neutral-700);--emr-tab-panel-item-active-bg: var(--color-secondary-fixed);--emr-tab-panel-item-active-color: var(--color-on-secondary-fixed);--emr-tab-panel-item-border-radius: .75rem;--emr-tab-panel-aside-width: 18.75rem;--emr-tab-panel-border-end: 1px solid var(--color-border);--emr-tab-panel-nav-padding: calc(var(--spacing) * 2.5);--emr-tab-panel-nav-gap: calc(var(--spacing) * 3);--emr-tab-panel-item-text-font-size: var(--text-xs);--emr-tab-panel-item-icon-font-size: 1.5rem;--emr-tab-panel-compact-width: calc(var(--spacing, .25rem) * 14);--emr-tab-panel-compact-item-width: calc(var(--spacing, .25rem) * 10);--emr-tab-panel-compact-item-height: calc(var(--spacing, .25rem) * 10);display:flex;width:min-content;align-items:stretch}:host .panel{display:flex;flex-direction:column;border-right:var(--emr-tab-panel-border-end);width:var(--emr-tab-panel-width);flex:none}:host.is-compact .panel{width:var(--emr-tab-panel-compact-width)}:host-context(html.dark){--emr-tab-panel-item-hover-bg: var(--color-neutral-700);--emr-tab-panel-item-hover-color: var(--color-primary-200)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { hideContentIfTabNotSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideContentIfTabNotSelected", required: false }] }], activeItemId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeItemId", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], itemIdChanged: [{ type: i0.Output, args: ["itemIdChanged"] }] } });
 
 class TabPanelHeaderComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelHeaderComponent, isStandalone: true, selector: "emr-tab-panel-header", host: { classAttribute: "emr-tab-panel-header" }, exportAs: ["emrTabPanelHeader"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block}\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: TabPanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TabPanelHeaderComponent, isStandalone: true, selector: "emr-tab-panel-header", host: { classAttribute: "emr-tab-panel-header" }, exportAs: ["emrTabPanelHeader"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tab-panel-header', exportAs: 'emrTabPanelHeader', host: {
                         'class': 'emr-tab-panel-header'
-                    }, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class TabPanelFooterComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelFooterComponent, isStandalone: true, selector: "emr-tab-panel-footer", host: { classAttribute: "emr-tab-panel-footer" }, exportAs: ["emrTabPanelFooter"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block}\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: TabPanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TabPanelFooterComponent, isStandalone: true, selector: "emr-tab-panel-footer", host: { classAttribute: "emr-tab-panel-footer" }, exportAs: ["emrTabPanelFooter"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tab-panel-footer', exportAs: 'emrTabPanelFooter', host: {
                         'class': 'emr-tab-panel-footer'
-                    }, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 const TAB_PANEL_NAV = new InjectionToken('TAB_PANEL_NAV');
@@ -95,17 +91,17 @@ const TAB_PANEL_ASIDE = new InjectionToken('TAB_PANEL_ASIDE');
 class TabPanelItemComponent {
     api = inject(TabPanelApiService);
     _nav = inject(TAB_PANEL_NAV, { optional: true });
-    for = input(this._nav ? this._nav.nextId++ : null, ...(ngDevMode ? [{ debugName: "for" }] : []));
+    for = input(this._nav ? this._nav.nextId++ : null, ...(ngDevMode ? [{ debugName: "for" }] : /* istanbul ignore next */ []));
     _handleClick() {
         if (!this.for()) {
             return;
         }
         this.api.activate(this.for());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: TabPanelItemComponent, isStandalone: true, selector: "emr-tab-panel-item", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleClick()" }, properties: { "class.is-active": "api.isActive(this.for())" }, classAttribute: "emr-tab-panel-item" }, exportAs: ["emrTabPanelItem"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0, template: "<div class=\"icon\">\n  <ng-content select=\"[emrTabPanelItemIcon]\"/>\n</div>\n<div class=\"text\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-user-select:none;user-select:none;width:var(--emr-tab-panel-item-width);height:var(--emr-tab-panel-item-height);padding:var(--emr-tab-panel-item-padding);border-radius:var(--emr-tab-panel-item-border-radius);color:var(--emr-tab-panel-item-color);gap:var(--emr-tab-panel-item-gap)}:host:not(.is-active):hover{background:var(--emr-tab-panel-item-hover-bg);color:var(--emr-tab-panel-item-hover-color)}:host.is-active{background:var(--emr-tab-panel-item-active-bg);color:var(--emr-tab-panel-item-active-color)}:host .icon{line-height:0;display:inline-block}:host .icon:empty{display:none}:host .text{top:-1px;white-space:nowrap;position:relative;line-height:1}:host-context(.emr-tab-panel.is-compact){width:var(--emr-tab-panel-compact-item-width);height:var(--emr-tab-panel-compact-item-height)}:host-context(.emr-tab-panel.is-compact) .text{display:none}\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: TabPanelItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: TabPanelItemComponent, isStandalone: true, selector: "emr-tab-panel-item", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleClick()" }, properties: { "class.is-active": "api.isActive(this.for())" }, classAttribute: "emr-tab-panel-item" }, exportAs: ["emrTabPanelItem"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0, template: "<div class=\"icon\">\n  <ng-content select=\"[emrTabPanelItemIcon]\"/>\n</div>\n<div class=\"text\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-user-select:none;user-select:none;width:var(--emr-tab-panel-item-width);height:var(--emr-tab-panel-item-height);padding:var(--emr-tab-panel-item-padding);border-radius:var(--emr-tab-panel-item-border-radius);color:var(--emr-tab-panel-item-color);gap:var(--emr-tab-panel-item-gap)}:host:not(.is-active):hover{background:var(--emr-tab-panel-item-hover-bg);color:var(--emr-tab-panel-item-hover-color)}:host.is-active{background:var(--emr-tab-panel-item-active-bg);color:var(--emr-tab-panel-item-active-color)}:host .icon{line-height:0;display:inline-block}:host .icon:empty{display:none}:host .text{top:-1px;white-space:nowrap;position:relative;line-height:1}:host-context(.emr-tab-panel.is-compact){width:var(--emr-tab-panel-compact-item-width);height:var(--emr-tab-panel-compact-item-height)}:host-context(.emr-tab-panel.is-compact) .text{display:none}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tab-panel-item', exportAs: 'emrTabPanelItem', hostDirectives: [
                         MatRipple
@@ -113,20 +109,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         'class': 'emr-tab-panel-item',
                         '[class.is-active]': 'api.isActive(this.for())',
                         '(click)': '_handleClick()'
-                    }, template: "<div class=\"icon\">\n  <ng-content select=\"[emrTabPanelItemIcon]\"/>\n</div>\n<div class=\"text\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-user-select:none;user-select:none;width:var(--emr-tab-panel-item-width);height:var(--emr-tab-panel-item-height);padding:var(--emr-tab-panel-item-padding);border-radius:var(--emr-tab-panel-item-border-radius);color:var(--emr-tab-panel-item-color);gap:var(--emr-tab-panel-item-gap)}:host:not(.is-active):hover{background:var(--emr-tab-panel-item-hover-bg);color:var(--emr-tab-panel-item-hover-color)}:host.is-active{background:var(--emr-tab-panel-item-active-bg);color:var(--emr-tab-panel-item-active-color)}:host .icon{line-height:0;display:inline-block}:host .icon:empty{display:none}:host .text{top:-1px;white-space:nowrap;position:relative;line-height:1}:host-context(.emr-tab-panel.is-compact){width:var(--emr-tab-panel-compact-item-width);height:var(--emr-tab-panel-compact-item-height)}:host-context(.emr-tab-panel.is-compact) .text{display:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"icon\">\n  <ng-content select=\"[emrTabPanelItemIcon]\"/>\n</div>\n<div class=\"text\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-user-select:none;user-select:none;width:var(--emr-tab-panel-item-width);height:var(--emr-tab-panel-item-height);padding:var(--emr-tab-panel-item-padding);border-radius:var(--emr-tab-panel-item-border-radius);color:var(--emr-tab-panel-item-color);gap:var(--emr-tab-panel-item-gap)}:host:not(.is-active):hover{background:var(--emr-tab-panel-item-hover-bg);color:var(--emr-tab-panel-item-hover-color)}:host.is-active{background:var(--emr-tab-panel-item-active-bg);color:var(--emr-tab-panel-item-active-color)}:host .icon{line-height:0;display:inline-block}:host .icon:empty{display:none}:host .text{top:-1px;white-space:nowrap;position:relative;line-height:1}:host-context(.emr-tab-panel.is-compact){width:var(--emr-tab-panel-compact-item-width);height:var(--emr-tab-panel-compact-item-height)}:host-context(.emr-tab-panel.is-compact) .text{display:none}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }] } });
 
 class TabPanelNavComponent {
     nextId = 0;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelNavComponent, isStandalone: true, selector: "emr-tab-panel-nav", host: { classAttribute: "emr-tab-panel-nav" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TabPanelNavComponent, isStandalone: true, selector: "emr-tab-panel-nav", host: { classAttribute: "emr-tab-panel-nav" }, providers: [
             {
                 provide: TAB_PANEL_NAV,
                 useExisting: TabPanelNavComponent
             }
-        ], exportAs: ["emrTabPanelNav"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:flex;flex-direction:column;align-items:center;padding:var(--emr-tab-panel-nav-padding);gap:var(--emr-tab-panel-nav-gap)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+        ], exportAs: ["emrTabPanelNav"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:flex;flex-direction:column;align-items:center;padding:var(--emr-tab-panel-nav-padding);gap:var(--emr-tab-panel-nav-gap)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelNavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tab-panel-nav', exportAs: 'emrTabPanelNav', providers: [
                         {
@@ -135,31 +131,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         }
                     ], host: {
                         'class': 'emr-tab-panel-nav'
-                    }, template: "<ng-content/>\n", styles: [":host{display:flex;flex-direction:column;align-items:center;padding:var(--emr-tab-panel-nav-padding);gap:var(--emr-tab-panel-nav-gap)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:flex;flex-direction:column;align-items:center;padding:var(--emr-tab-panel-nav-padding);gap:var(--emr-tab-panel-nav-gap)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class TabPanelItemTextComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelItemTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelItemTextComponent, isStandalone: true, selector: "emr-tab-panel-item-text", host: { classAttribute: "emr-tab-panel-item-text" }, exportAs: ["emrTabPanelItemText"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{font-size:var(--emr-tab-panel-item-text-font-size)}\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: TabPanelItemTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TabPanelItemTextComponent, isStandalone: true, selector: "emr-tab-panel-item-text", host: { classAttribute: "emr-tab-panel-item-text" }, exportAs: ["emrTabPanelItemText"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{font-size:var(--emr-tab-panel-item-text-font-size)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelItemTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelItemTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tab-panel-item-text', exportAs: 'emrTabPanelItemText', host: {
                         'class': 'emr-tab-panel-item-text'
-                    }, template: "<ng-content/>\n", styles: [":host{font-size:var(--emr-tab-panel-item-text-font-size)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{font-size:var(--emr-tab-panel-item-text-font-size)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class TabPanelAsideComponent {
     nextId = 0;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelAsideComponent, isStandalone: true, selector: "emr-tab-panel-aside", host: { classAttribute: "emr-tab-panel-aside" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TabPanelAsideComponent, isStandalone: true, selector: "emr-tab-panel-aside", host: { classAttribute: "emr-tab-panel-aside" }, providers: [
             {
                 provide: TAB_PANEL_ASIDE,
                 useExisting: TabPanelAsideComponent
             }
-        ], exportAs: ["emrTabPanelAside"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;border-right:var(--emr-tab-panel-border-end);flex:none;width:var(--emr-tab-panel-aside-width)}:host-context(.emr-tab-panel.is-hide-content-if-tab-not-selected):empty{display:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+        ], exportAs: ["emrTabPanelAside"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;border-right:var(--emr-tab-panel-border-end);flex:none;width:var(--emr-tab-panel-aside-width)}:host-context(.emr-tab-panel.is-hide-content-if-tab-not-selected):empty{display:none}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelAsideComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelAsideComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tab-panel-aside', exportAs: 'emrTabPanelAside', providers: [
                         {
@@ -168,38 +164,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         }
                     ], host: {
                         'class': 'emr-tab-panel-aside'
-                    }, template: "<ng-content/>\n", styles: [":host{display:block;border-right:var(--emr-tab-panel-border-end);flex:none;width:var(--emr-tab-panel-aside-width)}:host-context(.emr-tab-panel.is-hide-content-if-tab-not-selected):empty{display:none}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;border-right:var(--emr-tab-panel-border-end);flex:none;width:var(--emr-tab-panel-aside-width)}:host-context(.emr-tab-panel.is-hide-content-if-tab-not-selected):empty{display:none}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class TabPanelBodyComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelBodyComponent, isStandalone: true, selector: "emr-tab-panel-body", host: { classAttribute: "emr-tab-panel-body" }, exportAs: ["emrTabPanelBody"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;flex-grow:1}\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: TabPanelBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TabPanelBodyComponent, isStandalone: true, selector: "emr-tab-panel-body", host: { classAttribute: "emr-tab-panel-body" }, exportAs: ["emrTabPanelBody"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;flex-grow:1}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tab-panel-body', exportAs: 'emrTabPanelBody', host: {
                         'class': 'emr-tab-panel-body'
-                    }, template: "<ng-content/>\n", styles: [":host{display:block;flex-grow:1}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;flex-grow:1}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class TabPanelCustomItemComponent {
     api = inject(TabPanelApiService);
-    for = input(...(ngDevMode ? [undefined, { debugName: "for" }] : []));
+    for = input(...(ngDevMode ? [undefined, { debugName: "for" }] : /* istanbul ignore next */ []));
     _handleClick() {
         if (!this.for()) {
             return;
         }
         this.api.activate(this.for());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelCustomItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: TabPanelCustomItemComponent, isStandalone: true, selector: "emr-tab-panel-custom-item", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleClick()" }, classAttribute: "emr-tab-panel-custom-item" }, exportAs: ["emrTabPanelCustomItem"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-user-select:none;user-select:none;width:var(--emr-tab-panel-item-width);height:var(--emr-tab-panel-item-height)}:host-context(.emr-tab-panel.is-compact){width:var(--emr-tab-panel-compact-item-width);height:var(--emr-tab-panel-compact-item-height)}\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: TabPanelCustomItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: TabPanelCustomItemComponent, isStandalone: true, selector: "emr-tab-panel-custom-item", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleClick()" }, classAttribute: "emr-tab-panel-custom-item" }, exportAs: ["emrTabPanelCustomItem"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-user-select:none;user-select:none;width:var(--emr-tab-panel-item-width);height:var(--emr-tab-panel-item-height)}:host-context(.emr-tab-panel.is-compact){width:var(--emr-tab-panel-compact-item-width);height:var(--emr-tab-panel-compact-item-height)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelCustomItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelCustomItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tab-panel-custom-item', exportAs: 'emrTabPanelCustomItem', host: {
                         'class': 'emr-tab-panel-custom-item',
                         '(click)': '_handleClick()'
-                    }, template: "<ng-content/>\n", styles: [":host{display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-user-select:none;user-select:none;width:var(--emr-tab-panel-item-width);height:var(--emr-tab-panel-item-height)}:host-context(.emr-tab-panel.is-compact){width:var(--emr-tab-panel-compact-item-width);height:var(--emr-tab-panel-compact-item-height)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-user-select:none;user-select:none;width:var(--emr-tab-panel-item-width);height:var(--emr-tab-panel-item-height)}:host-context(.emr-tab-panel.is-compact){width:var(--emr-tab-panel-compact-item-width);height:var(--emr-tab-panel-compact-item-height)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }] } });
 
 class TabPanelAsideContentDirective {
@@ -208,9 +204,7 @@ class TabPanelAsideContentDirective {
     _templateRef = inject(TemplateRef);
     _viewContainer = inject(ViewContainerRef);
     _destroyRef = inject(DestroyRef);
-    id = input(this._aside ? this._aside.nextId++ : null, ...(ngDevMode ? [{ debugName: "id", alias: 'emrTabPanelAsideContent' }] : [{
-            alias: 'emrTabPanelAsideContent'
-        }]));
+    id = input(this._aside ? this._aside.nextId++ : null, { ...(ngDevMode ? { debugName: "id" } : /* istanbul ignore next */ {}), alias: 'emrTabPanelAsideContent' });
     ngOnInit() {
         if (this._api.isActive(this.id())) {
             this._show();
@@ -236,10 +230,10 @@ class TabPanelAsideContentDirective {
     _hide() {
         this._viewContainer.clear();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelAsideContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.25", type: TabPanelAsideContentDirective, isStandalone: true, selector: "[emrTabPanelAsideContent]", inputs: { id: { classPropertyName: "id", publicName: "emrTabPanelAsideContent", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["emrTabPanelAsideContent"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelAsideContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", type: TabPanelAsideContentDirective, isStandalone: true, selector: "[emrTabPanelAsideContent]", inputs: { id: { classPropertyName: "id", publicName: "emrTabPanelAsideContent", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["emrTabPanelAsideContent"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelAsideContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelAsideContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTabPanelAsideContent]',
@@ -248,10 +242,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "emrTabPanelAsideContent", required: false }] }] } });
 
 class TabPanelItemIconDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelItemIconDirective, isStandalone: true, selector: "[emrTabPanelItemIcon]", host: { classAttribute: "emr-tab-panel-item-icon" }, exportAs: ["emrTabPanelItemIcon"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: TabPanelItemIconDirective, isStandalone: true, selector: "[emrTabPanelItemIcon]", host: { classAttribute: "emr-tab-panel-item-icon" }, exportAs: ["emrTabPanelItemIcon"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelItemIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelItemIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTabPanelItemIcon]',