@ethlete/cdk 4.37.0 → 4.37.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @ethlete/cdk
 
+## 4.37.2
+
+### Patch Changes
+
+- [`2df2e5a`](https://github.com/ethlete-io/ethdk/commit/2df2e5a3d6ed600ddc6bfb8533675bfa14d314d4) Thanks [@TomTomB](https://github.com/TomTomB)! - Fix sortable state not updating if the bound form control value changes
+
+## 4.37.1
+
+### Patch Changes
+
+- [`e205f3b`](https://github.com/ethlete-io/ethdk/commit/e205f3be79a793b34a7e584485f3cb1ce36165b7) Thanks [@TomTomB](https://github.com/TomTomB)! - Replace linear transition timings with normal easings until chrome bug is solved
+
 ## 4.37.0
 
 ### Minor Changes

package/esm2022/lib/components/accordion/components/accordion/accordion.component.mjs

@@ -42,10 +42,10 @@ export class AccordionComponent {
     close() {
         this._isOpen$.next(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AccordionComponent, isStandalone: true, selector: "et-accordion", inputs: { isOpenByDefault: ["isOpenByDefault", "isOpenByDefault", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], label: "label" }, host: { classAttribute: "et-accordion" }, providers: [{ provide: ACCORDION_COMPONENT, useExisting: AccordionComponent }], queries: [{ propertyName: "templateLabel", first: true, predicate: ACCORDION_LABEL_WRAPPER_DIRECTIVE, descendants: true }, { propertyName: "templateHint", first: true, predicate: ACCORDION_HINT_WRAPPER_DIRECTIVE, descendants: true }], ngImport: i0, template: "<div *etLet=\"_isOpen$ | async as isOpen\" class=\"et-accordion-container\">\n  <h3 class=\"et-accordion-header-wrapper\">\n    <button\n      [disabled]=\"disabled\"\n      [id]=\"headerId\"\n      [attr.aria-controls]=\"bodyId\"\n      [attr.aria-expanded]=\"isOpen\"\n      [class.et-accordion-has-hint]=\"!!templateHint\"\n      (click)=\"toggleAccordionOpen()\"\n      class=\"et-accordion-header\"\n      type=\"button\"\n    >\n      <div>\n        @if (templateLabel) {\n          <ng-template [cdkPortalOutlet]=\"templateLabel\" />\n        } @else {\n          <span et-accordion-label>{{ label }} </span>\n        }\n      </div>\n\n      @if (templateHint) {\n        <ng-template [cdkPortalOutlet]=\"templateHint\" />\n      }\n\n      <et-chevron-icon />\n    </button>\n  </h3>\n  <div\n    [@animateOpenClose]=\"(_isOpen$ | async) ? 'open' : 'close'\"\n    [attr.aria-labelledby]=\"headerId\"\n    [id]=\"bodyId\"\n    class=\"et-accordion-body\"\n    role=\"region\"\n  >\n    <div class=\"et-accordion-body-container\">\n      <ng-content />\n    </div>\n  </div>\n  <hr class=\"et-accordion-separator\" />\n</div>\n", styles: [":where(.et-accordion){--chevron-size: 15px}.et-accordion .et-accordion-container{position:relative;z-index:1}.et-accordion .et-chevron-icon{display:block;transform:rotate(180deg);transition:transform .3s var(--ease-5);inline-size:var(--chevron-size);block-size:var(--chevron-size)}.et-accordion [aria-expanded=true] .et-chevron-icon{transform:rotate(0)}.et-accordion .et-accordion-header{display:grid;grid-template-columns:1fr auto;inline-size:100%;block-size:100%;text-align:left;background-color:transparent;border:none;align-items:center;padding:0;gap:15px}.et-accordion .et-accordion-header:not(:disabled){cursor:pointer}.et-accordion .et-accordion-header.et-accordion-has-hint{grid-template-columns:1fr auto auto}.et-accordion .et-accordion-header-wrapper{margin:0}.et-accordion .et-accordion-body{overflow:hidden}.et-accordion .et-accordion-separator{position:relative;z-index:-1}\n"], dependencies: [{ kind: "directive", type: LetDirective, selector: "[etLet]", inputs: ["etLet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: AccordionLabelDirective, selector: "[et-accordion-label]" }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: ChevronIconComponent, selector: "et-chevron-icon" }], animations: [accordionAnimations.animateOpenClose], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: AccordionComponent, isStandalone: true, selector: "et-accordion", inputs: { isOpenByDefault: ["isOpenByDefault", "isOpenByDefault", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], label: "label" }, host: { classAttribute: "et-accordion" }, providers: [{ provide: ACCORDION_COMPONENT, useExisting: AccordionComponent }], queries: [{ propertyName: "templateLabel", first: true, predicate: ACCORDION_LABEL_WRAPPER_DIRECTIVE, descendants: true }, { propertyName: "templateHint", first: true, predicate: ACCORDION_HINT_WRAPPER_DIRECTIVE, descendants: true }], ngImport: i0, template: "<div *etLet=\"_isOpen$ | async as isOpen\" class=\"et-accordion-container\">\n  <h3 class=\"et-accordion-header-wrapper\">\n    <button\n      [disabled]=\"disabled\"\n      [id]=\"headerId\"\n      [attr.aria-controls]=\"bodyId\"\n      [attr.aria-expanded]=\"isOpen\"\n      [class.et-accordion-has-hint]=\"!!templateHint\"\n      (click)=\"toggleAccordionOpen()\"\n      class=\"et-accordion-header\"\n      type=\"button\"\n    >\n      <div>\n        @if (templateLabel) {\n          <ng-template [cdkPortalOutlet]=\"templateLabel\" />\n        } @else {\n          <span et-accordion-label>{{ label }} </span>\n        }\n      </div>\n\n      @if (templateHint) {\n        <ng-template [cdkPortalOutlet]=\"templateHint\" />\n      }\n\n      <et-chevron-icon />\n    </button>\n  </h3>\n  <div\n    [@animateOpenClose]=\"(_isOpen$ | async) ? 'open' : 'close'\"\n    [attr.aria-labelledby]=\"headerId\"\n    [id]=\"bodyId\"\n    class=\"et-accordion-body\"\n    role=\"region\"\n  >\n    <div class=\"et-accordion-body-container\">\n      <ng-content />\n    </div>\n  </div>\n  <hr class=\"et-accordion-separator\" />\n</div>\n", styles: [":where(.et-accordion){--chevron-size: 15px}.et-accordion .et-accordion-container{position:relative;z-index:1}.et-accordion .et-chevron-icon{display:block;transform:rotate(180deg);transition:transform .3s var(--ease-5);inline-size:var(--chevron-size);block-size:var(--chevron-size)}.et-accordion [aria-expanded=true] .et-chevron-icon{transform:rotate(0)}.et-accordion .et-accordion-header{display:grid;grid-template-columns:1fr auto;inline-size:100%;block-size:100%;text-align:left;background-color:transparent;border:none;align-items:center;padding:0;gap:15px}.et-accordion .et-accordion-header:not(:disabled){cursor:pointer}.et-accordion .et-accordion-header.et-accordion-has-hint{grid-template-columns:1fr auto auto}.et-accordion .et-accordion-header-wrapper{margin:0}.et-accordion .et-accordion-body{overflow:hidden}.et-accordion .et-accordion-separator{position:relative;z-index:-1}\n"], dependencies: [{ kind: "directive", type: LetDirective, selector: "[etLet]", inputs: ["etLet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: AccordionLabelDirective, selector: "[et-accordion-label]" }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: ChevronIconComponent, selector: "et-chevron-icon" }], animations: [accordionAnimations.animateOpenClose], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-accordion', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, providers: [{ provide: ACCORDION_COMPONENT, useExisting: AccordionComponent }], imports: [
                         LetDirective,

package/esm2022/lib/components/accordion/components/accordion-group/accordion-group.component.mjs

@@ -35,10 +35,10 @@ export class AccordionGroupComponent {
         }), takeUntil(this._destroy$))
             .subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AccordionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: AccordionGroupComponent, isStandalone: true, selector: "et-accordion-group", inputs: { autoCloseOthers: ["autoCloseOthers", "autoCloseOthers", booleanAttribute] }, host: { classAttribute: "et-accordion-group" }, queries: [{ propertyName: "_accordions", predicate: ACCORDION_COMPONENT }], ngImport: i0, template: "<ng-content select=\"et-accordion\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.1", type: AccordionGroupComponent, isStandalone: true, selector: "et-accordion-group", inputs: { autoCloseOthers: ["autoCloseOthers", "autoCloseOthers", booleanAttribute] }, host: { classAttribute: "et-accordion-group" }, queries: [{ propertyName: "_accordions", predicate: ACCORDION_COMPONENT }], ngImport: i0, template: "<ng-content select=\"et-accordion\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AccordionGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-accordion-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, host: {
                         class: 'et-accordion-group',

package/esm2022/lib/components/accordion/partials/accordion-hint/accordion-hint.directive.mjs

@@ -1,10 +1,10 @@
 import { Directive } from '@angular/core';
 import * as i0 from "@angular/core";
 export class AccordionHintDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AccordionHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: AccordionHintDirective, isStandalone: true, selector: "[et-accordion-hint]", host: { classAttribute: "et-accordion-hint" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: AccordionHintDirective, isStandalone: true, selector: "[et-accordion-hint]", host: { classAttribute: "et-accordion-hint" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AccordionHintDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionHintDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[et-accordion-hint]',

package/esm2022/lib/components/accordion/partials/accordion-hint-wrapper/accordion-hint-wrapper.directive.mjs

@@ -6,10 +6,10 @@ export class AccordionHintWrapperDirective extends CdkPortal {
     constructor(templateRef, viewContainerRef) {
         super(templateRef, viewContainerRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AccordionHintWrapperDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: AccordionHintWrapperDirective, isStandalone: true, selector: "ng-template[et-accordion-hint-wrapper]", providers: [{ provide: ACCORDION_HINT_WRAPPER_DIRECTIVE, useExisting: AccordionHintWrapperDirective }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionHintWrapperDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: AccordionHintWrapperDirective, isStandalone: true, selector: "ng-template[et-accordion-hint-wrapper]", providers: [{ provide: ACCORDION_HINT_WRAPPER_DIRECTIVE, useExisting: AccordionHintWrapperDirective }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AccordionHintWrapperDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionHintWrapperDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[et-accordion-hint-wrapper]',

package/esm2022/lib/components/accordion/partials/accordion-label/accordion-label.directive.mjs

@@ -1,10 +1,10 @@
 import { Directive } from '@angular/core';
 import * as i0 from "@angular/core";
 export class AccordionLabelDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AccordionLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: AccordionLabelDirective, isStandalone: true, selector: "[et-accordion-label]", host: { classAttribute: "et-accordion-label" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: AccordionLabelDirective, isStandalone: true, selector: "[et-accordion-label]", host: { classAttribute: "et-accordion-label" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AccordionLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[et-accordion-label]',

package/esm2022/lib/components/accordion/partials/accordion-label-wrapper/accordion-label-wrapper.directive.mjs

@@ -6,10 +6,10 @@ export class AccordionLabelWrapperDirective extends CdkPortal {
     constructor(templateRef, viewContainerRef) {
         super(templateRef, viewContainerRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AccordionLabelWrapperDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: AccordionLabelWrapperDirective, isStandalone: true, selector: "ng-template[et-accordion-label-wrapper]", providers: [{ provide: ACCORDION_LABEL_WRAPPER_DIRECTIVE, useExisting: AccordionLabelWrapperDirective }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionLabelWrapperDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: AccordionLabelWrapperDirective, isStandalone: true, selector: "ng-template[et-accordion-label-wrapper]", providers: [{ provide: ACCORDION_LABEL_WRAPPER_DIRECTIVE, useExisting: AccordionLabelWrapperDirective }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AccordionLabelWrapperDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: AccordionLabelWrapperDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[et-accordion-label-wrapper]',

package/esm2022/lib/components/bracket/components/bracket/bracket.component.mjs

@@ -222,8 +222,8 @@ export class BracketComponent {
         const round = this._getRoundById(roundId, bracket);
         return round?.matches.find((match) => match.data.id === matchId) ?? null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BracketComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: BracketComponent, isStandalone: true, selector: "et-bracket", inputs: { itemWith: "itemWith", itemHeight: "itemHeight", roundHeaderHeight: "roundHeaderHeight", upperLowerBracketGap: "upperLowerBracketGap", columnGap: "columnGap", rowGap: "rowGap", roundsWithMatches: "roundsWithMatches", componentConfig: "componentConfig" }, host: { properties: { "attr.has-round-headers": "this.hasRoundHeaders" }, classAttribute: "et-bracket" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BracketComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: BracketComponent, isStandalone: true, selector: "et-bracket", inputs: { itemWith: "itemWith", itemHeight: "itemHeight", roundHeaderHeight: "roundHeaderHeight", upperLowerBracketGap: "upperLowerBracketGap", columnGap: "columnGap", rowGap: "rowGap", roundsWithMatches: "roundsWithMatches", componentConfig: "componentConfig" }, host: { properties: { "attr.has-round-headers": "this.hasRoundHeaders" }, classAttribute: "et-bracket" }, providers: [
             {
                 provide: BRACKET_TOKEN,
                 useExisting: BracketComponent,
@@ -300,7 +300,7 @@ __decorate([
     __metadata("design:paramtypes", [Object, Bracket]),
     __metadata("design:returntype", void 0)
 ], BracketComponent.prototype, "_getNextMatch", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BracketComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BracketComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-bracket', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, LetDirective, PortalModule, AsyncPipe], host: {
                         class: 'et-bracket',

package/esm2022/lib/components/bracket/directives/bracket-match/bracket-match.directive.mjs

@@ -7,10 +7,10 @@ export class BracketMatchDirective {
         this.bracket = inject(BRACKET_TOKEN);
         this.match$ = this.bracket.getBracketMatchById(this.matchId);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BracketMatchDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: BracketMatchDirective, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BracketMatchDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: BracketMatchDirective, isStandalone: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BracketMatchDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BracketMatchDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/esm2022/lib/components/bracket/directives/bracket-round/bracket-round.directive.mjs

@@ -7,10 +7,10 @@ export class BracketRoundDirective {
         this.bracket = inject(BRACKET_TOKEN);
         this.round$ = this.bracket.getBracketRoundById(this.roundId);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BracketRoundDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: BracketRoundDirective, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BracketRoundDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: BracketRoundDirective, isStandalone: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BracketRoundDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BracketRoundDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/esm2022/lib/components/bracket/partials/bracket-match/bracket-match.component.mjs

@@ -7,10 +7,10 @@ export class BracketMatchComponent {
     constructor() {
         this.matchData = inject(BracketMatchDirective);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BracketMatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: BracketMatchComponent, isStandalone: true, selector: "et-bracket-match", host: { classAttribute: "et-bracket-match" }, hostDirectives: [{ directive: i1.BracketMatchDirective }], ngImport: i0, template: "@if (matchData.match$ | async; as match) {\n  {{ match.data.id }}\n}\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BracketMatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: BracketMatchComponent, isStandalone: true, selector: "et-bracket-match", host: { classAttribute: "et-bracket-match" }, hostDirectives: [{ directive: i1.BracketMatchDirective }], ngImport: i0, template: "@if (matchData.match$ | async; as match) {\n  {{ match.data.id }}\n}\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BracketMatchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BracketMatchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-bracket-match', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'et-bracket-match',

package/esm2022/lib/components/bracket/partials/bracket-round-header/bracket-round-header.component.mjs

@@ -7,10 +7,10 @@ export class BracketRoundHeaderComponent {
     constructor() {
         this.roundData = inject(BracketRoundDirective);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BracketRoundHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: BracketRoundHeaderComponent, isStandalone: true, selector: "et-bracket-round-header", host: { classAttribute: "et-bracket-round-header" }, hostDirectives: [{ directive: i1.BracketRoundDirective }], ngImport: i0, template: "@if (roundData.round$ | async; as round) {\n  {{ round.name }}\n}\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BracketRoundHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: BracketRoundHeaderComponent, isStandalone: true, selector: "et-bracket-round-header", host: { classAttribute: "et-bracket-round-header" }, hostDirectives: [{ directive: i1.BracketRoundDirective }], ngImport: i0, template: "@if (roundData.round$ | async; as round) {\n  {{ round.name }}\n}\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: BracketRoundHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: BracketRoundHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-bracket-round-header', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'et-bracket-round-header',

package/esm2022/lib/components/button/components/button/button.component.mjs

@@ -6,10 +6,10 @@ export class ButtonComponent {
     constructor() {
         this.button = inject(ButtonDirective);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ButtonComponent, isStandalone: true, selector: "[et-button]", host: { classAttribute: "et-button" }, hostDirectives: [{ directive: i1.ButtonDirective, inputs: ["disabled", "disabled", "type", "type", "pressed", "pressed"] }], ngImport: i0, template: "<span class=\"et-button-content\">\n  <span class=\"et-button-text\">\n    <ng-content />\n  </span>\n</span>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ButtonComponent, isStandalone: true, selector: "[et-button]", host: { classAttribute: "et-button" }, hostDirectives: [{ directive: i1.ButtonDirective, inputs: ["disabled", "disabled", "type", "type", "pressed", "pressed"] }], ngImport: i0, template: "<span class=\"et-button-content\">\n  <span class=\"et-button-text\">\n    <ng-content />\n  </span>\n</span>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: '[et-button]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [{ directive: ButtonDirective, inputs: ['disabled', 'type', 'pressed'] }], host: {
                         class: 'et-button',

package/esm2022/lib/components/button/components/query-button/query-button.component.mjs

@@ -11,10 +11,10 @@ export class QueryButtonComponent {
     constructor() {
         this.queryButton = inject(QueryButtonDirective);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: QueryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: QueryButtonComponent, isStandalone: true, selector: "[et-query-button]", host: { classAttribute: "et-query-button" }, hostDirectives: [{ directive: i1.QueryButtonDirective, inputs: ["query", "query", "skipSuccess", "skipSuccess", "skipFailure", "skipFailure", "skipLoading", "skipLoading"] }, { directive: i2.ButtonDirective, inputs: ["disabled", "disabled", "type", "type", "pressed", "pressed"] }], ngImport: i0, template: "<ng-container *etLet=\"queryButton.showSuccess$ | async as showSuccess\">\n  <ng-container *etLet=\"queryButton.showFailure$ | async as showFailure\">\n    <span *etQuery=\"queryButton.query$ | async; loading as loading\" class=\"et-button-content et-query-button-content\">\n      <span\n        [attr.aria-hidden]=\"(loading && !queryButton.skipLoading) || showSuccess || showFailure ? 'true' : undefined\"\n        class=\"et-button-text et-query-button-text et-query-button-text--default\"\n      >\n        <ng-content />\n      </span>\n\n      @if (loading && !queryButton.skipLoading) {\n        <span class=\"et-query-button-loading\"> </span>\n      }\n      @if (loading && !queryButton.skipLoading) {\n        <span class=\"et-button-text et-query-button-text et-query-button-text--loading\">Loading</span>\n      }\n\n      @if (showSuccess) {\n        <span class=\"et-button-text et-query-button-text et-query-button-text--success\">Success</span>\n      }\n      @if (showFailure) {\n        <span class=\"et-button-text et-query-button-text et-query-button-text--failure\">Failure</span>\n      }\n    </span>\n  </ng-container>\n</ng-container>\n", styles: [".et-query-button .et-button-content{display:grid}.et-query-button .et-query-button-text,.et-query-button .et-query-button-loading{grid-area:1/1/2/2}.et-query-button.et-query-button--loading .et-query-button-text--default,.et-query-button.et-query-button--success .et-query-button-text--default,.et-query-button.et-query-button--failure .et-query-button-text--default{opacity:0;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: QueryDirective, selector: "[etQuery]", inputs: ["etQuery", "etQueryCache"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: LetDirective, selector: "[etLet]", inputs: ["etLet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: QueryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: QueryButtonComponent, isStandalone: true, selector: "[et-query-button]", host: { classAttribute: "et-query-button" }, hostDirectives: [{ directive: i1.QueryButtonDirective, inputs: ["query", "query", "skipSuccess", "skipSuccess", "skipFailure", "skipFailure", "skipLoading", "skipLoading"] }, { directive: i2.ButtonDirective, inputs: ["disabled", "disabled", "type", "type", "pressed", "pressed"] }], ngImport: i0, template: "<ng-container *etLet=\"queryButton.showSuccess$ | async as showSuccess\">\n  <ng-container *etLet=\"queryButton.showFailure$ | async as showFailure\">\n    <span *etQuery=\"queryButton.query$ | async; loading as loading\" class=\"et-button-content et-query-button-content\">\n      <span\n        [attr.aria-hidden]=\"(loading && !queryButton.skipLoading) || showSuccess || showFailure ? 'true' : undefined\"\n        class=\"et-button-text et-query-button-text et-query-button-text--default\"\n      >\n        <ng-content />\n      </span>\n\n      @if (loading && !queryButton.skipLoading) {\n        <span class=\"et-query-button-loading\"> </span>\n      }\n      @if (loading && !queryButton.skipLoading) {\n        <span class=\"et-button-text et-query-button-text et-query-button-text--loading\">Loading</span>\n      }\n\n      @if (showSuccess) {\n        <span class=\"et-button-text et-query-button-text et-query-button-text--success\">Success</span>\n      }\n      @if (showFailure) {\n        <span class=\"et-button-text et-query-button-text et-query-button-text--failure\">Failure</span>\n      }\n    </span>\n  </ng-container>\n</ng-container>\n", styles: [".et-query-button .et-button-content{display:grid}.et-query-button .et-query-button-text,.et-query-button .et-query-button-loading{grid-area:1/1/2/2}.et-query-button.et-query-button--loading .et-query-button-text--default,.et-query-button.et-query-button--success .et-query-button-text--default,.et-query-button.et-query-button--failure .et-query-button-text--default{opacity:0;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: QueryDirective, selector: "[etQuery]", inputs: ["etQuery", "etQueryCache"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: LetDirective, selector: "[etLet]", inputs: ["etLet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: QueryButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: QueryButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: '[et-query-button]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
                         { directive: QueryButtonDirective, inputs: ['query', 'skipSuccess', 'skipFailure', 'skipLoading'] },

package/esm2022/lib/components/button/directives/button/button.directive.mjs

@@ -50,10 +50,10 @@ export class ButtonDirective {
     _removeTabIndexBindings() {
         this.hostAttributeBindings.remove('tabindex');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: ButtonDirective, isStandalone: true, inputs: { disabled: "disabled", type: "type", pressed: "pressed" }, exportAs: ["etButton"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ButtonDirective, isStandalone: true, inputs: { disabled: "disabled", type: "type", pressed: "pressed" }, exportAs: ["etButton"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/esm2022/lib/components/button/directives/query-button/query-button.directive.mjs

@@ -112,10 +112,10 @@ export class QueryButtonDirective {
         });
         this._button._removeDisabledBindings();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: QueryButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.0", type: QueryButtonDirective, isStandalone: true, inputs: { skipSuccess: ["skipSuccess", "skipSuccess", booleanAttribute], skipFailure: ["skipFailure", "skipFailure", booleanAttribute], skipLoading: ["skipLoading", "skipLoading", booleanAttribute], query: "query" }, exportAs: ["etQueryButton"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: QueryButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.1", type: QueryButtonDirective, isStandalone: true, inputs: { skipSuccess: ["skipSuccess", "skipSuccess", booleanAttribute], skipFailure: ["skipFailure", "skipFailure", booleanAttribute], skipLoading: ["skipLoading", "skipLoading", booleanAttribute], query: "query" }, exportAs: ["etQueryButton"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: QueryButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: QueryButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/esm2022/lib/components/carousel/carousel.component.mjs

@@ -10,8 +10,8 @@ export class CarouselComponent {
         this.carouselItemsWrapper = viewChild.required('carouselItemsWrapper');
         syncSignal(this.carouselItemsWrapper, this.carousel.carouselItemsWrapper);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.0", type: CarouselComponent, isStandalone: true, selector: "et-carousel", host: { classAttribute: "et-carousel-host" }, viewQueries: [{ propertyName: "carouselItemsWrapper", first: true, predicate: ["carouselItemsWrapper"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.CarouselDirective, inputs: ["loop", "loop", "autoPlay", "autoPlay", "autoPlayTime", "autoPlayTime", "pauseAutoPlayOnHover", "pauseAutoPlayOnHover", "pauseAutoPlayOnFocus", "pauseAutoPlayOnFocus", "transitionType", "transitionType", "transitionDuration", "transitionDuration"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.1", type: CarouselComponent, isStandalone: true, selector: "et-carousel", host: { classAttribute: "et-carousel-host" }, viewQueries: [{ propertyName: "carouselItemsWrapper", first: true, predicate: ["carouselItemsWrapper"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.CarouselDirective, inputs: ["loop", "loop", "autoPlay", "autoPlay", "autoPlayTime", "autoPlayTime", "pauseAutoPlayOnHover", "pauseAutoPlayOnHover", "pauseAutoPlayOnFocus", "pauseAutoPlayOnFocus", "transitionType", "transitionType", "transitionDuration", "transitionDuration"] }], ngImport: i0, template: `
     <div class="et-carousel">
       <div #carouselItemsWrapper class="et-carousel-items">
         <ng-content select="et-carousel-item, [etCarouselItem]" />
@@ -21,7 +21,7 @@ export class CarouselComponent {
     </div>
   `, isInline: true, styles: [".et-carousel-host{--et-carousel-slide-easing: cubic-bezier(.25, .64, .44, 1);--et-carousel-dot-size: 10px;--et-carousel-dot-gap: 10px;--et-carousel-dot-radius: 5px;--et-carousel-dot-color: rgb(var(--et-color-primary, 51 51 51));--et-carousel-dot-color-hover: rgb(var(--et-color-primary-hover, 197 197 197));--et-carousel-dot-color-focus: rgb(var(--et-color-primary-focus, 197 197 197));--et-carousel-dot-color-active: rgb(var(--et-color-primary-active, 147 147 147));--et-carousel-dot-color-current: rgb(var(--et-color-primary, 255 255 255));--et-carousel-progress-inline-size: 50px;--_et-carousel-slide-duration: .5s}.et-carousel-host[transition-type=mask-slide]{--et-carousel-slide-translate: 125px;--_et-carousel-slide-direction-inactive: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);--_et-carousel-slide-direction-active: polygon(0 0, 100% 0, 100% 100%, 0 100%);--_et-carousel-slide-transform: translateX(var(--et-carousel-slide-translate));--_et-carousel-slide-transform-inverse: translateX(calc(var(--et-carousel-slide-translate) * -1))}.et-carousel-host[transition-type=mask-slide].et-carousel--slide-left{--_et-carousel-slide-direction-inactive: polygon(0 0, 0 0, 0 100%, 0% 100%);--_et-carousel-slide-transform: translateX(calc(var(--et-carousel-slide-translate) * -1));--_et-carousel-slide-transform-inverse: translateX(var(--et-carousel-slide-translate))}.et-carousel-host[transition-type=mask-slide] .et-carousel-item{transform:var(--_et-carousel-slide-transform);clip-path:var(--_et-carousel-slide-direction-inactive);filter:brightness(.5)}.et-carousel-host[transition-type=mask-slide] .et-carousel-item.active,.et-carousel-host[transition-type=mask-slide] .et-carousel-item.previous-active{transition-timing-function:var(--et-carousel-slide-easing);transition-duration:var(--_et-carousel-slide-duration);transition-property:clip-path,transform,filter;clip-path:var(--_et-carousel-slide-direction-active)}.et-carousel-host[transition-type=mask-slide] .et-carousel-item.active{z-index:1;transform:translate(0);pointer-events:auto;filter:brightness(1)}.et-carousel-host[transition-type=mask-slide] .et-carousel-item.previous-active{transform:var(--_et-carousel-slide-transform-inverse)}.et-carousel-items{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}.et-carousel-item{grid-area:1/1/2/2;position:relative;pointer-events:none}.et-carousel-item-nav{list-style:none;padding:0;display:flex;gap:var(--et-carousel-dot-gap)}.et-carousel-item-nav .et-carousel-item-nav-button{inline-size:10px;block-size:var(--et-carousel-dot-size);border-radius:var(--et-carousel-dot-radius);background-color:var(--et-carousel-dot-color);border:0;padding:0;overflow:hidden;transition:inline-size var(--_et-carousel-slide-duration) var(--et-carousel-slide-easing),background-color .1s linear;cursor:pointer}.et-carousel-item-nav .et-carousel-item-nav-button--progressing{inline-size:var(--et-carousel-progress-inline-size)}.et-carousel-item-nav .et-carousel-item-nav-button--progressing .et-carousel-item-nav-button-progress{transition:transform .1s linear}.et-carousel-item-nav .et-carousel-item-nav-button:not(.et-carousel-item-nav .et-carousel-item-nav-button--progressing):hover{background-color:var(--et-carousel-dot-color-hover)}.et-carousel-item-nav .et-carousel-item-nav-button:not(.et-carousel-item-nav .et-carousel-item-nav-button--progressing):active{background-color:var(--et-carousel-dot-color-active)}.et-carousel-item-nav .et-carousel-item-nav-button:not(.et-carousel-item-nav .et-carousel-item-nav-button--progressing).et-carousel-item-nav-button--active-static{background-color:var(--et-carousel-dot-color-current)}.et-carousel-item-nav .et-carousel-item-nav-button-progress{inline-size:100%;block-size:100%;background-color:var(--et-carousel-dot-color-current);transform-origin:left;transform:scaleX(var(--_et-carousel-item-nav-button-progress, 0))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-carousel', template: `
     <div class="et-carousel">

package/esm2022/lib/components/carousel/carousel.directive.mjs

@@ -127,15 +127,15 @@ export class CarouselDirective {
     resumeAutoPlay() {
         this.isAutoPlayPaused.set(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.2.0", type: CarouselDirective, isStandalone: true, inputs: { loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, autoPlay: { classPropertyName: "autoPlay", publicName: "autoPlay", isSignal: true, isRequired: false, transformFunction: null }, autoPlayTime: { classPropertyName: "autoPlayTime", publicName: "autoPlayTime", isSignal: true, isRequired: false, transformFunction: null }, pauseAutoPlayOnHover: { classPropertyName: "pauseAutoPlayOnHover", publicName: "pauseAutoPlayOnHover", isSignal: true, isRequired: false, transformFunction: null }, pauseAutoPlayOnFocus: { classPropertyName: "pauseAutoPlayOnFocus", publicName: "pauseAutoPlayOnFocus", isSignal: true, isRequired: false, transformFunction: null }, transitionType: { classPropertyName: "transitionType", publicName: "transitionType", isSignal: true, isRequired: false, transformFunction: null }, transitionDuration: { classPropertyName: "transitionDuration", publicName: "transitionDuration", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "18.2.1", type: CarouselDirective, isStandalone: true, inputs: { loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, autoPlay: { classPropertyName: "autoPlay", publicName: "autoPlay", isSignal: true, isRequired: false, transformFunction: null }, autoPlayTime: { classPropertyName: "autoPlayTime", publicName: "autoPlayTime", isSignal: true, isRequired: false, transformFunction: null }, pauseAutoPlayOnHover: { classPropertyName: "pauseAutoPlayOnHover", publicName: "pauseAutoPlayOnHover", isSignal: true, isRequired: false, transformFunction: null }, pauseAutoPlayOnFocus: { classPropertyName: "pauseAutoPlayOnFocus", publicName: "pauseAutoPlayOnFocus", isSignal: true, isRequired: false, transformFunction: null }, transitionType: { classPropertyName: "transitionType", publicName: "transitionType", isSignal: true, isRequired: false, transformFunction: null }, transitionDuration: { classPropertyName: "transitionDuration", publicName: "transitionDuration", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: CAROUSEL_TOKEN,
                 useExisting: CarouselDirective,
             },
         ], queries: [{ propertyName: "items", predicate: CAROUSEL_ITEM_TOKEN, isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/esm2022/lib/components/carousel/controls/carousel-item-nav.component.mjs

@@ -12,8 +12,8 @@ export class CarouselItemNavComponent {
             '--_et-carousel-item-nav-button-progress': this.nav.autoPlayProgress,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselItemNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: CarouselItemNavComponent, isStandalone: true, selector: "et-carousel-item-nav", host: { classAttribute: "et-carousel-item-nav-host" }, viewQueries: [{ propertyName: "progressBars", predicate: ["progress"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.CarouselItemNavDirective }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselItemNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.1", type: CarouselItemNavComponent, isStandalone: true, selector: "et-carousel-item-nav", host: { classAttribute: "et-carousel-item-nav-host" }, viewQueries: [{ propertyName: "progressBars", predicate: ["progress"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.CarouselItemNavDirective }], ngImport: i0, template: `
     <ul class="et-carousel-item-nav">
       @for (item of nav.carousel.items(); track $index) {
         <li class="et-carousel-item-nav-item">
@@ -31,7 +31,7 @@ export class CarouselItemNavComponent {
     </ul>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselItemNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselItemNavComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'et-carousel-item-nav',

package/esm2022/lib/components/carousel/controls/carousel-item-nav.directive.mjs

@@ -11,15 +11,15 @@ export class CarouselItemNavDirective {
     goTo(index) {
         this.carousel.goTo(index);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselItemNavDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: CarouselItemNavDirective, isStandalone: true, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselItemNavDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: CarouselItemNavDirective, isStandalone: true, providers: [
             {
                 provide: CAROUSEL_ITEM_NAV_TOKEN,
                 useExisting: CarouselItemNavDirective,
             },
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselItemNavDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselItemNavDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/esm2022/lib/components/carousel/controls/carousel-next-button.directive.mjs

@@ -18,15 +18,15 @@ export class CarouselNextButtonDirective {
             .pipe(takeUntilDestroyed(), filter(() => this.canGoNext()), tap(() => this.carousel.next()))
             .subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselNextButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: CarouselNextButtonDirective, isStandalone: true, selector: "[etCarouselNextButton]", host: { classAttribute: "et-carousel-next-button" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselNextButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: CarouselNextButtonDirective, isStandalone: true, selector: "[etCarouselNextButton]", host: { classAttribute: "et-carousel-next-button" }, providers: [
             {
                 provide: CAROUSEL_NEXT_BUTTON_TOKEN,
                 useExisting: CarouselNextButtonDirective,
             },
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselNextButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselNextButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etCarouselNextButton]',

package/esm2022/lib/components/carousel/controls/carousel-previous-button.directive.mjs

@@ -18,15 +18,15 @@ export class CarouselPreviousButtonDirective {
             .pipe(takeUntilDestroyed(), filter(() => this.canGoPrevious()), tap(() => this.carousel.prev()))
             .subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselPreviousButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: CarouselPreviousButtonDirective, isStandalone: true, selector: "[etCarouselPreviousButton]", host: { classAttribute: "et-carousel-previous-button" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselPreviousButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: CarouselPreviousButtonDirective, isStandalone: true, selector: "[etCarouselPreviousButton]", host: { classAttribute: "et-carousel-previous-button" }, providers: [
             {
                 provide: CAROUSEL_PREVIOUS_BUTTON_TOKEN,
                 useExisting: CarouselPreviousButtonDirective,
             },
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselPreviousButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselPreviousButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etCarouselPreviousButton]',

package/esm2022/lib/components/carousel/controls/carousel-toggle-auto-play-button.directive.mjs

@@ -16,15 +16,15 @@ export class CarouselToggleAutoPlayButtonDirective {
             .pipe(takeUntilDestroyed(), tap(() => (this.carousel.isAutoPlayPaused() ? this.carousel.resumeAutoPlay() : this.carousel.stopAutoPlay())))
             .subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselToggleAutoPlayButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: CarouselToggleAutoPlayButtonDirective, isStandalone: true, selector: "[etCarouselToggleAutoPlayButton]", host: { classAttribute: "et-carousel-toggle-auto-play-button" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselToggleAutoPlayButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: CarouselToggleAutoPlayButtonDirective, isStandalone: true, selector: "[etCarouselToggleAutoPlayButton]", host: { classAttribute: "et-carousel-toggle-auto-play-button" }, providers: [
             {
                 provide: CAROUSEL_TOGGLE_AUTO_PLAY_BUTTON_TOKEN,
                 useExisting: CarouselToggleAutoPlayButtonDirective,
             },
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselToggleAutoPlayButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselToggleAutoPlayButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etCarouselToggleAutoPlayButton]',

package/esm2022/lib/components/carousel/et-carousel-item.component.mjs

@@ -6,10 +6,10 @@ export class CarouselItemComponent {
     constructor() {
         this.carouselItem = inject(CAROUSEL_ITEM_TOKEN);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: CarouselItemComponent, isStandalone: true, selector: "et-carousel-item", hostDirectives: [{ directive: i1.CarouselItemDirective, inputs: ["autoPlayTime", "autoPlayTime"] }], ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: CarouselItemComponent, isStandalone: true, selector: "et-carousel-item", hostDirectives: [{ directive: i1.CarouselItemDirective, inputs: ["autoPlayTime", "autoPlayTime"] }], ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'et-carousel-item',

package/esm2022/lib/components/carousel/et-carousel-item.directive.mjs

@@ -19,15 +19,15 @@ export class CarouselItemDirective {
             'aria-hidden': computed(() => !this.isActive()),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.0", type: CarouselItemDirective, isStandalone: true, selector: "[etCarouselItem]", inputs: { autoPlayTime: { classPropertyName: "autoPlayTime", publicName: "autoPlayTime", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "et-carousel-item" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.1", type: CarouselItemDirective, isStandalone: true, selector: "[etCarouselItem]", inputs: { autoPlayTime: { classPropertyName: "autoPlayTime", publicName: "autoPlayTime", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "et-carousel-item" }, providers: [
             {
                 provide: CAROUSEL_ITEM_TOKEN,
                 useExisting: CarouselItemDirective,
             },
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CarouselItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: CarouselItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etCarouselItem]',

package/esm2022/lib/components/filter/rich-filter/components/rich-filter-host/rich-filter-host.component.mjs

@@ -46,10 +46,10 @@ export class RichFilterHostComponent {
     scrollToTop(options) {
         this.top$?.value?.elementRef.nativeElement?.scrollIntoView(options);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RichFilterHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: RichFilterHostComponent, isStandalone: true, selector: "et-rich-filter-host, [et-rich-filter-host]", host: { classAttribute: "et-rich-filter-host" }, queries: [{ propertyName: "_button", first: true, predicate: RICH_FILTER_BUTTON_TOKEN, descendants: true }, { propertyName: "_buttonSlot", first: true, predicate: RICH_FILTER_BUTTON_SLOT_TOKEN, descendants: true }, { propertyName: "_content", first: true, predicate: RICH_FILTER_CONTENT_TOKEN, descendants: true }, { propertyName: "_top", first: true, predicate: RICH_FILTER_TOP_TOKEN, descendants: true }], hostDirectives: [{ directive: i1.RichFilterTopDirective }], ngImport: i0, template: '<ng-content />', isInline: true, styles: [":where(.et-rich-filter-host){--et-rich-filter-display: block;--et-rich-filter-button-inset-inline-end: 30px;--et-rich-filter-button-inset-block-end: 30px;--et-rich-filter-button-z-index: 10}.et-rich-filter-host{display:var(--et-rich-filter-display)}.et-rich-filter-host.et-rich-filter-host-button--is-above.et-rich-filter-host-content--is-visible .et-rich-filter-button,.et-rich-filter-host.et-rich-filter-host-button--is-above.et-rich-filter-host-content--is-above .et-rich-filter-button{position:fixed;inset-inline-end:var(--et-rich-filter-button-inset-inline-end);inset-block-end:var(--et-rich-filter-button-inset-block-end);z-index:var(--et-rich-filter-button-z-index);animation:scaleIn .2s ease-in-out forwards}.et-rich-filter-host.et-rich-filter-host-button--is-above.et-rich-filter-host-content--is-above .et-rich-filter-button{animation:scaleOut .2s ease-in-out forwards}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes scaleOut{0%{transform:scale(1)}to{transform:scale(0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RichFilterHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: RichFilterHostComponent, isStandalone: true, selector: "et-rich-filter-host, [et-rich-filter-host]", host: { classAttribute: "et-rich-filter-host" }, queries: [{ propertyName: "_button", first: true, predicate: RICH_FILTER_BUTTON_TOKEN, descendants: true }, { propertyName: "_buttonSlot", first: true, predicate: RICH_FILTER_BUTTON_SLOT_TOKEN, descendants: true }, { propertyName: "_content", first: true, predicate: RICH_FILTER_CONTENT_TOKEN, descendants: true }, { propertyName: "_top", first: true, predicate: RICH_FILTER_TOP_TOKEN, descendants: true }], hostDirectives: [{ directive: i1.RichFilterTopDirective }], ngImport: i0, template: '<ng-content />', isInline: true, styles: [":where(.et-rich-filter-host){--et-rich-filter-display: block;--et-rich-filter-button-inset-inline-end: 30px;--et-rich-filter-button-inset-block-end: 30px;--et-rich-filter-button-z-index: 10}.et-rich-filter-host{display:var(--et-rich-filter-display)}.et-rich-filter-host.et-rich-filter-host-button--is-above.et-rich-filter-host-content--is-visible .et-rich-filter-button,.et-rich-filter-host.et-rich-filter-host-button--is-above.et-rich-filter-host-content--is-above .et-rich-filter-button{position:fixed;inset-inline-end:var(--et-rich-filter-button-inset-inline-end);inset-block-end:var(--et-rich-filter-button-inset-block-end);z-index:var(--et-rich-filter-button-z-index);animation:scaleIn .2s ease-in-out forwards}.et-rich-filter-host.et-rich-filter-host-button--is-above.et-rich-filter-host-content--is-above .et-rich-filter-button{animation:scaleOut .2s ease-in-out forwards}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes scaleOut{0%{transform:scale(1)}to{transform:scale(0)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RichFilterHostComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RichFilterHostComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-rich-filter-host, [et-rich-filter-host]', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, host: {
                         class: 'et-rich-filter-host',

package/esm2022/lib/components/filter/rich-filter/directives/rich-filter-button/rich-filter-button.directive.mjs

@@ -5,15 +5,15 @@ export class RichFilterButtonDirective {
     constructor() {
         this.elementRef = inject(ElementRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RichFilterButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: RichFilterButtonDirective, isStandalone: true, selector: "[etRichFilterButton]", host: { classAttribute: "et-rich-filter-button" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RichFilterButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: RichFilterButtonDirective, isStandalone: true, selector: "[etRichFilterButton]", host: { classAttribute: "et-rich-filter-button" }, providers: [
             {
                 provide: RICH_FILTER_BUTTON_TOKEN,
                 useExisting: RichFilterButtonDirective,
             },
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RichFilterButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RichFilterButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etRichFilterButton]',

package/esm2022/lib/components/filter/rich-filter/directives/rich-filter-button-slot/rich-filter-button-slot.directive.mjs

@@ -7,15 +7,15 @@ export class RichFilterButtonSlotDirective {
     constructor() {
         this.visibilityObserver = inject(ObserveVisibilityDirective);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RichFilterButtonSlotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: RichFilterButtonSlotDirective, isStandalone: true, selector: "et-rich-filter-button-slot", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RichFilterButtonSlotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: RichFilterButtonSlotDirective, isStandalone: true, selector: "et-rich-filter-button-slot", providers: [
             {
                 provide: RICH_FILTER_BUTTON_SLOT_TOKEN,
                 useExisting: RichFilterButtonSlotDirective,
             },
         ], hostDirectives: [{ directive: i1.ObserveVisibilityDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: RichFilterButtonSlotDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: RichFilterButtonSlotDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'et-rich-filter-button-slot',