@radix-ng/primitives 1.0.4 → 1.0.6

package/fesm2022/radix-ng-primitives-drawer.mjs

@@ -13,27 +13,33 @@ export { usePointerDrag } from '@radix-ng/primitives/core';
  */
 class RdxDrawerProvider {
     constructor() {
-        this.stack = signal([], ...(ngDevMode ? [{ debugName: "stack" }] : /* istanbul ignore next */ []));
+        this.stack = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "stack" }] : /* istanbul ignore next */ []));
         /** Number of open drawers. */
-        this.count = computed(() => this.stack().length, ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
+        this.count = computed(() => this.stack().length, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
         /** Whether any drawer is open. */
-        this.active = computed(() => this.count() > 0, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+        this.active = computed(() => this.count() > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
         /** The most recently opened (frontmost) drawer, or `null`. */
-        this.frontmost = computed(() => this.stack().at(-1) ?? null, ...(ngDevMode ? [{ debugName: "frontmost" }] : /* istanbul ignore next */ []));
+        this.frontmost = computed(() => this.stack().at(-1) ?? null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "frontmost" }] : /* istanbul ignore next */ []));
         /** The frontmost drawer's measured size (px), or `0` when none is open. */
-        this.frontmostHeight = computed(() => this.frontmost()?.height() ?? 0, ...(ngDevMode ? [{ debugName: "frontmostHeight" }] : /* istanbul ignore next */ []));
+        this.frontmostHeight = computed(() => this.frontmost()?.height() ?? 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "frontmostHeight" }] : /* istanbul ignore next */ []));
         /** The frontmost drawer's live dismiss progress, or `0` when none is open. */
-        this.swipeProgress = computed(() => this.frontmost()?.swipeProgress() ?? 0, ...(ngDevMode ? [{ debugName: "swipeProgress" }] : /* istanbul ignore next */ []));
+        this.swipeProgress = computed(() => this.frontmost()?.swipeProgress() ?? 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "swipeProgress" }] : /* istanbul ignore next */ []));
     }
     /** Register an open drawer; returns a disposer that removes it. */
     register(registration) {
         this.stack.update((stack) => [...stack, registration]);
         return () => this.stack.update((stack) => stack.filter((entry) => entry !== registration));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerProvider }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerProvider }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerProvider, decorators: [{
             type: Injectable
         }] });
 /** Provide a {@link RdxDrawerProvider} for an app (e.g. in `app.config.ts`). */
@@ -45,10 +51,10 @@ function provideRdxDrawerProvider() {
  * drawer roots and `rdxDrawerIndent*` parts share one coordinator.
  */
 class RdxDrawerProviderDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerProviderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxDrawerProviderDirective, isStandalone: true, selector: "[rdxDrawerProvider]", providers: [RdxDrawerProvider], exportAs: ["rdxDrawerProvider"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerProviderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxDrawerProviderDirective, isStandalone: true, selector: "[rdxDrawerProvider]", providers: [RdxDrawerProvider], exportAs: ["rdxDrawerProvider"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerProviderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerProviderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxDrawerProvider]',
@@ -96,38 +102,49 @@ class RdxDrawerRoot {
         this.dialog = inject(RdxDialogRoot);
         this.provider = inject(RdxDrawerProvider, { optional: true });
         /** The popup's measured size (px) along its dismiss axis, reported by the popup. */
-        this.popupHeight = signal(0, ...(ngDevMode ? [{ debugName: "popupHeight" }] : /* istanbul ignore next */ []));
+        this.popupHeight = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "popupHeight" }] : /* istanbul ignore next */ []));
         /**
          * Direction a swipe travels to dismiss the drawer. The visual side of the drawer is consumer
          * CSS; this controls the dismiss gesture and the `data-swipe-direction` styling hook.
          */
-        this.swipeDirection = input('down', ...(ngDevMode ? [{ debugName: "swipeDirection" }] : /* istanbul ignore next */ []));
+        this.swipeDirection = input('down', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "swipeDirection" }] : /* istanbul ignore next */ []));
         /**
          * Resting positions the drawer snaps to along the dismiss axis. Order ascending by openness; the
          * first entry is the default the drawer opens to. Omit for a plain open/closed drawer.
          */
-        this.snapPoints = input(...(ngDevMode ? [undefined, { debugName: "snapPoints" }] : /* istanbul ignore next */ []));
+        this.snapPoints = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "snapPoints" }] : /* istanbul ignore next */ []));
         /** The active snap point (controlled / uncontrolled with `[(snapPoint)]`). */
-        this.snapPoint = model(null, ...(ngDevMode ? [{ debugName: "snapPoint" }] : /* istanbul ignore next */ []));
+        this.snapPoint = model(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "snapPoint" }] : /* istanbul ignore next */ []));
         /** The snap point the drawer opens to when uncontrolled; defaults to the first point. */
-        this.defaultSnapPoint = input(...(ngDevMode ? [undefined, { debugName: "defaultSnapPoint" }] : /* istanbul ignore next */ []));
+        this.defaultSnapPoint = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "defaultSnapPoint" }] : /* istanbul ignore next */ []));
         /** Step at most one snap point per release instead of letting velocity skip points. */
         this.snapToSequentialPoints = input(false, { ...(ngDevMode ? { debugName: "snapToSequentialPoints" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /** Emits when the active snap point changes through a gesture. */
         this.onSnapPointChange = output();
         /** 0..1 progress of the active dismiss gesture, written by the popup's swipe engine. */
-        this.swipeProgress = signal(0, ...(ngDevMode ? [{ debugName: "swipeProgress" }] : /* istanbul ignore next */ []));
+        this.swipeProgress = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "swipeProgress" }] : /* istanbul ignore next */ []));
         /** Live SwipeArea reveal state; the popup converts distance into its measured-axis movement. */
-        this.openingSwipeActive = signal(false, ...(ngDevMode ? [{ debugName: "openingSwipeActive" }] : /* istanbul ignore next */ []));
-        this.openingSwipeDistance = signal(0, ...(ngDevMode ? [{ debugName: "openingSwipeDistance" }] : /* istanbul ignore next */ []));
-        this.normalizedSnapPoints = computed(() => this.snapPoints() ?? [], ...(ngDevMode ? [{ debugName: "normalizedSnapPoints" }] : /* istanbul ignore next */ []));
-        this.hasSnapPoints = computed(() => this.normalizedSnapPoints().length > 0, ...(ngDevMode ? [{ debugName: "hasSnapPoints" }] : /* istanbul ignore next */ []));
+        this.openingSwipeActive = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "openingSwipeActive" }] : /* istanbul ignore next */ []));
+        this.openingSwipeDistance = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "openingSwipeDistance" }] : /* istanbul ignore next */ []));
+        this.normalizedSnapPoints = computed(() => this.snapPoints() ?? [], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "normalizedSnapPoints" }] : /* istanbul ignore next */ []));
+        this.hasSnapPoints = computed(() => this.normalizedSnapPoints().length > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasSnapPoints" }] : /* istanbul ignore next */ []));
         /** Whether a drawer nested inside this one is open (reuses the dialog's nesting detection). */
         this.nestedDrawerOpen = this.dialog.nestedDialogOpen;
         /** Number of open drawers nested inside this one. */
         this.nestedDrawerCount = this.dialog.nestedOpenCount.asReadonly();
         /** The app-wide frontmost drawer's measured size (px); `0` without a provider. */
-        this.frontmostHeight = computed(() => this.provider?.frontmostHeight() ?? 0, ...(ngDevMode ? [{ debugName: "frontmostHeight" }] : /* istanbul ignore next */ []));
+        this.frontmostHeight = computed(() => this.provider?.frontmostHeight() ?? 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "frontmostHeight" }] : /* istanbul ignore next */ []));
         /** Whether the drawer is open (read-only mirror of the composed dialog state). */
         this.open = this.dialog.open;
         /** The active trigger's id. */
@@ -173,10 +190,10 @@ class RdxDrawerRoot {
             this.onSnapPointChange.emit(value);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxDrawerRoot, isStandalone: true, selector: "[rdxDrawerRoot]", inputs: { swipeDirection: { classPropertyName: "swipeDirection", publicName: "swipeDirection", isSignal: true, isRequired: false, transformFunction: null }, snapPoints: { classPropertyName: "snapPoints", publicName: "snapPoints", isSignal: true, isRequired: false, transformFunction: null }, snapPoint: { classPropertyName: "snapPoint", publicName: "snapPoint", isSignal: true, isRequired: false, transformFunction: null }, defaultSnapPoint: { classPropertyName: "defaultSnapPoint", publicName: "defaultSnapPoint", isSignal: true, isRequired: false, transformFunction: null }, snapToSequentialPoints: { classPropertyName: "snapToSequentialPoints", publicName: "snapToSequentialPoints", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { snapPoint: "snapPointChange", onSnapPointChange: "onSnapPointChange" }, providers: [provideRdxDrawerRootContext(context)], exportAs: ["rdxDrawerRoot"], hostDirectives: [{ directive: i1.RdxDialogRoot, inputs: ["open", "open", "defaultOpen", "defaultOpen", "triggerId", "triggerId", "defaultTriggerId", "defaultTriggerId", "handle", "handle", "modal", "modal", "disablePointerDismissal", "disablePointerDismissal"], outputs: ["openChange", "openChange", "triggerIdChange", "triggerIdChange", "onOpenChange", "onOpenChange", "onOpenChangeComplete", "onOpenChangeComplete"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxDrawerRoot, isStandalone: true, selector: "[rdxDrawerRoot]", inputs: { swipeDirection: { classPropertyName: "swipeDirection", publicName: "swipeDirection", isSignal: true, isRequired: false, transformFunction: null }, snapPoints: { classPropertyName: "snapPoints", publicName: "snapPoints", isSignal: true, isRequired: false, transformFunction: null }, snapPoint: { classPropertyName: "snapPoint", publicName: "snapPoint", isSignal: true, isRequired: false, transformFunction: null }, defaultSnapPoint: { classPropertyName: "defaultSnapPoint", publicName: "defaultSnapPoint", isSignal: true, isRequired: false, transformFunction: null }, snapToSequentialPoints: { classPropertyName: "snapToSequentialPoints", publicName: "snapToSequentialPoints", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { snapPoint: "snapPointChange", onSnapPointChange: "onSnapPointChange" }, providers: [provideRdxDrawerRootContext(context)], exportAs: ["rdxDrawerRoot"], hostDirectives: [{ directive: i1.RdxDialogRoot, inputs: ["open", "open", "defaultOpen", "defaultOpen", "triggerId", "triggerId", "defaultTriggerId", "defaultTriggerId", "handle", "handle", "modal", "modal", "disablePointerDismissal", "disablePointerDismissal"], outputs: ["openChange", "openChange", "triggerIdChange", "triggerIdChange", "onOpenChange", "onOpenChange", "onOpenChangeComplete", "onOpenChangeComplete"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerRoot, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerRoot, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxDrawerRoot]',
@@ -210,10 +227,10 @@ class RdxDrawerBackdrop {
     constructor() {
         this.drawerContext = injectRdxDrawerRootContext();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerBackdrop, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxDrawerBackdrop, isStandalone: true, selector: "[rdxDrawerBackdrop]", host: { properties: { "style.--drawer-swipe-progress": "drawerContext.swipeProgress()", "attr.data-swiping": "drawerContext.openingSwipeActive() ? \"\" : undefined", "attr.data-nested-drawer-open": "drawerContext.nestedDrawerOpen() ? \"\" : undefined" } }, exportAs: ["rdxDrawerBackdrop"], hostDirectives: [{ directive: i1.RdxDialogBackdrop }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerBackdrop, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxDrawerBackdrop, isStandalone: true, selector: "[rdxDrawerBackdrop]", host: { properties: { "style.--drawer-swipe-progress": "drawerContext.swipeProgress()", "attr.data-swiping": "drawerContext.openingSwipeActive() ? \"\" : undefined", "attr.data-nested-drawer-open": "drawerContext.nestedDrawerOpen() ? \"\" : undefined" } }, exportAs: ["rdxDrawerBackdrop"], hostDirectives: [{ directive: i1.RdxDialogBackdrop }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerBackdrop, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerBackdrop, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxDrawerBackdrop]',
@@ -231,10 +248,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * A button that closes the drawer.
  */
 class RdxDrawerClose {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerClose, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxDrawerClose, isStandalone: true, selector: "button[rdxDrawerClose]", exportAs: ["rdxDrawerClose"], hostDirectives: [{ directive: i1.RdxDialogClose }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerClose, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxDrawerClose, isStandalone: true, selector: "button[rdxDrawerClose]", exportAs: ["rdxDrawerClose"], hostDirectives: [{ directive: i1.RdxDialogClose }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerClose, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerClose, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[rdxDrawerClose]',
@@ -252,10 +269,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * `data-base-ui-swipe-ignore` attribute.
  */
 class RdxDrawerContent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxDrawerContent, isStandalone: true, selector: "[rdxDrawerContent]", exportAs: ["rdxDrawerContent"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxDrawerContent, isStandalone: true, selector: "[rdxDrawerContent]", exportAs: ["rdxDrawerContent"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerContent, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxDrawerContent]',
@@ -267,10 +284,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * An accessible description announced when the drawer is opened.
  */
 class RdxDrawerDescription {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxDrawerDescription, isStandalone: true, selector: "[rdxDrawerDescription]", exportAs: ["rdxDrawerDescription"], hostDirectives: [{ directive: i1.RdxDialogDescription }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxDrawerDescription, isStandalone: true, selector: "[rdxDrawerDescription]", exportAs: ["rdxDrawerDescription"], hostDirectives: [{ directive: i1.RdxDialogDescription }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerDescription, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerDescription, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxDrawerDescription]',
@@ -293,10 +310,10 @@ class RdxDrawerIndent {
     constructor() {
         this.provider = inject(RdxDrawerProvider, { optional: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerIndent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxDrawerIndent, isStandalone: true, selector: "[rdxDrawerIndent]", host: { properties: { "attr.data-active": "provider?.active() ? \"\" : undefined", "style.--nested-drawers": "provider?.count() ?? 0", "style.--drawer-frontmost-height": "(provider?.frontmostHeight() ?? 0) + \"px\"", "style.--drawer-swipe-progress": "provider?.swipeProgress() ?? 0" } }, exportAs: ["rdxDrawerIndent"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerIndent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxDrawerIndent, isStandalone: true, selector: "[rdxDrawerIndent]", host: { properties: { "attr.data-active": "provider?.active() ? \"\" : undefined", "style.--nested-drawers": "provider?.count() ?? 0", "style.--drawer-frontmost-height": "(provider?.frontmostHeight() ?? 0) + \"px\"", "style.--drawer-swipe-progress": "provider?.swipeProgress() ?? 0" } }, exportAs: ["rdxDrawerIndent"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerIndent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerIndent, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxDrawerIndent]',
@@ -321,10 +338,10 @@ class RdxDrawerIndentBackground {
     constructor() {
         this.provider = inject(RdxDrawerProvider, { optional: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerIndentBackground, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxDrawerIndentBackground, isStandalone: true, selector: "[rdxDrawerIndentBackground]", host: { properties: { "attr.data-active": "provider?.active() ? \"\" : undefined", "style.--nested-drawers": "provider?.count() ?? 0", "style.--drawer-frontmost-height": "(provider?.frontmostHeight() ?? 0) + \"px\"", "style.--drawer-swipe-progress": "provider?.swipeProgress() ?? 0" } }, exportAs: ["rdxDrawerIndentBackground"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerIndentBackground, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxDrawerIndentBackground, isStandalone: true, selector: "[rdxDrawerIndentBackground]", host: { properties: { "attr.data-active": "provider?.active() ? \"\" : undefined", "style.--nested-drawers": "provider?.count() ?? 0", "style.--drawer-frontmost-height": "(provider?.frontmostHeight() ?? 0) + \"px\"", "style.--drawer-swipe-progress": "provider?.swipeProgress() ?? 0" } }, exportAs: ["rdxDrawerIndentBackground"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerIndentBackground, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerIndentBackground, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxDrawerIndentBackground]',
@@ -632,7 +649,8 @@ class RdxDrawerPopup {
         /** Live popup size (px); a ResizeObserver keeps it current so snap geometry never goes stale. */
         this.size = elementSize({ elementRef: this.elementRef, injector: inject(Injector) });
         /** Snap entries for the current size; built once and shared by the offset/expanded reads. */
-        this.snapEntries = computed(() => buildSnapEntries(this.drawerContext.snapPoints(), this.axisSize(), rootFontSize()), ...(ngDevMode ? [{ debugName: "snapEntries" }] : /* istanbul ignore next */ []));
+        this.snapEntries = computed(() => buildSnapEntries(this.drawerContext.snapPoints(), this.axisSize(), rootFontSize()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "snapEntries" }] : /* istanbul ignore next */ []));
         /** Resting translate magnitude (px) of the active snap point; `0` when fully open / no snaps. */
         this.restingOffset = computed(() => {
             const active = this.drawerContext.activeSnapPoint();
@@ -640,7 +658,8 @@ class RdxDrawerPopup {
                 return 0;
             }
             return this.snapEntries().find((candidate) => candidate.value === active)?.offset ?? 0;
-        }, ...(ngDevMode ? [{ debugName: "restingOffset" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "restingOffset" }] : /* istanbul ignore next */ []));
         /** Whether the active snap point is the most open one. */
         this.expanded = computed(() => {
             const active = this.drawerContext.activeSnapPoint();
@@ -649,12 +668,14 @@ class RdxDrawerPopup {
             }
             const entries = this.snapEntries();
             return entries.length > 0 && entries[0].value === active;
-        }, ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
         /** The frontmost nested drawer's height for `--drawer-frontmost-height`, or unset when none. */
         this.frontmostHeightPx = computed(() => {
             const height = this.drawerContext.frontmostHeight();
             return this.drawerContext.nestedDrawerOpen() && height > 0 ? `${height}px` : null;
-        }, ...(ngDevMode ? [{ debugName: "frontmostHeightPx" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "frontmostHeightPx" }] : /* istanbul ignore next */ []));
         useDrawerSwipe({
             element: () => this.element,
             boundary: () => this.swipeBoundary(),
@@ -755,10 +776,10 @@ class RdxDrawerPopup {
         }
         return { type: 'snap', offset: entry.offset };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerPopup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxDrawerPopup, isStandalone: true, selector: "[rdxDrawerPopup]", host: { properties: { "attr.data-swipe-direction": "drawerContext.swipeDirection()", "attr.data-expanded": "expanded() ? \"\" : undefined", "attr.data-nested-drawer-open": "drawerContext.nestedDrawerOpen() ? \"\" : undefined", "style.--nested-drawers": "drawerContext.nestedDrawerCount()", "style.--drawer-frontmost-height": "frontmostHeightPx()" } }, exportAs: ["rdxDrawerPopup"], hostDirectives: [{ directive: i1.RdxDialogPopup, outputs: ["escapeKeyDown", "escapeKeyDown", "pointerDownOutside", "pointerDownOutside", "focusOutside", "focusOutside", "interactOutside", "interactOutside", "openAutoFocus", "openAutoFocus", "closeAutoFocus", "closeAutoFocus"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerPopup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxDrawerPopup, isStandalone: true, selector: "[rdxDrawerPopup]", host: { properties: { "attr.data-swipe-direction": "drawerContext.swipeDirection()", "attr.data-expanded": "expanded() ? \"\" : undefined", "attr.data-nested-drawer-open": "drawerContext.nestedDrawerOpen() ? \"\" : undefined", "style.--nested-drawers": "drawerContext.nestedDrawerCount()", "style.--drawer-frontmost-height": "frontmostHeightPx()" } }, exportAs: ["rdxDrawerPopup"], hostDirectives: [{ directive: i1.RdxDialogPopup, outputs: ["escapeKeyDown", "escapeKeyDown", "pointerDownOutside", "pointerDownOutside", "focusOutside", "focusOutside", "interactOutside", "interactOutside", "openAutoFocus", "openAutoFocus", "closeAutoFocus", "closeAutoFocus"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerPopup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerPopup, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxDrawerPopup]',
@@ -794,10 +815,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Use the explicit `<ng-template rdxDrawerPortal>` form; pass `[container]` for a custom target.
  */
 class RdxDrawerPortal {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxDrawerPortal, isStandalone: true, selector: "ng-template[rdxDrawerPortal]", exportAs: ["rdxDrawerPortal"], hostDirectives: [{ directive: i1.RdxDialogPortal, inputs: ["container", "container"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerPortal, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxDrawerPortal, isStandalone: true, selector: "ng-template[rdxDrawerPortal]", exportAs: ["rdxDrawerPortal"], hostDirectives: [{ directive: i1.RdxDialogPortal, inputs: ["container", "container"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerPortal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerPortal, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[rdxDrawerPortal]',
@@ -817,10 +838,10 @@ class RdxDrawerPortalMisuseGuard {
                 'rdxDrawerPortalPresence has been removed.', 'components/drawer');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerPortalMisuseGuard, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxDrawerPortalMisuseGuard, isStandalone: true, selector: "[rdxDrawerPortal]:not(ng-template)", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerPortalMisuseGuard, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxDrawerPortalMisuseGuard, isStandalone: true, selector: "[rdxDrawerPortal]:not(ng-template)", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerPortalMisuseGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerPortalMisuseGuard, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxDrawerPortal]:not(ng-template)'
@@ -860,13 +881,18 @@ class RdxDrawerSwipeArea {
         this.drawerContext = injectRdxDrawerRootContext();
         this.dialogContext = injectRdxDialogRootContext();
         /** Direction the opening gesture travels; defaults to the opposite of the root's dismiss direction. */
-        this.swipeDirection = input(...(ngDevMode ? [undefined, { debugName: "swipeDirection" }] : /* istanbul ignore next */ []));
+        this.swipeDirection = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "swipeDirection" }] : /* istanbul ignore next */ []));
         /** Whether the swipe area should ignore user interaction. */
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.isOpen = computed(() => this.dialogContext.isOpen(), ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
-        this.direction = computed(() => this.swipeDirection() ?? oppositeDirection[this.drawerContext.swipeDirection()], ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
-        this.resolvedTouchAction = computed(() => touchAction(this.direction()), ...(ngDevMode ? [{ debugName: "resolvedTouchAction" }] : /* istanbul ignore next */ []));
-        this.swiping = signal(false, ...(ngDevMode ? [{ debugName: "swiping" }] : /* istanbul ignore next */ []));
+        this.isOpen = computed(() => this.dialogContext.isOpen(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+        this.direction = computed(() => this.swipeDirection() ?? oppositeDirection[this.drawerContext.swipeDirection()], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
+        this.resolvedTouchAction = computed(() => touchAction(this.direction()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedTouchAction" }] : /* istanbul ignore next */ []));
+        this.swiping = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "swiping" }] : /* istanbul ignore next */ []));
         this.startX = 0;
         this.startY = 0;
         this.distance = 0;
@@ -898,10 +924,10 @@ class RdxDrawerSwipeArea {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerSwipeArea, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxDrawerSwipeArea, isStandalone: true, selector: "[rdxDrawerSwipeArea]", inputs: { swipeDirection: { classPropertyName: "swipeDirection", publicName: "swipeDirection", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation", "aria-hidden": "true" }, properties: { "attr.data-open": "isOpen() ? \"\" : undefined", "attr.data-closed": "isOpen() ? undefined : \"\"", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.data-swiping": "swiping() ? \"\" : undefined", "attr.data-swipe-direction": "direction()", "style.pointer-events": "disabled() || isOpen() ? \"none\" : undefined", "style.touch-action": "resolvedTouchAction()" } }, exportAs: ["rdxDrawerSwipeArea"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerSwipeArea, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: RdxDrawerSwipeArea, isStandalone: true, selector: "[rdxDrawerSwipeArea]", inputs: { swipeDirection: { classPropertyName: "swipeDirection", publicName: "swipeDirection", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation", "aria-hidden": "true" }, properties: { "attr.data-open": "isOpen() ? \"\" : undefined", "attr.data-closed": "isOpen() ? undefined : \"\"", "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.data-swiping": "swiping() ? \"\" : undefined", "attr.data-swipe-direction": "direction()", "style.pointer-events": "disabled() || isOpen() ? \"none\" : undefined", "style.touch-action": "resolvedTouchAction()" } }, exportAs: ["rdxDrawerSwipeArea"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerSwipeArea, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerSwipeArea, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxDrawerSwipeArea]',
@@ -924,10 +950,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * An accessible title announced when the drawer is opened.
  */
 class RdxDrawerTitle {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxDrawerTitle, isStandalone: true, selector: "[rdxDrawerTitle]", exportAs: ["rdxDrawerTitle"], hostDirectives: [{ directive: i1.RdxDialogTitle }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxDrawerTitle, isStandalone: true, selector: "[rdxDrawerTitle]", exportAs: ["rdxDrawerTitle"], hostDirectives: [{ directive: i1.RdxDialogTitle }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxDrawerTitle]',
@@ -940,10 +966,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * A button that opens the drawer. Behaves exactly like the dialog trigger.
  */
 class RdxDrawerTrigger {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxDrawerTrigger, isStandalone: true, selector: "button[rdxDrawerTrigger]", exportAs: ["rdxDrawerTrigger"], hostDirectives: [{ directive: i1.RdxDialogTrigger, inputs: ["handle", "handle", "payload", "payload", "id", "id", "disabled", "disabled"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxDrawerTrigger, isStandalone: true, selector: "button[rdxDrawerTrigger]", exportAs: ["rdxDrawerTrigger"], hostDirectives: [{ directive: i1.RdxDialogTrigger, inputs: ["handle", "handle", "payload", "payload", "id", "id", "disabled", "disabled"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerTrigger, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[rdxDrawerTrigger]',
@@ -963,10 +989,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Exposes the dialog viewport's `data-nested` / `data-nested-dialog-open` state for styling.
  */
 class RdxDrawerViewport {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerViewport, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxDrawerViewport, isStandalone: true, selector: "[rdxDrawerViewport]", exportAs: ["rdxDrawerViewport"], hostDirectives: [{ directive: i1.RdxDialogViewport }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerViewport, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxDrawerViewport, isStandalone: true, selector: "[rdxDrawerViewport]", exportAs: ["rdxDrawerViewport"], hostDirectives: [{ directive: i1.RdxDialogViewport }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerViewport, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerViewport, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxDrawerViewport]',
@@ -1240,10 +1266,10 @@ class RdxDrawerVirtualKeyboardProvider {
         adjustment.element.style.scrollPaddingBottom = adjustment.scrollPaddingBottom;
         this.keyboardScrollAdjustment = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerVirtualKeyboardProvider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxDrawerVirtualKeyboardProvider, isStandalone: true, selector: "[rdxDrawerVirtualKeyboardProvider]", host: { listeners: { "touchstart": "onTouchStart($event)", "touchmove": "onTouchMove($event)", "touchend": "onTouchEnd($event)", "touchcancel": "resetTouchTrackingState()" } }, exportAs: ["rdxDrawerVirtualKeyboardProvider"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerVirtualKeyboardProvider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: RdxDrawerVirtualKeyboardProvider, isStandalone: true, selector: "[rdxDrawerVirtualKeyboardProvider]", host: { listeners: { "touchstart": "onTouchStart($event)", "touchmove": "onTouchMove($event)", "touchend": "onTouchEnd($event)", "touchcancel": "resetTouchTrackingState()" } }, exportAs: ["rdxDrawerVirtualKeyboardProvider"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerVirtualKeyboardProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerVirtualKeyboardProvider, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxDrawerVirtualKeyboardProvider]',
@@ -1440,8 +1466,8 @@ const drawerImports = [
     RdxDrawerIndentBackground
 ];
 class RdxDrawerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerModule, imports: [RdxDrawerProviderDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerModule, imports: [RdxDrawerProviderDirective,
             RdxDrawerRoot,
             RdxDrawerTrigger,
             RdxDrawerSwipeArea,
@@ -1472,9 +1498,9 @@ class RdxDrawerModule {
             RdxDrawerClose,
             RdxDrawerIndent,
             RdxDrawerIndentBackground] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxDrawerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: RdxDrawerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...drawerImports],