@skyux/indicators 10.31.0 → 10.32.0

package/index.d.ts

@@ -25,6 +25,7 @@ export { SkyAlertComponent as λ1 } from './lib/modules/alert/alert.component';
 export { SkyChevronComponent as λ2 } from './lib/modules/chevron/chevron.component';
 export { SkyExpansionIndicatorComponent as λ15 } from './lib/modules/expansion-indicator/expansion-indicator.component';
 export { SkyHelpInlineComponent as λ3 } from './lib/modules/help-inline/help-inline.component';
+export { λ1 as λ4, λ2 as λ5 } from '@skyux/icon';
 export { SkyKeyInfoLabelComponent as λ6 } from './lib/modules/key-info/key-info-label.component';
 export { SkyKeyInfoValueComponent as λ7 } from './lib/modules/key-info/key-info-value.component';
 export { SkyKeyInfoComponent as λ8 } from './lib/modules/key-info/key-info.component';

package/lib/modules/key-info/key-info.component.d.ts

@@ -1,6 +1,26 @@
+import { TemplateRef } from '@angular/core';
 import { SkyKeyInfoLayoutType } from './key-info-layout-type';
 import * as i0 from "@angular/core";
 export declare class SkyKeyInfoComponent {
+    /**
+     * A help key that identifies the global help content to display. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline) button is
+     * placed beside the key info. Clicking the button invokes global help as configured by the application.
+     * @preview
+     */
+    helpKey: string | undefined;
+    /**
+     * The content of the help popover. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
+     * button is added to the key info. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
+     * when clicked using the specified content and optional title.
+     * @preview
+     */
+    helpPopoverContent: string | TemplateRef<unknown> | undefined;
+    /**
+     * The title of the help popover. This property only applies when `helpPopoverContent` is
+     * also specified.
+     * @preview
+     */
+    helpPopoverTitle: string | undefined;
     /**
      * The layout for the key info. The vertical layout places the label under the
      * value, while the horizontal layout places the label beside the value.
@@ -8,5 +28,5 @@ export declare class SkyKeyInfoComponent {
      */
     layout: SkyKeyInfoLayoutType | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyKeyInfoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyKeyInfoComponent, "sky-key-info", never, { "layout": { "alias": "layout"; "required": false; }; }, {}, never, ["sky-key-info-value", "sky-key-info-label", ".sky-control-help"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyKeyInfoComponent, "sky-key-info", never, { "helpKey": { "alias": "helpKey"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, {}, never, ["sky-key-info-value", "sky-key-info-label", ".sky-control-help"], false, never>;
 }

package/lib/modules/key-info/key-info.module.d.ts

@@ -4,8 +4,9 @@ import * as i2 from "./key-info-label.component";
 import * as i3 from "./key-info-value.component";
 import * as i4 from "@angular/common";
 import * as i5 from "@skyux/core";
+import * as i6 from "@skyux/help-inline";
 export declare class SkyKeyInfoModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyKeyInfoModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyKeyInfoModule, [typeof i1.SkyKeyInfoComponent, typeof i2.SkyKeyInfoLabelComponent, typeof i3.SkyKeyInfoValueComponent], [typeof i4.CommonModule, typeof i5.SkyTrimModule], [typeof i1.SkyKeyInfoComponent, typeof i2.SkyKeyInfoLabelComponent, typeof i3.SkyKeyInfoValueComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyKeyInfoModule, [typeof i1.SkyKeyInfoComponent, typeof i2.SkyKeyInfoLabelComponent, typeof i3.SkyKeyInfoValueComponent], [typeof i4.CommonModule, typeof i5.SkyTrimModule, typeof i6.SkyHelpInlineModule, typeof i5.SkyIdModule], [typeof i1.SkyKeyInfoComponent, typeof i2.SkyKeyInfoLabelComponent, typeof i3.SkyKeyInfoValueComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyKeyInfoModule>;
 }

package/lib/modules/status-indicator/status-indicator.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit } from '@angular/core';
+import { OnInit, TemplateRef } from '@angular/core';
 import { SkyIconStackItem } from '@skyux/icon';
 import { SkyIndicatorDescriptionType } from '../shared/indicator-description-type';
 import { SkyIndicatorIconType } from '../shared/indicator-icon-type';
@@ -29,6 +29,25 @@ export declare class SkyStatusIndicatorComponent implements OnInit {
      */
     set customDescription(value: string | undefined);
     get customDescription(): string | undefined;
+    /**
+     * The content of the help popover. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
+     * button is added to the status indicator. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
+     * when clicked using the specified content and optional title.
+     * @preview
+     */
+    helpPopoverContent: string | TemplateRef<unknown> | undefined;
+    /**
+     * The title of the help popover. This property only applies when `helpPopoverContent` is
+     * also specified.
+     * @preview
+     */
+    helpPopoverTitle: string | undefined;
+    /**
+     * A help key that identifies the global help content to display. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline) button is
+     * placed beside the status indicator label. Clicking the button invokes global help as configured by the application.
+     * @preview
+     */
+    helpKey: string | undefined;
     descriptionComputed: string | undefined;
     baseIcon: SkyIconStackItem | undefined;
     icon: string | undefined;
@@ -36,5 +55,5 @@ export declare class SkyStatusIndicatorComponent implements OnInit {
     topIcon: SkyIconStackItem | undefined;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyStatusIndicatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyStatusIndicatorComponent, "sky-status-indicator", never, { "indicatorType": { "alias": "indicatorType"; "required": false; }; "descriptionType": { "alias": "descriptionType"; "required": false; }; "customDescription": { "alias": "customDescription"; "required": false; }; }, {}, never, ["*", ".sky-control-help"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyStatusIndicatorComponent, "sky-status-indicator", never, { "indicatorType": { "alias": "indicatorType"; "required": false; }; "descriptionType": { "alias": "descriptionType"; "required": false; }; "customDescription": { "alias": "customDescription"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, {}, never, [".sky-control-help", "*"], false, never>;
 }

package/lib/modules/status-indicator/status-indicator.module.d.ts

@@ -1,11 +1,12 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./status-indicator.component";
 import * as i2 from "@angular/common";
-import * as i3 from "@skyux/icon";
-import * as i4 from "../shared/sky-indicators-resources.module";
+import * as i3 from "@skyux/help-inline";
+import * as i4 from "@skyux/icon";
 import * as i5 from "@skyux/core";
+import * as i6 from "../shared/sky-indicators-resources.module";
 export declare class SkyStatusIndicatorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyStatusIndicatorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyStatusIndicatorModule, [typeof i1.SkyStatusIndicatorComponent], [typeof i2.CommonModule, typeof i3.SkyIconModule, typeof i4.SkyIndicatorsResourcesModule, typeof i5.SkyTrimModule], [typeof i1.SkyStatusIndicatorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyStatusIndicatorModule, [typeof i1.SkyStatusIndicatorComponent], [typeof i2.CommonModule, typeof i3.SkyHelpInlineModule, typeof i4.SkyIconModule, typeof i5.SkyIdModule, typeof i6.SkyIndicatorsResourcesModule, typeof i5.SkyTrimModule], [typeof i1.SkyStatusIndicatorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyStatusIndicatorModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/indicators",
-  "version": "10.31.0",
+  "version": "10.32.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -41,13 +41,14 @@
     "@angular/common": "^17.3.4",
     "@angular/core": "^17.3.4",
     "@angular/platform-browser": "^17.3.4",
-    "@skyux-sdk/testing": "10.31.0",
-    "@skyux/core": "10.31.0",
-    "@skyux/i18n": "10.31.0",
-    "@skyux/theme": "10.31.0"
+    "@skyux-sdk/testing": "10.32.0",
+    "@skyux/core": "10.32.0",
+    "@skyux/help-inline": "10.32.0",
+    "@skyux/i18n": "10.32.0",
+    "@skyux/theme": "10.32.0"
   },
   "dependencies": {
-    "@skyux/icon": "10.31.0",
+    "@skyux/icon": "10.32.0",
     "tslib": "^2.6.2"
   },
   "module": "fesm2022/skyux-indicators.mjs",