@skyux/layout 5.0.0 → 5.2.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/bundles/skyux-layout-testing.umd.js +10 -5
- package/bundles/skyux-layout-testing.umd.js.map +1 -1
- package/bundles/skyux-layout.umd.js +687 -648
- package/bundles/skyux-layout.umd.js.map +1 -1
- package/documentation.json +936 -436
- package/esm2015/modules/action-button/action-button-adapter-service.js +5 -5
- package/esm2015/modules/action-button/action-button-container.component.js +9 -13
- package/esm2015/modules/action-button/action-button-details.component.js +5 -5
- package/esm2015/modules/action-button/action-button-header.component.js +5 -5
- package/esm2015/modules/action-button/action-button-icon.component.js +5 -5
- package/esm2015/modules/action-button/action-button-permalink.js +1 -1
- package/esm2015/modules/action-button/action-button.component.js +6 -6
- package/esm2015/modules/action-button/action-button.module.js +10 -10
- package/esm2015/modules/action-button/types/action-button-container-align-items.js +1 -1
- package/esm2015/modules/back-to-top/back-to-top-adapter.service.js +7 -8
- package/esm2015/modules/back-to-top/back-to-top.component.js +6 -8
- package/esm2015/modules/back-to-top/back-to-top.directive.js +12 -12
- package/esm2015/modules/back-to-top/back-top-top.module.js +11 -21
- package/esm2015/modules/back-to-top/models/back-to-top-message-type.js +1 -1
- package/esm2015/modules/back-to-top/models/back-to-top-message.js +1 -1
- package/esm2015/modules/back-to-top/models/back-to-top-options.js +1 -1
- package/esm2015/modules/box/box-content.component.js +18 -0
- package/esm2015/modules/box/box-controls.component.js +17 -0
- package/esm2015/modules/box/box-header.component.js +17 -0
- package/esm2015/modules/box/box.component.js +26 -0
- package/esm2015/modules/box/box.module.js +38 -0
- package/esm2015/modules/card/card-actions.component.js +5 -5
- package/esm2015/modules/card/card-content.component.js +5 -5
- package/esm2015/modules/card/card-title.component.js +5 -5
- package/esm2015/modules/card/card.component.js +8 -8
- package/esm2015/modules/card/card.module.js +10 -10
- package/esm2015/modules/definition-list/definition-list-content.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list-heading.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list-label.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list-value.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list.module.js +10 -20
- package/esm2015/modules/definition-list/definition-list.service.js +4 -4
- package/esm2015/modules/description-list/description-list-adapter-service.js +7 -6
- package/esm2015/modules/description-list/description-list-content.component.js +5 -5
- package/esm2015/modules/description-list/description-list-description.component.js +7 -7
- package/esm2015/modules/description-list/description-list-term.component.js +7 -7
- package/esm2015/modules/description-list/description-list.component.js +9 -15
- package/esm2015/modules/description-list/description-list.module.js +10 -10
- package/esm2015/modules/description-list/description-list.service.js +4 -4
- package/esm2015/modules/description-list/types/description-list-mode-type.js +1 -1
- package/esm2015/modules/description-list/types/description-list-mode.js +1 -1
- package/esm2015/modules/fluid-grid/column.component.js +11 -10
- package/esm2015/modules/fluid-grid/fluid-grid-gutter-size.js +1 -1
- package/esm2015/modules/fluid-grid/fluid-grid.component.js +5 -7
- package/esm2015/modules/fluid-grid/fluid-grid.module.js +8 -24
- package/esm2015/modules/fluid-grid/row.component.js +5 -5
- package/esm2015/modules/fluid-grid/types/fluid-grid-gutter-size-type.js +1 -1
- package/esm2015/modules/format/format-item.js +1 -1
- package/esm2015/modules/format/format.component.js +6 -6
- package/esm2015/modules/format/format.module.js +8 -16
- package/esm2015/modules/inline-delete/inline-delete-adapter.service.js +19 -15
- package/esm2015/modules/inline-delete/inline-delete-type.js +1 -1
- package/esm2015/modules/inline-delete/inline-delete.component.js +28 -34
- package/esm2015/modules/inline-delete/inline-delete.module.js +9 -13
- package/esm2015/modules/page/page-theme-adapter.service.js +4 -4
- package/esm2015/modules/page/page.component.js +5 -5
- package/esm2015/modules/page/page.module.js +7 -11
- package/esm2015/modules/page-summary/page-summary-adapter.service.js +4 -4
- package/esm2015/modules/page-summary/page-summary-alert.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-content.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-image.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-key-info.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-status.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-subtitle.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-title.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary.component.js +10 -8
- package/esm2015/modules/page-summary/page-summary.module.js +9 -13
- package/esm2015/modules/shared/sky-layout-resources.module.js +31 -12
- package/esm2015/modules/text-expand/text-expand-adapter.service.js +5 -5
- package/esm2015/modules/text-expand/text-expand-modal.component.js +5 -5
- package/esm2015/modules/text-expand/text-expand.component.js +21 -25
- package/esm2015/modules/text-expand/text-expand.module.js +10 -18
- package/esm2015/modules/text-expand-repeater/text-expand-repeater-adapter.service.js +5 -5
- package/esm2015/modules/text-expand-repeater/text-expand-repeater.component.js +16 -13
- package/esm2015/modules/text-expand-repeater/text-expand-repeater.module.js +8 -22
- package/esm2015/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.js +2 -0
- package/esm2015/modules/toolbar/toolbar-item.component.js +5 -5
- package/esm2015/modules/toolbar/toolbar-section.component.js +5 -5
- package/esm2015/modules/toolbar/toolbar-view-actions.component.js +5 -5
- package/esm2015/modules/toolbar/toolbar.component.js +6 -6
- package/esm2015/modules/toolbar/toolbar.module.js +9 -13
- package/esm2015/public-api.js +7 -1
- package/esm2015/testing/action-button-fixture.js +6 -3
- package/esm2015/testing/card-fixture.js +4 -2
- package/esm2015/testing/page-summary-fixture.js +1 -1
- package/fesm2015/skyux-layout-testing.js +8 -3
- package/fesm2015/skyux-layout-testing.js.map +1 -1
- package/fesm2015/skyux-layout.js +534 -513
- package/fesm2015/skyux-layout.js.map +1 -1
- package/modules/box/box-content.component.d.ts +8 -0
- package/modules/box/box-controls.component.d.ts +8 -0
- package/modules/box/box-header.component.d.ts +8 -0
- package/modules/box/box.component.d.ts +29 -0
- package/modules/box/box.module.d.ts +12 -0
- package/modules/text-expand-repeater/text-expand-repeater.component.d.ts +7 -1
- package/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.d.ts +1 -0
- package/package.json +13 -13
- package/public-api.d.ts +6 -0
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* Specifies the body content to display inside the box and provides padding around that content.
|
|
4
|
+
*/
|
|
5
|
+
export declare class SkyBoxContentComponent {
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyBoxContentComponent, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyBoxContentComponent, "sky-box-content", never, {}, {}, never, ["*"]>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* Specifies the controls to display in upper right corner of the box. These buttons typically let users edit the box content.
|
|
4
|
+
*/
|
|
5
|
+
export declare class SkyBoxControlsComponent {
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyBoxControlsComponent, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyBoxControlsComponent, "sky-box-controls", never, {}, {}, never, ["*"]>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* Specifies a header for the box.
|
|
4
|
+
*/
|
|
5
|
+
export declare class SkyBoxHeaderComponent {
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyBoxHeaderComponent, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyBoxHeaderComponent, "sky-box-header", never, {}, {}, never, ["*"]>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* Provides a common look-and-feel for box content with options to display a common box header, specify body content, and display common box controls.
|
|
4
|
+
*/
|
|
5
|
+
export declare class SkyBoxComponent {
|
|
6
|
+
/**
|
|
7
|
+
* Specifies an ARIA label for the box. This sets the box's `aria-label` attribute
|
|
8
|
+
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
9
|
+
* If the box includes a visible label, use `ariaLabelledBy` instead.
|
|
10
|
+
*/
|
|
11
|
+
ariaLabel: string;
|
|
12
|
+
/**
|
|
13
|
+
* Specifies the HTML element ID (without the leading `#`) of the element that labels
|
|
14
|
+
* the box. This sets the box's `aria-labelledby` attribute
|
|
15
|
+
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
|
|
16
|
+
* If the box does not include a visible label, use `ariaLabel` instead.
|
|
17
|
+
*/
|
|
18
|
+
ariaLabelledBy: string;
|
|
19
|
+
/**
|
|
20
|
+
* Specifies an ARIA role for the box
|
|
21
|
+
* [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)
|
|
22
|
+
* by indicating what the box contains. For information about
|
|
23
|
+
* how an ARIA role indicates what an item represents on a web page,
|
|
24
|
+
* see the [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).
|
|
25
|
+
*/
|
|
26
|
+
ariaRole: string;
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyBoxComponent, never>;
|
|
28
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyBoxComponent, "sky-box", never, { "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "ariaRole": "ariaRole"; }, {}, never, ["sky-box-header", "sky-box-controls", "*"]>;
|
|
29
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./box.component";
|
|
3
|
+
import * as i2 from "./box-header.component";
|
|
4
|
+
import * as i3 from "./box-content.component";
|
|
5
|
+
import * as i4 from "./box-controls.component";
|
|
6
|
+
import * as i5 from "@angular/common";
|
|
7
|
+
import * as i6 from "@skyux/theme";
|
|
8
|
+
export declare class SkyBoxModule {
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyBoxModule, never>;
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyBoxModule, [typeof i1.SkyBoxComponent, typeof i2.SkyBoxHeaderComponent, typeof i3.SkyBoxContentComponent, typeof i4.SkyBoxControlsComponent], [typeof i5.CommonModule, typeof i6.SkyThemeModule], [typeof i1.SkyBoxComponent, typeof i2.SkyBoxHeaderComponent, typeof i3.SkyBoxContentComponent, typeof i4.SkyBoxControlsComponent]>;
|
|
11
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SkyBoxModule>;
|
|
12
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
|
|
2
2
|
import { SkyLibResourcesService } from '@skyux/i18n';
|
|
3
|
+
import { SkyTextExpandRepeaterListStyleType } from './types/text-expand-repeater-list-style-type';
|
|
3
4
|
import { SkyTextExpandRepeaterAdapterService } from './text-expand-repeater-adapter.service';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export declare class SkyTextExpandRepeaterComponent implements AfterViewInit, OnChanges {
|
|
@@ -15,6 +16,11 @@ export declare class SkyTextExpandRepeaterComponent implements AfterViewInit, On
|
|
|
15
16
|
* Specifies a template for items in the list.
|
|
16
17
|
*/
|
|
17
18
|
itemTemplate: TemplateRef<any>;
|
|
19
|
+
/**
|
|
20
|
+
* Specifies the style of bullet to use
|
|
21
|
+
* @default 'unordered'
|
|
22
|
+
*/
|
|
23
|
+
listStyle: SkyTextExpandRepeaterListStyleType;
|
|
18
24
|
/**
|
|
19
25
|
* Specifies the number of items to display before truncating the list.
|
|
20
26
|
*/
|
|
@@ -37,5 +43,5 @@ export declare class SkyTextExpandRepeaterComponent implements AfterViewInit, On
|
|
|
37
43
|
private animateRepeater;
|
|
38
44
|
private setup;
|
|
39
45
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextExpandRepeaterComponent, never>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextExpandRepeaterComponent, "sky-text-expand-repeater", never, { "data": "data"; "itemTemplate": "itemTemplate"; "maxItems": "maxItems"; }, {}, never, never>;
|
|
46
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextExpandRepeaterComponent, "sky-text-expand-repeater", never, { "data": "data"; "itemTemplate": "itemTemplate"; "listStyle": "listStyle"; "maxItems": "maxItems"; }, {}, never, never>;
|
|
41
47
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type SkyTextExpandRepeaterListStyleType = 'unordered' | 'ordered' | 'unstyled';
|
package/package.json
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/layout",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.2.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/common": "^12.2.
|
|
6
|
-
"@angular/core": "^12.2.
|
|
7
|
-
"@angular/forms": "^12.2.
|
|
8
|
-
"@angular/router": "^12.2.
|
|
9
|
-
"@skyux/core": "^5.
|
|
10
|
-
"@skyux/i18n": "^5.0.
|
|
11
|
-
"@skyux/forms": "^5.0.
|
|
12
|
-
"@skyux/indicators": "^5.
|
|
13
|
-
"@skyux/modals": "^5.0.
|
|
14
|
-
"@skyux/router": "^5.0.
|
|
15
|
-
"@skyux/theme": "^5.0.
|
|
5
|
+
"@angular/common": "^12.2.15",
|
|
6
|
+
"@angular/core": "^12.2.15",
|
|
7
|
+
"@angular/forms": "^12.2.15",
|
|
8
|
+
"@angular/router": "^12.2.15",
|
|
9
|
+
"@skyux/core": "^5.2.2",
|
|
10
|
+
"@skyux/i18n": "^5.0.1",
|
|
11
|
+
"@skyux/forms": "^5.0.1",
|
|
12
|
+
"@skyux/indicators": "^5.1.2",
|
|
13
|
+
"@skyux/modals": "^5.0.2",
|
|
14
|
+
"@skyux/router": "^5.0.2",
|
|
15
|
+
"@skyux/theme": "^5.0.4"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"tslib": "^2.3.
|
|
18
|
+
"tslib": "^2.3.1"
|
|
19
19
|
},
|
|
20
20
|
"main": "bundles/skyux-layout.umd.js",
|
|
21
21
|
"module": "fesm2015/skyux-layout.js",
|
package/public-api.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ export * from './modules/back-to-top/back-top-top.module';
|
|
|
6
6
|
export * from './modules/back-to-top/models/back-to-top-message';
|
|
7
7
|
export * from './modules/back-to-top/models/back-to-top-message-type';
|
|
8
8
|
export * from './modules/back-to-top/models/back-to-top-options';
|
|
9
|
+
export * from './modules/box/box.module';
|
|
9
10
|
export * from './modules/card/card.module';
|
|
10
11
|
export * from './modules/definition-list/definition-list.module';
|
|
11
12
|
export * from './modules/description-list/description-list.module';
|
|
@@ -21,6 +22,7 @@ export * from './modules/inline-delete/inline-delete.module';
|
|
|
21
22
|
export * from './modules/page/page.module';
|
|
22
23
|
export * from './modules/page-summary/page-summary.module';
|
|
23
24
|
export * from './modules/text-expand/text-expand.module';
|
|
25
|
+
export * from './modules/text-expand-repeater/types/text-expand-repeater-list-style-type';
|
|
24
26
|
export * from './modules/text-expand-repeater/text-expand-repeater.module';
|
|
25
27
|
export * from './modules/toolbar/toolbar.module';
|
|
26
28
|
export { SkyActionButtonComponent as λ1 } from './modules/action-button/action-button.component';
|
|
@@ -63,3 +65,7 @@ export { SkyToolbarComponent as λ37 } from './modules/toolbar/toolbar.component
|
|
|
63
65
|
export { SkyToolbarSectionComponent as λ38 } from './modules/toolbar/toolbar-section.component';
|
|
64
66
|
export { SkyToolbarItemComponent as λ39 } from './modules/toolbar/toolbar-item.component';
|
|
65
67
|
export { SkyToolbarViewActionsComponent as λ40 } from './modules/toolbar/toolbar-view-actions.component';
|
|
68
|
+
export { SkyBoxComponent as λ41 } from './modules/box/box.component';
|
|
69
|
+
export { SkyBoxHeaderComponent as λ42 } from './modules/box/box-header.component';
|
|
70
|
+
export { SkyBoxContentComponent as λ43 } from './modules/box/box-content.component';
|
|
71
|
+
export { SkyBoxControlsComponent as λ44 } from './modules/box/box-controls.component';
|