@skyux/layout 7.0.0-beta.0 → 7.0.0-beta.1
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 +670 -555
- package/esm2020/lib/modules/action-button/action-button-adapter-service.mjs +22 -18
- package/esm2020/lib/modules/action-button/action-button-container.component.mjs +61 -53
- package/esm2020/lib/modules/action-button/action-button-icon.component.mjs +9 -6
- package/esm2020/lib/modules/action-button/action-button.component.mjs +10 -6
- package/esm2020/lib/modules/back-to-top/back-to-top-adapter.service.mjs +19 -15
- package/esm2020/lib/modules/back-to-top/back-to-top.component.mjs +8 -5
- package/esm2020/lib/modules/back-to-top/back-to-top.directive.mjs +68 -63
- package/esm2020/lib/modules/box/box.component.mjs +1 -1
- package/esm2020/lib/modules/toolbar/toolbar.component.mjs +4 -4
- package/fesm2015/skyux-layout.mjs +190 -166
- package/fesm2015/skyux-layout.mjs.map +1 -1
- package/fesm2020/skyux-layout.mjs +191 -166
- package/fesm2020/skyux-layout.mjs.map +1 -1
- package/lib/modules/action-button/action-button-adapter-service.d.ts +1 -2
- package/lib/modules/action-button/action-button-container.component.d.ts +6 -17
- package/lib/modules/action-button/action-button-icon.component.d.ts +2 -3
- package/lib/modules/action-button/action-button.component.d.ts +3 -3
- package/lib/modules/back-to-top/back-to-top-adapter.service.d.ts +1 -4
- package/lib/modules/back-to-top/back-to-top.component.d.ts +1 -1
- package/lib/modules/back-to-top/back-to-top.directive.d.ts +4 -16
- package/lib/modules/box/box.component.d.ts +3 -3
- package/lib/modules/toolbar/toolbar.component.d.ts +4 -4
- package/package.json +9 -9
|
@@ -4,11 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* @internal
|
|
5
5
|
*/
|
|
6
6
|
export declare class SkyActionButtonAdapterService {
|
|
7
|
-
private
|
|
7
|
+
#private;
|
|
8
8
|
constructor(rendererFactory: RendererFactory2);
|
|
9
9
|
getParentWidth(element: ElementRef): number;
|
|
10
10
|
setResponsiveClass(element: ElementRef, width: number): void;
|
|
11
|
-
private getResponsiveClassName;
|
|
12
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyActionButtonAdapterService, never>;
|
|
13
12
|
static ɵprov: i0.ɵɵInjectableDeclaration<SkyActionButtonAdapterService>;
|
|
14
13
|
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit, QueryList } from '@angular/core';
|
|
2
2
|
import { SkyCoreAdapterService } from '@skyux/core';
|
|
3
3
|
import { SkyThemeService } from '@skyux/theme';
|
|
4
4
|
import { SkyActionButtonAdapterService } from './action-button-adapter-service';
|
|
5
|
+
import { SkyActionButtonComponent } from './action-button.component';
|
|
5
6
|
import { SkyActionButtonContainerAlignItemsType } from './types/action-button-container-align-items-type';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
/**
|
|
@@ -10,33 +11,21 @@ import * as i0 from "@angular/core";
|
|
|
10
11
|
*/
|
|
11
12
|
export declare class SkyActionButtonContainerComponent implements AfterViewInit, OnDestroy, OnInit {
|
|
12
13
|
#private;
|
|
13
|
-
private actionButtonAdapterService;
|
|
14
|
-
private changeRef;
|
|
15
|
-
private coreAdapterService;
|
|
16
|
-
private hostElRef;
|
|
17
|
-
private themeSvc?;
|
|
18
14
|
/**
|
|
19
15
|
* Specifies how to display the action buttons inside the action button container.
|
|
20
16
|
* Options are `"center"` or `"left"`.
|
|
21
17
|
* @default "center"
|
|
22
18
|
*/
|
|
23
|
-
set alignItems(value: SkyActionButtonContainerAlignItemsType);
|
|
19
|
+
set alignItems(value: SkyActionButtonContainerAlignItemsType | undefined);
|
|
24
20
|
get alignItems(): SkyActionButtonContainerAlignItemsType;
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
private syncMaxHeightTimeout?;
|
|
29
|
-
private set themeName(value);
|
|
30
|
-
private _alignItems;
|
|
31
|
-
private _themeName;
|
|
32
|
-
constructor(actionButtonAdapterService: SkyActionButtonAdapterService, changeRef: ChangeDetectorRef, coreAdapterService: SkyCoreAdapterService, hostElRef: ElementRef, themeSvc?: SkyThemeService);
|
|
21
|
+
actionButtons: QueryList<SkyActionButtonComponent> | undefined;
|
|
22
|
+
containerRef: ElementRef | undefined;
|
|
23
|
+
constructor(actionButtonAdapterService: SkyActionButtonAdapterService, changeDetector: ChangeDetectorRef, coreAdapterService: SkyCoreAdapterService, hostElRef: ElementRef, themeSvc?: SkyThemeService);
|
|
33
24
|
ngOnInit(): void;
|
|
34
25
|
ngAfterViewInit(): void;
|
|
35
26
|
ngOnDestroy(): void;
|
|
36
27
|
onContentChange(): void;
|
|
37
28
|
onWindowResize(): void;
|
|
38
|
-
private updateHeight;
|
|
39
|
-
private updateResponsiveClass;
|
|
40
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyActionButtonContainerComponent, [null, null, null, null, { optional: true; }]>;
|
|
41
30
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyActionButtonContainerComponent, "sky-action-button-container", never, { "alignItems": "alignItems"; }, {}, ["actionButtons"], ["*"], false>;
|
|
42
31
|
}
|
|
@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
* Specifies an icon to display on the action button.
|
|
6
6
|
*/
|
|
7
7
|
export declare class SkyActionButtonIconComponent implements OnDestroy {
|
|
8
|
-
private
|
|
8
|
+
#private;
|
|
9
9
|
/**
|
|
10
10
|
* Specifies an icon from the
|
|
11
11
|
* [Font Awesome library](https://fontawesome.com/v4.7.0/).
|
|
@@ -14,9 +14,8 @@ export declare class SkyActionButtonIconComponent implements OnDestroy {
|
|
|
14
14
|
* For more information about icons in SKY UX, see the
|
|
15
15
|
* [icon component](https://developer.blackbaud.com/skyux/components/icon).
|
|
16
16
|
*/
|
|
17
|
-
iconType: string;
|
|
17
|
+
iconType: string | undefined;
|
|
18
18
|
fontSizeClass: string;
|
|
19
|
-
private subscription;
|
|
20
19
|
constructor(mediaQueryService: SkyMediaQueryService);
|
|
21
20
|
ngOnDestroy(): void;
|
|
22
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyActionButtonIconComponent, never>;
|
|
@@ -6,17 +6,17 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
* Creates a button to present users with an option to move forward with tasks.
|
|
7
7
|
*/
|
|
8
8
|
export declare class SkyActionButtonComponent {
|
|
9
|
-
private
|
|
9
|
+
#private;
|
|
10
10
|
hidden: boolean;
|
|
11
11
|
/**
|
|
12
12
|
* Specifies a link for the action button.
|
|
13
13
|
*/
|
|
14
|
-
permalink: SkyActionButtonPermalink;
|
|
14
|
+
permalink: SkyActionButtonPermalink | undefined;
|
|
15
15
|
/**
|
|
16
16
|
* Fires when users select the action button.
|
|
17
17
|
*/
|
|
18
18
|
actionClick: EventEmitter<any>;
|
|
19
|
-
constructor(
|
|
19
|
+
constructor(changeDetector: ChangeDetectorRef);
|
|
20
20
|
buttonClicked(): void;
|
|
21
21
|
enterPress(): void;
|
|
22
22
|
onSkyHrefDisplayChange($event: SkyHrefChange): void;
|
|
@@ -6,10 +6,7 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
* @internal
|
|
7
7
|
*/
|
|
8
8
|
export declare class SkyBackToTopDomAdapterService implements OnDestroy {
|
|
9
|
-
private
|
|
10
|
-
private scrollableHostService;
|
|
11
|
-
private ngUnsubscribe;
|
|
12
|
-
private scrollableHostScrollEventUnsubscribe;
|
|
9
|
+
#private;
|
|
13
10
|
constructor(windowRef: SkyAppWindowRef, scrollableHostService: SkyScrollableHostService);
|
|
14
11
|
ngOnDestroy(): void;
|
|
15
12
|
/**
|
|
@@ -4,8 +4,8 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* @internal
|
|
5
5
|
*/
|
|
6
6
|
export declare class SkyBackToTopComponent {
|
|
7
|
+
#private;
|
|
7
8
|
get scrollToTopClick(): Observable<void>;
|
|
8
|
-
private _scrollToTopClick;
|
|
9
9
|
onScrollToTopClick(): void;
|
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyBackToTopComponent, never>;
|
|
11
11
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyBackToTopComponent, "sky-back-to-top", never, {}, {}, never, never, false>;
|
|
@@ -10,31 +10,19 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
* to return to the element after users scroll away.
|
|
11
11
|
*/
|
|
12
12
|
export declare class SkyBackToTopDirective implements AfterViewInit, OnDestroy {
|
|
13
|
-
private
|
|
14
|
-
private domAdapter;
|
|
15
|
-
private element;
|
|
13
|
+
#private;
|
|
16
14
|
/**
|
|
17
15
|
* Specifies configuration options for the back to top component.
|
|
18
16
|
*/
|
|
19
|
-
set skyBackToTop(value: SkyBackToTopOptions);
|
|
17
|
+
set skyBackToTop(value: SkyBackToTopOptions | undefined);
|
|
20
18
|
/**
|
|
21
19
|
* Provides an observable to send commands to the back to top component.
|
|
22
20
|
* The commands respect the `SkyBackToTopMessage` type.
|
|
23
21
|
*/
|
|
24
|
-
set skyBackToTopMessageStream(value: Subject<SkyBackToTopMessage>);
|
|
25
|
-
|
|
26
|
-
private dockItem;
|
|
27
|
-
private elementInView;
|
|
28
|
-
private ngUnsubscribe;
|
|
29
|
-
private _skyBackToTopMessageStream;
|
|
30
|
-
constructor(dockService: SkyDockService, domAdapter: SkyBackToTopDomAdapterService, element: ElementRef);
|
|
22
|
+
set skyBackToTopMessageStream(value: Subject<SkyBackToTopMessage> | undefined);
|
|
23
|
+
constructor(dockService: SkyDockService, domAdapter: SkyBackToTopDomAdapterService, elementRef: ElementRef);
|
|
31
24
|
ngAfterViewInit(): void;
|
|
32
25
|
ngOnDestroy(): void;
|
|
33
|
-
private handleBackToTopButton;
|
|
34
|
-
private addBackToTop;
|
|
35
|
-
private handleIncomingMessages;
|
|
36
|
-
private setBackToTopListeners;
|
|
37
|
-
private destroyBackToTop;
|
|
38
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyBackToTopDirective, never>;
|
|
39
27
|
static ɵdir: i0.ɵɵDirectiveDeclaration<SkyBackToTopDirective, "[skyBackToTop]", never, { "skyBackToTop": "skyBackToTop"; "skyBackToTopMessageStream": "skyBackToTopMessageStream"; }, {}, never, never, false>;
|
|
40
28
|
}
|
|
@@ -8,14 +8,14 @@ export declare class SkyBoxComponent {
|
|
|
8
8
|
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
9
9
|
* If the box includes a visible label, use `ariaLabelledBy` instead.
|
|
10
10
|
*/
|
|
11
|
-
ariaLabel: string;
|
|
11
|
+
ariaLabel: string | undefined;
|
|
12
12
|
/**
|
|
13
13
|
* Specifies the HTML element ID (without the leading `#`) of the element that labels
|
|
14
14
|
* the box. This sets the box's `aria-labelledby` attribute
|
|
15
15
|
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
16
16
|
* If the box does not include a visible label, use `ariaLabel` instead.
|
|
17
17
|
*/
|
|
18
|
-
ariaLabelledBy: string;
|
|
18
|
+
ariaLabelledBy: string | undefined;
|
|
19
19
|
/**
|
|
20
20
|
* Specifies an ARIA role for the box
|
|
21
21
|
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)
|
|
@@ -23,7 +23,7 @@ export declare class SkyBoxComponent {
|
|
|
23
23
|
* how an ARIA role indicates what an item represents on a web page,
|
|
24
24
|
* see the [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).
|
|
25
25
|
*/
|
|
26
|
-
ariaRole: string;
|
|
26
|
+
ariaRole: string | undefined;
|
|
27
27
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyBoxComponent, never>;
|
|
28
28
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyBoxComponent, "sky-box", never, { "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "ariaRole": "ariaRole"; }, {}, never, ["sky-box-header", "sky-box-controls", "*"], false>;
|
|
29
29
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { QueryList } from '@angular/core';
|
|
2
|
+
import { SkyToolbarSectionComponent } from './toolbar-section.component';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
/**
|
|
4
5
|
* Displays actions for lists, records, and tiles.
|
|
5
6
|
*/
|
|
6
|
-
export declare class SkyToolbarComponent
|
|
7
|
+
export declare class SkyToolbarComponent {
|
|
7
8
|
hasSections: boolean;
|
|
8
|
-
|
|
9
|
-
ngAfterContentInit(): void;
|
|
9
|
+
set sectionComponents(value: QueryList<SkyToolbarSectionComponent> | undefined);
|
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyToolbarComponent, never>;
|
|
11
11
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyToolbarComponent, "sky-toolbar", never, {}, {}, ["sectionComponents"], ["sky-toolbar-section", "*", "sky-toolbar-view-actions"], false>;
|
|
12
12
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/layout",
|
|
3
|
-
"version": "7.0.0-beta.
|
|
3
|
+
"version": "7.0.0-beta.1",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -47,14 +47,14 @@
|
|
|
47
47
|
"@angular/forms": "^14.2.0",
|
|
48
48
|
"@angular/platform-browser": "^14.2.0",
|
|
49
49
|
"@angular/router": "^14.2.0",
|
|
50
|
-
"@skyux-sdk/testing": "7.0.0-beta.
|
|
51
|
-
"@skyux/core": "7.0.0-beta.
|
|
52
|
-
"@skyux/forms": "7.0.0-beta.
|
|
53
|
-
"@skyux/i18n": "7.0.0-beta.
|
|
54
|
-
"@skyux/indicators": "7.0.0-beta.
|
|
55
|
-
"@skyux/modals": "7.0.0-beta.
|
|
56
|
-
"@skyux/router": "7.0.0-beta.
|
|
57
|
-
"@skyux/theme": "7.0.0-beta.
|
|
50
|
+
"@skyux-sdk/testing": "7.0.0-beta.1",
|
|
51
|
+
"@skyux/core": "7.0.0-beta.1",
|
|
52
|
+
"@skyux/forms": "7.0.0-beta.1",
|
|
53
|
+
"@skyux/i18n": "7.0.0-beta.1",
|
|
54
|
+
"@skyux/indicators": "7.0.0-beta.1",
|
|
55
|
+
"@skyux/modals": "7.0.0-beta.1",
|
|
56
|
+
"@skyux/router": "7.0.0-beta.1",
|
|
57
|
+
"@skyux/theme": "7.0.0-beta.1"
|
|
58
58
|
},
|
|
59
59
|
"dependencies": {
|
|
60
60
|
"tslib": "^2.3.1"
|