@skyux/layout 7.0.0-beta.1 → 7.0.0-beta.3
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/documentation.json +1355 -781
- package/esm2020/index.mjs +1 -2
- package/esm2020/lib/modules/action-button/action-button-container.component.mjs +2 -2
- package/esm2020/lib/modules/card/card.component.mjs +38 -11
- package/esm2020/lib/modules/definition-list/definition-list-label.component.mjs +1 -1
- package/esm2020/lib/modules/definition-list/definition-list-value.component.mjs +3 -3
- package/esm2020/lib/modules/definition-list/definition-list.component.mjs +1 -1
- package/esm2020/lib/modules/definition-list/definition-list.service.mjs +1 -1
- package/esm2020/lib/modules/description-list/description-list-adapter-service.mjs +26 -22
- package/esm2020/lib/modules/description-list/description-list-content.component.mjs +2 -2
- package/esm2020/lib/modules/description-list/description-list-description.component.mjs +16 -11
- package/esm2020/lib/modules/description-list/description-list-term.component.mjs +1 -1
- package/esm2020/lib/modules/description-list/description-list.component.mjs +25 -16
- package/esm2020/lib/modules/fluid-grid/column.component.mjs +19 -1
- package/esm2020/lib/modules/fluid-grid/fluid-grid.component.mjs +15 -35
- package/esm2020/lib/modules/fluid-grid/row.component.mjs +1 -1
- package/esm2020/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.mjs +1 -1
- package/esm2020/lib/modules/format/format.component.mjs +34 -26
- package/esm2020/lib/modules/inline-delete/inline-delete-adapter.service.mjs +91 -83
- package/esm2020/lib/modules/inline-delete/inline-delete.component.mjs +15 -9
- package/esm2020/lib/modules/page/page-theme-adapter.service.mjs +14 -8
- package/esm2020/lib/modules/page/page.component.mjs +8 -4
- package/esm2020/lib/modules/page-summary/page-summary-adapter.service.mjs +1 -1
- package/esm2020/lib/modules/page-summary/page-summary.component.mjs +40 -16
- package/esm2020/lib/modules/text-expand/text-expand-adapter.service.mjs +8 -10
- package/esm2020/lib/modules/text-expand/text-expand-modal-context-token.mjs +6 -0
- package/esm2020/lib/modules/text-expand/text-expand-modal-context.mjs +2 -6
- package/esm2020/lib/modules/text-expand/text-expand-modal.component.mjs +12 -10
- package/esm2020/lib/modules/text-expand/text-expand.component.mjs +188 -127
- package/esm2020/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.mjs +10 -12
- package/esm2020/lib/modules/text-expand-repeater/text-expand-repeater.component.mjs +139 -95
- package/esm2020/lib/modules/toolbar/toolbar.component.mjs +2 -2
- package/esm2020/testing/action-button-fixture.mjs +12 -6
- package/esm2020/testing/card-fixture.mjs +19 -16
- package/esm2020/testing/page-summary-fixture.mjs +9 -5
- package/fesm2015/skyux-layout-testing.mjs +35 -24
- package/fesm2015/skyux-layout-testing.mjs.map +1 -1
- package/fesm2015/skyux-layout.mjs +675 -506
- package/fesm2015/skyux-layout.mjs.map +1 -1
- package/fesm2020/skyux-layout-testing.mjs +35 -24
- package/fesm2020/skyux-layout-testing.mjs.map +1 -1
- package/fesm2020/skyux-layout.mjs +669 -506
- package/fesm2020/skyux-layout.mjs.map +1 -1
- package/index.d.ts +0 -1
- package/lib/modules/card/card.component.d.ts +7 -6
- package/lib/modules/definition-list/definition-list-label.component.d.ts +1 -1
- package/lib/modules/definition-list/definition-list-value.component.d.ts +1 -1
- package/lib/modules/definition-list/definition-list.component.d.ts +2 -2
- package/lib/modules/definition-list/definition-list.service.d.ts +2 -2
- package/lib/modules/description-list/description-list-adapter-service.d.ts +1 -2
- package/lib/modules/description-list/description-list-content.component.d.ts +2 -2
- package/lib/modules/description-list/description-list-description.component.d.ts +5 -7
- package/lib/modules/description-list/description-list-term.component.d.ts +1 -1
- package/lib/modules/description-list/description-list.component.d.ts +6 -7
- package/lib/modules/fluid-grid/column.component.d.ts +7 -5
- package/lib/modules/fluid-grid/fluid-grid.component.d.ts +3 -9
- package/lib/modules/fluid-grid/row.component.d.ts +1 -1
- package/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.d.ts +1 -1
- package/lib/modules/format/format.component.d.ts +5 -7
- package/lib/modules/inline-delete/inline-delete-adapter.service.d.ts +1 -11
- package/lib/modules/inline-delete/inline-delete.component.d.ts +3 -5
- package/lib/modules/page/page-theme-adapter.service.d.ts +1 -1
- package/lib/modules/page/page.component.d.ts +1 -1
- package/lib/modules/page-summary/page-summary.component.d.ts +8 -9
- package/lib/modules/text-expand/text-expand-adapter.service.d.ts +3 -4
- package/lib/modules/text-expand/text-expand-modal-context-token.d.ts +6 -0
- package/lib/modules/text-expand/text-expand-modal-context.d.ts +1 -1
- package/lib/modules/text-expand/text-expand.component.d.ts +18 -25
- package/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.d.ts +4 -5
- package/lib/modules/text-expand-repeater/text-expand-repeater.component.d.ts +13 -21
- package/package.json +9 -9
- package/testing/action-button-fixture.d.ts +4 -4
- package/testing/card-fixture.d.ts +3 -5
- package/testing/page-summary-fixture.d.ts +4 -4
- package/esm2020/lib/modules/fluid-grid/fluid-grid-gutter-size.mjs +0 -20
- package/lib/modules/fluid-grid/fluid-grid-gutter-size.d.ts +0 -18
package/index.d.ts
CHANGED
|
@@ -12,7 +12,6 @@ export * from './lib/modules/definition-list/definition-list.module';
|
|
|
12
12
|
export * from './lib/modules/description-list/description-list.module';
|
|
13
13
|
export * from './lib/modules/description-list/types/description-list-mode';
|
|
14
14
|
export * from './lib/modules/description-list/types/description-list-mode-type';
|
|
15
|
-
export * from './lib/modules/fluid-grid/fluid-grid-gutter-size';
|
|
16
15
|
export * from './lib/modules/fluid-grid/fluid-grid.module';
|
|
17
16
|
export * from './lib/modules/fluid-grid/types/fluid-grid-gutter-size-type';
|
|
18
17
|
export * from './lib/modules/format/format-item';
|
|
@@ -8,31 +8,32 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* @deprecated `SkyCardComponent` is deprecated. For other SKY UX components that group and list content, see the content containers guidelines. For more information, see https://developer.blackbaud.com/skyux/design/guidelines/content-containers.
|
|
9
9
|
*/
|
|
10
10
|
export declare class SkyCardComponent implements AfterContentInit, OnDestroy {
|
|
11
|
+
#private;
|
|
11
12
|
/**
|
|
12
13
|
* Specifies the size of the card. The valid options are `"large"` and `"small"`.
|
|
13
14
|
* @default "large"
|
|
14
15
|
*/
|
|
15
|
-
size: string;
|
|
16
|
+
set size(value: string | undefined);
|
|
17
|
+
get size(): string;
|
|
16
18
|
/**
|
|
17
19
|
* Indicates whether to display a checkbox to the right of the card title.
|
|
18
20
|
* Users can select multiple checkboxes and perform actions on the selected cards.
|
|
19
21
|
* @default false
|
|
20
22
|
*/
|
|
21
|
-
selectable: boolean;
|
|
23
|
+
selectable: boolean | undefined;
|
|
22
24
|
/**
|
|
23
25
|
* Indicates whether the card is selected. This only applies to card where
|
|
24
26
|
* `selectable` is set to `true`.
|
|
25
27
|
* @default false
|
|
26
28
|
*/
|
|
27
|
-
selected: boolean;
|
|
29
|
+
selected: boolean | undefined;
|
|
28
30
|
/**
|
|
29
31
|
* Fires when users select or deselect the card.
|
|
30
32
|
*/
|
|
31
33
|
selectedChange: EventEmitter<boolean>;
|
|
32
|
-
inlineDeleteComponent: QueryList<SkyInlineDeleteComponent
|
|
33
|
-
titleComponent: QueryList<SkyCardTitleComponent
|
|
34
|
+
inlineDeleteComponent: QueryList<SkyInlineDeleteComponent> | undefined;
|
|
35
|
+
titleComponent: QueryList<SkyCardTitleComponent> | undefined;
|
|
34
36
|
showTitle: boolean;
|
|
35
|
-
private subscription;
|
|
36
37
|
constructor(logger: SkyLogService);
|
|
37
38
|
ngAfterContentInit(): void;
|
|
38
39
|
contentClick(): void;
|
|
@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
*/
|
|
6
6
|
export declare class SkyDefinitionListLabelComponent {
|
|
7
7
|
service: SkyDefinitionListService;
|
|
8
|
-
labelWidth: number;
|
|
8
|
+
labelWidth: number | undefined;
|
|
9
9
|
constructor(service: SkyDefinitionListService);
|
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDefinitionListLabelComponent, never>;
|
|
11
11
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDefinitionListLabelComponent, "sky-definition-list-label", never, {}, {}, never, ["*"], false>;
|
|
@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
*/
|
|
6
6
|
export declare class SkyDefinitionListValueComponent {
|
|
7
7
|
service: SkyDefinitionListService;
|
|
8
|
-
defaultValue: string;
|
|
8
|
+
defaultValue: string | undefined;
|
|
9
9
|
constructor(service: SkyDefinitionListService);
|
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDefinitionListValueComponent, never>;
|
|
11
11
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDefinitionListValueComponent, "sky-definition-list-value", never, {}, {}, never, ["*"], false>;
|
|
@@ -10,13 +10,13 @@ export declare class SkyDefinitionListComponent {
|
|
|
10
10
|
* Specifies the width of the label portion of the definition list.
|
|
11
11
|
* @default "90px"
|
|
12
12
|
*/
|
|
13
|
-
set labelWidth(value: string);
|
|
13
|
+
set labelWidth(value: string | undefined);
|
|
14
14
|
/**
|
|
15
15
|
* Specifies a default value to display when no value is provided
|
|
16
16
|
* for a label-value pair.
|
|
17
17
|
* @default "None found"
|
|
18
18
|
*/
|
|
19
|
-
set defaultValue(value: string);
|
|
19
|
+
set defaultValue(value: string | undefined);
|
|
20
20
|
constructor(service: SkyDefinitionListService, logger: SkyLogService);
|
|
21
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDefinitionListComponent, never>;
|
|
22
22
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDefinitionListComponent, "sky-definition-list", never, { "labelWidth": "labelWidth"; "defaultValue": "defaultValue"; }, {}, never, ["sky-definition-list-heading", "sky-definition-list-content"], false>;
|
|
@@ -4,8 +4,8 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* @internal
|
|
5
5
|
*/
|
|
6
6
|
export declare class SkyDefinitionListService {
|
|
7
|
-
labelWidth: BehaviorSubject<string>;
|
|
8
|
-
defaultValue: BehaviorSubject<string>;
|
|
7
|
+
labelWidth: BehaviorSubject<string | undefined>;
|
|
8
|
+
defaultValue: BehaviorSubject<string | undefined>;
|
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDefinitionListService, never>;
|
|
10
10
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkyDefinitionListService>;
|
|
11
11
|
}
|
|
@@ -4,11 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* @internal
|
|
5
5
|
*/
|
|
6
6
|
export declare class SkyDescriptionListAdapterService {
|
|
7
|
-
private
|
|
7
|
+
#private;
|
|
8
8
|
constructor(rendererFactory: RendererFactory2);
|
|
9
9
|
getWidth(elementRef: ElementRef): number;
|
|
10
10
|
setResponsiveClass(element: ElementRef): void;
|
|
11
|
-
private getResponsiveClassName;
|
|
12
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDescriptionListAdapterService, never>;
|
|
13
12
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkyDescriptionListAdapterService>;
|
|
14
13
|
}
|
|
@@ -6,8 +6,8 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
* Wraps the term-description pairs in the description list.
|
|
7
7
|
*/
|
|
8
8
|
export declare class SkyDescriptionListContentComponent {
|
|
9
|
-
termComponents: QueryList<SkyDescriptionListTermComponent
|
|
10
|
-
descriptionComponents: QueryList<SkyDescriptionListDescriptionComponent
|
|
9
|
+
termComponents: QueryList<SkyDescriptionListTermComponent> | undefined;
|
|
10
|
+
descriptionComponents: QueryList<SkyDescriptionListDescriptionComponent> | undefined;
|
|
11
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDescriptionListContentComponent, never>;
|
|
12
12
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDescriptionListContentComponent, "sky-description-list-content", never, {}, {}, ["termComponents", "descriptionComponents"], ["*"], false>;
|
|
13
13
|
}
|
|
@@ -6,14 +6,12 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
* Specifies the description in a term-description pair.
|
|
7
7
|
*/
|
|
8
8
|
export declare class SkyDescriptionListDescriptionComponent implements OnDestroy, OnInit {
|
|
9
|
+
#private;
|
|
9
10
|
service: SkyDescriptionListService;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
templateRef: TemplateRef<unknown>;
|
|
15
|
-
private ngUnsubscribe;
|
|
16
|
-
constructor(service: SkyDescriptionListService, changeRef: ChangeDetectorRef, themeSvc?: SkyThemeService);
|
|
11
|
+
defaultDescription: string | undefined;
|
|
12
|
+
themeName: string | undefined;
|
|
13
|
+
templateRef: TemplateRef<unknown> | undefined;
|
|
14
|
+
constructor(service: SkyDescriptionListService, changeDetector: ChangeDetectorRef, themeSvc?: SkyThemeService);
|
|
17
15
|
ngOnInit(): void;
|
|
18
16
|
ngOnDestroy(): void;
|
|
19
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDescriptionListDescriptionComponent, [null, null, { optional: true; }]>;
|
|
@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
* and a sky-control-help CSS class on that element.
|
|
7
7
|
*/
|
|
8
8
|
export declare class SkyDescriptionListTermComponent {
|
|
9
|
-
templateRef: TemplateRef<unknown
|
|
9
|
+
templateRef: TemplateRef<unknown> | undefined;
|
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDescriptionListTermComponent, never>;
|
|
11
11
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDescriptionListTermComponent, "sky-description-list-term", never, {}, {}, never, ["*", ".sky-control-help"], false>;
|
|
12
12
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AfterContentInit, ChangeDetectorRef, OnDestroy, QueryList } from '@angular/core';
|
|
1
|
+
import { AfterContentInit, ChangeDetectorRef, ElementRef, OnDestroy, QueryList } from '@angular/core';
|
|
2
2
|
import { SkyDescriptionListAdapterService } from './description-list-adapter-service';
|
|
3
3
|
import { SkyDescriptionListContentComponent } from './description-list-content.component';
|
|
4
4
|
import { SkyDescriptionListService } from './description-list.service';
|
|
@@ -8,6 +8,7 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* Creates a description list to display term-description pairs.
|
|
9
9
|
*/
|
|
10
10
|
export declare class SkyDescriptionListComponent implements AfterContentInit, OnDestroy {
|
|
11
|
+
#private;
|
|
11
12
|
private adapterService;
|
|
12
13
|
private changeDetector;
|
|
13
14
|
private descriptionListService;
|
|
@@ -21,18 +22,16 @@ export declare class SkyDescriptionListComponent implements AfterContentInit, On
|
|
|
21
22
|
* Specifies the width of term-description pairs when `mode` is set to `"horizontal"`. By default,
|
|
22
23
|
* the width is responsive based on the width of the container element.
|
|
23
24
|
*/
|
|
24
|
-
listItemWidth: string;
|
|
25
|
+
listItemWidth: string | undefined;
|
|
25
26
|
/**
|
|
26
27
|
* Specifies how to display term-description pairs within the description list.
|
|
27
28
|
* Options include `"horizontal"`, `"longDescription"`, and `"vertical"`.
|
|
28
29
|
* @default "vertical"
|
|
29
30
|
*/
|
|
30
|
-
set mode(value: SkyDescriptionListModeType);
|
|
31
|
+
set mode(value: SkyDescriptionListModeType | undefined);
|
|
31
32
|
get mode(): SkyDescriptionListModeType;
|
|
32
|
-
contentComponents: QueryList<SkyDescriptionListContentComponent
|
|
33
|
-
|
|
34
|
-
private ngUnsubscribe;
|
|
35
|
-
private _mode;
|
|
33
|
+
contentComponents: QueryList<SkyDescriptionListContentComponent> | undefined;
|
|
34
|
+
elementRef: ElementRef | undefined;
|
|
36
35
|
constructor(adapterService: SkyDescriptionListAdapterService, changeDetector: ChangeDetectorRef, descriptionListService: SkyDescriptionListService);
|
|
37
36
|
ngAfterContentInit(): void;
|
|
38
37
|
ngOnDestroy(): void;
|
|
@@ -4,32 +4,34 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* Displays a column within a row of the fluid grid.
|
|
5
5
|
*/
|
|
6
6
|
export declare class SkyColumnComponent implements OnInit, OnChanges {
|
|
7
|
+
#private;
|
|
7
8
|
/**
|
|
8
9
|
* Specifies the number of columns (1-12) to use on extra-small screens
|
|
9
10
|
* (less than 768px). If you do not specify a value, the fluid grid displays
|
|
10
11
|
* the column at the full width of the screen.
|
|
11
12
|
* @default 12
|
|
12
13
|
*/
|
|
13
|
-
screenXSmall: number;
|
|
14
|
+
set screenXSmall(value: number | undefined);
|
|
15
|
+
get screenXSmall(): number;
|
|
14
16
|
/**
|
|
15
17
|
* Specifies the number of columns (1-12) to use on small screens
|
|
16
18
|
* (768-991px). If you do not specify a value, the column inherits
|
|
17
19
|
* the `screenXSmall` value.
|
|
18
20
|
*/
|
|
19
|
-
screenSmall: number;
|
|
21
|
+
screenSmall: number | undefined;
|
|
20
22
|
/**
|
|
21
23
|
* Specifies the number of columns (1-12) to use on medium screens
|
|
22
24
|
* (992-1199px). If you do not specify a value, the column inherits
|
|
23
25
|
* the `screenSmall` value.
|
|
24
26
|
*/
|
|
25
|
-
screenMedium: number;
|
|
27
|
+
screenMedium: number | undefined;
|
|
26
28
|
/**
|
|
27
29
|
* Specifies the number of columns (1-12) to use on large screens
|
|
28
30
|
* (more than 1200px). If you do not specify a value, the column
|
|
29
31
|
* inherits the `screenMedium` value.
|
|
30
32
|
*/
|
|
31
|
-
screenLarge: number;
|
|
32
|
-
classnames: string;
|
|
33
|
+
screenLarge: number | undefined;
|
|
34
|
+
classnames: string | undefined;
|
|
33
35
|
ngOnChanges(changes: SimpleChanges): void;
|
|
34
36
|
getClassNames(): string;
|
|
35
37
|
ngOnInit(): void;
|
|
@@ -5,25 +5,19 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
* alignment, padding, and margins do not behave as expected.
|
|
6
6
|
*/
|
|
7
7
|
export declare class SkyFluidGridComponent {
|
|
8
|
+
#private;
|
|
8
9
|
/**
|
|
9
10
|
* Disables the outer left and right margin of the fluid grid container.
|
|
10
11
|
* @default false
|
|
11
12
|
*/
|
|
12
|
-
|
|
13
|
-
get disableMargin(): boolean;
|
|
13
|
+
disableMargin: boolean | undefined;
|
|
14
14
|
/**
|
|
15
15
|
* Specifies a `SkyFluidGridGutterSizeType` to define the size of the padding
|
|
16
16
|
* between columns.
|
|
17
17
|
* @default "large"
|
|
18
18
|
*/
|
|
19
|
-
set gutterSize(value: SkyFluidGridGutterSizeType);
|
|
19
|
+
set gutterSize(value: SkyFluidGridGutterSizeType | undefined);
|
|
20
20
|
get gutterSize(): SkyFluidGridGutterSizeType;
|
|
21
|
-
/**
|
|
22
|
-
* @internal
|
|
23
|
-
*/
|
|
24
|
-
get gutterSizeResolved(): SkyFluidGridGutterSizeType;
|
|
25
|
-
private _disableMargin;
|
|
26
|
-
private _gutterSize;
|
|
27
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFluidGridComponent, never>;
|
|
28
22
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFluidGridComponent, "sky-fluid-grid", never, { "disableMargin": "disableMargin"; "gutterSize": "gutterSize"; }, {}, never, ["*"], false>;
|
|
29
23
|
}
|
|
@@ -8,7 +8,7 @@ export declare class SkyRowComponent {
|
|
|
8
8
|
* Indicates whether to reverse the display order for columns in the row.
|
|
9
9
|
* @default false
|
|
10
10
|
*/
|
|
11
|
-
reverseColumnOrder: boolean;
|
|
11
|
+
reverseColumnOrder: boolean | undefined;
|
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyRowComponent, never>;
|
|
13
13
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyRowComponent, "sky-row", never, { "reverseColumnOrder": "reverseColumnOrder"; }, {}, never, ["*"], false>;
|
|
14
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare type SkyFluidGridGutterSizeType =
|
|
1
|
+
export declare type SkyFluidGridGutterSizeType = 'small' | 'medium' | 'large';
|
|
@@ -2,22 +2,20 @@ import { TemplateRef } from '@angular/core';
|
|
|
2
2
|
import { SkyFormatItem } from './format-item';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class SkyFormatComponent {
|
|
5
|
+
#private;
|
|
5
6
|
itemsForDisplay: SkyFormatItem[];
|
|
6
7
|
/**
|
|
7
8
|
* The tokenized string that represents the template. Tokens use the `{n}` notation
|
|
8
9
|
* where `n` is the ordinal of the item to replace the token.
|
|
9
10
|
*/
|
|
10
|
-
set text(value: string);
|
|
11
|
-
get text(): string;
|
|
11
|
+
set text(value: string | undefined);
|
|
12
|
+
get text(): string | undefined;
|
|
12
13
|
/**
|
|
13
14
|
* An array of `TemplateRef` objects to be placed in the template, where the `nth`
|
|
14
15
|
* item is placed at the `{n}` location in the template.
|
|
15
16
|
*/
|
|
16
|
-
set args(value: TemplateRef<any>[]);
|
|
17
|
-
get args(): TemplateRef<any>[];
|
|
18
|
-
private _text;
|
|
19
|
-
private _args;
|
|
20
|
-
private updateItemsForDisplay;
|
|
17
|
+
set args(value: TemplateRef<any>[] | undefined);
|
|
18
|
+
get args(): TemplateRef<any>[] | undefined;
|
|
21
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormatComponent, never>;
|
|
22
20
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFormatComponent, "sky-format", never, { "text": "text"; "args": "args"; }, {}, never, never, false>;
|
|
23
21
|
}
|
|
@@ -5,20 +5,10 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
* @internal
|
|
6
6
|
*/
|
|
7
7
|
export declare class SkyInlineDeleteAdapterService {
|
|
8
|
-
private
|
|
9
|
-
private element;
|
|
10
|
-
private focussableElements;
|
|
11
|
-
private parentEl;
|
|
12
|
-
private parentElUnlistenFn;
|
|
13
|
-
private renderer;
|
|
8
|
+
#private;
|
|
14
9
|
constructor(coreAdapterService: SkyCoreAdapterService, rendererFactory: RendererFactory2);
|
|
15
10
|
clearListeners(): void;
|
|
16
11
|
setEl(element: HTMLElement): void;
|
|
17
|
-
private focusNextElement;
|
|
18
|
-
private getFocussableElements;
|
|
19
|
-
private isElementHiddenOrCovered;
|
|
20
|
-
private isElementHidden;
|
|
21
|
-
private isShift;
|
|
22
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyInlineDeleteAdapterService, never>;
|
|
23
13
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkyInlineDeleteAdapterService>;
|
|
24
14
|
}
|
|
@@ -4,14 +4,12 @@ import { SkyInlineDeleteAdapterService } from './inline-delete-adapter.service';
|
|
|
4
4
|
import { SkyInlineDeleteType } from './inline-delete-type';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class SkyInlineDeleteComponent implements OnDestroy, OnInit {
|
|
7
|
-
private
|
|
8
|
-
private changeDetector;
|
|
9
|
-
private elRef;
|
|
7
|
+
#private;
|
|
10
8
|
/**
|
|
11
9
|
* Indicates whether the deletion is pending.
|
|
12
10
|
* @default false
|
|
13
11
|
*/
|
|
14
|
-
pending: boolean;
|
|
12
|
+
pending: boolean | undefined;
|
|
15
13
|
/**
|
|
16
14
|
* Fires when users click the cancel button.
|
|
17
15
|
*/
|
|
@@ -23,7 +21,7 @@ export declare class SkyInlineDeleteComponent implements OnDestroy, OnInit {
|
|
|
23
21
|
animationState: string;
|
|
24
22
|
assistiveTextId: string;
|
|
25
23
|
type: SkyInlineDeleteType;
|
|
26
|
-
|
|
24
|
+
deleteButton: ElementRef | undefined;
|
|
27
25
|
constructor(adapterService: SkyInlineDeleteAdapterService, changeDetector: ChangeDetectorRef, elRef: ElementRef);
|
|
28
26
|
/**
|
|
29
27
|
* Initialization lifecycle hook
|
|
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
* @internal
|
|
4
4
|
*/
|
|
5
5
|
export declare class SkyPageThemeAdapterService {
|
|
6
|
-
private
|
|
6
|
+
#private;
|
|
7
7
|
/**
|
|
8
8
|
* We can't use ViewEncapsulation.None for this behavior because Angular does
|
|
9
9
|
* not remove `style` tags from the HEAD element after route changes.
|
|
@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
* Sets the correct background color for a page.
|
|
6
6
|
*/
|
|
7
7
|
export declare class SkyPageComponent implements OnInit, OnDestroy {
|
|
8
|
-
private
|
|
8
|
+
#private;
|
|
9
9
|
constructor(themeAdapter: SkyPageThemeAdapterService);
|
|
10
10
|
ngOnInit(): void;
|
|
11
11
|
ngOnDestroy(): void;
|
|
@@ -1,20 +1,19 @@
|
|
|
1
|
-
import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
|
|
1
|
+
import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, QueryList } from '@angular/core';
|
|
2
2
|
import { SkyLogService, SkyMediaQueryService } from '@skyux/core';
|
|
3
3
|
import { SkyPageSummaryAdapterService } from './page-summary-adapter.service';
|
|
4
|
+
import { SkyPageSummaryKeyInfoComponent } from './page-summary-key-info.component';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
/**
|
|
6
7
|
* Specifies the components to display in the page summary.
|
|
7
8
|
* @deprecated `SkyPageSummaryComponent` is deprecated. For page templates and techniques to summarize page content, see the page design guidelines. For more information, see https://developer.blackbaud.com/skyux/design/guidelines/page-layouts.
|
|
8
9
|
*/
|
|
9
|
-
export declare class SkyPageSummaryComponent implements
|
|
10
|
-
private
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
private keyInfoComponents;
|
|
15
|
-
private breakpointSubscription;
|
|
16
|
-
constructor(elRef: ElementRef, adapter: SkyPageSummaryAdapterService, mediaQueryService: SkyMediaQueryService, logger: SkyLogService);
|
|
10
|
+
export declare class SkyPageSummaryComponent implements AfterContentInit, AfterViewInit, OnDestroy {
|
|
11
|
+
#private;
|
|
12
|
+
hasKeyInfo: boolean;
|
|
13
|
+
keyInfoComponents: QueryList<SkyPageSummaryKeyInfoComponent> | undefined;
|
|
14
|
+
constructor(elRef: ElementRef, adapter: SkyPageSummaryAdapterService, mediaQueryService: SkyMediaQueryService, logger: SkyLogService, changeDetector: ChangeDetectorRef);
|
|
17
15
|
ngAfterViewInit(): void;
|
|
16
|
+
ngAfterContentInit(): void;
|
|
18
17
|
ngOnDestroy(): void;
|
|
19
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyPageSummaryComponent, never>;
|
|
20
19
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyPageSummaryComponent, "sky-page-summary", never, {}, {}, ["keyInfoComponents"], ["sky-page-summary-alert", "sky-page-summary-image", "sky-page-summary-title", "sky-page-summary-subtitle", "sky-page-summary-status", "sky-page-summary-content", "sky-page-summary-key-info"], false>;
|
|
@@ -4,11 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* @internal
|
|
5
5
|
*/
|
|
6
6
|
export declare class SkyTextExpandAdapterService {
|
|
7
|
-
private
|
|
8
|
-
private renderer;
|
|
7
|
+
#private;
|
|
9
8
|
constructor(rendererFactory: RendererFactory2);
|
|
10
|
-
getContainerHeight(containerEl: ElementRef):
|
|
11
|
-
|
|
9
|
+
getContainerHeight(containerEl: ElementRef): number;
|
|
10
|
+
removeContainerMaxHeight(containerEl: ElementRef): void;
|
|
12
11
|
setText(textEl: ElementRef, text: string): void;
|
|
13
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextExpandAdapterService, never>;
|
|
14
13
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkyTextExpandAdapterService>;
|
|
@@ -1,41 +1,44 @@
|
|
|
1
|
-
import { AfterContentInit } from '@angular/core';
|
|
1
|
+
import { AfterContentInit, ElementRef } from '@angular/core';
|
|
2
2
|
import { SkyLibResourcesService } from '@skyux/i18n';
|
|
3
3
|
import { SkyModalService } from '@skyux/modals';
|
|
4
4
|
import { SkyTextExpandAdapterService } from './text-expand-adapter.service';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class SkyTextExpandComponent implements AfterContentInit {
|
|
7
|
-
private
|
|
8
|
-
private modalService;
|
|
9
|
-
private textExpandAdapter;
|
|
7
|
+
#private;
|
|
10
8
|
/**
|
|
11
9
|
* Specifies a title to display when the component expands the full text in a modal.
|
|
12
10
|
* @default "Expanded view"
|
|
13
11
|
*/
|
|
14
|
-
expandModalTitle: string;
|
|
12
|
+
expandModalTitle: string | undefined;
|
|
15
13
|
/**
|
|
16
14
|
* Specifies the maximum number of text characters to display inline when users select the link
|
|
17
15
|
* to expand the full text. If the text exceeds this limit, then the component expands
|
|
18
16
|
* the full text in a modal instead.
|
|
17
|
+
* @default 600
|
|
19
18
|
*/
|
|
20
|
-
maxExpandedLength: number;
|
|
19
|
+
set maxExpandedLength(value: number | undefined);
|
|
20
|
+
get maxExpandedLength(): number;
|
|
21
21
|
/**
|
|
22
22
|
* Specifies the maximum number of newline characters to display inline when users select
|
|
23
23
|
* the link to expand the full text. If the text exceeds this limit, then
|
|
24
24
|
* the component expands the full text in a modal view instead.
|
|
25
|
+
* @default 2
|
|
25
26
|
*/
|
|
26
|
-
maxExpandedNewlines: number;
|
|
27
|
+
set maxExpandedNewlines(value: number | undefined);
|
|
28
|
+
get maxExpandedNewlines(): number;
|
|
27
29
|
/**
|
|
28
30
|
* Specifies the number of text characters to display before truncating the text.
|
|
29
31
|
* To avoid truncating text in the middle of a word, the component looks for a space
|
|
30
32
|
* in the 10 characters before the last character.
|
|
31
33
|
* @default 200
|
|
32
34
|
*/
|
|
33
|
-
set maxLength(value: number);
|
|
35
|
+
set maxLength(value: number | undefined);
|
|
34
36
|
get maxLength(): number;
|
|
35
37
|
/**
|
|
36
38
|
* Specifies the text to truncate.
|
|
37
39
|
*/
|
|
38
|
-
set text(value: string);
|
|
40
|
+
set text(value: string | undefined);
|
|
41
|
+
get text(): string;
|
|
39
42
|
/**
|
|
40
43
|
* Indicates whether to replace newline characters in truncated text with spaces.
|
|
41
44
|
*/
|
|
@@ -43,26 +46,16 @@ export declare class SkyTextExpandComponent implements AfterContentInit {
|
|
|
43
46
|
buttonText: string;
|
|
44
47
|
contentSectionId: string;
|
|
45
48
|
expandable: boolean;
|
|
46
|
-
isExpanded: boolean;
|
|
49
|
+
isExpanded: boolean | undefined;
|
|
47
50
|
isModal: boolean;
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
private seeMoreText;
|
|
54
|
-
private seeLessText;
|
|
55
|
-
private textToShow;
|
|
56
|
-
private _maxLength;
|
|
57
|
-
constructor(resources: SkyLibResourcesService, modalService: SkyModalService, textExpandAdapter: SkyTextExpandAdapterService);
|
|
51
|
+
transitionHeight: number;
|
|
52
|
+
containerEl: ElementRef | undefined;
|
|
53
|
+
set textEl(value: ElementRef | undefined);
|
|
54
|
+
get textEl(): ElementRef | undefined;
|
|
55
|
+
constructor(resources: SkyLibResourcesService, modalSvc: SkyModalService, textExpandAdapter: SkyTextExpandAdapterService);
|
|
58
56
|
textExpand(): void;
|
|
59
57
|
animationEnd(): void;
|
|
60
58
|
ngAfterContentInit(): void;
|
|
61
|
-
private setContainerMaxHeight;
|
|
62
|
-
private setup;
|
|
63
|
-
private getNewlineCount;
|
|
64
|
-
private getTruncatedText;
|
|
65
|
-
private animateText;
|
|
66
59
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextExpandComponent, never>;
|
|
67
60
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextExpandComponent, "sky-text-expand", never, { "expandModalTitle": "expandModalTitle"; "maxExpandedLength": "maxExpandedLength"; "maxExpandedNewlines": "maxExpandedNewlines"; "maxLength": "maxLength"; "text": "text"; "truncateNewlines": "truncateNewlines"; }, {}, never, never, false>;
|
|
68
61
|
}
|
|
@@ -4,14 +4,13 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* @internal
|
|
5
5
|
*/
|
|
6
6
|
export declare class SkyTextExpandRepeaterAdapterService {
|
|
7
|
-
private
|
|
8
|
-
private renderer;
|
|
7
|
+
#private;
|
|
9
8
|
constructor(rendererFactory: RendererFactory2);
|
|
10
|
-
getItems(elRef: ElementRef):
|
|
9
|
+
getItems(elRef: ElementRef): NodeListOf<HTMLElement>;
|
|
11
10
|
hideItem(item: HTMLElement): void;
|
|
12
11
|
showItem(item: HTMLElement): void;
|
|
13
|
-
getContainerHeight(containerEl: ElementRef):
|
|
14
|
-
|
|
12
|
+
getContainerHeight(containerEl: ElementRef): number;
|
|
13
|
+
removeContainerMaxHeight(containerEl: ElementRef): void;
|
|
15
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextExpandRepeaterAdapterService, never>;
|
|
16
15
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkyTextExpandRepeaterAdapterService>;
|
|
17
16
|
}
|
|
@@ -1,47 +1,39 @@
|
|
|
1
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef,
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef, TemplateRef } from '@angular/core';
|
|
2
2
|
import { SkyLibResourcesService } from '@skyux/i18n';
|
|
3
3
|
import { SkyTextExpandRepeaterAdapterService } from './text-expand-repeater-adapter.service';
|
|
4
4
|
import { SkyTextExpandRepeaterListStyleType } from './types/text-expand-repeater-list-style-type';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class SkyTextExpandRepeaterComponent implements AfterViewInit
|
|
7
|
-
private
|
|
8
|
-
private elRef;
|
|
9
|
-
private textExpandRepeaterAdapter;
|
|
10
|
-
private changeDetector;
|
|
6
|
+
export declare class SkyTextExpandRepeaterComponent implements AfterViewInit {
|
|
7
|
+
#private;
|
|
11
8
|
/**
|
|
12
9
|
* Specifies the data to truncate.
|
|
13
10
|
*/
|
|
14
|
-
data: any[];
|
|
11
|
+
set data(value: any[] | undefined);
|
|
12
|
+
get data(): any[] | undefined;
|
|
15
13
|
/**
|
|
16
14
|
* Specifies a template for items in the list.
|
|
17
15
|
*/
|
|
18
|
-
itemTemplate: TemplateRef<unknown
|
|
16
|
+
itemTemplate: TemplateRef<unknown> | undefined;
|
|
19
17
|
/**
|
|
20
18
|
* Specifies the style of bullet to use
|
|
21
19
|
* @default "unordered"
|
|
22
20
|
*/
|
|
23
|
-
listStyle: SkyTextExpandRepeaterListStyleType;
|
|
21
|
+
listStyle: SkyTextExpandRepeaterListStyleType | undefined;
|
|
24
22
|
/**
|
|
25
|
-
* Specifies the number of items to display before truncating the list.
|
|
23
|
+
* Specifies the number of items to display before truncating the list. If not supplied, all items are shown.
|
|
26
24
|
*/
|
|
27
|
-
maxItems: number;
|
|
25
|
+
set maxItems(value: number | undefined);
|
|
26
|
+
get maxItems(): number | undefined;
|
|
28
27
|
buttonText: string;
|
|
29
|
-
contentItems: Array<any>;
|
|
30
28
|
expandable: boolean;
|
|
31
29
|
contentSectionId: string;
|
|
32
|
-
isExpanded: boolean;
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
private containerEl;
|
|
36
|
-
private items;
|
|
30
|
+
isExpanded: boolean | undefined;
|
|
31
|
+
transitionHeight: number;
|
|
32
|
+
containerEl: ElementRef | undefined;
|
|
37
33
|
constructor(resources: SkyLibResourcesService, elRef: ElementRef, textExpandRepeaterAdapter: SkyTextExpandRepeaterAdapterService, changeDetector: ChangeDetectorRef);
|
|
38
34
|
ngAfterViewInit(): void;
|
|
39
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
40
35
|
animationEnd(): void;
|
|
41
36
|
repeaterExpand(): void;
|
|
42
|
-
private setContainerMaxHeight;
|
|
43
|
-
private animateRepeater;
|
|
44
|
-
private setup;
|
|
45
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextExpandRepeaterComponent, never>;
|
|
46
38
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextExpandRepeaterComponent, "sky-text-expand-repeater", never, { "data": "data"; "itemTemplate": "itemTemplate"; "listStyle": "listStyle"; "maxItems": "maxItems"; }, {}, never, never, false>;
|
|
47
39
|
}
|