@skyux/layout 6.3.3 → 6.6.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 +14 -14
- package/esm2020/lib/modules/box/box.component.mjs +2 -2
- package/esm2020/lib/modules/description-list/description-list-term.component.mjs +7 -4
- package/esm2020/lib/modules/description-list/description-list.module.mjs +6 -2
- package/esm2020/lib/modules/page/page-theme-adapter.service.mjs +6 -1
- package/esm2020/lib/modules/page/page.component.mjs +4 -6
- package/fesm2015/skyux-layout.mjs +20 -12
- package/fesm2015/skyux-layout.mjs.map +1 -1
- package/fesm2020/skyux-layout.mjs +20 -12
- package/fesm2020/skyux-layout.mjs.map +1 -1
- package/lib/modules/description-list/description-list-term.component.d.ts +4 -2
- package/lib/modules/description-list/description-list.module.d.ts +2 -1
- package/lib/modules/page/page-theme-adapter.service.d.ts +5 -0
- package/lib/modules/page/page.component.d.ts +1 -3
- package/package.json +9 -9
package/documentation.json
CHANGED
|
@@ -342,7 +342,7 @@
|
|
|
342
342
|
"name": "NgModule"
|
|
343
343
|
},
|
|
344
344
|
"arguments": {
|
|
345
|
-
"obj": "{\n declarations: [\n SkyDescriptionListComponent,\n SkyDescriptionListContentComponent,\n SkyDescriptionListTermComponent,\n SkyDescriptionListDescriptionComponent,\n ],\n imports: [\n CommonModule,\n SkyI18nModule,\n SkyLayoutResourcesModule,\n SkyThemeModule,\n ],\n exports: [\n SkyDescriptionListComponent,\n SkyDescriptionListContentComponent,\n SkyDescriptionListTermComponent,\n SkyDescriptionListDescriptionComponent,\n ],\n}"
|
|
345
|
+
"obj": "{\n declarations: [\n SkyDescriptionListComponent,\n SkyDescriptionListContentComponent,\n SkyDescriptionListTermComponent,\n SkyDescriptionListDescriptionComponent,\n ],\n imports: [\n CommonModule,\n SkyI18nModule,\n SkyLayoutResourcesModule,\n SkyThemeModule,\n SkyTrimModule,\n ],\n exports: [\n SkyDescriptionListComponent,\n SkyDescriptionListContentComponent,\n SkyDescriptionListTermComponent,\n SkyDescriptionListDescriptionComponent,\n ],\n}"
|
|
346
346
|
}
|
|
347
347
|
}
|
|
348
348
|
],
|
|
@@ -359,7 +359,7 @@
|
|
|
359
359
|
"sources": [
|
|
360
360
|
{
|
|
361
361
|
"fileName": "projects/layout/src/modules/description-list/description-list.module.ts",
|
|
362
|
-
"line":
|
|
362
|
+
"line": 35,
|
|
363
363
|
"character": 13
|
|
364
364
|
}
|
|
365
365
|
]
|
|
@@ -2239,7 +2239,7 @@
|
|
|
2239
2239
|
"kindString": "Class",
|
|
2240
2240
|
"flags": {},
|
|
2241
2241
|
"comment": {
|
|
2242
|
-
"shortText": "Specifies the term in a term-description pair."
|
|
2242
|
+
"shortText": "Specifies the term in a term-description pair. To display a help button beside\nthe term, include a help button element in the sky-description-list-term element\nand a sky-control-help CSS class on that element."
|
|
2243
2243
|
},
|
|
2244
2244
|
"decorators": [
|
|
2245
2245
|
{
|
|
@@ -2251,7 +2251,7 @@
|
|
|
2251
2251
|
"name": "Component"
|
|
2252
2252
|
},
|
|
2253
2253
|
"arguments": {
|
|
2254
|
-
"obj": "{\n selector: 'sky-description-list-term',\n templateUrl: './description-list-term.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
|
|
2254
|
+
"obj": "{\n selector: 'sky-description-list-term',\n templateUrl: './description-list-term.component.html',\n styleUrls: ['./description-list-term.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
|
|
2255
2255
|
}
|
|
2256
2256
|
}
|
|
2257
2257
|
],
|
|
@@ -2282,7 +2282,7 @@
|
|
|
2282
2282
|
"sources": [
|
|
2283
2283
|
{
|
|
2284
2284
|
"fileName": "projects/layout/src/modules/description-list/description-list-term.component.ts",
|
|
2285
|
-
"line":
|
|
2285
|
+
"line": 24,
|
|
2286
2286
|
"character": 9
|
|
2287
2287
|
}
|
|
2288
2288
|
],
|
|
@@ -2319,7 +2319,7 @@
|
|
|
2319
2319
|
"sources": [
|
|
2320
2320
|
{
|
|
2321
2321
|
"fileName": "projects/layout/src/modules/description-list/description-list-term.component.ts",
|
|
2322
|
-
"line":
|
|
2322
|
+
"line": 19,
|
|
2323
2323
|
"character": 13
|
|
2324
2324
|
}
|
|
2325
2325
|
]
|
|
@@ -4174,7 +4174,7 @@
|
|
|
4174
4174
|
"kindString": "Class",
|
|
4175
4175
|
"flags": {},
|
|
4176
4176
|
"comment": {
|
|
4177
|
-
"shortText": "
|
|
4177
|
+
"shortText": "Sets the correct background color for a page."
|
|
4178
4178
|
},
|
|
4179
4179
|
"decorators": [
|
|
4180
4180
|
{
|
|
@@ -4200,7 +4200,7 @@
|
|
|
4200
4200
|
"sources": [
|
|
4201
4201
|
{
|
|
4202
4202
|
"fileName": "projects/layout/src/modules/page/page.component.ts",
|
|
4203
|
-
"line":
|
|
4203
|
+
"line": 14,
|
|
4204
4204
|
"character": 2
|
|
4205
4205
|
}
|
|
4206
4206
|
],
|
|
@@ -4243,7 +4243,7 @@
|
|
|
4243
4243
|
"sources": [
|
|
4244
4244
|
{
|
|
4245
4245
|
"fileName": "projects/layout/src/modules/page/page.component.ts",
|
|
4246
|
-
"line":
|
|
4246
|
+
"line": 20,
|
|
4247
4247
|
"character": 9
|
|
4248
4248
|
}
|
|
4249
4249
|
],
|
|
@@ -4280,7 +4280,7 @@
|
|
|
4280
4280
|
"sources": [
|
|
4281
4281
|
{
|
|
4282
4282
|
"fileName": "projects/layout/src/modules/page/page.component.ts",
|
|
4283
|
-
"line":
|
|
4283
|
+
"line": 16,
|
|
4284
4284
|
"character": 9
|
|
4285
4285
|
}
|
|
4286
4286
|
],
|
|
@@ -4327,7 +4327,7 @@
|
|
|
4327
4327
|
"sources": [
|
|
4328
4328
|
{
|
|
4329
4329
|
"fileName": "projects/layout/src/modules/page/page.component.ts",
|
|
4330
|
-
"line":
|
|
4330
|
+
"line": 13,
|
|
4331
4331
|
"character": 13
|
|
4332
4332
|
}
|
|
4333
4333
|
],
|
|
@@ -8766,17 +8766,17 @@
|
|
|
8766
8766
|
{
|
|
8767
8767
|
"fileName": "description-list-demo.component.html",
|
|
8768
8768
|
"filePath": "/projects/layout/documentation/code-examples/description-list/horizontal/description-list-demo.component.html",
|
|
8769
|
-
"rawContents": "<sky-description-list mode=\"horizontal\">\n <sky-description-list-content *ngFor=\"let item of items\">\n <sky-description-list-term>\n {{ item.term }}\n </sky-description-list-term>\n <sky-description-list-description>\n {{ item.description }}\n </sky-description-list-description>\n </sky-description-list-content>\n</sky-description-list>\n"
|
|
8769
|
+
"rawContents": "<sky-description-list mode=\"horizontal\">\n <sky-description-list-content *ngFor=\"let item of items\">\n <sky-description-list-term>\n {{ item.term }}\n <sky-help-inline\n *ngIf=\"item.showHelp\"\n class=\"sky-control-help\"\n ></sky-help-inline>\n </sky-description-list-term>\n <sky-description-list-description>\n {{ item.description }}\n </sky-description-list-description>\n </sky-description-list-content>\n</sky-description-list>\n"
|
|
8770
8770
|
},
|
|
8771
8771
|
{
|
|
8772
8772
|
"fileName": "description-list-demo.component.ts",
|
|
8773
8773
|
"filePath": "/projects/layout/documentation/code-examples/description-list/horizontal/description-list-demo.component.ts",
|
|
8774
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-description-list-demo',\n templateUrl: './description-list-demo.component.html',\n})\nexport class DescriptionListDemoComponent {\n public items: { term: string; description: string }[] = [\n {\n term: 'College',\n description: 'Humanities and Social Sciences',\n },\n {\n term: 'Department',\n description: 'Anthropology',\n },\n {\n term: 'Advisor',\n description: 'Calandra Geer',\n },\n {\n term: 'Class year',\n description: '2024',\n },\n ];\n}\n"
|
|
8774
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-description-list-demo',\n templateUrl: './description-list-demo.component.html',\n})\nexport class DescriptionListDemoComponent {\n public items: { term: string; description: string; showHelp?: boolean }[] = [\n {\n term: 'College',\n description: 'Humanities and Social Sciences',\n },\n {\n term: 'Department',\n description: 'Anthropology',\n },\n {\n term: 'Advisor',\n description: 'Calandra Geer',\n showHelp: true,\n },\n {\n term: 'Class year',\n description: '2024',\n },\n ];\n}\n"
|
|
8775
8775
|
},
|
|
8776
8776
|
{
|
|
8777
8777
|
"fileName": "description-list-demo.module.ts",
|
|
8778
8778
|
"filePath": "/projects/layout/documentation/code-examples/description-list/horizontal/description-list-demo.module.ts",
|
|
8779
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyDescriptionListModule } from '@skyux/layout';\n\nimport { DescriptionListDemoComponent } from './description-list-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyDescriptionListModule],\n declarations: [DescriptionListDemoComponent],\n exports: [DescriptionListDemoComponent],\n})\nexport class DescriptionListDemoModule {}\n"
|
|
8779
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyDescriptionListModule } from '@skyux/layout';\n\nimport { DescriptionListDemoComponent } from './description-list-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyDescriptionListModule, SkyHelpInlineModule],\n declarations: [DescriptionListDemoComponent],\n exports: [DescriptionListDemoComponent],\n})\nexport class DescriptionListDemoModule {}\n"
|
|
8780
8780
|
},
|
|
8781
8781
|
{
|
|
8782
8782
|
"fileName": "description-list-demo.component.html",
|
|
@@ -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-header{flex:1 0;order:0}.sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 20px 0 0}.sky-box .sky-box-header-content sky-box-header .sky-box-header h1,.sky-box .sky-box-header-content sky-box-header .sky-box-header h2,.sky-box .sky-box-header-content sky-box-header .sky-box-header h3,.sky-box .sky-box-header-content sky-box-header .sky-box-header h4,.sky-box .sky-box-header-content sky-box-header .sky-box-header h5,.sky-box .sky-box-header-content sky-box-header .sky-box-header h6{margin:0}.sky-box .sky-box-header-content sky-box-controls{order:1}.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-header-content sky-box-header .sky-box-header{padding:0 30px 0 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 });
|
|
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-header{flex:1 0;order:0}.sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 20px 0 0}.sky-box .sky-box-header-content sky-box-header .sky-box-header h1,.sky-box .sky-box-header-content sky-box-header .sky-box-header h2,.sky-box .sky-box-header-content sky-box-header .sky-box-header h3,.sky-box .sky-box-header-content sky-box-header .sky-box-header h4,.sky-box .sky-box-header-content sky-box-header .sky-box-header h5,.sky-box .sky-box-header-content sky-box-header .sky-box-header h6{margin:0}.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-header-content sky-box-header .sky-box-header{padding:0 30px 0 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-header{flex:1 0;order:0}.sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 20px 0 0}.sky-box .sky-box-header-content sky-box-header .sky-box-header h1,.sky-box .sky-box-header-content sky-box-header .sky-box-header h2,.sky-box .sky-box-header-content sky-box-header .sky-box-header h3,.sky-box .sky-box-header-content sky-box-header .sky-box-header h4,.sky-box .sky-box-header-content sky-box-header .sky-box-header h5,.sky-box .sky-box-header-content sky-box-header .sky-box-header h6{margin:0}.sky-box .sky-box-header-content sky-box-controls{order:1}.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-header-content sky-box-header .sky-box-header{padding:0 30px 0 0}.sky-theme-modern .sky-box sky-box-content .sky-box-content{padding:30px}\n"] }]
|
|
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-header{flex:1 0;order:0}.sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 20px 0 0}.sky-box .sky-box-header-content sky-box-header .sky-box-header h1,.sky-box .sky-box-header-content sky-box-header .sky-box-header h2,.sky-box .sky-box-header-content sky-box-header .sky-box-header h3,.sky-box .sky-box-header-content sky-box-header .sky-box-header h4,.sky-box .sky-box-header-content sky-box-header .sky-box-header h5,.sky-box .sky-box-header-content sky-box-header .sky-box-header h6{margin:0}.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-header-content sky-box-header .sky-box-header{padding:0 30px 0 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,15 +1,18 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, TemplateRef, ViewChild, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@skyux/core";
|
|
3
4
|
/**
|
|
4
|
-
* Specifies the term in a term-description pair.
|
|
5
|
+
* Specifies the term in a term-description pair. To display a help button beside
|
|
6
|
+
* the term, include a help button element in the sky-description-list-term element
|
|
7
|
+
* and a sky-control-help CSS class on that element.
|
|
5
8
|
*/
|
|
6
9
|
export class SkyDescriptionListTermComponent {
|
|
7
10
|
}
|
|
8
11
|
SkyDescriptionListTermComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyDescriptionListTermComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
SkyDescriptionListTermComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #termTemplateRef
|
|
12
|
+
SkyDescriptionListTermComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #termTemplateRef\n ><span skyTrim><ng-content></ng-content></span\n ><span class=\"sky-description-list-term-help\"\n ><ng-content select=\".sky-control-help\"></ng-content></span\n></ng-template>\n", styles: [".sky-description-list-term-help:not(:empty){margin-left:var(--sky-margin-inline-sm)}\n"], directives: [{ type: i1.λ4, selector: "[skyTrim]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
10
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyDescriptionListTermComponent, decorators: [{
|
|
11
14
|
type: Component,
|
|
12
|
-
args: [{ selector: 'sky-description-list-term', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #termTemplateRef
|
|
15
|
+
args: [{ selector: 'sky-description-list-term', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #termTemplateRef\n ><span skyTrim><ng-content></ng-content></span\n ><span class=\"sky-description-list-term-help\"\n ><ng-content select=\".sky-control-help\"></ng-content></span\n></ng-template>\n", styles: [".sky-description-list-term-help:not(:empty){margin-left:var(--sky-margin-inline-sm)}\n"] }]
|
|
13
16
|
}], propDecorators: { templateRef: [{
|
|
14
17
|
type: ViewChild,
|
|
15
18
|
args: ['termTemplateRef', {
|
|
@@ -17,4 +20,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
17
20
|
static: true,
|
|
18
21
|
}]
|
|
19
22
|
}] } });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzY3JpcHRpb24tbGlzdC10ZXJtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2Rlc2NyaXB0aW9uLWxpc3QvZGVzY3JpcHRpb24tbGlzdC10ZXJtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2Rlc2NyaXB0aW9uLWxpc3QvZGVzY3JpcHRpb24tbGlzdC10ZXJtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFdBQVcsRUFDWCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7OztBQUV2Qjs7OztHQUlHO0FBT0gsTUFBTSxPQUFPLCtCQUErQjs7NEhBQS9CLCtCQUErQjtnSEFBL0IsK0JBQStCLDRKQUVsQyxXQUFXLDJDQ3BCckIsME5BS0E7MkZEYWEsK0JBQStCO2tCQU4zQyxTQUFTOytCQUNFLDJCQUEyQixtQkFHcEIsdUJBQXVCLENBQUMsTUFBTTs4QkFPeEMsV0FBVztzQkFKakIsU0FBUzt1QkFBQyxpQkFBaUIsRUFBRTt3QkFDNUIsSUFBSSxFQUFFLFdBQVc7d0JBQ2pCLE1BQU0sRUFBRSxJQUFJO3FCQUNiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogU3BlY2lmaWVzIHRoZSB0ZXJtIGluIGEgdGVybS1kZXNjcmlwdGlvbiBwYWlyLiBUbyBkaXNwbGF5IGEgaGVscCBidXR0b24gYmVzaWRlXG4gKiB0aGUgdGVybSwgaW5jbHVkZSBhIGhlbHAgYnV0dG9uIGVsZW1lbnQgaW4gdGhlIHNreS1kZXNjcmlwdGlvbi1saXN0LXRlcm0gZWxlbWVudFxuICogYW5kIGEgc2t5LWNvbnRyb2wtaGVscCBDU1MgY2xhc3Mgb24gdGhhdCBlbGVtZW50LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktZGVzY3JpcHRpb24tbGlzdC10ZXJtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Rlc2NyaXB0aW9uLWxpc3QtdGVybS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Rlc2NyaXB0aW9uLWxpc3QtdGVybS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2t5RGVzY3JpcHRpb25MaXN0VGVybUNvbXBvbmVudCB7XG4gIEBWaWV3Q2hpbGQoJ3Rlcm1UZW1wbGF0ZVJlZicsIHtcbiAgICByZWFkOiBUZW1wbGF0ZVJlZixcbiAgICBzdGF0aWM6IHRydWUsXG4gIH0pXG4gIHB1YmxpYyB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8dW5rbm93bj47XG59XG4iLCI8bmctdGVtcGxhdGUgI3Rlcm1UZW1wbGF0ZVJlZlxuICA+PHNwYW4gc2t5VHJpbT48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9zcGFuXG4gID48c3BhbiBjbGFzcz1cInNreS1kZXNjcmlwdGlvbi1saXN0LXRlcm0taGVscFwiXG4gICAgPjxuZy1jb250ZW50IHNlbGVjdD1cIi5za3ktY29udHJvbC1oZWxwXCI+PC9uZy1jb250ZW50Pjwvc3BhblxuPjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -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 { SkyI18nModule } from '@skyux/i18n';
|
|
4
5
|
import { SkyThemeModule } from '@skyux/theme';
|
|
5
6
|
import { SkyLayoutResourcesModule } from '../shared/sky-layout-resources.module';
|
|
@@ -17,7 +18,8 @@ SkyDescriptionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0"
|
|
|
17
18
|
SkyDescriptionListDescriptionComponent], imports: [CommonModule,
|
|
18
19
|
SkyI18nModule,
|
|
19
20
|
SkyLayoutResourcesModule,
|
|
20
|
-
SkyThemeModule
|
|
21
|
+
SkyThemeModule,
|
|
22
|
+
SkyTrimModule], exports: [SkyDescriptionListComponent,
|
|
21
23
|
SkyDescriptionListContentComponent,
|
|
22
24
|
SkyDescriptionListTermComponent,
|
|
23
25
|
SkyDescriptionListDescriptionComponent] });
|
|
@@ -26,6 +28,7 @@ SkyDescriptionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0"
|
|
|
26
28
|
SkyI18nModule,
|
|
27
29
|
SkyLayoutResourcesModule,
|
|
28
30
|
SkyThemeModule,
|
|
31
|
+
SkyTrimModule,
|
|
29
32
|
]] });
|
|
30
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyDescriptionListModule, decorators: [{
|
|
31
34
|
type: NgModule,
|
|
@@ -41,6 +44,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
41
44
|
SkyI18nModule,
|
|
42
45
|
SkyLayoutResourcesModule,
|
|
43
46
|
SkyThemeModule,
|
|
47
|
+
SkyTrimModule,
|
|
44
48
|
],
|
|
45
49
|
exports: [
|
|
46
50
|
SkyDescriptionListComponent,
|
|
@@ -50,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
50
54
|
],
|
|
51
55
|
}]
|
|
52
56
|
}] });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzY3JpcHRpb24tbGlzdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9kZXNjcmlwdGlvbi1saXN0L2Rlc2NyaXB0aW9uLWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDNUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUM1QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRTlDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBRWpGLE9BQU8sRUFBRSxrQ0FBa0MsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxzQ0FBc0MsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2xHLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQXVCM0UsTUFBTSxPQUFPLHdCQUF3Qjs7cUhBQXhCLHdCQUF3QjtzSEFBeEIsd0JBQXdCLGlCQW5CakMsMkJBQTJCO1FBQzNCLGtDQUFrQztRQUNsQywrQkFBK0I7UUFDL0Isc0NBQXNDLGFBR3RDLFlBQVk7UUFDWixhQUFhO1FBQ2Isd0JBQXdCO1FBQ3hCLGNBQWM7UUFDZCxhQUFhLGFBR2IsMkJBQTJCO1FBQzNCLGtDQUFrQztRQUNsQywrQkFBK0I7UUFDL0Isc0NBQXNDO3NIQUc3Qix3QkFBd0IsWUFkMUI7WUFDUCxZQUFZO1lBQ1osYUFBYTtZQUNiLHdCQUF3QjtZQUN4QixjQUFjO1lBQ2QsYUFBYTtTQUNkOzJGQVFVLHdCQUF3QjtrQkFyQnBDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLDJCQUEyQjt3QkFDM0Isa0NBQWtDO3dCQUNsQywrQkFBK0I7d0JBQy9CLHNDQUFzQztxQkFDdkM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYix3QkFBd0I7d0JBQ3hCLGNBQWM7d0JBQ2QsYUFBYTtxQkFDZDtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsMkJBQTJCO3dCQUMzQixrQ0FBa0M7d0JBQ2xDLCtCQUErQjt3QkFDL0Isc0NBQXNDO3FCQUN2QztpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5VHJpbU1vZHVsZSB9IGZyb20gJ0Bza3l1eC9jb3JlJztcbmltcG9ydCB7IFNreUkxOG5Nb2R1bGUgfSBmcm9tICdAc2t5dXgvaTE4bic7XG5pbXBvcnQgeyBTa3lUaGVtZU1vZHVsZSB9IGZyb20gJ0Bza3l1eC90aGVtZSc7XG5cbmltcG9ydCB7IFNreUxheW91dFJlc291cmNlc01vZHVsZSB9IGZyb20gJy4uL3NoYXJlZC9za3ktbGF5b3V0LXJlc291cmNlcy5tb2R1bGUnO1xuXG5pbXBvcnQgeyBTa3lEZXNjcmlwdGlvbkxpc3RDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9kZXNjcmlwdGlvbi1saXN0LWNvbnRlbnQuY29tcG9uZW50JztcbmltcG9ydCB7IFNreURlc2NyaXB0aW9uTGlzdERlc2NyaXB0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9kZXNjcmlwdGlvbi1saXN0LWRlc2NyaXB0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lEZXNjcmlwdGlvbkxpc3RUZXJtQ29tcG9uZW50IH0gZnJvbSAnLi9kZXNjcmlwdGlvbi1saXN0LXRlcm0uY29tcG9uZW50JztcbmltcG9ydCB7IFNreURlc2NyaXB0aW9uTGlzdENvbXBvbmVudCB9IGZyb20gJy4vZGVzY3JpcHRpb24tbGlzdC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTa3lEZXNjcmlwdGlvbkxpc3RDb21wb25lbnQsXG4gICAgU2t5RGVzY3JpcHRpb25MaXN0Q29udGVudENvbXBvbmVudCxcbiAgICBTa3lEZXNjcmlwdGlvbkxpc3RUZXJtQ29tcG9uZW50LFxuICAgIFNreURlc2NyaXB0aW9uTGlzdERlc2NyaXB0aW9uQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFNreUkxOG5Nb2R1bGUsXG4gICAgU2t5TGF5b3V0UmVzb3VyY2VzTW9kdWxlLFxuICAgIFNreVRoZW1lTW9kdWxlLFxuICAgIFNreVRyaW1Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBTa3lEZXNjcmlwdGlvbkxpc3RDb21wb25lbnQsXG4gICAgU2t5RGVzY3JpcHRpb25MaXN0Q29udGVudENvbXBvbmVudCxcbiAgICBTa3lEZXNjcmlwdGlvbkxpc3RUZXJtQ29tcG9uZW50LFxuICAgIFNreURlc2NyaXB0aW9uTGlzdERlc2NyaXB0aW9uQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lEZXNjcmlwdGlvbkxpc3RNb2R1bGUge31cbiJdfQ==
|
|
@@ -4,6 +4,11 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* @internal
|
|
5
5
|
*/
|
|
6
6
|
export class SkyPageThemeAdapterService {
|
|
7
|
+
/**
|
|
8
|
+
* We can't use ViewEncapsulation.None for this behavior because Angular does
|
|
9
|
+
* not remove `style` tags from the HEAD element after route changes.
|
|
10
|
+
* @see https://github.com/angular/angular/issues/16670
|
|
11
|
+
*/
|
|
7
12
|
addTheme() {
|
|
8
13
|
if (!this.styleEl) {
|
|
9
14
|
this.styleEl = document.createElement('style');
|
|
@@ -23,4 +28,4 @@ SkyPageThemeAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12
|
|
|
23
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageThemeAdapterService, decorators: [{
|
|
24
29
|
type: Injectable
|
|
25
30
|
}] });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS10aGVtZS1hZGFwdGVyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9wYWdlL3BhZ2UtdGhlbWUtYWRhcHRlci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTNDOztHQUVHO0FBRUgsTUFBTSxPQUFPLDBCQUEwQjtJQUdyQzs7OztPQUlHO0lBQ0ksUUFBUTtRQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2pCLElBQUksQ0FBQyxPQUFPLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUMvQyxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FDdEIsUUFBUSxDQUFDLGNBQWMsQ0FBQyxrQ0FBa0MsQ0FBQyxDQUM1RCxDQUFDO1lBRUYsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2hCLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUN4QyxJQUFJLENBQUMsT0FBTyxHQUFHLFNBQVMsQ0FBQztTQUMxQjtJQUNILENBQUM7O3VIQXhCVSwwQkFBMEI7MkhBQTFCLDBCQUEwQjsyRkFBMUIsMEJBQTBCO2tCQUR0QyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgU2t5UGFnZVRoZW1lQWRhcHRlclNlcnZpY2Uge1xuICBwcml2YXRlIHN0eWxlRWw6IEhUTUxTdHlsZUVsZW1lbnQ7XG5cbiAgLyoqXG4gICAqIFdlIGNhbid0IHVzZSBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lIGZvciB0aGlzIGJlaGF2aW9yIGJlY2F1c2UgQW5ndWxhciBkb2VzXG4gICAqIG5vdCByZW1vdmUgYHN0eWxlYCB0YWdzIGZyb20gdGhlIEhFQUQgZWxlbWVudCBhZnRlciByb3V0ZSBjaGFuZ2VzLlxuICAgKiBAc2VlIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL2FuZ3VsYXIvaXNzdWVzLzE2NjcwXG4gICAqL1xuICBwdWJsaWMgYWRkVGhlbWUoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLnN0eWxlRWwpIHtcbiAgICAgIHRoaXMuc3R5bGVFbCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N0eWxlJyk7XG4gICAgICB0aGlzLnN0eWxlRWwuYXBwZW5kQ2hpbGQoXG4gICAgICAgIGRvY3VtZW50LmNyZWF0ZVRleHROb2RlKCdib2R5IHsgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsgfScpXG4gICAgICApO1xuXG4gICAgICBkb2N1bWVudC5oZWFkLmFwcGVuZENoaWxkKHRoaXMuc3R5bGVFbCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIHJlbW92ZVRoZW1lKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnN0eWxlRWwpIHtcbiAgICAgIGRvY3VtZW50LmhlYWQucmVtb3ZlQ2hpbGQodGhpcy5zdHlsZUVsKTtcbiAgICAgIHRoaXMuc3R5bGVFbCA9IHVuZGVmaW5lZDtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
|
@@ -3,9 +3,7 @@ import { SkyPageThemeAdapterService } from './page-theme-adapter.service';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "./page-theme-adapter.service";
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
7
|
-
* element to let consumers override CSS styling. Consumers can override any element by writing
|
|
8
|
-
* CSS selectors like this: `:host-context(.sky-theme-default) .my-class {}`.
|
|
6
|
+
* Sets the correct background color for a page.
|
|
9
7
|
*/
|
|
10
8
|
export class SkyPageComponent {
|
|
11
9
|
constructor(themeAdapter) {
|
|
@@ -19,9 +17,9 @@ export class SkyPageComponent {
|
|
|
19
17
|
}
|
|
20
18
|
}
|
|
21
19
|
SkyPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageComponent, deps: [{ token: i1.SkyPageThemeAdapterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
SkyPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyPageComponent, selector: "sky-page", providers: [SkyPageThemeAdapterService], ngImport: i0, template: "<div
|
|
20
|
+
SkyPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyPageComponent, selector: "sky-page", providers: [SkyPageThemeAdapterService], ngImport: i0, template: "<div>\n <ng-content></ng-content>\n</div>\n" });
|
|
23
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageComponent, decorators: [{
|
|
24
22
|
type: Component,
|
|
25
|
-
args: [{ selector: 'sky-page', providers: [SkyPageThemeAdapterService], template: "<div
|
|
23
|
+
args: [{ selector: 'sky-page', providers: [SkyPageThemeAdapterService], template: "<div>\n <ng-content></ng-content>\n</div>\n" }]
|
|
26
24
|
}], ctorParameters: function () { return [{ type: i1.SkyPageThemeAdapterService }]; } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9wYWdlL3BhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvcGFnZS9wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBRTdELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7QUFFMUU7O0dBRUc7QUFNSCxNQUFNLE9BQU8sZ0JBQWdCO0lBQzNCLFlBQW9CLFlBQXdDO1FBQXhDLGlCQUFZLEdBQVosWUFBWSxDQUE0QjtJQUFHLENBQUM7SUFFekQsUUFBUTtRQUNiLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNsQyxDQUFDOzs2R0FUVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQixtQ0FGaEIsQ0FBQywwQkFBMEIsQ0FBQywwQkNWekMsOENBR0E7MkZEU2EsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLFVBQVUsYUFFVCxDQUFDLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lQYWdlVGhlbWVBZGFwdGVyU2VydmljZSB9IGZyb20gJy4vcGFnZS10aGVtZS1hZGFwdGVyLnNlcnZpY2UnO1xuXG4vKipcbiAqIFNldHMgdGhlIGNvcnJlY3QgYmFja2dyb3VuZCBjb2xvciBmb3IgYSBwYWdlLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgcHJvdmlkZXJzOiBbU2t5UGFnZVRoZW1lQWRhcHRlclNlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lQYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRoZW1lQWRhcHRlcjogU2t5UGFnZVRoZW1lQWRhcHRlclNlcnZpY2UpIHt9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudGhlbWVBZGFwdGVyLmFkZFRoZW1lKCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy50aGVtZUFkYXB0ZXIucmVtb3ZlVGhlbWUoKTtcbiAgfVxufVxuIiwiPGRpdj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -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, SkyCoreAdapterService } from '@skyux/core';
|
|
19
|
+
import { SkyMediaBreakpoints, SkyDockModule, SkyCoreAdapterService, SkyTrimModule } 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';
|
|
@@ -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-header{flex:1 0;order:0}.sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 20px 0 0}.sky-box .sky-box-header-content sky-box-header .sky-box-header h1,.sky-box .sky-box-header-content sky-box-header .sky-box-header h2,.sky-box .sky-box-header-content sky-box-header .sky-box-header h3,.sky-box .sky-box-header-content sky-box-header .sky-box-header h4,.sky-box .sky-box-header-content sky-box-header .sky-box-header h5,.sky-box .sky-box-header-content sky-box-header .sky-box-header h6{margin:0}.sky-box .sky-box-header-content sky-box-controls{order:1}.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-header-content sky-box-header .sky-box-header{padding:0 30px 0 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 });
|
|
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-header{flex:1 0;order:0}.sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 20px 0 0}.sky-box .sky-box-header-content sky-box-header .sky-box-header h1,.sky-box .sky-box-header-content sky-box-header .sky-box-header h2,.sky-box .sky-box-header-content sky-box-header .sky-box-header h3,.sky-box .sky-box-header-content sky-box-header .sky-box-header h4,.sky-box .sky-box-header-content sky-box-header .sky-box-header h5,.sky-box .sky-box-header-content sky-box-header .sky-box-header h6{margin:0}.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-header-content sky-box-header .sky-box-header{padding:0 30px 0 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-header{flex:1 0;order:0}.sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 20px 0 0}.sky-box .sky-box-header-content sky-box-header .sky-box-header h1,.sky-box .sky-box-header-content sky-box-header .sky-box-header h2,.sky-box .sky-box-header-content sky-box-header .sky-box-header h3,.sky-box .sky-box-header-content sky-box-header .sky-box-header h4,.sky-box .sky-box-header-content sky-box-header .sky-box-header h5,.sky-box .sky-box-header-content sky-box-header .sky-box-header h6{margin:0}.sky-box .sky-box-header-content sky-box-controls{order:1}.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-header-content sky-box-header .sky-box-header{padding:0 30px 0 0}.sky-theme-modern .sky-box sky-box-content .sky-box-content{padding:30px}\n"] }]
|
|
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-header{flex:1 0;order:0}.sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 20px 0 0}.sky-box .sky-box-header-content sky-box-header .sky-box-header h1,.sky-box .sky-box-header-content sky-box-header .sky-box-header h2,.sky-box .sky-box-header-content sky-box-header .sky-box-header h3,.sky-box .sky-box-header-content sky-box-header .sky-box-header h4,.sky-box .sky-box-header-content sky-box-header .sky-box-header h5,.sky-box .sky-box-header-content sky-box-header .sky-box-header h6{margin:0}.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-header-content sky-box-header .sky-box-header{padding:0 30px 0 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: [{
|
|
@@ -1410,15 +1410,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
1410
1410
|
}] } });
|
|
1411
1411
|
|
|
1412
1412
|
/**
|
|
1413
|
-
* Specifies the term in a term-description pair.
|
|
1413
|
+
* Specifies the term in a term-description pair. To display a help button beside
|
|
1414
|
+
* the term, include a help button element in the sky-description-list-term element
|
|
1415
|
+
* and a sky-control-help CSS class on that element.
|
|
1414
1416
|
*/
|
|
1415
1417
|
class SkyDescriptionListTermComponent {
|
|
1416
1418
|
}
|
|
1417
1419
|
SkyDescriptionListTermComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyDescriptionListTermComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1418
|
-
SkyDescriptionListTermComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #termTemplateRef
|
|
1420
|
+
SkyDescriptionListTermComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #termTemplateRef\n ><span skyTrim><ng-content></ng-content></span\n ><span class=\"sky-description-list-term-help\"\n ><ng-content select=\".sky-control-help\"></ng-content></span\n></ng-template>\n", styles: [".sky-description-list-term-help:not(:empty){margin-left:var(--sky-margin-inline-sm)}\n"], directives: [{ type: i1.λ4, selector: "[skyTrim]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1419
1421
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyDescriptionListTermComponent, decorators: [{
|
|
1420
1422
|
type: Component,
|
|
1421
|
-
args: [{ selector: 'sky-description-list-term', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #termTemplateRef
|
|
1423
|
+
args: [{ selector: 'sky-description-list-term', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #termTemplateRef\n ><span skyTrim><ng-content></ng-content></span\n ><span class=\"sky-description-list-term-help\"\n ><ng-content select=\".sky-control-help\"></ng-content></span\n></ng-template>\n", styles: [".sky-description-list-term-help:not(:empty){margin-left:var(--sky-margin-inline-sm)}\n"] }]
|
|
1422
1424
|
}], propDecorators: { templateRef: [{
|
|
1423
1425
|
type: ViewChild,
|
|
1424
1426
|
args: ['termTemplateRef', {
|
|
@@ -1584,7 +1586,8 @@ SkyDescriptionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0"
|
|
|
1584
1586
|
SkyDescriptionListDescriptionComponent], imports: [CommonModule,
|
|
1585
1587
|
SkyI18nModule,
|
|
1586
1588
|
SkyLayoutResourcesModule,
|
|
1587
|
-
SkyThemeModule
|
|
1589
|
+
SkyThemeModule,
|
|
1590
|
+
SkyTrimModule], exports: [SkyDescriptionListComponent,
|
|
1588
1591
|
SkyDescriptionListContentComponent,
|
|
1589
1592
|
SkyDescriptionListTermComponent,
|
|
1590
1593
|
SkyDescriptionListDescriptionComponent] });
|
|
@@ -1593,6 +1596,7 @@ SkyDescriptionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0"
|
|
|
1593
1596
|
SkyI18nModule,
|
|
1594
1597
|
SkyLayoutResourcesModule,
|
|
1595
1598
|
SkyThemeModule,
|
|
1599
|
+
SkyTrimModule,
|
|
1596
1600
|
]] });
|
|
1597
1601
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyDescriptionListModule, decorators: [{
|
|
1598
1602
|
type: NgModule,
|
|
@@ -1608,6 +1612,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
1608
1612
|
SkyI18nModule,
|
|
1609
1613
|
SkyLayoutResourcesModule,
|
|
1610
1614
|
SkyThemeModule,
|
|
1615
|
+
SkyTrimModule,
|
|
1611
1616
|
],
|
|
1612
1617
|
exports: [
|
|
1613
1618
|
SkyDescriptionListComponent,
|
|
@@ -1881,6 +1886,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
1881
1886
|
* @internal
|
|
1882
1887
|
*/
|
|
1883
1888
|
class SkyPageThemeAdapterService {
|
|
1889
|
+
/**
|
|
1890
|
+
* We can't use ViewEncapsulation.None for this behavior because Angular does
|
|
1891
|
+
* not remove `style` tags from the HEAD element after route changes.
|
|
1892
|
+
* @see https://github.com/angular/angular/issues/16670
|
|
1893
|
+
*/
|
|
1884
1894
|
addTheme() {
|
|
1885
1895
|
if (!this.styleEl) {
|
|
1886
1896
|
this.styleEl = document.createElement('style');
|
|
@@ -1902,9 +1912,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
1902
1912
|
}] });
|
|
1903
1913
|
|
|
1904
1914
|
/**
|
|
1905
|
-
*
|
|
1906
|
-
* element to let consumers override CSS styling. Consumers can override any element by writing
|
|
1907
|
-
* CSS selectors like this: `:host-context(.sky-theme-default) .my-class {}`.
|
|
1915
|
+
* Sets the correct background color for a page.
|
|
1908
1916
|
*/
|
|
1909
1917
|
class SkyPageComponent {
|
|
1910
1918
|
constructor(themeAdapter) {
|
|
@@ -1918,10 +1926,10 @@ class SkyPageComponent {
|
|
|
1918
1926
|
}
|
|
1919
1927
|
}
|
|
1920
1928
|
SkyPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageComponent, deps: [{ token: SkyPageThemeAdapterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1921
|
-
SkyPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyPageComponent, selector: "sky-page", providers: [SkyPageThemeAdapterService], ngImport: i0, template: "<div
|
|
1929
|
+
SkyPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyPageComponent, selector: "sky-page", providers: [SkyPageThemeAdapterService], ngImport: i0, template: "<div>\n <ng-content></ng-content>\n</div>\n" });
|
|
1922
1930
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageComponent, decorators: [{
|
|
1923
1931
|
type: Component,
|
|
1924
|
-
args: [{ selector: 'sky-page', providers: [SkyPageThemeAdapterService], template: "<div
|
|
1932
|
+
args: [{ selector: 'sky-page', providers: [SkyPageThemeAdapterService], template: "<div>\n <ng-content></ng-content>\n</div>\n" }]
|
|
1925
1933
|
}], ctorParameters: function () { return [{ type: SkyPageThemeAdapterService }]; } });
|
|
1926
1934
|
|
|
1927
1935
|
class SkyPageModule {
|