@skyux/indicators 6.6.0 → 6.9.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 +17 -2
- package/esm2020/lib/modules/key-info/key-info.component.mjs +4 -3
- package/esm2020/lib/modules/key-info/key-info.module.mjs +5 -4
- package/fesm2015/skyux-indicators.mjs +11 -11
- package/fesm2015/skyux-indicators.mjs.map +1 -1
- package/fesm2020/skyux-indicators.mjs +11 -11
- package/fesm2020/skyux-indicators.mjs.map +1 -1
- package/lib/modules/key-info/key-info.component.d.ts +1 -1
- package/lib/modules/key-info/key-info.module.d.ts +2 -1
- package/package.json +5 -5
package/documentation.json
CHANGED
|
@@ -369,7 +369,7 @@
|
|
|
369
369
|
"name": "NgModule"
|
|
370
370
|
},
|
|
371
371
|
"arguments": {
|
|
372
|
-
"obj": "{\n declarations: [\n SkyKeyInfoComponent,\n SkyKeyInfoLabelComponent,\n SkyKeyInfoValueComponent,\n ],\n imports: [CommonModule],\n exports: [\n SkyKeyInfoComponent,\n SkyKeyInfoLabelComponent,\n SkyKeyInfoValueComponent,\n ],\n}"
|
|
372
|
+
"obj": "{\n declarations: [\n SkyKeyInfoComponent,\n SkyKeyInfoLabelComponent,\n SkyKeyInfoValueComponent,\n ],\n imports: [CommonModule, SkyTrimModule],\n exports: [\n SkyKeyInfoComponent,\n SkyKeyInfoLabelComponent,\n SkyKeyInfoValueComponent,\n ],\n}"
|
|
373
373
|
}
|
|
374
374
|
}
|
|
375
375
|
],
|
|
@@ -386,7 +386,7 @@
|
|
|
386
386
|
"sources": [
|
|
387
387
|
{
|
|
388
388
|
"fileName": "projects/indicators/src/modules/key-info/key-info.module.ts",
|
|
389
|
-
"line":
|
|
389
|
+
"line": 22,
|
|
390
390
|
"character": 13
|
|
391
391
|
}
|
|
392
392
|
]
|
|
@@ -5906,6 +5906,21 @@
|
|
|
5906
5906
|
"filePath": "/projects/indicators/documentation/code-examples/key-info/basic/key-info-demo.module.ts",
|
|
5907
5907
|
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyKeyInfoModule } from '@skyux/indicators';\n\nimport { KeyInfoDemoComponent } from './key-info-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyKeyInfoModule],\n declarations: [KeyInfoDemoComponent],\n exports: [KeyInfoDemoComponent],\n})\nexport class KeyInfoDemoModule {}\n"
|
|
5908
5908
|
},
|
|
5909
|
+
{
|
|
5910
|
+
"fileName": "key-info-demo.component.html",
|
|
5911
|
+
"filePath": "/projects/indicators/documentation/code-examples/key-info/inline-help/key-info-demo.component.html",
|
|
5912
|
+
"rawContents": "<sky-key-info [layout]=\"layout\">\n <sky-key-info-value> 575 </sky-key-info-value>\n <sky-key-info-label> New members </sky-key-info-label>\n <sky-help-inline class=\"sky-control-help\"></sky-help-inline>\n</sky-key-info>\n"
|
|
5913
|
+
},
|
|
5914
|
+
{
|
|
5915
|
+
"fileName": "key-info-demo.component.ts",
|
|
5916
|
+
"filePath": "/projects/indicators/documentation/code-examples/key-info/inline-help/key-info-demo.component.ts",
|
|
5917
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-key-info-demo',\n templateUrl: './key-info-demo.component.html',\n})\nexport class KeyInfoDemoComponent {\n public layout = 'vertical';\n}\n"
|
|
5918
|
+
},
|
|
5919
|
+
{
|
|
5920
|
+
"fileName": "key-info-demo.module.ts",
|
|
5921
|
+
"filePath": "/projects/indicators/documentation/code-examples/key-info/inline-help/key-info-demo.module.ts",
|
|
5922
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyHelpInlineModule, SkyKeyInfoModule } from '@skyux/indicators';\n\nimport { KeyInfoDemoComponent } from './key-info-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyKeyInfoModule, SkyHelpInlineModule],\n declarations: [KeyInfoDemoComponent],\n exports: [KeyInfoDemoComponent],\n})\nexport class KeyInfoDemoModule {}\n"
|
|
5923
|
+
},
|
|
5909
5924
|
{
|
|
5910
5925
|
"fileName": "label-demo.component.html",
|
|
5911
5926
|
"filePath": "/projects/indicators/documentation/code-examples/label/basic/label-demo.component.html",
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@skyux/core";
|
|
4
5
|
export class SkyKeyInfoComponent {
|
|
5
6
|
constructor() {
|
|
6
7
|
/**
|
|
@@ -12,11 +13,11 @@ export class SkyKeyInfoComponent {
|
|
|
12
13
|
}
|
|
13
14
|
}
|
|
14
15
|
SkyKeyInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
SkyKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyKeyInfoComponent, selector: "sky-key-info", inputs: { layout: "layout" }, ngImport: i0, template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-headline\">\n <ng-content select=\"sky-key-info-value\"> </ng-content>\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <ng-content select=\"sky-key-info-label\"
|
|
16
|
+
SkyKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyKeyInfoComponent, selector: "sky-key-info", inputs: { layout: "layout" }, ngImport: i0, template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-headline\">\n <ng-content select=\"sky-key-info-value\"> </ng-content>\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <span skyTrim><ng-content select=\"sky-key-info-label\"></ng-content></span\n ><span class=\"sky-key-info-label-help\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n </div>\n</div>\n", styles: [".sky-key-info,.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}.sky-key-info .sky-key-info-label-help:not(:empty){margin-left:var(--sky-margin-inline-sm)}:host-context(.sky-theme-modern) .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}.sky-theme-modern .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.λ4, selector: "[skyTrim]" }] });
|
|
16
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyKeyInfoComponent, decorators: [{
|
|
17
18
|
type: Component,
|
|
18
|
-
args: [{ selector: 'sky-key-info', template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-headline\">\n <ng-content select=\"sky-key-info-value\"> </ng-content>\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <ng-content select=\"sky-key-info-label\"
|
|
19
|
+
args: [{ selector: 'sky-key-info', template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-headline\">\n <ng-content select=\"sky-key-info-value\"> </ng-content>\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <span skyTrim><ng-content select=\"sky-key-info-label\"></ng-content></span\n ><span class=\"sky-key-info-label-help\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n </div>\n</div>\n", styles: [".sky-key-info,.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}.sky-key-info .sky-key-info-label-help:not(:empty){margin-left:var(--sky-margin-inline-sm)}:host-context(.sky-theme-modern) .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}.sky-theme-modern .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}\n"] }]
|
|
19
20
|
}], propDecorators: { layout: [{
|
|
20
21
|
type: Input
|
|
21
22
|
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5LWluZm8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2tleS1pbmZvL2tleS1pbmZvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9rZXktaW5mby9rZXktaW5mby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU9qRCxNQUFNLE9BQU8sbUJBQW1CO0lBTGhDO1FBTUU7Ozs7V0FJRztRQUVJLFdBQU0sR0FBRyxVQUFVLENBQUM7S0FDNUI7O2dIQVJZLG1CQUFtQjtvR0FBbkIsbUJBQW1CLGtGQ1BoQyx1aEJBZ0JBOzJGRFRhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxjQUFjOzhCQVdqQixNQUFNO3NCQURaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1rZXktaW5mbycsXG4gIHRlbXBsYXRlVXJsOiAnLi9rZXktaW5mby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tleS1pbmZvLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreUtleUluZm9Db21wb25lbnQge1xuICAvKipcbiAgICogU3BlY2lmaWVzIHdoZXRoZXIgdG8gZGlzcGxheSBrZXkgaW5mbyBpbiBhIHZlcnRpY2FsIGxheW91dCB3aXRoIHRoZSBsYWJlbCB1bmRlciB0aGVcbiAgICogdmFsdWUgb3IgaW4gYSBob3Jpem9udGFsIGxheW91dCB3aXRoIHRoZSBsYWJlbCBiZXNpZGUgdGhlIHZhbHVlLlxuICAgKiBAZGVmYXVsdCBcInZlcnRpY2FsXCJcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBsYXlvdXQgPSAndmVydGljYWwnO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cInNreS1rZXktaW5mb1wiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnc2t5LWtleS1pbmZvLWhvcml6b250YWwnOiBsYXlvdXQgPT09ICdob3Jpem9udGFsJ1xuICB9XCJcbj5cbiAgPGRpdiBjbGFzcz1cInNreS1rZXktaW5mby12YWx1ZSBza3ktaGVhZGxpbmVcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJza3kta2V5LWluZm8tdmFsdWVcIj4gPC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInNreS1rZXktaW5mby1sYWJlbCBza3ktZmllbGQtbGFiZWwgc2t5LWZvbnQtZGF0YS1sYWJlbFwiPlxuICAgIDxzcGFuIHNreVRyaW0+PG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LWtleS1pbmZvLWxhYmVsXCI+PC9uZy1jb250ZW50Pjwvc3BhblxuICAgID48c3BhbiBjbGFzcz1cInNreS1rZXktaW5mby1sYWJlbC1oZWxwXCJcbiAgICAgID48bmctY29udGVudCBzZWxlY3Q9XCIuc2t5LWNvbnRyb2wtaGVscFwiPjwvbmctY29udGVudFxuICAgID48L3NwYW4+XG4gIDwvZGl2PlxuPC9kaXY+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 { SkyKeyInfoLabelComponent } from './key-info-label.component';
|
|
4
5
|
import { SkyKeyInfoValueComponent } from './key-info-value.component';
|
|
5
6
|
import { SkyKeyInfoComponent } from './key-info.component';
|
|
@@ -9,10 +10,10 @@ export class SkyKeyInfoModule {
|
|
|
9
10
|
SkyKeyInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyKeyInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
11
|
SkyKeyInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
|
|
11
12
|
SkyKeyInfoLabelComponent,
|
|
12
|
-
SkyKeyInfoValueComponent], imports: [CommonModule], exports: [SkyKeyInfoComponent,
|
|
13
|
+
SkyKeyInfoValueComponent], imports: [CommonModule, SkyTrimModule], exports: [SkyKeyInfoComponent,
|
|
13
14
|
SkyKeyInfoLabelComponent,
|
|
14
15
|
SkyKeyInfoValueComponent] });
|
|
15
|
-
SkyKeyInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyKeyInfoModule, imports: [[CommonModule]] });
|
|
16
|
+
SkyKeyInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyKeyInfoModule, imports: [[CommonModule, SkyTrimModule]] });
|
|
16
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyKeyInfoModule, decorators: [{
|
|
17
18
|
type: NgModule,
|
|
18
19
|
args: [{
|
|
@@ -21,7 +22,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
21
22
|
SkyKeyInfoLabelComponent,
|
|
22
23
|
SkyKeyInfoValueComponent,
|
|
23
24
|
],
|
|
24
|
-
imports: [CommonModule],
|
|
25
|
+
imports: [CommonModule, SkyTrimModule],
|
|
25
26
|
exports: [
|
|
26
27
|
SkyKeyInfoComponent,
|
|
27
28
|
SkyKeyInfoLabelComponent,
|
|
@@ -29,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
29
30
|
],
|
|
30
31
|
}]
|
|
31
32
|
}] });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5LWluZm8ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2tleS1pbmZvL2tleS1pbmZvLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTVDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQWUzRCxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCOzhHQUFoQixnQkFBZ0IsaUJBWHpCLG1CQUFtQjtRQUNuQix3QkFBd0I7UUFDeEIsd0JBQXdCLGFBRWhCLFlBQVksRUFBRSxhQUFhLGFBRW5DLG1CQUFtQjtRQUNuQix3QkFBd0I7UUFDeEIsd0JBQXdCOzhHQUdmLGdCQUFnQixZQVBsQixDQUFDLFlBQVksRUFBRSxhQUFhLENBQUM7MkZBTzNCLGdCQUFnQjtrQkFiNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osbUJBQW1CO3dCQUNuQix3QkFBd0I7d0JBQ3hCLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQztvQkFDdEMsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjt3QkFDbkIsd0JBQXdCO3dCQUN4Qix3QkFBd0I7cUJBQ3pCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lUcmltTW9kdWxlIH0gZnJvbSAnQHNreXV4L2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lLZXlJbmZvTGFiZWxDb21wb25lbnQgfSBmcm9tICcuL2tleS1pbmZvLWxhYmVsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lLZXlJbmZvVmFsdWVDb21wb25lbnQgfSBmcm9tICcuL2tleS1pbmZvLXZhbHVlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lLZXlJbmZvQ29tcG9uZW50IH0gZnJvbSAnLi9rZXktaW5mby5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTa3lLZXlJbmZvQ29tcG9uZW50LFxuICAgIFNreUtleUluZm9MYWJlbENvbXBvbmVudCxcbiAgICBTa3lLZXlJbmZvVmFsdWVDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFNreVRyaW1Nb2R1bGVdLFxuICBleHBvcnRzOiBbXG4gICAgU2t5S2V5SW5mb0NvbXBvbmVudCxcbiAgICBTa3lLZXlJbmZvTGFiZWxDb21wb25lbnQsXG4gICAgU2t5S2V5SW5mb1ZhbHVlQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lLZXlJbmZvTW9kdWxlIHt9XG4iXX0=
|
|
@@ -6,7 +6,7 @@ import * as i1$1 from '@skyux/i18n';
|
|
|
6
6
|
import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
|
|
7
7
|
import * as i3 from '@skyux/theme';
|
|
8
8
|
import { SkyThemeIconManifestModule, SkyThemeModule } from '@skyux/theme';
|
|
9
|
-
import * as
|
|
9
|
+
import * as i2 from '@skyux/core';
|
|
10
10
|
import { SkyTrimModule, MutationObserverService } from '@skyux/core';
|
|
11
11
|
import { trigger, transition, style, animate } from '@angular/animations';
|
|
12
12
|
import { Subject, BehaviorSubject, defer } from 'rxjs';
|
|
@@ -538,10 +538,10 @@ class SkyKeyInfoComponent {
|
|
|
538
538
|
}
|
|
539
539
|
}
|
|
540
540
|
SkyKeyInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
541
|
-
SkyKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyKeyInfoComponent, selector: "sky-key-info", inputs: { layout: "layout" }, ngImport: i0, template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-headline\">\n <ng-content select=\"sky-key-info-value\"> </ng-content>\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <ng-content select=\"sky-key-info-label\"
|
|
541
|
+
SkyKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyKeyInfoComponent, selector: "sky-key-info", inputs: { layout: "layout" }, ngImport: i0, template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-headline\">\n <ng-content select=\"sky-key-info-value\"> </ng-content>\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <span skyTrim><ng-content select=\"sky-key-info-label\"></ng-content></span\n ><span class=\"sky-key-info-label-help\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n </div>\n</div>\n", styles: [".sky-key-info,.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}.sky-key-info .sky-key-info-label-help:not(:empty){margin-left:var(--sky-margin-inline-sm)}:host-context(.sky-theme-modern) .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}.sky-theme-modern .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.λ4, selector: "[skyTrim]" }] });
|
|
542
542
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyKeyInfoComponent, decorators: [{
|
|
543
543
|
type: Component,
|
|
544
|
-
args: [{ selector: 'sky-key-info', template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-headline\">\n <ng-content select=\"sky-key-info-value\"> </ng-content>\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <ng-content select=\"sky-key-info-label\"
|
|
544
|
+
args: [{ selector: 'sky-key-info', template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-headline\">\n <ng-content select=\"sky-key-info-value\"> </ng-content>\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <span skyTrim><ng-content select=\"sky-key-info-label\"></ng-content></span\n ><span class=\"sky-key-info-label-help\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n </div>\n</div>\n", styles: [".sky-key-info,.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}.sky-key-info .sky-key-info-label-help:not(:empty){margin-left:var(--sky-margin-inline-sm)}:host-context(.sky-theme-modern) .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}.sky-theme-modern .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}\n"] }]
|
|
545
545
|
}], propDecorators: { layout: [{
|
|
546
546
|
type: Input
|
|
547
547
|
}] } });
|
|
@@ -551,10 +551,10 @@ class SkyKeyInfoModule {
|
|
|
551
551
|
SkyKeyInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyKeyInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
552
552
|
SkyKeyInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
|
|
553
553
|
SkyKeyInfoLabelComponent,
|
|
554
|
-
SkyKeyInfoValueComponent], imports: [CommonModule], exports: [SkyKeyInfoComponent,
|
|
554
|
+
SkyKeyInfoValueComponent], imports: [CommonModule, SkyTrimModule], exports: [SkyKeyInfoComponent,
|
|
555
555
|
SkyKeyInfoLabelComponent,
|
|
556
556
|
SkyKeyInfoValueComponent] });
|
|
557
|
-
SkyKeyInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyKeyInfoModule, imports: [[CommonModule]] });
|
|
557
|
+
SkyKeyInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyKeyInfoModule, imports: [[CommonModule, SkyTrimModule]] });
|
|
558
558
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyKeyInfoModule, decorators: [{
|
|
559
559
|
type: NgModule,
|
|
560
560
|
args: [{
|
|
@@ -563,7 +563,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
563
563
|
SkyKeyInfoLabelComponent,
|
|
564
564
|
SkyKeyInfoValueComponent,
|
|
565
565
|
],
|
|
566
|
-
imports: [CommonModule],
|
|
566
|
+
imports: [CommonModule, SkyTrimModule],
|
|
567
567
|
exports: [
|
|
568
568
|
SkyKeyInfoComponent,
|
|
569
569
|
SkyKeyInfoLabelComponent,
|
|
@@ -692,7 +692,7 @@ class SkyStatusIndicatorComponent {
|
|
|
692
692
|
}
|
|
693
693
|
}
|
|
694
694
|
SkyStatusIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyStatusIndicatorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
695
|
-
SkyStatusIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyStatusIndicatorComponent, selector: "sky-status-indicator", inputs: { indicatorType: "indicatorType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n <div\n aria-hidden=\"true\"\n class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n [ngClass]=\"'sky-status-indicator-icon-' + indicatorType\"\n >\n <span class=\"sky-status-indicator-icon-default\">\n <sky-icon [icon]=\"icon\"></sky-icon>\n </span>\n <span class=\"sky-status-indicator-icon-modern\">\n <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n </sky-icon-stack>\n </span>\n </div>\n <div class=\"sky-status-indicator-message-wrapper\">\n <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n <span class=\"sky-status-indicator-message\" skyTrim\n ><ng-content></ng-content></span\n ><span class=\"sky-status-indicator-help\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n </div>\n</div>\n", styles: [".sky-status-indicator{align-items:baseline;display:flex}.sky-status-indicator-icon{flex-shrink:1}.sky-status-indicator-icon-modern{display:none}.sky-status-indicator-icon-info{color:#00b4f1}.sky-status-indicator-icon-success{color:#72bf44}.sky-status-indicator-icon-warning{color:#fbb034}.sky-status-indicator-icon-danger{color:#ef4044}.sky-status-indicator-help:not(:empty){margin-left:var(--sky-margin-inline-sm)}:host-context(.sky-theme-modern) .sky-status-indicator-icon-default{display:none}:host-context(.sky-theme-modern) .sky-status-indicator-icon-modern{display:inline}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"], components: [{ type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type:
|
|
695
|
+
SkyStatusIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyStatusIndicatorComponent, selector: "sky-status-indicator", inputs: { indicatorType: "indicatorType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n <div\n aria-hidden=\"true\"\n class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n [ngClass]=\"'sky-status-indicator-icon-' + indicatorType\"\n >\n <span class=\"sky-status-indicator-icon-default\">\n <sky-icon [icon]=\"icon\"></sky-icon>\n </span>\n <span class=\"sky-status-indicator-icon-modern\">\n <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n </sky-icon-stack>\n </span>\n </div>\n <div class=\"sky-status-indicator-message-wrapper\">\n <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n <span class=\"sky-status-indicator-message\" skyTrim\n ><ng-content></ng-content></span\n ><span class=\"sky-status-indicator-help\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n </div>\n</div>\n", styles: [".sky-status-indicator{align-items:baseline;display:flex}.sky-status-indicator-icon{flex-shrink:1}.sky-status-indicator-icon-modern{display:none}.sky-status-indicator-icon-info{color:#00b4f1}.sky-status-indicator-icon-success{color:#72bf44}.sky-status-indicator-icon-warning{color:#fbb034}.sky-status-indicator-icon-danger{color:#ef4044}.sky-status-indicator-help:not(:empty){margin-left:var(--sky-margin-inline-sm)}:host-context(.sky-theme-modern) .sky-status-indicator-icon-default{display:none}:host-context(.sky-theme-modern) .sky-status-indicator-icon-modern{display:inline}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"], components: [{ type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.λ4, selector: "[skyTrim]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
696
696
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyStatusIndicatorComponent, decorators: [{
|
|
697
697
|
type: Component,
|
|
698
698
|
args: [{ selector: 'sky-status-indicator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n <div\n aria-hidden=\"true\"\n class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n [ngClass]=\"'sky-status-indicator-icon-' + indicatorType\"\n >\n <span class=\"sky-status-indicator-icon-default\">\n <sky-icon [icon]=\"icon\"></sky-icon>\n </span>\n <span class=\"sky-status-indicator-icon-modern\">\n <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n </sky-icon-stack>\n </span>\n </div>\n <div class=\"sky-status-indicator-message-wrapper\">\n <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n <span class=\"sky-status-indicator-message\" skyTrim\n ><ng-content></ng-content></span\n ><span class=\"sky-status-indicator-help\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n </div>\n</div>\n", styles: [".sky-status-indicator{align-items:baseline;display:flex}.sky-status-indicator-icon{flex-shrink:1}.sky-status-indicator-icon-modern{display:none}.sky-status-indicator-icon-info{color:#00b4f1}.sky-status-indicator-icon-success{color:#72bf44}.sky-status-indicator-icon-warning{color:#fbb034}.sky-status-indicator-icon-danger{color:#ef4044}.sky-status-indicator-help:not(:empty){margin-left:var(--sky-margin-inline-sm)}:host-context(.sky-theme-modern) .sky-status-indicator-icon-default{display:none}:host-context(.sky-theme-modern) .sky-status-indicator-icon-modern{display:inline}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"] }]
|
|
@@ -870,14 +870,14 @@ class SkyTextHighlightDirective {
|
|
|
870
870
|
}
|
|
871
871
|
}
|
|
872
872
|
}
|
|
873
|
-
SkyTextHighlightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyTextHighlightDirective, deps: [{ token: i0.ElementRef }, { token:
|
|
873
|
+
SkyTextHighlightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyTextHighlightDirective, deps: [{ token: i0.ElementRef }, { token: i2.MutationObserverService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
874
874
|
SkyTextHighlightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: SkyTextHighlightDirective, selector: "[skyHighlight]", inputs: { skyHighlight: "skyHighlight" }, usesOnChanges: true, ngImport: i0 });
|
|
875
875
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyTextHighlightDirective, decorators: [{
|
|
876
876
|
type: Directive,
|
|
877
877
|
args: [{
|
|
878
878
|
selector: '[skyHighlight]',
|
|
879
879
|
}]
|
|
880
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type:
|
|
880
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i2.MutationObserverService }]; }, propDecorators: { skyHighlight: [{
|
|
881
881
|
type: Input
|
|
882
882
|
}] } });
|
|
883
883
|
|
|
@@ -1815,14 +1815,14 @@ class SkyWaitService {
|
|
|
1815
1815
|
}
|
|
1816
1816
|
SkyWaitService.pageWaitBlockingCount = 0;
|
|
1817
1817
|
SkyWaitService.pageWaitNonBlockingCount = 0;
|
|
1818
|
-
SkyWaitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyWaitService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: SkyWaitPageAdapterService }, { token:
|
|
1818
|
+
SkyWaitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyWaitService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: SkyWaitPageAdapterService }, { token: i2.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1819
1819
|
SkyWaitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyWaitService, providedIn: 'root' });
|
|
1820
1820
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyWaitService, decorators: [{
|
|
1821
1821
|
type: Injectable,
|
|
1822
1822
|
args: [{
|
|
1823
1823
|
providedIn: 'root',
|
|
1824
1824
|
}]
|
|
1825
|
-
}], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: SkyWaitPageAdapterService }, { type:
|
|
1825
|
+
}], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: SkyWaitPageAdapterService }, { type: i2.SkyAppWindowRef }]; } });
|
|
1826
1826
|
|
|
1827
1827
|
/**
|
|
1828
1828
|
* Generated bundle index. Do not edit.
|