@skyux/core 14.0.0-alpha.7 → 14.0.0-alpha.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/core",
-  "version": "14.0.0-alpha.7",
+  "version": "14.0.0-alpha.8",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -21,7 +21,7 @@
     "@angular/core": "^21.2.0",
     "@angular/platform-browser": "^21.2.0",
     "@angular/router": "^21.2.0",
-    "@skyux/i18n": "14.0.0-alpha.7"
+    "@skyux/i18n": "14.0.0-alpha.8"
   },
   "dependencies": {
     "tslib": "^2.8.1"

package/types/skyux-core.d.ts

@@ -352,8 +352,9 @@ declare class SkyAffixModule {
  * transitioning. When animations are globally disabled, the output
  * emits synchronously whenever the `transitionTrigger` input changes.
  *
- * Consumers **must** call `cssPropertyToTrack()` to specify which CSS
- * property to monitor before any transition occurs on the host element.
+ * The CSS property to monitor can be set via the `transitionPropertyToTrack`
+ * input (for template usage) or by calling `setPropertyToTrack()`
+ * (for `hostDirectives` usage).
  */
 declare class _SkyAnimationTransitionHandlerDirective {
     #private;
@@ -364,6 +365,12 @@ declare class _SkyAnimationTransitionHandlerDirective {
      * disabled, `transitionEnd` emits synchronously instead.
      */
     readonly transitionTrigger: i0.InputSignal<unknown>;
+    /**
+     * The CSS property name to monitor for `transitionend` events
+     * (e.g. `'opacity'`, `'transform'`). Can be set declaratively in
+     * templates.
+     */
+    readonly transitionPropertyToTrack: i0.InputSignal<string | undefined>;
     /**
      * Emits when the tracked CSS property's `transitionend` event fires
      * on the host element, or synchronously when animations are disabled.
@@ -372,14 +379,13 @@ declare class _SkyAnimationTransitionHandlerDirective {
     constructor();
     /**
      * Sets the CSS property name to monitor for `transitionend` events
-     * (e.g. `'opacity'`, `'max-height'`). This must be called before a
-     * transition occurs; otherwise an error is thrown when the host
-     * element's `transitionend` event fires.
+     * programmatically. Use this when applying the directive via
+     * `hostDirectives`.
      */
-    cssPropertyToTrack(propertyName: string): void;
+    setPropertyToTrack(propertyName: string): void;
     protected onTransitionEnd(evt: TransitionEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<_SkyAnimationTransitionHandlerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_SkyAnimationTransitionHandlerDirective, never, never, { "transitionTrigger": { "alias": "transitionTrigger"; "required": true; "isSignal": true; }; }, { "transitionEnd": "transitionEnd"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_SkyAnimationTransitionHandlerDirective, "[skyAnimationTransitionHandler]", never, { "transitionTrigger": { "alias": "transitionTrigger"; "required": true; "isSignal": true; }; "transitionPropertyToTrack": { "alias": "transitionPropertyToTrack"; "required": false; "isSignal": true; }; }, { "transitionEnd": "transitionEnd"; }, never, never, true, never>;
 }
 
 /**