@skyux/indicators 12.23.0 → 13.0.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/skyux-indicators-testing.mjs.map +1 -1
- package/fesm2022/skyux-indicators.mjs +95 -95
- package/fesm2022/skyux-indicators.mjs.map +1 -1
- package/index.d.ts +648 -35
- package/package.json +12 -12
- package/testing/index.d.ts +470 -3
- package/lib/modules/alert/alert.component.d.ts +0 -49
- package/lib/modules/alert/alert.module.d.ts +0 -11
- package/lib/modules/chevron/chevron.component.d.ts +0 -40
- package/lib/modules/chevron/chevron.module.d.ts +0 -14
- package/lib/modules/expansion-indicator/expansion-indicator.component.d.ts +0 -15
- package/lib/modules/expansion-indicator/expansion-indicator.module.d.ts +0 -9
- package/lib/modules/illustration/illustration-resolver.service.d.ts +0 -12
- package/lib/modules/illustration/illustration-size.d.ts +0 -1
- package/lib/modules/illustration/illustration.component.d.ts +0 -22
- package/lib/modules/illustration/illustration.module.d.ts +0 -7
- package/lib/modules/key-info/key-info-label.component.d.ts +0 -11
- package/lib/modules/key-info/key-info-layout-type.d.ts +0 -1
- package/lib/modules/key-info/key-info-value.component.d.ts +0 -9
- package/lib/modules/key-info/key-info.component.d.ts +0 -29
- package/lib/modules/key-info/key-info.module.d.ts +0 -12
- package/lib/modules/label/label-type.d.ts +0 -1
- package/lib/modules/label/label.component.d.ts +0 -32
- package/lib/modules/label/label.module.d.ts +0 -11
- package/lib/modules/shared/indicator-description-type.d.ts +0 -1
- package/lib/modules/shared/indicator-icon-type.d.ts +0 -1
- package/lib/modules/shared/indicator-icon-utility.d.ts +0 -7
- package/lib/modules/shared/sky-indicators-resources.module.d.ts +0 -10
- package/lib/modules/status-indicator/status-indicator.component.d.ts +0 -53
- package/lib/modules/status-indicator/status-indicator.module.d.ts +0 -13
- package/lib/modules/text-highlight/text-highlight.directive.d.ts +0 -18
- package/lib/modules/text-highlight/text-highlight.module.d.ts +0 -7
- package/lib/modules/tokens/token.component.d.ts +0 -58
- package/lib/modules/tokens/tokens.component.d.ts +0 -96
- package/lib/modules/tokens/tokens.module.d.ts +0 -12
- package/lib/modules/tokens/types/token-selected-event-args.d.ts +0 -7
- package/lib/modules/tokens/types/token.d.ts +0 -7
- package/lib/modules/tokens/types/tokens-message-type.d.ts +0 -22
- package/lib/modules/tokens/types/tokens-message.d.ts +0 -7
- package/lib/modules/wait/wait-adapter.service.d.ts +0 -16
- package/lib/modules/wait/wait-page.component.d.ts +0 -10
- package/lib/modules/wait/wait.component.d.ts +0 -51
- package/lib/modules/wait/wait.module.d.ts +0 -7
- package/lib/modules/wait/wait.service.d.ts +0 -42
- package/testing/legacy/alert-fixture.d.ts +0 -30
- package/testing/legacy/label-fixture.d.ts +0 -17
- package/testing/legacy/wait-fixture.d.ts +0 -12
- package/testing/modules/alert/alert-harness-filters.d.ts +0 -6
- package/testing/modules/alert/alert-harness.d.ts +0 -47
- package/testing/modules/chevron/chevron-harness.d.ts +0 -24
- package/testing/modules/help-inline/help-inline-harness-filters.d.ts +0 -8
- package/testing/modules/help-inline/help-inline-harness.d.ts +0 -24
- package/testing/modules/illustration/illustration-harness-filters.d.ts +0 -6
- package/testing/modules/illustration/illustration-harness.d.ts +0 -27
- package/testing/modules/key-info/key-info-harness-filters.d.ts +0 -6
- package/testing/modules/key-info/key-info-harness.d.ts +0 -31
- package/testing/modules/key-info/key-info-label-harness.d.ts +0 -15
- package/testing/modules/key-info/key-info-value-harness.d.ts +0 -15
- package/testing/modules/label/label-harness-filters.d.ts +0 -6
- package/testing/modules/label/label-harness.d.ts +0 -35
- package/testing/modules/status-indicator/status-indicator-harness-filters.d.ts +0 -6
- package/testing/modules/status-indicator/status-indicator-harness.d.ts +0 -47
- package/testing/modules/text-highlight/text-highlight-harness-filters.d.ts +0 -6
- package/testing/modules/text-highlight/text-highlight-harness.d.ts +0 -21
- package/testing/modules/tokens/token-harness-filters.d.ts +0 -10
- package/testing/modules/tokens/token-harness.d.ts +0 -41
- package/testing/modules/tokens/tokens-harness-filters.d.ts +0 -6
- package/testing/modules/tokens/tokens-harness.d.ts +0 -31
- package/testing/modules/wait/wait-harness-filters.d.ts +0 -10
- package/testing/modules/wait/wait-harness.d.ts +0 -34
- package/testing/public-api.d.ts +0 -24
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { SkyIllustrationSize } from './illustration-size';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@skyux/theme";
|
|
4
|
-
/**
|
|
5
|
-
* Displays a spot illustration at the specified size.
|
|
6
|
-
*/
|
|
7
|
-
export declare class SkyIllustrationComponent {
|
|
8
|
-
#private;
|
|
9
|
-
/**
|
|
10
|
-
* The name of the illustration to display.
|
|
11
|
-
* @required
|
|
12
|
-
*/
|
|
13
|
-
readonly name: import("@angular/core").InputSignal<string>;
|
|
14
|
-
/**
|
|
15
|
-
* The size of the illustration.
|
|
16
|
-
* @required
|
|
17
|
-
*/
|
|
18
|
-
readonly size: import("@angular/core").InputSignal<SkyIllustrationSize>;
|
|
19
|
-
protected readonly url: import("@angular/core").Signal<string | undefined>;
|
|
20
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyIllustrationComponent, never>;
|
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyIllustrationComponent, "sky-illustration", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
|
|
22
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./illustration.component";
|
|
3
|
-
export declare class SkyIllustrationModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyIllustrationModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyIllustrationModule, never, [typeof i1.SkyIllustrationComponent], [typeof i1.SkyIllustrationComponent]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyIllustrationModule>;
|
|
7
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* Specifies a label to display in smaller text under or beside the value.
|
|
4
|
-
* To display a help button beside the label, include a help button element, such as `sky-help-inline`,
|
|
5
|
-
* in the `sky-key-info` element and a `sky-control-help` CSS class on that help button element.
|
|
6
|
-
* @required
|
|
7
|
-
*/
|
|
8
|
-
export declare class SkyKeyInfoLabelComponent {
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyKeyInfoLabelComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyKeyInfoLabelComponent, "sky-key-info-label", never, {}, {}, never, ["*"], false, never>;
|
|
11
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type SkyKeyInfoLayoutType = 'horizontal' | 'vertical';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* Specifies a value to display in larger, bold text.
|
|
4
|
-
* @required
|
|
5
|
-
*/
|
|
6
|
-
export declare class SkyKeyInfoValueComponent {
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyKeyInfoValueComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyKeyInfoValueComponent, "sky-key-info-value", never, {}, {}, never, ["*"], false, never>;
|
|
9
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
2
|
-
import { SkyKeyInfoLayoutType } from './key-info-layout-type';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class SkyKeyInfoComponent {
|
|
5
|
-
/**
|
|
6
|
-
* 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
|
|
7
|
-
* placed beside the key info. Clicking the button invokes global help as configured by the application.
|
|
8
|
-
*/
|
|
9
|
-
helpKey: string | undefined;
|
|
10
|
-
/**
|
|
11
|
-
* The content of the help popover. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
|
|
12
|
-
* button is added to the key info. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
|
|
13
|
-
* when clicked using the specified content and optional title.
|
|
14
|
-
*/
|
|
15
|
-
helpPopoverContent: string | TemplateRef<unknown> | undefined;
|
|
16
|
-
/**
|
|
17
|
-
* The title of the help popover. This property only applies when `helpPopoverContent` is
|
|
18
|
-
* also specified.
|
|
19
|
-
*/
|
|
20
|
-
helpPopoverTitle: string | undefined;
|
|
21
|
-
/**
|
|
22
|
-
* The layout for the key info. The vertical layout places the label under the
|
|
23
|
-
* value, while the horizontal layout places the label beside the value.
|
|
24
|
-
* @default "vertical"
|
|
25
|
-
*/
|
|
26
|
-
layout: SkyKeyInfoLayoutType | undefined;
|
|
27
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyKeyInfoComponent, never>;
|
|
28
|
-
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>;
|
|
29
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./key-info.component";
|
|
3
|
-
import * as i2 from "./key-info-label.component";
|
|
4
|
-
import * as i3 from "./key-info-value.component";
|
|
5
|
-
import * as i4 from "@angular/common";
|
|
6
|
-
import * as i5 from "@skyux/core";
|
|
7
|
-
import * as i6 from "@skyux/help-inline";
|
|
8
|
-
export declare class SkyKeyInfoModule {
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyKeyInfoModule, never>;
|
|
10
|
-
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]>;
|
|
11
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyKeyInfoModule>;
|
|
12
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type SkyLabelType = 'danger' | 'info' | 'success' | 'warning';
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { AfterViewChecked, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
-
import { SkyIndicatorDescriptionType } from '../shared/indicator-description-type';
|
|
3
|
-
import { SkyLabelType } from './label-type';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class SkyLabelComponent implements AfterViewChecked, OnDestroy, OnInit {
|
|
6
|
-
#private;
|
|
7
|
-
/**
|
|
8
|
-
* The type of label to display.
|
|
9
|
-
* @default 'info'
|
|
10
|
-
*/
|
|
11
|
-
set labelType(value: SkyLabelType | undefined);
|
|
12
|
-
/**
|
|
13
|
-
* The predefined text to be read by screen readers for users who cannot see the indicator icon.
|
|
14
|
-
* This property is optional but will be required in future versions of SKY UX.
|
|
15
|
-
*/
|
|
16
|
-
set descriptionType(value: SkyIndicatorDescriptionType | undefined);
|
|
17
|
-
get descriptionType(): SkyIndicatorDescriptionType | undefined;
|
|
18
|
-
/**
|
|
19
|
-
* The text to be read by screen readers for users who cannot see
|
|
20
|
-
* the indicator icon when `descriptionType` is `custom`.
|
|
21
|
-
*/
|
|
22
|
-
set customDescription(value: string | undefined);
|
|
23
|
-
get customDescription(): string | undefined;
|
|
24
|
-
descriptionComputed: string | undefined;
|
|
25
|
-
iconName: string | undefined;
|
|
26
|
-
labelTypeOrDefault: SkyLabelType;
|
|
27
|
-
ngOnInit(): void;
|
|
28
|
-
ngAfterViewChecked(): void;
|
|
29
|
-
ngOnDestroy(): void;
|
|
30
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyLabelComponent, never>;
|
|
31
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyLabelComponent, "sky-label", never, { "labelType": { "alias": "labelType"; "required": false; }; "descriptionType": { "alias": "descriptionType"; "required": false; }; "customDescription": { "alias": "customDescription"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
32
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./label.component";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "@skyux/icon";
|
|
5
|
-
import * as i4 from "../shared/sky-indicators-resources.module";
|
|
6
|
-
import * as i5 from "@skyux/theme";
|
|
7
|
-
export declare class SkyLabelModule {
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyLabelModule, never>;
|
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyLabelModule, [typeof i1.SkyLabelComponent], [typeof i2.CommonModule, typeof i3.SkyIconModule, typeof i4.SkyIndicatorsResourcesModule, typeof i5.SkyThemeModule], [typeof i1.SkyLabelComponent]>;
|
|
10
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyLabelModule>;
|
|
11
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type SkyIndicatorDescriptionType = 'attention' | 'caution' | 'completed' | 'custom' | 'danger' | 'error' | 'important-info' | 'important-warning' | 'none' | 'success' | 'warning';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type SkyIndicatorIconType = 'danger' | 'info' | 'success' | 'warning';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "@skyux/i18n";
|
|
3
|
-
/**
|
|
4
|
-
* Import into any component library module that needs to use resource strings.
|
|
5
|
-
*/
|
|
6
|
-
export declare class SkyIndicatorsResourcesModule {
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyIndicatorsResourcesModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyIndicatorsResourcesModule, never, never, [typeof i1.SkyI18nModule]>;
|
|
9
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyIndicatorsResourcesModule>;
|
|
10
|
-
}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { OnInit, TemplateRef } from '@angular/core';
|
|
2
|
-
import { SkyIndicatorDescriptionType } from '../shared/indicator-description-type';
|
|
3
|
-
import { SkyIndicatorIconType } from '../shared/indicator-icon-type';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* Displays status text with an icon matching the specified indicator type.
|
|
7
|
-
* To display a help button beside the label, include a help button element, such as
|
|
8
|
-
* `sky-help-inline`, in the `sky-status-indicator` element and a `sky-control-help`
|
|
9
|
-
* CSS class on that help button element.
|
|
10
|
-
*/
|
|
11
|
-
export declare class SkyStatusIndicatorComponent implements OnInit {
|
|
12
|
-
#private;
|
|
13
|
-
/**
|
|
14
|
-
* The style for the status indicator, which determines the icon.
|
|
15
|
-
* @default "warning"
|
|
16
|
-
*/
|
|
17
|
-
set indicatorType(value: SkyIndicatorIconType);
|
|
18
|
-
/**
|
|
19
|
-
* The predefined text to be read by screen readers for users who
|
|
20
|
-
* cannot see the indicator icon.
|
|
21
|
-
* @required
|
|
22
|
-
*/
|
|
23
|
-
set descriptionType(value: SkyIndicatorDescriptionType | undefined);
|
|
24
|
-
get descriptionType(): SkyIndicatorDescriptionType | undefined;
|
|
25
|
-
/**
|
|
26
|
-
* The text to be read by screen readers for users who cannot see
|
|
27
|
-
* the indicator icon when `descriptionType` is `custom`.
|
|
28
|
-
*/
|
|
29
|
-
set customDescription(value: string | undefined);
|
|
30
|
-
get customDescription(): string | undefined;
|
|
31
|
-
/**
|
|
32
|
-
* The content of the help popover. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
|
|
33
|
-
* button is added to the status indicator. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
|
|
34
|
-
* when clicked using the specified content and optional title.
|
|
35
|
-
*/
|
|
36
|
-
helpPopoverContent: string | TemplateRef<unknown> | undefined;
|
|
37
|
-
/**
|
|
38
|
-
* The title of the help popover. This property only applies when `helpPopoverContent` is
|
|
39
|
-
* also specified.
|
|
40
|
-
*/
|
|
41
|
-
helpPopoverTitle: string | undefined;
|
|
42
|
-
/**
|
|
43
|
-
* 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
|
|
44
|
-
* placed beside the status indicator label. Clicking the button invokes global help as configured by the application.
|
|
45
|
-
*/
|
|
46
|
-
helpKey: string | undefined;
|
|
47
|
-
descriptionComputed: string | undefined;
|
|
48
|
-
iconName: string | undefined;
|
|
49
|
-
indicatorTypeOrDefault: SkyIndicatorIconType;
|
|
50
|
-
ngOnInit(): void;
|
|
51
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyStatusIndicatorComponent, never>;
|
|
52
|
-
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>;
|
|
53
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./status-indicator.component";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "@skyux/help-inline";
|
|
5
|
-
import * as i4 from "@skyux/icon";
|
|
6
|
-
import * as i5 from "@skyux/core";
|
|
7
|
-
import * as i6 from "../shared/sky-indicators-resources.module";
|
|
8
|
-
import * as i7 from "@skyux/theme";
|
|
9
|
-
export declare class SkyStatusIndicatorModule {
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyStatusIndicatorModule, never>;
|
|
11
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyStatusIndicatorModule, [typeof i1.SkyStatusIndicatorComponent], [typeof i2.CommonModule, typeof i3.SkyHelpInlineModule, typeof i4.SkyIconModule, typeof i5.SkyIdModule, typeof i6.SkyIndicatorsResourcesModule, typeof i7.SkyThemeModule, typeof i5.SkyTrimModule], [typeof i1.SkyStatusIndicatorComponent]>;
|
|
12
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyStatusIndicatorModule>;
|
|
13
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Highlights all matching text within the current DOM element.
|
|
5
|
-
*/
|
|
6
|
-
export declare class SkyTextHighlightDirective implements OnChanges, AfterViewInit, OnDestroy {
|
|
7
|
-
#private;
|
|
8
|
-
/**
|
|
9
|
-
* The text to highlight.
|
|
10
|
-
*/
|
|
11
|
-
set skyHighlight(value: string | string[] | undefined);
|
|
12
|
-
readonly highlight = true;
|
|
13
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
14
|
-
ngAfterViewInit(): void;
|
|
15
|
-
ngOnDestroy(): void;
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextHighlightDirective, never>;
|
|
17
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<SkyTextHighlightDirective, "[skyHighlight]", never, { "skyHighlight": { "alias": "skyHighlight"; "required": false; }; }, {}, never, never, true, never>;
|
|
18
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./text-highlight.directive";
|
|
3
|
-
export declare class SkyTextHighlightModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextHighlightModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyTextHighlightModule, never, [typeof i1.SkyTextHighlightDirective], [typeof i1.SkyTextHighlightDirective]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyTextHighlightModule>;
|
|
7
|
-
}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class SkyTokenComponent {
|
|
4
|
-
#private;
|
|
5
|
-
/**
|
|
6
|
-
* Whether to disable the token to prevent users from selecting it, dismissing it,
|
|
7
|
-
* or navigating to it with the arrow keys. When the token is disabled,
|
|
8
|
-
* users can still place focus on it using the `Tab` key.
|
|
9
|
-
* @default false
|
|
10
|
-
*/
|
|
11
|
-
set disabled(value: boolean | undefined);
|
|
12
|
-
get disabled(): boolean;
|
|
13
|
-
/**
|
|
14
|
-
* The ARIA label for the token's close button. This sets the button's `aria-label` to provide a text equivalent for screen readers
|
|
15
|
-
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
16
|
-
* For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
|
|
17
|
-
* @default "Remove item"
|
|
18
|
-
*/
|
|
19
|
-
ariaLabel: string | undefined;
|
|
20
|
-
/**
|
|
21
|
-
* Whether users can remove the token from the list by selecting the close button.
|
|
22
|
-
* @default true
|
|
23
|
-
*/
|
|
24
|
-
set dismissible(value: boolean | undefined);
|
|
25
|
-
get dismissible(): boolean;
|
|
26
|
-
/**
|
|
27
|
-
* Whether users can place focus on the token using the `Tab`. This does not
|
|
28
|
-
* affect the ability to select the token, dismiss it, or navigate to it with the arrow keys.
|
|
29
|
-
* @default true
|
|
30
|
-
*/
|
|
31
|
-
set focusable(value: boolean | undefined);
|
|
32
|
-
/**
|
|
33
|
-
* Used by the tokens component to set the appropriate role for each token.
|
|
34
|
-
* @internal
|
|
35
|
-
*/
|
|
36
|
-
role: string | undefined;
|
|
37
|
-
/**
|
|
38
|
-
* Fires when users click the close button.
|
|
39
|
-
*/
|
|
40
|
-
dismiss: EventEmitter<void>;
|
|
41
|
-
/**
|
|
42
|
-
* Fires when users place focus on the token by navigating to it with the `Tab` key.
|
|
43
|
-
*/
|
|
44
|
-
tokenFocus: EventEmitter<void>;
|
|
45
|
-
actionButtonRef: ElementRef | undefined;
|
|
46
|
-
isFocused: boolean;
|
|
47
|
-
tokenActive: boolean;
|
|
48
|
-
closeActive: boolean;
|
|
49
|
-
tabIndex: number;
|
|
50
|
-
protected onFocusIn(): void;
|
|
51
|
-
protected onFocusOut(event: FocusEvent): void;
|
|
52
|
-
dismissToken(event: Event): void;
|
|
53
|
-
focusElement(): void;
|
|
54
|
-
setTokenActive(tokenActive: boolean): void;
|
|
55
|
-
setCloseActive(closeActive: boolean): void;
|
|
56
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTokenComponent, never>;
|
|
57
|
-
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>;
|
|
58
|
-
}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, OnDestroy, QueryList, TrackByFunction } from '@angular/core';
|
|
2
|
-
import { Subject } from 'rxjs';
|
|
3
|
-
import { SkyTokenComponent } from './token.component';
|
|
4
|
-
import { SkyToken } from './types/token';
|
|
5
|
-
import { SkyTokenSelectedEventArgs } from './types/token-selected-event-args';
|
|
6
|
-
import { SkyTokensMessage } from './types/tokens-message';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* Creates a container that enables navigation between tokens using keyboard arrow keys.
|
|
10
|
-
* This is useful when combined with other components where the <kbd>Tab</kbd> key is
|
|
11
|
-
* reserved for other functions, such as the SKY UX Lookup component.
|
|
12
|
-
*/
|
|
13
|
-
export declare class SkyTokensComponent implements OnDestroy {
|
|
14
|
-
#private;
|
|
15
|
-
/**
|
|
16
|
-
* Whether to disable the tokens list to prevent users from selecting tokens,
|
|
17
|
-
* dismissing tokens, or navigating through the list with the arrow keys. When the tokens list
|
|
18
|
-
* is disabled, users can still place focus on items in the list using the `Tab` key.
|
|
19
|
-
* @default false
|
|
20
|
-
*/
|
|
21
|
-
set disabled(value: boolean | undefined);
|
|
22
|
-
get disabled(): boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Whether users can remove a token from the list by selecting a token's close button.
|
|
25
|
-
* @default true
|
|
26
|
-
*/
|
|
27
|
-
set dismissible(value: boolean | undefined);
|
|
28
|
-
get dismissible(): boolean;
|
|
29
|
-
/**
|
|
30
|
-
* The token property to display for each item in the tokens list.
|
|
31
|
-
* @default "name"
|
|
32
|
-
*/
|
|
33
|
-
set displayWith(value: string | undefined);
|
|
34
|
-
get displayWith(): string;
|
|
35
|
-
/**
|
|
36
|
-
* The token property that represents the token's unique identifier. When this property
|
|
37
|
-
* is set, animations are enabled when dismissing tokens.
|
|
38
|
-
*/
|
|
39
|
-
trackWith: string | undefined;
|
|
40
|
-
/**
|
|
41
|
-
* Whether users can place focus on tokens in the list using the `Tab` key.
|
|
42
|
-
* This does not affect the ability of users to select tokens, dismiss tokens,
|
|
43
|
-
* or navigate through the list with the arrow keys.
|
|
44
|
-
* @default true
|
|
45
|
-
*/
|
|
46
|
-
set focusable(value: boolean | undefined);
|
|
47
|
-
get focusable(): boolean;
|
|
48
|
-
/**
|
|
49
|
-
* The array of tokens to include in the list.
|
|
50
|
-
*/
|
|
51
|
-
set tokens(value: SkyToken[] | undefined);
|
|
52
|
-
get tokens(): SkyToken[];
|
|
53
|
-
/**
|
|
54
|
-
* The observable of `SkyTokensMessage` that can place focus on a
|
|
55
|
-
* particular token or remove the active token from the list.
|
|
56
|
-
*/
|
|
57
|
-
set messageStream(value: Subject<SkyTokensMessage> | undefined);
|
|
58
|
-
get messageStream(): Subject<SkyTokensMessage>;
|
|
59
|
-
/**
|
|
60
|
-
* Fires when users navigate through the tokens list with the `Tab` key
|
|
61
|
-
* and attempt to move past the final token in the list.
|
|
62
|
-
*/
|
|
63
|
-
focusIndexOverRange: EventEmitter<void>;
|
|
64
|
-
/**
|
|
65
|
-
* Fires when users navigate through the tokens list with the `Tab` key
|
|
66
|
-
* and attempt to move before the first token in the list.
|
|
67
|
-
*/
|
|
68
|
-
focusIndexUnderRange: EventEmitter<void>;
|
|
69
|
-
/**
|
|
70
|
-
* Fires when users select a token in the list. This event emits the selected token.
|
|
71
|
-
*/
|
|
72
|
-
tokenSelected: EventEmitter<SkyTokenSelectedEventArgs<any>>;
|
|
73
|
-
/**
|
|
74
|
-
* Fires when the tokens in the list change.
|
|
75
|
-
* This event emits an array of the tokens in the updated list.
|
|
76
|
-
*/
|
|
77
|
-
tokensChange: EventEmitter<SkyToken<any>[]>;
|
|
78
|
-
/**
|
|
79
|
-
* Fires when all animations on the tokens are complete.
|
|
80
|
-
* @internal
|
|
81
|
-
*/
|
|
82
|
-
tokensRendered: EventEmitter<void>;
|
|
83
|
-
get activeIndex(): number;
|
|
84
|
-
set activeIndex(value: number);
|
|
85
|
-
trackTokenFn: TrackByFunction<SkyToken>;
|
|
86
|
-
tokenComponents: QueryList<SkyTokenComponent> | undefined;
|
|
87
|
-
constructor();
|
|
88
|
-
ngOnDestroy(): void;
|
|
89
|
-
onTokenClick(token: SkyToken): void;
|
|
90
|
-
animationDone(): void;
|
|
91
|
-
onTokenKeyDown(event: KeyboardEvent): void;
|
|
92
|
-
selectToken(token: SkyToken): void;
|
|
93
|
-
removeToken(token: SkyToken): void;
|
|
94
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTokensComponent, never>;
|
|
95
|
-
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>;
|
|
96
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./token.component";
|
|
3
|
-
import * as i2 from "./tokens.component";
|
|
4
|
-
import * as i3 from "@angular/common";
|
|
5
|
-
import * as i4 from "@skyux/icon";
|
|
6
|
-
import * as i5 from "../shared/sky-indicators-resources.module";
|
|
7
|
-
import * as i6 from "@skyux/core";
|
|
8
|
-
export declare class SkyTokensModule {
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTokensModule, never>;
|
|
10
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyTokensModule, [typeof i1.SkyTokenComponent, typeof i2.SkyTokensComponent], [typeof i3.CommonModule, typeof i4.SkyIconModule, typeof i5.SkyIndicatorsResourcesModule, typeof i6.SkyIdModule, typeof i6.SkyScreenReaderLabelDirective], [typeof i1.SkyTokenComponent, typeof i2.SkyTokensComponent]>;
|
|
11
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyTokensModule>;
|
|
12
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
export declare enum SkyTokensMessageType {
|
|
2
|
-
/**
|
|
3
|
-
* Places focus on the last token in the list.
|
|
4
|
-
*/
|
|
5
|
-
FocusLastToken = 0,
|
|
6
|
-
/**
|
|
7
|
-
* Places focus on the token that is currently selected.
|
|
8
|
-
*/
|
|
9
|
-
FocusActiveToken = 1,
|
|
10
|
-
/**
|
|
11
|
-
* Places focus on the token before the currently selected token.
|
|
12
|
-
*/
|
|
13
|
-
FocusPreviousToken = 2,
|
|
14
|
-
/**
|
|
15
|
-
* Places focus on the token after the currently selected token.
|
|
16
|
-
*/
|
|
17
|
-
FocusNextToken = 3,
|
|
18
|
-
/**
|
|
19
|
-
* Removes the token that is currently selected from the list of tokens.
|
|
20
|
-
*/
|
|
21
|
-
RemoveActiveToken = 4
|
|
22
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { ElementRef, OnDestroy, RendererFactory2 } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* @internal
|
|
5
|
-
*/
|
|
6
|
-
export declare class SkyWaitAdapterService implements OnDestroy {
|
|
7
|
-
#private;
|
|
8
|
-
static isPageWaitActive: boolean;
|
|
9
|
-
constructor(rendererFactory: RendererFactory2);
|
|
10
|
-
ngOnDestroy(): void;
|
|
11
|
-
setWaitBounds(waitEl: ElementRef): void;
|
|
12
|
-
removeWaitBounds(waitEl: ElementRef): void;
|
|
13
|
-
setBusyState(waitEl: ElementRef, isFullPage: boolean, isWaiting: boolean, isNonBlocking: boolean, waitComponentId?: string): void;
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitAdapterService, never>;
|
|
15
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyWaitAdapterService>;
|
|
16
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/**
|
|
3
|
-
* @internal
|
|
4
|
-
*/
|
|
5
|
-
export declare class SkyWaitPageComponent {
|
|
6
|
-
hasBlockingWait: boolean | undefined;
|
|
7
|
-
hasNonBlockingWait: boolean | undefined;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitPageComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyWaitPageComponent, "sky-wait-page", never, { "hasBlockingWait": { "alias": "hasBlockingWait"; "required": false; }; "hasNonBlockingWait": { "alias": "hasNonBlockingWait"; "required": false; }; }, {}, never, never, true, never>;
|
|
10
|
-
}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { OnDestroy, OnInit } from '@angular/core';
|
|
2
|
-
import { BehaviorSubject } from 'rxjs';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class SkyWaitComponent implements OnInit, OnDestroy {
|
|
5
|
-
#private;
|
|
6
|
-
/**
|
|
7
|
-
* The ARIA label for the wait icon.
|
|
8
|
-
* This sets the icon's `aria-label` attribute to provide a text equivalent for screen readers
|
|
9
|
-
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility) when an element or page loads and when users tab to a wait icon.
|
|
10
|
-
* The default value varies based on whether the wait is for an element or a page and whether it is a blocking wait. For example, the default for a page-level blocking wait is "Page loading. Please wait."
|
|
11
|
-
* For element-level waits, we recommend that consumers overwrite the default to describe the specific element.
|
|
12
|
-
* "For more information, see the Design tab and the [WAI-ARIA `aria-label` definition](https://www.w3.org/TR/wai-aria/#aria-label).
|
|
13
|
-
*/
|
|
14
|
-
set ariaLabel(value: string | undefined);
|
|
15
|
-
/**
|
|
16
|
-
* When set to `true`, wait indication appears on the parent element of the `sky-wait` component.
|
|
17
|
-
*/
|
|
18
|
-
set isWaiting(value: boolean | undefined);
|
|
19
|
-
get isWaiting(): boolean | undefined;
|
|
20
|
-
/**
|
|
21
|
-
* When set to `true`, wait indication appears on the page level instead of the
|
|
22
|
-
* parent element level. We recommend that you use the `beginBlockingPageWait` or
|
|
23
|
-
* `beginNonBlockingPageWait` functions of the `SkyWaitService` instead of setting this
|
|
24
|
-
* on the component level.
|
|
25
|
-
* @default false
|
|
26
|
-
*/
|
|
27
|
-
set isFullPage(value: boolean | undefined);
|
|
28
|
-
get isFullPage(): boolean | undefined;
|
|
29
|
-
/**
|
|
30
|
-
* When set to `true`, wait indication appears in the bottom left corner of the element
|
|
31
|
-
* instead of hiding the entire parent element.
|
|
32
|
-
* @default false
|
|
33
|
-
*/
|
|
34
|
-
set isNonBlocking(value: boolean | undefined);
|
|
35
|
-
get isNonBlocking(): boolean | undefined;
|
|
36
|
-
/**
|
|
37
|
-
* Screen reader text [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility) when the wait toggles off.
|
|
38
|
-
* The default varies based on whether the wait is for an element or a page.
|
|
39
|
-
* For example, the default for a page-level wait is "Page loading complete."
|
|
40
|
-
* For element-level waits, we recommend that consumers overwrite the default to describe the specific element.
|
|
41
|
-
* For more information, see the Design tab and the [WCAG documentation on status messages](https://www.w3.org/WAI/WCAG21/Understanding/status-messages.html).
|
|
42
|
-
*/
|
|
43
|
-
set screenReaderCompletedText(value: string | undefined);
|
|
44
|
-
ariaLabelStream: BehaviorSubject<string>;
|
|
45
|
-
ariaLiveText: string;
|
|
46
|
-
screenReaderCompletedTextStream: BehaviorSubject<string>;
|
|
47
|
-
ngOnInit(): void;
|
|
48
|
-
ngOnDestroy(): void;
|
|
49
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitComponent, never>;
|
|
50
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyWaitComponent, "sky-wait", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "isWaiting": { "alias": "isWaiting"; "required": false; }; "isFullPage": { "alias": "isFullPage"; "required": false; }; "isNonBlocking": { "alias": "isNonBlocking"; "required": false; }; "screenReaderCompletedText": { "alias": "screenReaderCompletedText"; "required": false; }; }, {}, never, never, true, never>;
|
|
51
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./wait.component";
|
|
3
|
-
export declare class SkyWaitModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyWaitModule, never, [typeof i1.SkyWaitComponent], [typeof i1.SkyWaitComponent]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyWaitModule>;
|
|
7
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { Observable } from 'rxjs';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class SkyWaitService {
|
|
4
|
-
#private;
|
|
5
|
-
/**
|
|
6
|
-
* Starts a blocking page wait on the page.
|
|
7
|
-
*/
|
|
8
|
-
beginBlockingPageWait(): void;
|
|
9
|
-
/**
|
|
10
|
-
* Starts a non-blocking page wait on the page.
|
|
11
|
-
*/
|
|
12
|
-
beginNonBlockingPageWait(): void;
|
|
13
|
-
/**
|
|
14
|
-
* Ends a blocking page wait on the page. Blocking page wait indication
|
|
15
|
-
* is removed when all running blocking page waits are ended.
|
|
16
|
-
*/
|
|
17
|
-
endBlockingPageWait(): void;
|
|
18
|
-
/**
|
|
19
|
-
* Ends a non-blocking page wait on the page. Non-blocking page wait indication
|
|
20
|
-
* is removed when all running non-blocking page waits are ended.
|
|
21
|
-
*/
|
|
22
|
-
endNonBlockingPageWait(): void;
|
|
23
|
-
/**
|
|
24
|
-
* Clears all blocking and non-blocking page waits on the page.
|
|
25
|
-
*/
|
|
26
|
-
clearAllPageWaits(): void;
|
|
27
|
-
/**
|
|
28
|
-
* @internal
|
|
29
|
-
*/
|
|
30
|
-
dispose(): void;
|
|
31
|
-
/**
|
|
32
|
-
* Launches a page wait and automatically stops when the specific asynchronous event completes.
|
|
33
|
-
*/
|
|
34
|
-
blockingWrap<T>(observable: Observable<T>): Observable<T>;
|
|
35
|
-
/**
|
|
36
|
-
* Launches a non-blocking page wait and automatically stops when the specific
|
|
37
|
-
* asynchronous event completes.
|
|
38
|
-
*/
|
|
39
|
-
nonBlockingWrap<T>(observable: Observable<T>): Observable<T>;
|
|
40
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyWaitService, never>;
|
|
41
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyWaitService>;
|
|
42
|
-
}
|