@skyux/layout 6.20.0 → 6.21.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/documentation.json +19 -4
- package/esm2020/lib/modules/box/box-header.component.mjs +5 -4
- package/esm2020/lib/modules/box/box.component.mjs +2 -2
- package/esm2020/lib/modules/box/box.module.mjs +5 -4
- package/fesm2015/skyux-layout.mjs +8 -8
- package/fesm2015/skyux-layout.mjs.map +1 -1
- package/fesm2020/skyux-layout.mjs +8 -8
- package/fesm2020/skyux-layout.mjs.map +1 -1
- package/lib/modules/box/box-header.component.d.ts +1 -1
- package/lib/modules/box/box.module.d.ts +2 -1
- package/package.json +9 -9
package/documentation.json
CHANGED
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
"name": "NgModule"
|
|
212
212
|
},
|
|
213
213
|
"arguments": {
|
|
214
|
-
"obj": "{\n declarations: [\n SkyBoxComponent,\n SkyBoxHeaderComponent,\n SkyBoxContentComponent,\n SkyBoxControlsComponent,\n ],\n imports: [CommonModule, SkyThemeModule],\n exports: [\n SkyBoxComponent,\n SkyBoxHeaderComponent,\n SkyBoxContentComponent,\n SkyBoxControlsComponent,\n ],\n}"
|
|
214
|
+
"obj": "{\n declarations: [\n SkyBoxComponent,\n SkyBoxHeaderComponent,\n SkyBoxContentComponent,\n SkyBoxControlsComponent,\n ],\n imports: [CommonModule, SkyThemeModule, SkyTrimModule],\n exports: [\n SkyBoxComponent,\n SkyBoxHeaderComponent,\n SkyBoxContentComponent,\n SkyBoxControlsComponent,\n ],\n}"
|
|
215
215
|
}
|
|
216
216
|
}
|
|
217
217
|
],
|
|
@@ -228,7 +228,7 @@
|
|
|
228
228
|
"sources": [
|
|
229
229
|
{
|
|
230
230
|
"fileName": "projects/layout/src/modules/box/box.module.ts",
|
|
231
|
-
"line":
|
|
231
|
+
"line": 26,
|
|
232
232
|
"character": 13
|
|
233
233
|
}
|
|
234
234
|
]
|
|
@@ -6586,7 +6586,7 @@
|
|
|
6586
6586
|
"name": "Component"
|
|
6587
6587
|
},
|
|
6588
6588
|
"arguments": {
|
|
6589
|
-
"obj": "{\n selector: 'sky-box-header',\n templateUrl: './box-header.component.html',\n}"
|
|
6589
|
+
"obj": "{\n selector: 'sky-box-header',\n templateUrl: './box-header.component.html',\n styleUrls: ['./box-header.component.scss'],\n encapsulation: ViewEncapsulation.None,\n}"
|
|
6590
6590
|
}
|
|
6591
6591
|
}
|
|
6592
6592
|
],
|
|
@@ -6603,7 +6603,7 @@
|
|
|
6603
6603
|
"sources": [
|
|
6604
6604
|
{
|
|
6605
6605
|
"fileName": "projects/layout/src/modules/box/box-header.component.ts",
|
|
6606
|
-
"line":
|
|
6606
|
+
"line": 12,
|
|
6607
6607
|
"character": 13
|
|
6608
6608
|
}
|
|
6609
6609
|
]
|
|
@@ -8589,6 +8589,21 @@
|
|
|
8589
8589
|
"filePath": "/projects/layout/documentation/code-examples/box/basic/box-demo.module.ts",
|
|
8590
8590
|
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyBoxModule } from '@skyux/layout';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { BoxDemoComponent } from './box-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyBoxModule, SkyDropdownModule],\n declarations: [BoxDemoComponent],\n exports: [BoxDemoComponent],\n})\nexport class BoxDemoModule {}\n"
|
|
8591
8591
|
},
|
|
8592
|
+
{
|
|
8593
|
+
"fileName": "box-demo.component.html",
|
|
8594
|
+
"filePath": "/projects/layout/documentation/code-examples/box/inline-help/box-demo.component.html",
|
|
8595
|
+
"rawContents": "<sky-box>\n <sky-box-header>\n <h2 class=\"sky-font-heading-2\">Box header</h2>\n <sky-help-inline class=\"sky-control-help\"></sky-help-inline>\n </sky-box-header>\n <sky-box-controls>\n <sky-dropdown buttonType=\"context-menu\" label=\"Box demo context menu\">\n <sky-dropdown-menu>\n <sky-dropdown-item>\n <button type=\"button\">Action 1</button>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <button type=\"button\">Action 2</button>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n </sky-box-controls>\n <sky-box-content>\n <p>Box content</p>\n </sky-box-content>\n</sky-box>\n"
|
|
8596
|
+
},
|
|
8597
|
+
{
|
|
8598
|
+
"fileName": "box-demo.component.ts",
|
|
8599
|
+
"filePath": "/projects/layout/documentation/code-examples/box/inline-help/box-demo.component.ts",
|
|
8600
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-box-demo',\n templateUrl: './box-demo.component.html',\n})\nexport class BoxDemoComponent {}\n"
|
|
8601
|
+
},
|
|
8602
|
+
{
|
|
8603
|
+
"fileName": "box-demo.module.ts",
|
|
8604
|
+
"filePath": "/projects/layout/documentation/code-examples/box/inline-help/box-demo.module.ts",
|
|
8605
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyBoxModule } from '@skyux/layout';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { BoxDemoComponent } from './box-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyBoxModule, SkyDropdownModule, SkyHelpInlineModule],\n declarations: [BoxDemoComponent],\n exports: [BoxDemoComponent],\n})\nexport class BoxDemoModule {}\n"
|
|
8606
|
+
},
|
|
8592
8607
|
{
|
|
8593
8608
|
"fileName": "card-demo.component.html",
|
|
8594
8609
|
"filePath": "/projects/layout/documentation/code-examples/card/basic/card-demo.component.html",
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
1
|
+
import { Component, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@skyux/core";
|
|
3
4
|
/**
|
|
4
5
|
* Specifies a header for the box.
|
|
5
6
|
*/
|
|
6
7
|
export class SkyBoxHeaderComponent {
|
|
7
8
|
}
|
|
8
9
|
SkyBoxHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
SkyBoxHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyBoxHeaderComponent, selector: "sky-box-header", ngImport: i0, template: "<div class=\"sky-box-header\">\n <ng-content></ng-content>\n</div>\n" });
|
|
10
|
+
SkyBoxHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyBoxHeaderComponent, selector: "sky-box-header", ngImport: i0, template: "<div class=\"sky-box-header\">\n <span skyTrim><ng-content></ng-content></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n</div>\n", styles: ["sky-box-header{flex:1 0;order:0}sky-box-header .sky-box-header{padding:0 var(--sky-margin-inline-xl) 0 0}sky-box-header .sky-box-header h1,sky-box-header .sky-box-header h2,sky-box-header .sky-box-header h3,sky-box-header .sky-box-header h4,sky-box-header .sky-box-header h5,sky-box-header .sky-box-header h6{display:inline;margin:0}\n"], directives: [{ type: i1.λ4, selector: "[skyTrim]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
10
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxHeaderComponent, decorators: [{
|
|
11
12
|
type: Component,
|
|
12
|
-
args: [{ selector: 'sky-box-header', template: "<div class=\"sky-box-header\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
13
|
+
args: [{ selector: 'sky-box-header', encapsulation: ViewEncapsulation.None, template: "<div class=\"sky-box-header\">\n <span skyTrim><ng-content></ng-content></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n</div>\n", styles: ["sky-box-header{flex:1 0;order:0}sky-box-header .sky-box-header{padding:0 var(--sky-margin-inline-xl) 0 0}sky-box-header .sky-box-header h1,sky-box-header .sky-box-header h2,sky-box-header .sky-box-header h3,sky-box-header .sky-box-header h4,sky-box-header .sky-box-header h5,sky-box-header .sky-box-header h6{display:inline;margin:0}\n"] }]
|
|
13
14
|
}] });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9ib3gvYm94LWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9ib3gvYm94LWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFFN0Q7O0dBRUc7QUFPSCxNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO3NHQUFyQixxQkFBcUIsc0RDWGxDLGtOQU1BOzJGREthLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDRSxnQkFBZ0IsaUJBR1gsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBTcGVjaWZpZXMgYSBoZWFkZXIgZm9yIHRoZSBib3guXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1ib3gtaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JveC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ib3gtaGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNreUJveEhlYWRlckNvbXBvbmVudCB7fVxuIiwiPGRpdiBjbGFzcz1cInNreS1ib3gtaGVhZGVyXCI+XG4gIDxzcGFuIHNreVRyaW0+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3BhblxuICA+PHNwYW4gY2xhc3M9XCJza3ktY29udHJvbC1oZWxwLWNvbnRhaW5lclwiXG4gICAgPjxuZy1jb250ZW50IHNlbGVjdD1cIi5za3ktY29udHJvbC1oZWxwXCI+PC9uZy1jb250ZW50XG4gID48L3NwYW4+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -7,10 +7,10 @@ import * as i1 from "@skyux/theme";
|
|
|
7
7
|
export class SkyBoxComponent {
|
|
8
8
|
}
|
|
9
9
|
SkyBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
SkyBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyBoxComponent, selector: "sky-box", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaRole: "ariaRole" }, ngImport: i0, template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [skyThemeClass]=\"{\n 'sky-shadow sky-border-dark': 'default',\n 'sky-elevation-1-bordered': 'modern'\n }\"\n>\n <div class=\"sky-box-header-content\">\n <ng-content select=\"sky-box-header\"></ng-content>\n <ng-content select=\"sky-box-controls\"></ng-content>\n </div>\n <ng-content></ng-content>\n</section>\n", styles: [".sky-box{background-color:#fff}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:20px 20px 0}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-
|
|
10
|
+
SkyBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyBoxComponent, selector: "sky-box", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaRole: "ariaRole" }, ngImport: i0, template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [skyThemeClass]=\"{\n 'sky-shadow sky-border-dark': 'default',\n 'sky-elevation-1-bordered': 'modern'\n }\"\n>\n <div class=\"sky-box-header-content\">\n <ng-content select=\"sky-box-header\"></ng-content>\n <ng-content select=\"sky-box-controls\"></ng-content>\n </div>\n <ng-content></ng-content>\n</section>\n", styles: [".sky-box{background-color:#fff}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:20px 20px 0}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-controls{order:1;margin-left:auto}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:20px}.sky-theme-modern .sky-box{border-radius:6px;overflow:hidden}.sky-theme-modern .sky-box .sky-box-header-content{padding:30px 30px 0}.sky-theme-modern .sky-box sky-box-content .sky-box-content{padding:30px}\n"], directives: [{ type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
|
-
args: [{ selector: 'sky-box', encapsulation: ViewEncapsulation.None, template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [skyThemeClass]=\"{\n 'sky-shadow sky-border-dark': 'default',\n 'sky-elevation-1-bordered': 'modern'\n }\"\n>\n <div class=\"sky-box-header-content\">\n <ng-content select=\"sky-box-header\"></ng-content>\n <ng-content select=\"sky-box-controls\"></ng-content>\n </div>\n <ng-content></ng-content>\n</section>\n", styles: [".sky-box{background-color:#fff}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:20px 20px 0}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-
|
|
13
|
+
args: [{ selector: 'sky-box', encapsulation: ViewEncapsulation.None, template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [skyThemeClass]=\"{\n 'sky-shadow sky-border-dark': 'default',\n 'sky-elevation-1-bordered': 'modern'\n }\"\n>\n <div class=\"sky-box-header-content\">\n <ng-content select=\"sky-box-header\"></ng-content>\n <ng-content select=\"sky-box-controls\"></ng-content>\n </div>\n <ng-content></ng-content>\n</section>\n", styles: [".sky-box{background-color:#fff}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:20px 20px 0}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-controls{order:1;margin-left:auto}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:20px}.sky-theme-modern .sky-box{border-radius:6px;overflow:hidden}.sky-theme-modern .sky-box .sky-box-header-content{padding:30px 30px 0}.sky-theme-modern .sky-box sky-box-content .sky-box-content{padding:30px}\n"] }]
|
|
14
14
|
}], propDecorators: { ariaLabel: [{
|
|
15
15
|
type: Input
|
|
16
16
|
}], ariaLabelledBy: [{
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import { NgModule } from '@angular/core';
|
|
3
|
+
import { SkyTrimModule } from '@skyux/core';
|
|
3
4
|
import { SkyThemeModule } from '@skyux/theme';
|
|
4
5
|
import { SkyBoxContentComponent } from './box-content.component';
|
|
5
6
|
import { SkyBoxControlsComponent } from './box-controls.component';
|
|
@@ -12,11 +13,11 @@ SkyBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "1
|
|
|
12
13
|
SkyBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxModule, declarations: [SkyBoxComponent,
|
|
13
14
|
SkyBoxHeaderComponent,
|
|
14
15
|
SkyBoxContentComponent,
|
|
15
|
-
SkyBoxControlsComponent], imports: [CommonModule, SkyThemeModule], exports: [SkyBoxComponent,
|
|
16
|
+
SkyBoxControlsComponent], imports: [CommonModule, SkyThemeModule, SkyTrimModule], exports: [SkyBoxComponent,
|
|
16
17
|
SkyBoxHeaderComponent,
|
|
17
18
|
SkyBoxContentComponent,
|
|
18
19
|
SkyBoxControlsComponent] });
|
|
19
|
-
SkyBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxModule, imports: [[CommonModule, SkyThemeModule]] });
|
|
20
|
+
SkyBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxModule, imports: [[CommonModule, SkyThemeModule, SkyTrimModule]] });
|
|
20
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxModule, decorators: [{
|
|
21
22
|
type: NgModule,
|
|
22
23
|
args: [{
|
|
@@ -26,7 +27,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
26
27
|
SkyBoxContentComponent,
|
|
27
28
|
SkyBoxControlsComponent,
|
|
28
29
|
],
|
|
29
|
-
imports: [CommonModule, SkyThemeModule],
|
|
30
|
+
imports: [CommonModule, SkyThemeModule, SkyTrimModule],
|
|
30
31
|
exports: [
|
|
31
32
|
SkyBoxComponent,
|
|
32
33
|
SkyBoxHeaderComponent,
|
|
@@ -35,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
35
36
|
],
|
|
36
37
|
}]
|
|
37
38
|
}] });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2JveC9ib3gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDNUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUU5QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNuRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBaUJsRCxNQUFNLE9BQU8sWUFBWTs7eUdBQVosWUFBWTswR0FBWixZQUFZLGlCQWJyQixlQUFlO1FBQ2YscUJBQXFCO1FBQ3JCLHNCQUFzQjtRQUN0Qix1QkFBdUIsYUFFZixZQUFZLEVBQUUsY0FBYyxFQUFFLGFBQWEsYUFFbkQsZUFBZTtRQUNmLHFCQUFxQjtRQUNyQixzQkFBc0I7UUFDdEIsdUJBQXVCOzBHQUdkLFlBQVksWUFSZCxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsYUFBYSxDQUFDOzJGQVEzQyxZQUFZO2tCQWZ4QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixlQUFlO3dCQUNmLHFCQUFxQjt3QkFDckIsc0JBQXNCO3dCQUN0Qix1QkFBdUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsYUFBYSxDQUFDO29CQUN0RCxPQUFPLEVBQUU7d0JBQ1AsZUFBZTt3QkFDZixxQkFBcUI7d0JBQ3JCLHNCQUFzQjt3QkFDdEIsdUJBQXVCO3FCQUN4QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5VHJpbU1vZHVsZSB9IGZyb20gJ0Bza3l1eC9jb3JlJztcbmltcG9ydCB7IFNreVRoZW1lTW9kdWxlIH0gZnJvbSAnQHNreXV4L3RoZW1lJztcblxuaW1wb3J0IHsgU2t5Qm94Q29udGVudENvbXBvbmVudCB9IGZyb20gJy4vYm94LWNvbnRlbnQuY29tcG9uZW50JztcbmltcG9ydCB7IFNreUJveENvbnRyb2xzQ29tcG9uZW50IH0gZnJvbSAnLi9ib3gtY29udHJvbHMuY29tcG9uZW50JztcbmltcG9ydCB7IFNreUJveEhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vYm94LWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5Qm94Q29tcG9uZW50IH0gZnJvbSAnLi9ib3guY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU2t5Qm94Q29tcG9uZW50LFxuICAgIFNreUJveEhlYWRlckNvbXBvbmVudCxcbiAgICBTa3lCb3hDb250ZW50Q29tcG9uZW50LFxuICAgIFNreUJveENvbnRyb2xzQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTa3lUaGVtZU1vZHVsZSwgU2t5VHJpbU1vZHVsZV0sXG4gIGV4cG9ydHM6IFtcbiAgICBTa3lCb3hDb21wb25lbnQsXG4gICAgU2t5Qm94SGVhZGVyQ29tcG9uZW50LFxuICAgIFNreUJveENvbnRlbnRDb21wb25lbnQsXG4gICAgU2t5Qm94Q29udHJvbHNDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreUJveE1vZHVsZSB7fVxuIl19
|
|
@@ -16,7 +16,7 @@ import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
|
|
|
16
16
|
import { Subject, BehaviorSubject, forkJoin } from 'rxjs';
|
|
17
17
|
import { takeUntil, take } from 'rxjs/operators';
|
|
18
18
|
import * as i1 from '@skyux/core';
|
|
19
|
-
import { SkyMediaBreakpoints, SkyDockModule,
|
|
19
|
+
import { SkyMediaBreakpoints, SkyDockModule, SkyTrimModule, SkyCoreAdapterService } from '@skyux/core';
|
|
20
20
|
import * as i1$1 from '@skyux/i18n';
|
|
21
21
|
import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
|
|
22
22
|
import * as i4$1 from '@angular/forms';
|
|
@@ -675,10 +675,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
675
675
|
class SkyBoxHeaderComponent {
|
|
676
676
|
}
|
|
677
677
|
SkyBoxHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
678
|
-
SkyBoxHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyBoxHeaderComponent, selector: "sky-box-header", ngImport: i0, template: "<div class=\"sky-box-header\">\n <ng-content></ng-content>\n</div>\n" });
|
|
678
|
+
SkyBoxHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyBoxHeaderComponent, selector: "sky-box-header", ngImport: i0, template: "<div class=\"sky-box-header\">\n <span skyTrim><ng-content></ng-content></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n</div>\n", styles: ["sky-box-header{flex:1 0;order:0}sky-box-header .sky-box-header{padding:0 var(--sky-margin-inline-xl) 0 0}sky-box-header .sky-box-header h1,sky-box-header .sky-box-header h2,sky-box-header .sky-box-header h3,sky-box-header .sky-box-header h4,sky-box-header .sky-box-header h5,sky-box-header .sky-box-header h6{display:inline;margin:0}\n"], directives: [{ type: i1.λ4, selector: "[skyTrim]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
679
679
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxHeaderComponent, decorators: [{
|
|
680
680
|
type: Component,
|
|
681
|
-
args: [{ selector: 'sky-box-header', template: "<div class=\"sky-box-header\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
681
|
+
args: [{ selector: 'sky-box-header', encapsulation: ViewEncapsulation.None, template: "<div class=\"sky-box-header\">\n <span skyTrim><ng-content></ng-content></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n</div>\n", styles: ["sky-box-header{flex:1 0;order:0}sky-box-header .sky-box-header{padding:0 var(--sky-margin-inline-xl) 0 0}sky-box-header .sky-box-header h1,sky-box-header .sky-box-header h2,sky-box-header .sky-box-header h3,sky-box-header .sky-box-header h4,sky-box-header .sky-box-header h5,sky-box-header .sky-box-header h6{display:inline;margin:0}\n"] }]
|
|
682
682
|
}] });
|
|
683
683
|
|
|
684
684
|
/**
|
|
@@ -687,10 +687,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
687
687
|
class SkyBoxComponent {
|
|
688
688
|
}
|
|
689
689
|
SkyBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
690
|
-
SkyBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyBoxComponent, selector: "sky-box", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaRole: "ariaRole" }, ngImport: i0, template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [skyThemeClass]=\"{\n 'sky-shadow sky-border-dark': 'default',\n 'sky-elevation-1-bordered': 'modern'\n }\"\n>\n <div class=\"sky-box-header-content\">\n <ng-content select=\"sky-box-header\"></ng-content>\n <ng-content select=\"sky-box-controls\"></ng-content>\n </div>\n <ng-content></ng-content>\n</section>\n", styles: [".sky-box{background-color:#fff}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:20px 20px 0}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-
|
|
690
|
+
SkyBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyBoxComponent, selector: "sky-box", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaRole: "ariaRole" }, ngImport: i0, template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [skyThemeClass]=\"{\n 'sky-shadow sky-border-dark': 'default',\n 'sky-elevation-1-bordered': 'modern'\n }\"\n>\n <div class=\"sky-box-header-content\">\n <ng-content select=\"sky-box-header\"></ng-content>\n <ng-content select=\"sky-box-controls\"></ng-content>\n </div>\n <ng-content></ng-content>\n</section>\n", styles: [".sky-box{background-color:#fff}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:20px 20px 0}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-controls{order:1;margin-left:auto}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:20px}.sky-theme-modern .sky-box{border-radius:6px;overflow:hidden}.sky-theme-modern .sky-box .sky-box-header-content{padding:30px 30px 0}.sky-theme-modern .sky-box sky-box-content .sky-box-content{padding:30px}\n"], directives: [{ type: i3$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
691
691
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxComponent, decorators: [{
|
|
692
692
|
type: Component,
|
|
693
|
-
args: [{ selector: 'sky-box', encapsulation: ViewEncapsulation.None, template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [skyThemeClass]=\"{\n 'sky-shadow sky-border-dark': 'default',\n 'sky-elevation-1-bordered': 'modern'\n }\"\n>\n <div class=\"sky-box-header-content\">\n <ng-content select=\"sky-box-header\"></ng-content>\n <ng-content select=\"sky-box-controls\"></ng-content>\n </div>\n <ng-content></ng-content>\n</section>\n", styles: [".sky-box{background-color:#fff}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:20px 20px 0}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-
|
|
693
|
+
args: [{ selector: 'sky-box', encapsulation: ViewEncapsulation.None, template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [skyThemeClass]=\"{\n 'sky-shadow sky-border-dark': 'default',\n 'sky-elevation-1-bordered': 'modern'\n }\"\n>\n <div class=\"sky-box-header-content\">\n <ng-content select=\"sky-box-header\"></ng-content>\n <ng-content select=\"sky-box-controls\"></ng-content>\n </div>\n <ng-content></ng-content>\n</section>\n", styles: [".sky-box{background-color:#fff}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:20px 20px 0}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-controls{order:1;margin-left:auto}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:20px}.sky-theme-modern .sky-box{border-radius:6px;overflow:hidden}.sky-theme-modern .sky-box .sky-box-header-content{padding:30px 30px 0}.sky-theme-modern .sky-box sky-box-content .sky-box-content{padding:30px}\n"] }]
|
|
694
694
|
}], propDecorators: { ariaLabel: [{
|
|
695
695
|
type: Input
|
|
696
696
|
}], ariaLabelledBy: [{
|
|
@@ -705,11 +705,11 @@ SkyBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "1
|
|
|
705
705
|
SkyBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxModule, declarations: [SkyBoxComponent,
|
|
706
706
|
SkyBoxHeaderComponent,
|
|
707
707
|
SkyBoxContentComponent,
|
|
708
|
-
SkyBoxControlsComponent], imports: [CommonModule, SkyThemeModule], exports: [SkyBoxComponent,
|
|
708
|
+
SkyBoxControlsComponent], imports: [CommonModule, SkyThemeModule, SkyTrimModule], exports: [SkyBoxComponent,
|
|
709
709
|
SkyBoxHeaderComponent,
|
|
710
710
|
SkyBoxContentComponent,
|
|
711
711
|
SkyBoxControlsComponent] });
|
|
712
|
-
SkyBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxModule, imports: [[CommonModule, SkyThemeModule]] });
|
|
712
|
+
SkyBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxModule, imports: [[CommonModule, SkyThemeModule, SkyTrimModule]] });
|
|
713
713
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyBoxModule, decorators: [{
|
|
714
714
|
type: NgModule,
|
|
715
715
|
args: [{
|
|
@@ -719,7 +719,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
719
719
|
SkyBoxContentComponent,
|
|
720
720
|
SkyBoxControlsComponent,
|
|
721
721
|
],
|
|
722
|
-
imports: [CommonModule, SkyThemeModule],
|
|
722
|
+
imports: [CommonModule, SkyThemeModule, SkyTrimModule],
|
|
723
723
|
exports: [
|
|
724
724
|
SkyBoxComponent,
|
|
725
725
|
SkyBoxHeaderComponent,
|