@skyux/indicators 15.0.0-alpha.8 → 15.0.0-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/indicators",
-  "version": "15.0.0-alpha.8",
+  "version": "15.0.0-beta.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -20,11 +20,11 @@
     "@angular/common": "^22.1.2",
     "@angular/core": "^22.1.2",
     "@angular/platform-browser": "^22.1.2",
-    "@skyux/core": "15.0.0-alpha.8",
-    "@skyux/help-inline": "15.0.0-alpha.8",
-    "@skyux/i18n": "15.0.0-alpha.8",
-    "@skyux/icon": "15.0.0-alpha.8",
-    "@skyux/theme": "15.0.0-alpha.8"
+    "@skyux/core": "15.0.0-beta.0",
+    "@skyux/help-inline": "15.0.0-beta.0",
+    "@skyux/i18n": "15.0.0-beta.0",
+    "@skyux/icon": "15.0.0-beta.0",
+    "@skyux/theme": "15.0.0-beta.0"
   },
   "dependencies": {
     "tslib": "^2.8.1"

package/types/skyux-indicators.d.ts

@@ -390,10 +390,23 @@ declare class SkyTokenComponent {
      */
     set focusable(value: boolean | undefined);
     /**
-     * Used by the tokens component to set the appropriate role for each token.
+     * Used by the tokens component to set the appropriate role for each token
+     * generated from the `tokens` input.
      * @internal
      */
-    role: string | undefined;
+    readonly role: i0.InputSignal<string | undefined>;
+    /**
+     * The role to apply to the token's host element. Tokens generated from the
+     * `tokens` input receive their role directly through the `role` input above.
+     * Manually projected tokens never receive that binding (Angular does not
+     * apply template bindings to projected content), so they fall back to
+     * asking the ancestor `sky-tokens` component whether its grid role is
+     * active. Reading `#roleContext`'s signal-backed value here (rather than
+     * having `sky-tokens` push the value in imperatively) lets this OnPush
+     * component's view update automatically when that ancestor state changes.
+     * @internal
+     */
+    protected readonly effectiveRole: i0.Signal<string | undefined>;
     /**
      * Fires when users click the close button.
      */
@@ -414,7 +427,21 @@ declare class SkyTokenComponent {
     setTokenActive(tokenActive: boolean): void;
     setCloseActive(closeActive: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTokenComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTokenComponent, "sky-token", never, { "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "focusable": { "alias": "focusable"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, { "dismiss": "dismiss"; "tokenFocus": "tokenFocus"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTokenComponent, "sky-token", never, { "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "focusable": { "alias": "focusable"; "required": false; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; "tokenFocus": "tokenFocus"; }, never, ["*"], false, never>;
+}
+
+/**
+ * Lets a projected `sky-token` element read the grid-role state of its ancestor
+ * `sky-tokens` component. Angular does not apply template bindings to content
+ * projected elements, so `sky-token` cannot receive its `role` the same way
+ * tokens generated from the `tokens` input do.
+ * @internal
+ */
+interface SkyTokensRoleContext {
+    /**
+     * Whether the ancestor `sky-tokens` component's grid role is currently active.
+     */
+    readonly gridRoleActive: () => boolean;
 }
 
 interface SkyToken<T = any> {
@@ -467,7 +494,7 @@ interface SkyTokensMessage {
  * This is useful when combined with other components where the <kbd>Tab</kbd> key is
  * reserved for other functions, such as the SKY UX Lookup component.
  */
-declare class SkyTokensComponent implements OnDestroy {
+declare class SkyTokensComponent implements SkyTokensRoleContext, OnDestroy {
     #private;
     /**
      * Whether to disable the tokens list to prevent users from selecting tokens,
@@ -541,6 +568,19 @@ declare class SkyTokensComponent implements OnDestroy {
     set activeIndex(value: number);
     trackTokenFn: TrackByFunction<SkyToken>;
     tokenComponents: QueryList<SkyTokenComponent> | undefined;
+    /**
+     * The tokens manually projected into the component via
+     * `<ng-content select="sky-token" />`, as opposed to the ones generated from
+     * the `tokens` input.
+     */
+    protected readonly projectedTokenComponents: i0.Signal<readonly SkyTokenComponent[]>;
+    /**
+     * Whether the grid role is active on this component's host element. A
+     * `sky-token` element (whether generated from the `tokens` input or
+     * manually projected) reads this to determine its own `row` role, since
+     * Angular does not apply template bindings to projected content.
+     */
+    readonly gridRoleActive: i0.Signal<boolean>;
     /**
      * Tracks whether the component has completed its initial render.
      * Used to suppress enter animations on first load.
@@ -553,7 +593,7 @@ declare class SkyTokensComponent implements OnDestroy {
     selectToken(token: SkyToken): void;
     removeToken(token: SkyToken): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTokensComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTokensComponent, "sky-tokens", never, { "disabled": { "alias": "disabled"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "trackWith": { "alias": "trackWith"; "required": false; }; "focusable": { "alias": "focusable"; "required": false; }; "tokens": { "alias": "tokens"; "required": false; }; "messageStream": { "alias": "messageStream"; "required": false; }; }, { "focusIndexOverRange": "focusIndexOverRange"; "focusIndexUnderRange": "focusIndexUnderRange"; "tokenSelected": "tokenSelected"; "tokensChange": "tokensChange"; "tokensRendered": "tokensRendered"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyTokensComponent, "sky-tokens", never, { "disabled": { "alias": "disabled"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "trackWith": { "alias": "trackWith"; "required": false; }; "focusable": { "alias": "focusable"; "required": false; }; "tokens": { "alias": "tokens"; "required": false; }; "messageStream": { "alias": "messageStream"; "required": false; }; }, { "focusIndexOverRange": "focusIndexOverRange"; "focusIndexUnderRange": "focusIndexUnderRange"; "tokenSelected": "tokenSelected"; "tokensChange": "tokensChange"; "tokensRendered": "tokensRendered"; }, ["projectedTokenComponents"], ["sky-token", "*"], false, never>;
 }
 
 declare class SkyTokensModule {