@skyux/indicators 5.7.2 → 6.0.0-beta.2

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.
Files changed (171) hide show
  1. package/documentation.json +2 -2
  2. package/esm2020/index.mjs +38 -0
  3. package/esm2020/lib/modules/alert/alert.component.mjs +56 -0
  4. package/esm2020/lib/modules/alert/alert.module.mjs +38 -0
  5. package/esm2020/lib/modules/chevron/chevron.component.mjs +62 -0
  6. package/esm2020/lib/modules/chevron/chevron.module.mjs +38 -0
  7. package/esm2020/lib/modules/expansion-indicator/expansion-indicator.component.mjs +31 -0
  8. package/esm2020/lib/modules/expansion-indicator/expansion-indicator.module.mjs +19 -0
  9. package/esm2020/lib/modules/help-inline/help-inline.component.mjs +26 -0
  10. package/esm2020/lib/modules/help-inline/help-inline.module.mjs +38 -0
  11. package/esm2020/lib/modules/icon/icon-class-list.pipe.mjs +38 -0
  12. package/esm2020/lib/modules/icon/icon-resolver.service.mjs +42 -0
  13. package/esm2020/lib/modules/icon/icon-stack-item.mjs +2 -0
  14. package/esm2020/lib/modules/icon/icon-stack.component.mjs +19 -0
  15. package/esm2020/lib/modules/icon/icon.component.mjs +32 -0
  16. package/esm2020/lib/modules/icon/icon.module.mjs +21 -0
  17. package/esm2020/lib/modules/icon/types/icon-type.mjs +2 -0
  18. package/esm2020/lib/modules/icon/types/icon-variant-type.mjs +2 -0
  19. package/esm2020/lib/modules/key-info/key-info-label.component.mjs +18 -0
  20. package/esm2020/lib/modules/key-info/key-info-value.component.mjs +18 -0
  21. package/esm2020/lib/modules/key-info/key-info.component.mjs +22 -0
  22. package/esm2020/lib/modules/key-info/key-info.module.mjs +32 -0
  23. package/esm2020/lib/modules/label/label-type.mjs +2 -0
  24. package/esm2020/lib/modules/label/label.component.mjs +34 -0
  25. package/esm2020/lib/modules/label/label.module.mjs +19 -0
  26. package/esm2020/lib/modules/shared/indicator-description-type.mjs +2 -0
  27. package/esm2020/lib/modules/shared/indicator-icon-type.mjs +2 -0
  28. package/esm2020/lib/modules/shared/indicator-icon-utility.mjs +41 -0
  29. package/esm2020/lib/modules/shared/indicator-icon.mjs +2 -0
  30. package/esm2020/lib/modules/shared/sky-indicators-resources.module.mjs +61 -0
  31. package/esm2020/lib/modules/status-indicator/status-indicator.component.mjs +94 -0
  32. package/esm2020/lib/modules/status-indicator/status-indicator.module.mjs +34 -0
  33. package/esm2020/lib/modules/text-highlight/text-highlight.directive.mjs +153 -0
  34. package/esm2020/lib/modules/text-highlight/text-highlight.module.mjs +18 -0
  35. package/esm2020/lib/modules/tokens/token.component.mjs +107 -0
  36. package/esm2020/lib/modules/tokens/tokens.component.mjs +298 -0
  37. package/esm2020/lib/modules/tokens/tokens.module.mjs +35 -0
  38. package/esm2020/lib/modules/tokens/types/token-selected-event-args.mjs +2 -0
  39. package/esm2020/lib/modules/tokens/types/token.mjs +2 -0
  40. package/esm2020/lib/modules/tokens/types/tokens-message-type.mjs +24 -0
  41. package/esm2020/lib/modules/tokens/types/tokens-message.mjs +2 -0
  42. package/esm2020/lib/modules/wait/wait-adapter.service.mjs +201 -0
  43. package/esm2020/lib/modules/wait/wait-page-adapter.service.mjs +25 -0
  44. package/esm2020/lib/modules/wait/wait-page.component.mjs +19 -0
  45. package/esm2020/lib/modules/wait/wait.component.mjs +89 -0
  46. package/esm2020/lib/modules/wait/wait.module.mjs +21 -0
  47. package/esm2020/lib/modules/wait/wait.service.mjs +164 -0
  48. package/esm2020/skyux-indicators.mjs +5 -0
  49. package/esm2020/testing/alert-fixture.mjs +67 -0
  50. package/esm2020/testing/label-fixture.mjs +40 -0
  51. package/esm2020/testing/public-api.mjs +4 -0
  52. package/esm2020/testing/skyux-indicators-testing.mjs +5 -0
  53. package/esm2020/testing/wait-fixture.mjs +24 -0
  54. package/fesm2015/{skyux-indicators-testing.js → skyux-indicators-testing.mjs} +1 -1
  55. package/fesm2015/skyux-indicators-testing.mjs.map +1 -0
  56. package/fesm2015/skyux-indicators.mjs +1830 -0
  57. package/fesm2015/skyux-indicators.mjs.map +1 -0
  58. package/fesm2020/skyux-indicators-testing.mjs +135 -0
  59. package/fesm2020/skyux-indicators-testing.mjs.map +1 -0
  60. package/{fesm2015/skyux-indicators.js → fesm2020/skyux-indicators.mjs} +126 -185
  61. package/fesm2020/skyux-indicators.mjs.map +1 -0
  62. package/package.json +39 -15
  63. package/testing/package.json +5 -5
  64. package/bundles/skyux-indicators-testing.umd.js +0 -187
  65. package/bundles/skyux-indicators.umd.js +0 -2463
  66. package/esm2015/index.js +0 -38
  67. package/esm2015/index.js.map +0 -1
  68. package/esm2015/lib/modules/alert/alert.component.js +0 -60
  69. package/esm2015/lib/modules/alert/alert.component.js.map +0 -1
  70. package/esm2015/lib/modules/alert/alert.module.js +0 -38
  71. package/esm2015/lib/modules/alert/alert.module.js.map +0 -1
  72. package/esm2015/lib/modules/chevron/chevron.component.js +0 -66
  73. package/esm2015/lib/modules/chevron/chevron.component.js.map +0 -1
  74. package/esm2015/lib/modules/chevron/chevron.module.js +0 -38
  75. package/esm2015/lib/modules/chevron/chevron.module.js.map +0 -1
  76. package/esm2015/lib/modules/expansion-indicator/expansion-indicator.component.js +0 -35
  77. package/esm2015/lib/modules/expansion-indicator/expansion-indicator.component.js.map +0 -1
  78. package/esm2015/lib/modules/expansion-indicator/expansion-indicator.module.js +0 -19
  79. package/esm2015/lib/modules/expansion-indicator/expansion-indicator.module.js.map +0 -1
  80. package/esm2015/lib/modules/help-inline/help-inline.component.js +0 -30
  81. package/esm2015/lib/modules/help-inline/help-inline.component.js.map +0 -1
  82. package/esm2015/lib/modules/help-inline/help-inline.module.js +0 -38
  83. package/esm2015/lib/modules/help-inline/help-inline.module.js.map +0 -1
  84. package/esm2015/lib/modules/icon/icon-class-list.pipe.js +0 -38
  85. package/esm2015/lib/modules/icon/icon-class-list.pipe.js.map +0 -1
  86. package/esm2015/lib/modules/icon/icon-resolver.service.js +0 -42
  87. package/esm2015/lib/modules/icon/icon-resolver.service.js.map +0 -1
  88. package/esm2015/lib/modules/icon/icon-stack-item.js +0 -2
  89. package/esm2015/lib/modules/icon/icon-stack-item.js.map +0 -1
  90. package/esm2015/lib/modules/icon/icon-stack.component.js +0 -23
  91. package/esm2015/lib/modules/icon/icon-stack.component.js.map +0 -1
  92. package/esm2015/lib/modules/icon/icon.component.js +0 -37
  93. package/esm2015/lib/modules/icon/icon.component.js.map +0 -1
  94. package/esm2015/lib/modules/icon/icon.module.js +0 -21
  95. package/esm2015/lib/modules/icon/icon.module.js.map +0 -1
  96. package/esm2015/lib/modules/icon/types/icon-type.js +0 -2
  97. package/esm2015/lib/modules/icon/types/icon-type.js.map +0 -1
  98. package/esm2015/lib/modules/icon/types/icon-variant-type.js +0 -2
  99. package/esm2015/lib/modules/icon/types/icon-variant-type.js.map +0 -1
  100. package/esm2015/lib/modules/key-info/key-info-label.component.js +0 -18
  101. package/esm2015/lib/modules/key-info/key-info-label.component.js.map +0 -1
  102. package/esm2015/lib/modules/key-info/key-info-value.component.js +0 -18
  103. package/esm2015/lib/modules/key-info/key-info-value.component.js.map +0 -1
  104. package/esm2015/lib/modules/key-info/key-info.component.js +0 -26
  105. package/esm2015/lib/modules/key-info/key-info.component.js.map +0 -1
  106. package/esm2015/lib/modules/key-info/key-info.module.js +0 -32
  107. package/esm2015/lib/modules/key-info/key-info.module.js.map +0 -1
  108. package/esm2015/lib/modules/label/label-type.js +0 -2
  109. package/esm2015/lib/modules/label/label-type.js.map +0 -1
  110. package/esm2015/lib/modules/label/label.component.js +0 -38
  111. package/esm2015/lib/modules/label/label.component.js.map +0 -1
  112. package/esm2015/lib/modules/label/label.module.js +0 -19
  113. package/esm2015/lib/modules/label/label.module.js.map +0 -1
  114. package/esm2015/lib/modules/shared/indicator-description-type.js +0 -2
  115. package/esm2015/lib/modules/shared/indicator-description-type.js.map +0 -1
  116. package/esm2015/lib/modules/shared/indicator-icon-type.js +0 -2
  117. package/esm2015/lib/modules/shared/indicator-icon-type.js.map +0 -1
  118. package/esm2015/lib/modules/shared/indicator-icon-utility.js +0 -41
  119. package/esm2015/lib/modules/shared/indicator-icon-utility.js.map +0 -1
  120. package/esm2015/lib/modules/shared/indicator-icon.js +0 -2
  121. package/esm2015/lib/modules/shared/indicator-icon.js.map +0 -1
  122. package/esm2015/lib/modules/shared/sky-indicators-resources.module.js +0 -61
  123. package/esm2015/lib/modules/shared/sky-indicators-resources.module.js.map +0 -1
  124. package/esm2015/lib/modules/status-indicator/status-indicator.component.js +0 -99
  125. package/esm2015/lib/modules/status-indicator/status-indicator.component.js.map +0 -1
  126. package/esm2015/lib/modules/status-indicator/status-indicator.module.js +0 -34
  127. package/esm2015/lib/modules/status-indicator/status-indicator.module.js.map +0 -1
  128. package/esm2015/lib/modules/text-highlight/text-highlight.directive.js +0 -153
  129. package/esm2015/lib/modules/text-highlight/text-highlight.directive.js.map +0 -1
  130. package/esm2015/lib/modules/text-highlight/text-highlight.module.js +0 -18
  131. package/esm2015/lib/modules/text-highlight/text-highlight.module.js.map +0 -1
  132. package/esm2015/lib/modules/tokens/token.component.js +0 -112
  133. package/esm2015/lib/modules/tokens/token.component.js.map +0 -1
  134. package/esm2015/lib/modules/tokens/tokens.component.js +0 -304
  135. package/esm2015/lib/modules/tokens/tokens.component.js.map +0 -1
  136. package/esm2015/lib/modules/tokens/tokens.module.js +0 -35
  137. package/esm2015/lib/modules/tokens/tokens.module.js.map +0 -1
  138. package/esm2015/lib/modules/tokens/types/token-selected-event-args.js +0 -2
  139. package/esm2015/lib/modules/tokens/types/token-selected-event-args.js.map +0 -1
  140. package/esm2015/lib/modules/tokens/types/token.js +0 -2
  141. package/esm2015/lib/modules/tokens/types/token.js.map +0 -1
  142. package/esm2015/lib/modules/tokens/types/tokens-message-type.js +0 -24
  143. package/esm2015/lib/modules/tokens/types/tokens-message-type.js.map +0 -1
  144. package/esm2015/lib/modules/tokens/types/tokens-message.js +0 -2
  145. package/esm2015/lib/modules/tokens/types/tokens-message.js.map +0 -1
  146. package/esm2015/lib/modules/wait/wait-adapter.service.js +0 -201
  147. package/esm2015/lib/modules/wait/wait-adapter.service.js.map +0 -1
  148. package/esm2015/lib/modules/wait/wait-page-adapter.service.js +0 -25
  149. package/esm2015/lib/modules/wait/wait-page-adapter.service.js.map +0 -1
  150. package/esm2015/lib/modules/wait/wait-page.component.js +0 -23
  151. package/esm2015/lib/modules/wait/wait-page.component.js.map +0 -1
  152. package/esm2015/lib/modules/wait/wait.component.js +0 -94
  153. package/esm2015/lib/modules/wait/wait.component.js.map +0 -1
  154. package/esm2015/lib/modules/wait/wait.module.js +0 -22
  155. package/esm2015/lib/modules/wait/wait.module.js.map +0 -1
  156. package/esm2015/lib/modules/wait/wait.service.js +0 -164
  157. package/esm2015/lib/modules/wait/wait.service.js.map +0 -1
  158. package/esm2015/skyux-indicators.js +0 -5
  159. package/esm2015/skyux-indicators.js.map +0 -1
  160. package/esm2015/testing/alert-fixture.js +0 -67
  161. package/esm2015/testing/alert-fixture.js.map +0 -1
  162. package/esm2015/testing/label-fixture.js +0 -40
  163. package/esm2015/testing/label-fixture.js.map +0 -1
  164. package/esm2015/testing/public-api.js +0 -4
  165. package/esm2015/testing/public-api.js.map +0 -1
  166. package/esm2015/testing/skyux-indicators-testing.js +0 -5
  167. package/esm2015/testing/skyux-indicators-testing.js.map +0 -1
  168. package/esm2015/testing/wait-fixture.js +0 -24
  169. package/esm2015/testing/wait-fixture.js.map +0 -1
  170. package/fesm2015/skyux-indicators-testing.js.map +0 -1
  171. package/fesm2015/skyux-indicators.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-stack.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/icon/icon-stack.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/icon/icon-stack.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;AASjD,MAAM,OAAO,qBAAqB;;mHAArB,qBAAqB;uGAArB,qBAAqB,0HCTlC,0dAgBA;4FDPa,qBAAqB;kBALjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,6BAA6B;oBAC1C,SAAS,EAAE,CAAC,6BAA6B,CAAC;iBAC3C;8BAOQ,IAAI;sBADV,KAAK;gBAOC,QAAQ;sBADd,KAAK;gBAOC,OAAO;sBADb,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport { SkyIconStackItem } from './icon-stack-item';\n\n@Component({\n selector: 'sky-icon-stack',\n templateUrl: './icon-stack.component.html',\n styleUrls: ['./icon-stack.component.scss'],\n})\nexport class SkyIconStackComponent {\n /**\n * Specifies the size of the icon using\n * [Font Awesome sizes](https://fontawesome.com/how-to-use/on-the-web/styling/sizing-icons).\n */\n @Input()\n public size: string;\n\n /**\n * The icon to display at the bottom of the stack.\n */\n @Input()\n public baseIcon: SkyIconStackItem;\n\n /**\n * The icon to display at the top of the stack.\n */\n @Input()\n public topIcon: SkyIconStackItem;\n}\n","<span\n aria-hidden=\"true\"\n class=\"sky-icon-stack fa-stack\"\n [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n <i\n *ngIf=\"baseIcon\"\n class=\"sky-icon fa-stack-2x\"\n [ngClass]=\"baseIcon.icon | skyIconClassList: baseIcon.iconType\"\n ></i>\n <i\n *ngIf=\"topIcon\"\n class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n [ngClass]=\"topIcon.icon | skyIconClassList: topIcon.iconType\"\n ></i>\n</span>\n"]}
@@ -1,37 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- import * as i2 from "./icon-class-list.pipe";
5
- export class SkyIconComponent {
6
- constructor() {
7
- /**
8
- * Specifies the type of icon to display. Specifying `"fa"` will display a Font Awesome icon,
9
- * while specifying `"skyux"` will display an icon from the custom SKY UX icon font. Note that
10
- * the custom SKY UX icon font is currently in beta.
11
- * @default "fa"
12
- */
13
- this.iconType = 'fa';
14
- }
15
- }
16
- SkyIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
17
- SkyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyIconComponent, selector: "sky-icon", inputs: { icon: "icon", iconType: "iconType", size: "size", fixedWidth: "fixedWidth", variant: "variant" }, ngImport: i0, template: "<i\n *ngIf=\"icon\"\n aria-hidden=\"true\"\n class=\"sky-icon\"\n [ngClass]=\"icon | skyIconClassList: iconType:size:fixedWidth:variant\"\n>\n</i>\n", styles: [":host{display:inline-block}i{display:inherit}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyIconClassList": i2.SkyIconClassListPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
18
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconComponent, decorators: [{
19
- type: Component,
20
- args: [{
21
- selector: 'sky-icon',
22
- templateUrl: './icon.component.html',
23
- styleUrls: ['./icon.component.scss'],
24
- changeDetection: ChangeDetectionStrategy.OnPush,
25
- }]
26
- }], propDecorators: { icon: [{
27
- type: Input
28
- }], iconType: [{
29
- type: Input
30
- }], size: [{
31
- type: Input
32
- }], fixedWidth: [{
33
- type: Input
34
- }], variant: [{
35
- type: Input
36
- }] } });
37
- //# sourceMappingURL=icon.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/icon/icon.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/icon/icon.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;AAW1E,MAAM,OAAO,gBAAgB;IAN7B;QAgBE;;;;;WAKG;QAEI,aAAQ,GAAgB,IAAI,CAAC;KAqBrC;;8GAtCY,gBAAgB;kGAAhB,gBAAgB,4JCX7B,0JAOA;4FDIa,gBAAgB;kBAN5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,WAAW,EAAE,uBAAuB;oBACpC,SAAS,EAAE,CAAC,uBAAuB,CAAC;oBACpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BASQ,IAAI;sBADV,KAAK;gBAUC,QAAQ;sBADd,KAAK;gBAQC,IAAI;sBADV,KAAK;gBAOC,UAAU;sBADhB,KAAK;gBAQC,OAAO;sBADb,KAAK","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { SkyIconType } from './types/icon-type';\nimport { SkyIconVariantType } from './types/icon-variant-type';\n\n@Component({\n selector: 'sky-icon',\n templateUrl: './icon.component.html',\n styleUrls: ['./icon.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyIconComponent {\n /**\n * Specifies the name of\n * [the Font Awesome 4.7 icon](https://fontawesome.com/v4.7/icons/) to\n * display. Do not specify the `fa fa-` classes.\n * @required\n */\n @Input()\n public icon: string;\n\n /**\n * Specifies the type of icon to display. Specifying `\"fa\"` will display a Font Awesome icon,\n * while specifying `\"skyux\"` will display an icon from the custom SKY UX icon font. Note that\n * the custom SKY UX icon font is currently in beta.\n * @default \"fa\"\n */\n @Input()\n public iconType: SkyIconType = 'fa';\n\n /**\n * Specifies the size of the icon using\n * [Font Awesome sizes](https://fontawesome.com/how-to-use/on-the-web/styling/sizing-icons).\n */\n @Input()\n public size: string;\n\n /**\n * Indicates whether the icon has a fixed width.\n */\n @Input()\n public fixedWidth: boolean;\n\n /**\n * Specifies the icon variant (`\"line\"` or `\"solid\"`). If the variant doesn't exist for the\n * specified icon, the normal icon is displayed.\n */\n @Input()\n public variant: SkyIconVariantType;\n}\n","<i\n *ngIf=\"icon\"\n aria-hidden=\"true\"\n class=\"sky-icon\"\n [ngClass]=\"icon | skyIconClassList: iconType:size:fixedWidth:variant\"\n>\n</i>\n"]}
@@ -1,21 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { SkyThemeIconManifestModule } from '@skyux/theme';
4
- import { SkyIconClassListPipe } from './icon-class-list.pipe';
5
- import { SkyIconStackComponent } from './icon-stack.component';
6
- import { SkyIconComponent } from './icon.component';
7
- import * as i0 from "@angular/core";
8
- export class SkyIconModule {
9
- }
10
- SkyIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
11
- SkyIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconModule, declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent], imports: [CommonModule, SkyThemeIconManifestModule], exports: [SkyIconComponent, SkyIconStackComponent] });
12
- SkyIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconModule, imports: [[CommonModule, SkyThemeIconManifestModule]] });
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconModule, decorators: [{
14
- type: NgModule,
15
- args: [{
16
- declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],
17
- imports: [CommonModule, SkyThemeIconManifestModule],
18
- exports: [SkyIconComponent, SkyIconStackComponent],
19
- }]
20
- }] });
21
- //# sourceMappingURL=icon.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/icon/icon.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;;AAOpD,MAAM,OAAO,aAAa;;2GAAb,aAAa;4GAAb,aAAa,iBAJT,oBAAoB,EAAE,gBAAgB,EAAE,qBAAqB,aAClE,YAAY,EAAE,0BAA0B,aACxC,gBAAgB,EAAE,qBAAqB;4GAEtC,aAAa,YAHf,CAAC,YAAY,EAAE,0BAA0B,CAAC;4FAGxC,aAAa;kBALzB,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,EAAE,qBAAqB,CAAC;oBAC7E,OAAO,EAAE,CAAC,YAAY,EAAE,0BAA0B,CAAC;oBACnD,OAAO,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,CAAC;iBACnD","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyThemeIconManifestModule } from '@skyux/theme';\n\nimport { SkyIconClassListPipe } from './icon-class-list.pipe';\nimport { SkyIconStackComponent } from './icon-stack.component';\nimport { SkyIconComponent } from './icon.component';\n\n@NgModule({\n declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],\n imports: [CommonModule, SkyThemeIconManifestModule],\n exports: [SkyIconComponent, SkyIconStackComponent],\n})\nexport class SkyIconModule {}\n"]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=icon-type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/indicators/src/lib/modules/icon/types/icon-type.ts"],"names":[],"mappings":"","sourcesContent":["export type SkyIconType = 'fa' | 'skyux';\n"]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=icon-variant-type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-variant-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/indicators/src/lib/modules/icon/types/icon-variant-type.ts"],"names":[],"mappings":"","sourcesContent":["export type SkyIconVariantType = 'line' | 'solid';\n"]}
@@ -1,18 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Specifies a label to display in smaller, plain text under or beside the value.
5
- * @required
6
- */
7
- export class SkyKeyInfoLabelComponent {
8
- }
9
- SkyKeyInfoLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
10
- SkyKeyInfoLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyKeyInfoLabelComponent, selector: "sky-key-info-label", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoLabelComponent, decorators: [{
12
- type: Component,
13
- args: [{
14
- selector: 'sky-key-info-label',
15
- template: '<ng-content></ng-content>',
16
- }]
17
- }] });
18
- //# sourceMappingURL=key-info-label.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"key-info-label.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/key-info/key-info-label.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;;GAGG;AAKH,MAAM,OAAO,wBAAwB;;sHAAxB,wBAAwB;0GAAxB,wBAAwB,0DAFzB,2BAA2B;4FAE1B,wBAAwB;kBAJpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE,2BAA2B;iBACtC","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies a label to display in smaller, plain text under or beside the value.\n * @required\n */\n@Component({\n selector: 'sky-key-info-label',\n template: '<ng-content></ng-content>',\n})\nexport class SkyKeyInfoLabelComponent {}\n"]}
@@ -1,18 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Specifies a value to display in larger, bold text.
5
- * @required
6
- */
7
- export class SkyKeyInfoValueComponent {
8
- }
9
- SkyKeyInfoValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
10
- SkyKeyInfoValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyKeyInfoValueComponent, selector: "sky-key-info-value", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoValueComponent, decorators: [{
12
- type: Component,
13
- args: [{
14
- selector: 'sky-key-info-value',
15
- template: '<ng-content></ng-content>',
16
- }]
17
- }] });
18
- //# sourceMappingURL=key-info-value.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"key-info-value.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/key-info/key-info-value.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;;GAGG;AAKH,MAAM,OAAO,wBAAwB;;sHAAxB,wBAAwB;0GAAxB,wBAAwB,0DAFzB,2BAA2B;4FAE1B,wBAAwB;kBAJpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE,2BAA2B;iBACtC","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies a value to display in larger, bold text.\n * @required\n */\n@Component({\n selector: 'sky-key-info-value',\n template: '<ng-content></ng-content>',\n})\nexport class SkyKeyInfoValueComponent {}\n"]}
@@ -1,26 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- export class SkyKeyInfoComponent {
5
- constructor() {
6
- /**
7
- * Specifies whether to display key info in a `vertical` layout with the label under the
8
- * value or in a `horizontal` layout with the label beside the value.
9
- * @default "vertical"
10
- */
11
- this.layout = 'vertical';
12
- }
13
- }
14
- SkyKeyInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
15
- SkyKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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\"> </ng-content>\n </div>\n</div>\n", styles: [".sky-key-info{display:inline-block}.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}: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"] }] });
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoComponent, decorators: [{
17
- type: Component,
18
- args: [{
19
- selector: 'sky-key-info',
20
- templateUrl: './key-info.component.html',
21
- styleUrls: ['./key-info.component.scss'],
22
- }]
23
- }], propDecorators: { layout: [{
24
- type: Input
25
- }] } });
26
- //# sourceMappingURL=key-info.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"key-info.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/key-info/key-info.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/key-info/key-info.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;AAOjD,MAAM,OAAO,mBAAmB;IALhC;QAME;;;;WAIG;QAEI,WAAM,GAAG,UAAU,CAAC;KAC5B;;iHARY,mBAAmB;qGAAnB,mBAAmB,kFCPhC,0YAaA;4FDNa,mBAAmB;kBAL/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,WAAW,EAAE,2BAA2B;oBACxC,SAAS,EAAE,CAAC,2BAA2B,CAAC;iBACzC;8BAQQ,MAAM;sBADZ,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'sky-key-info',\n templateUrl: './key-info.component.html',\n styleUrls: ['./key-info.component.scss'],\n})\nexport class SkyKeyInfoComponent {\n /**\n * Specifies whether to display key info in a `vertical` layout with the label under the\n * value or in a `horizontal` layout with the label beside the value.\n * @default \"vertical\"\n */\n @Input()\n public layout = 'vertical';\n}\n","<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\"> </ng-content>\n </div>\n</div>\n"]}
@@ -1,32 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { SkyKeyInfoLabelComponent } from './key-info-label.component';
4
- import { SkyKeyInfoValueComponent } from './key-info-value.component';
5
- import { SkyKeyInfoComponent } from './key-info.component';
6
- import * as i0 from "@angular/core";
7
- export class SkyKeyInfoModule {
8
- }
9
- SkyKeyInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
10
- SkyKeyInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
11
- SkyKeyInfoLabelComponent,
12
- SkyKeyInfoValueComponent], imports: [CommonModule], exports: [SkyKeyInfoComponent,
13
- SkyKeyInfoLabelComponent,
14
- SkyKeyInfoValueComponent] });
15
- SkyKeyInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoModule, imports: [[CommonModule]] });
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoModule, decorators: [{
17
- type: NgModule,
18
- args: [{
19
- declarations: [
20
- SkyKeyInfoComponent,
21
- SkyKeyInfoLabelComponent,
22
- SkyKeyInfoValueComponent,
23
- ],
24
- imports: [CommonModule],
25
- exports: [
26
- SkyKeyInfoComponent,
27
- SkyKeyInfoLabelComponent,
28
- SkyKeyInfoValueComponent,
29
- ],
30
- }]
31
- }] });
32
- //# sourceMappingURL=key-info.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"key-info.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/key-info/key-info.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;;AAe3D,MAAM,OAAO,gBAAgB;;8GAAhB,gBAAgB;+GAAhB,gBAAgB,iBAXzB,mBAAmB;QACnB,wBAAwB;QACxB,wBAAwB,aAEhB,YAAY,aAEpB,mBAAmB;QACnB,wBAAwB;QACxB,wBAAwB;+GAGf,gBAAgB,YAPlB,CAAC,YAAY,CAAC;4FAOZ,gBAAgB;kBAb5B,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,mBAAmB;wBACnB,wBAAwB;wBACxB,wBAAwB;qBACzB;oBACD,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE;wBACP,mBAAmB;wBACnB,wBAAwB;wBACxB,wBAAwB;qBACzB;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { SkyKeyInfoLabelComponent } from './key-info-label.component';\nimport { SkyKeyInfoValueComponent } from './key-info-value.component';\nimport { SkyKeyInfoComponent } from './key-info.component';\n\n@NgModule({\n declarations: [\n SkyKeyInfoComponent,\n SkyKeyInfoLabelComponent,\n SkyKeyInfoValueComponent,\n ],\n imports: [CommonModule],\n exports: [\n SkyKeyInfoComponent,\n SkyKeyInfoLabelComponent,\n SkyKeyInfoValueComponent,\n ],\n})\nexport class SkyKeyInfoModule {}\n"]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=label-type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"label-type.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/label/label-type.ts"],"names":[],"mappings":"","sourcesContent":["export type SkyLabelType = 'danger' | 'info' | 'success' | 'warning';\n"]}
@@ -1,38 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import { SkyIndicatorIconUtility } from '../shared/indicator-icon-utility';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "../icon/icon.component";
5
- import * as i2 from "../icon/icon-stack.component";
6
- import * as i3 from "@angular/common";
7
- export class SkyLabelComponent {
8
- /**
9
- * The type of label to display.
10
- * @required
11
- */
12
- set labelType(value) {
13
- this._labelType = value;
14
- this.updateIcon();
15
- }
16
- get labelType() {
17
- return this._labelType || 'info';
18
- }
19
- updateIcon() {
20
- const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.labelType);
21
- this.icon = indicatorIcon.defaultThemeIcon;
22
- this.baseIcon = indicatorIcon.modernThemeBaseIcon;
23
- this.topIcon = indicatorIcon.modernThemeTopIcon;
24
- }
25
- }
26
- SkyLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
27
- SkyLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyLabelComponent, selector: "sky-label", inputs: { labelType: "labelType" }, ngImport: i0, template: "<span class=\"sky-label\" [ngClass]=\"'sky-label-' + labelType\">\n <span class=\"sky-label-icon-theme-default\">\n <sky-icon [icon]=\"icon\"></sky-icon>\n </span>\n <span class=\"sky-label-icon-theme-modern\">\n <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n </sky-icon-stack>\n </span>\n <span class=\"sky-label-text\">\n <ng-content></ng-content>\n </span>\n</span>\n", styles: [".sky-label{color:#212327;display:inline;border-radius:10rem;font-weight:400;line-height:2.2;margin:0 3px;padding:.3em .6em;white-space:nowrap}.sky-label-success{background-color:#b7da9b}.sky-label-info{background-color:#81d4f7}.sky-label-warning{background-color:#ffd597}.sky-label-danger{background-color:#f7a08f}.sky-label-text{display:inline-block;padding-left:5px}.sky-label-icon-theme-modern{display:none}:host-context(.sky-theme-modern) .sky-label{align-items:center;display:inline-flex;line-height:1}:host-context(.sky-theme-modern) .sky-label.sky-label-info{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-label.sky-label-info,:host-context(.sky-theme-modern) .sky-label.sky-label-success{padding:4px 15px 4px 6px}:host-context(.sky-theme-modern) .sky-label.sky-label-warning,:host-context(.sky-theme-modern) .sky-label.sky-label-danger{padding:4px 15px 4px 9px}:host-context(.sky-theme-modern) .sky-label-icon-theme-default{display:none}:host-context(.sky-theme-modern) .sky-label-icon-theme-modern{display:block}:host-context(.sky-theme-modern) .sky-label-info .sky-label-icon-theme-modern{color:#00b4f1}:host-context(.sky-theme-modern) .sky-label-success .sky-label-icon-theme-modern{color:#72bf44}:host-context(.sky-theme-modern) .sky-label-warning .sky-label-icon-theme-modern{color:#fbb034}:host-context(.sky-theme-modern) .sky-label-danger .sky-label-icon-theme-modern{color:#ef4044}.sky-theme-modern .sky-label{align-items:center;display:inline-flex;line-height:1}.sky-theme-modern .sky-label.sky-label-info{background-color:#c1e8fb}.sky-theme-modern .sky-label.sky-label-info,.sky-theme-modern .sky-label.sky-label-success{padding:4px 15px 4px 6px}.sky-theme-modern .sky-label.sky-label-warning,.sky-theme-modern .sky-label.sky-label-danger{padding:4px 15px 4px 9px}.sky-theme-modern .sky-label-icon-theme-default{display:none}.sky-theme-modern .sky-label-icon-theme-modern{display:block}.sky-theme-modern .sky-label-info .sky-label-icon-theme-modern{color:#00b4f1}.sky-theme-modern .sky-label-success .sky-label-icon-theme-modern{color:#72bf44}.sky-theme-modern .sky-label-warning .sky-label-icon-theme-modern{color:#fbb034}.sky-theme-modern .sky-label-danger .sky-label-icon-theme-modern{color:#ef4044}\n"], components: [{ type: i1.SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i2.SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
28
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLabelComponent, decorators: [{
29
- type: Component,
30
- args: [{
31
- selector: 'sky-label',
32
- templateUrl: './label.component.html',
33
- styleUrls: ['./label.component.scss'],
34
- }]
35
- }], propDecorators: { labelType: [{
36
- type: Input
37
- }] } });
38
- //# sourceMappingURL=label.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"label.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/label/label.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/label/label.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;;;;;AAS3E,MAAM,OAAO,iBAAiB;IAC5B;;;OAGG;IACH,IACW,SAAS,CAAC,KAAmB;QACtC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,IAAI,MAAM,CAAC;IACnC,CAAC;IAUO,UAAU;QAChB,MAAM,aAAa,GAAG,uBAAuB,CAAC,eAAe,CAC3D,IAAI,CAAC,SAAS,CACf,CAAC;QAEF,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,gBAAgB,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,mBAAmB,CAAC;QAClD,IAAI,CAAC,OAAO,GAAG,aAAa,CAAC,kBAAkB,CAAC;IAClD,CAAC;;+GA/BU,iBAAiB;mGAAjB,iBAAiB,qFCZ9B,oaAYA;4FDAa,iBAAiB;kBAL7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,WAAW;oBACrB,WAAW,EAAE,wBAAwB;oBACrC,SAAS,EAAE,CAAC,wBAAwB,CAAC;iBACtC;8BAOY,SAAS;sBADnB,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport { SkyIconStackItem } from '../icon/icon-stack-item';\nimport { SkyIndicatorIconUtility } from '../shared/indicator-icon-utility';\n\nimport { SkyLabelType } from './label-type';\n\n@Component({\n selector: 'sky-label',\n templateUrl: './label.component.html',\n styleUrls: ['./label.component.scss'],\n})\nexport class SkyLabelComponent {\n /**\n * The type of label to display.\n * @required\n */\n @Input()\n public set labelType(value: SkyLabelType) {\n this._labelType = value;\n this.updateIcon();\n }\n\n public get labelType(): SkyLabelType {\n return this._labelType || 'info';\n }\n\n public baseIcon: SkyIconStackItem;\n\n public icon: string;\n\n public topIcon: SkyIconStackItem;\n\n private _labelType: SkyLabelType;\n\n private updateIcon(): void {\n const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(\n this.labelType\n );\n\n this.icon = indicatorIcon.defaultThemeIcon;\n this.baseIcon = indicatorIcon.modernThemeBaseIcon;\n this.topIcon = indicatorIcon.modernThemeTopIcon;\n }\n}\n","<span class=\"sky-label\" [ngClass]=\"'sky-label-' + labelType\">\n <span class=\"sky-label-icon-theme-default\">\n <sky-icon [icon]=\"icon\"></sky-icon>\n </span>\n <span class=\"sky-label-icon-theme-modern\">\n <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n </sky-icon-stack>\n </span>\n <span class=\"sky-label-text\">\n <ng-content></ng-content>\n </span>\n</span>\n"]}
@@ -1,19 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { SkyIconModule } from '../icon/icon.module';
4
- import { SkyLabelComponent } from './label.component';
5
- import * as i0 from "@angular/core";
6
- export class SkyLabelModule {
7
- }
8
- SkyLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
9
- SkyLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLabelModule, declarations: [SkyLabelComponent], imports: [CommonModule, SkyIconModule], exports: [SkyLabelComponent] });
10
- SkyLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLabelModule, imports: [[CommonModule, SkyIconModule]] });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLabelModule, decorators: [{
12
- type: NgModule,
13
- args: [{
14
- declarations: [SkyLabelComponent],
15
- imports: [CommonModule, SkyIconModule],
16
- exports: [SkyLabelComponent],
17
- }]
18
- }] });
19
- //# sourceMappingURL=label.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"label.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/label/label.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;;AAOtD,MAAM,OAAO,cAAc;;4GAAd,cAAc;6GAAd,cAAc,iBAJV,iBAAiB,aACtB,YAAY,EAAE,aAAa,aAC3B,iBAAiB;6GAEhB,cAAc,YAHhB,CAAC,YAAY,EAAE,aAAa,CAAC;4FAG3B,cAAc;kBAL1B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;oBACtC,OAAO,EAAE,CAAC,iBAAiB,CAAC;iBAC7B","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { SkyIconModule } from '../icon/icon.module';\n\nimport { SkyLabelComponent } from './label.component';\n\n@NgModule({\n declarations: [SkyLabelComponent],\n imports: [CommonModule, SkyIconModule],\n exports: [SkyLabelComponent],\n})\nexport class SkyLabelModule {}\n"]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=indicator-description-type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"indicator-description-type.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/shared/indicator-description-type.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @internal\n */\nexport type SkyIndicatorDescriptionType =\n | 'completed'\n | 'custom'\n | 'error'\n | 'important-info'\n | 'none'\n | 'warning';\n"]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=indicator-icon-type.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"indicator-icon-type.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/shared/indicator-icon-type.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @internal\n */\nexport type SkyIndicatorIconType = 'danger' | 'info' | 'success' | 'warning';\n"]}
@@ -1,41 +0,0 @@
1
- /**
2
- * @internl
3
- */
4
- export class SkyIndicatorIconUtility {
5
- static getIconsForType(indicatorType) {
6
- let icon;
7
- let baseIcon;
8
- let topIcon;
9
- // tslint:disable-next-line: switch-default
10
- switch (indicatorType) {
11
- case 'danger':
12
- case 'warning':
13
- icon = 'warning';
14
- baseIcon = 'triangle-solid';
15
- topIcon = 'exclamation';
16
- break;
17
- case 'info':
18
- icon = 'exclamation-circle';
19
- baseIcon = 'circle-solid';
20
- topIcon = 'help-i';
21
- break;
22
- case 'success':
23
- icon = 'check';
24
- baseIcon = 'circle-solid';
25
- topIcon = 'check';
26
- break;
27
- }
28
- return {
29
- defaultThemeIcon: icon,
30
- modernThemeBaseIcon: {
31
- icon: baseIcon,
32
- iconType: 'skyux',
33
- },
34
- modernThemeTopIcon: {
35
- icon: topIcon,
36
- iconType: 'skyux',
37
- },
38
- };
39
- }
40
- }
41
- //# sourceMappingURL=indicator-icon-utility.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"indicator-icon-utility.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/shared/indicator-icon-utility.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,OAAO,uBAAuB;IAC3B,MAAM,CAAC,eAAe,CAC3B,aAAmC;QAEnC,IAAI,IAAY,CAAC;QACjB,IAAI,QAAgB,CAAC;QACrB,IAAI,OAAe,CAAC;QAEpB,2CAA2C;QAC3C,QAAQ,aAAa,EAAE;YACrB,KAAK,QAAQ,CAAC;YACd,KAAK,SAAS;gBACZ,IAAI,GAAG,SAAS,CAAC;gBACjB,QAAQ,GAAG,gBAAgB,CAAC;gBAC5B,OAAO,GAAG,aAAa,CAAC;gBACxB,MAAM;YACR,KAAK,MAAM;gBACT,IAAI,GAAG,oBAAoB,CAAC;gBAC5B,QAAQ,GAAG,cAAc,CAAC;gBAC1B,OAAO,GAAG,QAAQ,CAAC;gBACnB,MAAM;YACR,KAAK,SAAS;gBACZ,IAAI,GAAG,OAAO,CAAC;gBACf,QAAQ,GAAG,cAAc,CAAC;gBAC1B,OAAO,GAAG,OAAO,CAAC;gBAClB,MAAM;SACT;QAED,OAAO;YACL,gBAAgB,EAAE,IAAI;YACtB,mBAAmB,EAAE;gBACnB,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,OAAO;aAClB;YACD,kBAAkB,EAAE;gBAClB,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,OAAO;aAClB;SACF,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { SkyIndicatorIcon } from './indicator-icon';\nimport { SkyIndicatorIconType } from './indicator-icon-type';\n\n/**\n * @internl\n */\nexport class SkyIndicatorIconUtility {\n public static getIconsForType(\n indicatorType: SkyIndicatorIconType\n ): SkyIndicatorIcon {\n let icon: string;\n let baseIcon: string;\n let topIcon: string;\n\n // tslint:disable-next-line: switch-default\n switch (indicatorType) {\n case 'danger':\n case 'warning':\n icon = 'warning';\n baseIcon = 'triangle-solid';\n topIcon = 'exclamation';\n break;\n case 'info':\n icon = 'exclamation-circle';\n baseIcon = 'circle-solid';\n topIcon = 'help-i';\n break;\n case 'success':\n icon = 'check';\n baseIcon = 'circle-solid';\n topIcon = 'check';\n break;\n }\n\n return {\n defaultThemeIcon: icon,\n modernThemeBaseIcon: {\n icon: baseIcon,\n iconType: 'skyux',\n },\n modernThemeTopIcon: {\n icon: topIcon,\n iconType: 'skyux',\n },\n };\n }\n}\n"]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=indicator-icon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"indicator-icon.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/shared/indicator-icon.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyIconStackItem } from '../icon/icon-stack-item';\n\n/**\n * @internl\n */\nexport interface SkyIndicatorIcon {\n defaultThemeIcon: string;\n\n modernThemeBaseIcon: SkyIconStackItem;\n\n modernThemeTopIcon: SkyIconStackItem;\n}\n"]}
@@ -1,61 +0,0 @@
1
- /**
2
- * NOTICE: DO NOT MODIFY THIS FILE!
3
- * The contents of this file were automatically generated by
4
- * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-indicators' schematic.
5
- * To update this file, simply rerun the command.
6
- */
7
- import { NgModule } from '@angular/core';
8
- import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule, getLibStringForLocale, } from '@skyux/i18n';
9
- import * as i0 from "@angular/core";
10
- const RESOURCES = {
11
- 'EN-US': {
12
- skyux_alert_close: { message: 'Close the alert' },
13
- skyux_help_inline_button_title: { message: 'Show help content' },
14
- skyux_status_indicator_sr_completed: { message: 'Completed:' },
15
- skyux_status_indicator_sr_error: { message: 'Error:' },
16
- skyux_status_indicator_sr_important_info: {
17
- message: 'Important information:',
18
- },
19
- skyux_status_indicator_sr_warning: { message: 'Warning:' },
20
- skyux_tokens_dismiss_button_title: { message: 'Remove item' },
21
- skyux_wait_aria_alt_text: { message: 'Loading.' },
22
- skyux_wait_blocking_aria_alt_text: { message: 'Loading. Please wait.' },
23
- skyux_wait_page_aria_alt_text: { message: 'Page loading.' },
24
- skyux_wait_page_blocking_aria_alt_text: {
25
- message: 'Page loading. Please wait.',
26
- },
27
- },
28
- };
29
- export class SkyIndicatorsResourcesProvider {
30
- getString(localeInfo, name) {
31
- return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
32
- }
33
- }
34
- /**
35
- * Import into any component library module that needs to use resource strings.
36
- */
37
- export class SkyIndicatorsResourcesModule {
38
- }
39
- SkyIndicatorsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIndicatorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
40
- SkyIndicatorsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIndicatorsResourcesModule, exports: [SkyI18nModule] });
41
- SkyIndicatorsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIndicatorsResourcesModule, providers: [
42
- {
43
- provide: SKY_LIB_RESOURCES_PROVIDERS,
44
- useClass: SkyIndicatorsResourcesProvider,
45
- multi: true,
46
- },
47
- ], imports: [SkyI18nModule] });
48
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIndicatorsResourcesModule, decorators: [{
49
- type: NgModule,
50
- args: [{
51
- exports: [SkyI18nModule],
52
- providers: [
53
- {
54
- provide: SKY_LIB_RESOURCES_PROVIDERS,
55
- useClass: SkyIndicatorsResourcesProvider,
56
- multi: true,
57
- },
58
- ],
59
- }]
60
- }] });
61
- //# sourceMappingURL=sky-indicators-resources.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sky-indicators-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/shared/sky-indicators-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,2BAA2B,EAE3B,aAAa,EAGb,qBAAqB,GACtB,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,iBAAiB,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE;QACjD,8BAA8B,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE;QAChE,mCAAmC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE;QAC9D,+BAA+B,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACtD,wCAAwC,EAAE;YACxC,OAAO,EAAE,wBAAwB;SAClC;QACD,iCAAiC,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;QAC1D,iCAAiC,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE;QAC7D,wBAAwB,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;QACjD,iCAAiC,EAAE,EAAE,OAAO,EAAE,uBAAuB,EAAE;QACvE,6BAA6B,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE;QAC3D,sCAAsC,EAAE;YACtC,OAAO,EAAE,4BAA4B;SACtC;KACF;CACF,CAAC;AAEF,MAAM,OAAO,8BAA8B;IAClC,SAAS,CACd,UAA4B,EAC5B,IAAY;QAEZ,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;CACF;AAED;;GAEG;AAWH,MAAM,OAAO,4BAA4B;;0HAA5B,4BAA4B;2HAA5B,4BAA4B,YAT7B,aAAa;2HASZ,4BAA4B,aAR5B;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,8BAA8B;YACxC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,4BAA4B;kBAVxC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,8BAA8B;4BACxC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF","sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-indicators' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n SKY_LIB_RESOURCES_PROVIDERS,\n SkyAppLocaleInfo,\n SkyI18nModule,\n SkyLibResources,\n SkyLibResourcesProvider,\n getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n 'EN-US': {\n skyux_alert_close: { message: 'Close the alert' },\n skyux_help_inline_button_title: { message: 'Show help content' },\n skyux_status_indicator_sr_completed: { message: 'Completed:' },\n skyux_status_indicator_sr_error: { message: 'Error:' },\n skyux_status_indicator_sr_important_info: {\n message: 'Important information:',\n },\n skyux_status_indicator_sr_warning: { message: 'Warning:' },\n skyux_tokens_dismiss_button_title: { message: 'Remove item' },\n skyux_wait_aria_alt_text: { message: 'Loading.' },\n skyux_wait_blocking_aria_alt_text: { message: 'Loading. Please wait.' },\n skyux_wait_page_aria_alt_text: { message: 'Page loading.' },\n skyux_wait_page_blocking_aria_alt_text: {\n message: 'Page loading. Please wait.',\n },\n },\n};\n\nexport class SkyIndicatorsResourcesProvider implements SkyLibResourcesProvider {\n public getString(\n localeInfo: SkyAppLocaleInfo,\n name: string\n ): string | undefined {\n return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n exports: [SkyI18nModule],\n providers: [\n {\n provide: SKY_LIB_RESOURCES_PROVIDERS,\n useClass: SkyIndicatorsResourcesProvider,\n multi: true,\n },\n ],\n})\nexport class SkyIndicatorsResourcesModule {}\n"]}
@@ -1,99 +0,0 @@
1
- import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, } from '@angular/core';
2
- import { SkyLibResourcesService } from '@skyux/i18n';
3
- import { SkyIndicatorIconUtility } from '../shared/indicator-icon-utility';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@skyux/i18n";
6
- import * as i2 from "../icon/icon.component";
7
- import * as i3 from "../icon/icon-stack.component";
8
- import * as i4 from "@angular/common";
9
- const INDICATOR_TYPE_DEFAULT = 'warning';
10
- export class SkyStatusIndicatorComponent {
11
- constructor(changeDetector, resources) {
12
- this.changeDetector = changeDetector;
13
- this.resources = resources;
14
- }
15
- /**
16
- * Specifies a style for the status indicator to determine the icon.
17
- * The valid options are `danger`, `info`, `success`, and `warning`.
18
- * @default "warning"
19
- */
20
- set indicatorType(value) {
21
- this._indicatorType = value;
22
- this.updateIcon();
23
- }
24
- get indicatorType() {
25
- return this._indicatorType || INDICATOR_TYPE_DEFAULT;
26
- }
27
- /**
28
- * Specifies the predefined text to be read by screen readers for users
29
- * who cannot see the indicator icon. The valid options are `none`, `custom`,
30
- * `error`, `warning`, `completed`, and `important-info`.
31
- * @required
32
- */
33
- set descriptionType(value) {
34
- this._descriptionType = value;
35
- this.updateDescriptionComputed();
36
- }
37
- get descriptionType() {
38
- return this._descriptionType;
39
- }
40
- /**
41
- * Specifies the text to be read by screen readers for users who cannot see
42
- * the indicator icon when `descriptionType` is `custom`.
43
- */
44
- set customDescription(value) {
45
- this._customDescription = value;
46
- this.updateDescriptionComputed();
47
- }
48
- get customDescription() {
49
- return this._customDescription;
50
- }
51
- updateIcon() {
52
- const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.indicatorType);
53
- this.icon = indicatorIcon.defaultThemeIcon;
54
- this.baseIcon = indicatorIcon.modernThemeBaseIcon;
55
- this.topIcon = indicatorIcon.modernThemeTopIcon;
56
- }
57
- updateDescriptionComputed() {
58
- if (this.descriptionType) {
59
- switch (this.descriptionType) {
60
- case 'none':
61
- this.descriptionComputed = '';
62
- break;
63
- case 'custom':
64
- this.descriptionComputed = this.customDescription;
65
- break;
66
- default:
67
- this.resources
68
- .getString('skyux_status_indicator_sr_' +
69
- this.descriptionType.replace(/-/g, '_'))
70
- .subscribe((value) => {
71
- this.descriptionComputed = value;
72
- this.changeDetector.markForCheck();
73
- });
74
- break;
75
- }
76
- }
77
- else {
78
- this.descriptionComputed = undefined;
79
- }
80
- }
81
- }
82
- SkyStatusIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyStatusIndicatorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
83
- SkyStatusIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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\">\n <ng-content></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}: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: i2.SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i3.SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
84
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyStatusIndicatorComponent, decorators: [{
85
- type: Component,
86
- args: [{
87
- selector: 'sky-status-indicator',
88
- templateUrl: './status-indicator.component.html',
89
- styleUrls: ['./status-indicator.component.scss'],
90
- changeDetection: ChangeDetectionStrategy.OnPush,
91
- }]
92
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyLibResourcesService }]; }, propDecorators: { indicatorType: [{
93
- type: Input
94
- }], descriptionType: [{
95
- type: Input
96
- }], customDescription: [{
97
- type: Input
98
- }] } });
99
- //# sourceMappingURL=status-indicator.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"status-indicator.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/status-indicator/status-indicator.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/status-indicator/status-indicator.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAKrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;;;;;;AAE3E,MAAM,sBAAsB,GAAyB,SAAS,CAAC;AAQ/D,MAAM,OAAO,2BAA2B;IA4DtC,YACU,cAAiC,EACjC,SAAiC;QADjC,mBAAc,GAAd,cAAc,CAAmB;QACjC,cAAS,GAAT,SAAS,CAAwB;IACxC,CAAC;IA9DJ;;;;OAIG;IACH,IACW,aAAa,CAAC,KAA2B;QAClD,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,IAAW,aAAa;QACtB,OAAO,IAAI,CAAC,cAAc,IAAI,sBAAsB,CAAC;IACvD,CAAC;IAED;;;;;OAKG;IACH,IACW,eAAe,CAAC,KAAkC;QAC3D,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,yBAAyB,EAAE,CAAC;IACnC,CAAC;IAED,IAAW,eAAe;QACxB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IAED;;;OAGG;IACH,IACW,iBAAiB,CAAC,KAAa;QACxC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,yBAAyB,EAAE,CAAC;IACnC,CAAC;IAED,IAAW,iBAAiB;QAC1B,OAAO,IAAI,CAAC,kBAAkB,CAAC;IACjC,CAAC;IAqBO,UAAU;QAChB,MAAM,aAAa,GAAG,uBAAuB,CAAC,eAAe,CAC3D,IAAI,CAAC,aAAa,CACnB,CAAC;QAEF,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,gBAAgB,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,mBAAmB,CAAC;QAClD,IAAI,CAAC,OAAO,GAAG,aAAa,CAAC,kBAAkB,CAAC;IAClD,CAAC;IAEO,yBAAyB;QAC/B,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,QAAQ,IAAI,CAAC,eAAe,EAAE;gBAC5B,KAAK,MAAM;oBACT,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;oBAC9B,MAAM;gBACR,KAAK,QAAQ;oBACX,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,CAAC;oBAClD,MAAM;gBACR;oBACE,IAAI,CAAC,SAAS;yBACX,SAAS,CACR,4BAA4B;wBAC1B,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAC1C;yBACA,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;wBACnB,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;wBACjC,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;oBACrC,CAAC,CAAC,CAAC;oBAEL,MAAM;aACT;SACF;aAAM;YACL,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;SACtC;IACH,CAAC;;yHApGU,2BAA2B;6GAA3B,2BAA2B,oLCrBxC,szBAuBA;4FDFa,2BAA2B;kBANvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,WAAW,EAAE,mCAAmC;oBAChD,SAAS,EAAE,CAAC,mCAAmC,CAAC;oBAChD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;6IAQY,aAAa;sBADvB,KAAK;gBAiBK,eAAe;sBADzB,KAAK;gBAeK,iBAAiB;sBAD3B,KAAK","sourcesContent":["import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n Input,\n} from '@angular/core';\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { SkyIconStackItem } from '../icon/icon-stack-item';\nimport { SkyIndicatorDescriptionType } from '../shared/indicator-description-type';\nimport { SkyIndicatorIconType } from '../shared/indicator-icon-type';\nimport { SkyIndicatorIconUtility } from '../shared/indicator-icon-utility';\n\nconst INDICATOR_TYPE_DEFAULT: SkyIndicatorIconType = 'warning';\n\n@Component({\n selector: 'sky-status-indicator',\n templateUrl: './status-indicator.component.html',\n styleUrls: ['./status-indicator.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyStatusIndicatorComponent {\n /**\n * Specifies a style for the status indicator to determine the icon.\n * The valid options are `danger`, `info`, `success`, and `warning`.\n * @default \"warning\"\n */\n @Input()\n public set indicatorType(value: SkyIndicatorIconType) {\n this._indicatorType = value;\n this.updateIcon();\n }\n\n public get indicatorType(): SkyIndicatorIconType {\n return this._indicatorType || INDICATOR_TYPE_DEFAULT;\n }\n\n /**\n * Specifies the predefined text to be read by screen readers for users\n * who cannot see the indicator icon. The valid options are `none`, `custom`,\n * `error`, `warning`, `completed`, and `important-info`.\n * @required\n */\n @Input()\n public set descriptionType(value: SkyIndicatorDescriptionType) {\n this._descriptionType = value;\n this.updateDescriptionComputed();\n }\n\n public get descriptionType(): SkyIndicatorDescriptionType {\n return this._descriptionType;\n }\n\n /**\n * Specifies the text to be read by screen readers for users who cannot see\n * the indicator icon when `descriptionType` is `custom`.\n */\n @Input()\n public set customDescription(value: string) {\n this._customDescription = value;\n this.updateDescriptionComputed();\n }\n\n public get customDescription(): string {\n return this._customDescription;\n }\n\n public descriptionComputed: string;\n\n public baseIcon: SkyIconStackItem;\n\n public icon: string;\n\n public topIcon: SkyIconStackItem;\n\n private _indicatorType: SkyIndicatorIconType;\n\n private _descriptionType: SkyIndicatorDescriptionType;\n\n private _customDescription: string;\n\n constructor(\n private changeDetector: ChangeDetectorRef,\n private resources: SkyLibResourcesService\n ) {}\n\n private updateIcon(): void {\n const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(\n this.indicatorType\n );\n\n this.icon = indicatorIcon.defaultThemeIcon;\n this.baseIcon = indicatorIcon.modernThemeBaseIcon;\n this.topIcon = indicatorIcon.modernThemeTopIcon;\n }\n\n private updateDescriptionComputed(): void {\n if (this.descriptionType) {\n switch (this.descriptionType) {\n case 'none':\n this.descriptionComputed = '';\n break;\n case 'custom':\n this.descriptionComputed = this.customDescription;\n break;\n default:\n this.resources\n .getString(\n 'skyux_status_indicator_sr_' +\n this.descriptionType.replace(/-/g, '_')\n )\n .subscribe((value) => {\n this.descriptionComputed = value;\n this.changeDetector.markForCheck();\n });\n\n break;\n }\n } else {\n this.descriptionComputed = undefined;\n }\n }\n}\n","<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\">\n <ng-content></ng-content>\n </span>\n </div>\n</div>\n"]}