@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
package/esm2015/index.js DELETED
@@ -1,38 +0,0 @@
1
- export * from './lib/modules/alert/alert.module';
2
- export * from './lib/modules/chevron/chevron.module';
3
- export * from './lib/modules/expansion-indicator/expansion-indicator.module';
4
- export * from './lib/modules/help-inline/help-inline.module';
5
- export * from './lib/modules/icon/icon-stack-item';
6
- export * from './lib/modules/icon/icon.module';
7
- export * from './lib/modules/icon/types/icon-type';
8
- export * from './lib/modules/icon/types/icon-variant-type';
9
- export * from './lib/modules/key-info/key-info.module';
10
- export * from './lib/modules/label/label-type';
11
- export * from './lib/modules/label/label.module';
12
- export * from './lib/modules/status-indicator/status-indicator.module';
13
- export * from './lib/modules/text-highlight/text-highlight.module';
14
- export * from './lib/modules/tokens/tokens.module';
15
- export * from './lib/modules/tokens/types/token';
16
- export * from './lib/modules/tokens/types/token-selected-event-args';
17
- export * from './lib/modules/tokens/types/tokens-message';
18
- export * from './lib/modules/tokens/types/tokens-message-type';
19
- export * from './lib/modules/wait/wait.module';
20
- export * from './lib/modules/wait/wait.service';
21
- // Components and directives must be exported to support Angular's "partial" Ivy compiler.
22
- // Obscure names are used to indicate types are not part of the public API.
23
- export { SkyAlertComponent as λ1 } from './lib/modules/alert/alert.component';
24
- export { SkyChevronComponent as λ2 } from './lib/modules/chevron/chevron.component';
25
- export { SkyHelpInlineComponent as λ3 } from './lib/modules/help-inline/help-inline.component';
26
- export { SkyIconComponent as λ4 } from './lib/modules/icon/icon.component';
27
- export { SkyIconStackComponent as λ5 } from './lib/modules/icon/icon-stack.component';
28
- export { SkyKeyInfoLabelComponent as λ6 } from './lib/modules/key-info/key-info-label.component';
29
- export { SkyKeyInfoValueComponent as λ7 } from './lib/modules/key-info/key-info-value.component';
30
- export { SkyKeyInfoComponent as λ8 } from './lib/modules/key-info/key-info.component';
31
- export { SkyLabelComponent as λ9 } from './lib/modules/label/label.component';
32
- export { SkyStatusIndicatorComponent as λ10 } from './lib/modules/status-indicator/status-indicator.component';
33
- export { SkyTextHighlightDirective as λ11 } from './lib/modules/text-highlight/text-highlight.directive';
34
- export { SkyTokenComponent as λ12 } from './lib/modules/tokens/token.component';
35
- export { SkyTokensComponent as λ13 } from './lib/modules/tokens/tokens.component';
36
- export { SkyWaitComponent as λ14 } from './lib/modules/wait/wait.component';
37
- export { SkyExpansionIndicatorComponent as λ15 } from './lib/modules/expansion-indicator/expansion-indicator.component';
38
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/indicators/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AAEjD,cAAc,sCAAsC,CAAC;AAErD,cAAc,8DAA8D,CAAC;AAE7E,cAAc,8CAA8C,CAAC;AAE7D,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,4CAA4C,CAAC;AAE3D,cAAc,wCAAwC,CAAC;AAEvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AAEjD,cAAc,wDAAwD,CAAC;AAEvE,cAAc,oDAAoD,CAAC;AAEnE,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sDAAsD,CAAC;AACrE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,gDAAgD,CAAC;AAE/D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAEhD,0FAA0F;AAC1F,2EAA2E;AAC3E,OAAO,EAAE,iBAAiB,IAAI,EAAE,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,mBAAmB,IAAI,EAAE,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,sBAAsB,IAAI,EAAE,EAAE,MAAM,iDAAiD,CAAC;AAC/F,OAAO,EAAE,gBAAgB,IAAI,EAAE,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,IAAI,EAAE,EAAE,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAE,wBAAwB,IAAI,EAAE,EAAE,MAAM,iDAAiD,CAAC;AACjG,OAAO,EAAE,wBAAwB,IAAI,EAAE,EAAE,MAAM,iDAAiD,CAAC;AACjG,OAAO,EAAE,mBAAmB,IAAI,EAAE,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,iBAAiB,IAAI,EAAE,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,2BAA2B,IAAI,GAAG,EAAE,MAAM,2DAA2D,CAAC;AAC/G,OAAO,EAAE,yBAAyB,IAAI,GAAG,EAAE,MAAM,uDAAuD,CAAC;AACzG,OAAO,EAAE,iBAAiB,IAAI,GAAG,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,kBAAkB,IAAI,GAAG,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,EAAE,gBAAgB,IAAI,GAAG,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,EAAE,8BAA8B,IAAI,GAAG,EAAE,MAAM,iEAAiE,CAAC","sourcesContent":["export * from './lib/modules/alert/alert.module';\n\nexport * from './lib/modules/chevron/chevron.module';\n\nexport * from './lib/modules/expansion-indicator/expansion-indicator.module';\n\nexport * from './lib/modules/help-inline/help-inline.module';\n\nexport * from './lib/modules/icon/icon-stack-item';\nexport * from './lib/modules/icon/icon.module';\nexport * from './lib/modules/icon/types/icon-type';\nexport * from './lib/modules/icon/types/icon-variant-type';\n\nexport * from './lib/modules/key-info/key-info.module';\n\nexport * from './lib/modules/label/label-type';\nexport * from './lib/modules/label/label.module';\n\nexport * from './lib/modules/status-indicator/status-indicator.module';\n\nexport * from './lib/modules/text-highlight/text-highlight.module';\n\nexport * from './lib/modules/tokens/tokens.module';\nexport * from './lib/modules/tokens/types/token';\nexport * from './lib/modules/tokens/types/token-selected-event-args';\nexport * from './lib/modules/tokens/types/tokens-message';\nexport * from './lib/modules/tokens/types/tokens-message-type';\n\nexport * from './lib/modules/wait/wait.module';\nexport * from './lib/modules/wait/wait.service';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of the public API.\nexport { SkyAlertComponent as λ1 } from './lib/modules/alert/alert.component';\nexport { SkyChevronComponent as λ2 } from './lib/modules/chevron/chevron.component';\nexport { SkyHelpInlineComponent as λ3 } from './lib/modules/help-inline/help-inline.component';\nexport { SkyIconComponent as λ4 } from './lib/modules/icon/icon.component';\nexport { SkyIconStackComponent as λ5 } from './lib/modules/icon/icon-stack.component';\nexport { SkyKeyInfoLabelComponent as λ6 } from './lib/modules/key-info/key-info-label.component';\nexport { SkyKeyInfoValueComponent as λ7 } from './lib/modules/key-info/key-info-value.component';\nexport { SkyKeyInfoComponent as λ8 } from './lib/modules/key-info/key-info.component';\nexport { SkyLabelComponent as λ9 } from './lib/modules/label/label.component';\nexport { SkyStatusIndicatorComponent as λ10 } from './lib/modules/status-indicator/status-indicator.component';\nexport { SkyTextHighlightDirective as λ11 } from './lib/modules/text-highlight/text-highlight.directive';\nexport { SkyTokenComponent as λ12 } from './lib/modules/tokens/token.component';\nexport { SkyTokensComponent as λ13 } from './lib/modules/tokens/tokens.component';\nexport { SkyWaitComponent as λ14 } from './lib/modules/wait/wait.component';\nexport { SkyExpansionIndicatorComponent as λ15 } from './lib/modules/expansion-indicator/expansion-indicator.component';\n"]}
@@ -1,60 +0,0 @@
1
- import { Component, EventEmitter, Input, Output } 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-stack.component";
5
- import * as i2 from "../icon/icon.component";
6
- import * as i3 from "@skyux/theme";
7
- import * as i4 from "@angular/common";
8
- import * as i5 from "@skyux/i18n";
9
- const ALERT_TYPE_DEFAULT = 'warning';
10
- export class SkyAlertComponent {
11
- constructor() {
12
- /**
13
- * Fires when users close the alert.
14
- */
15
- this.closedChange = new EventEmitter();
16
- }
17
- /**
18
- * Specifies a style for the alert to determine the icon and background color.
19
- * The valid options are `danger`, `info`, `success`, and `warning`.
20
- * @default "warning"
21
- */
22
- set alertType(value) {
23
- this._alertType = value;
24
- this.updateAlertIcon();
25
- }
26
- get alertType() {
27
- return this._alertType || ALERT_TYPE_DEFAULT;
28
- }
29
- ngOnInit() {
30
- this.updateAlertIcon();
31
- }
32
- close() {
33
- this.closed = true;
34
- this.closedChange.emit(true);
35
- }
36
- updateAlertIcon() {
37
- const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.alertType);
38
- this.alertBaseIcon = indicatorIcon.modernThemeBaseIcon;
39
- this.alertTopIcon = indicatorIcon.modernThemeTopIcon;
40
- }
41
- }
42
- SkyAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
43
- SkyAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyAlertComponent, selector: "sky-alert", inputs: { alertType: "alertType", closeable: "closeable", closed: "closed" }, outputs: { closedChange: "closedChange" }, ngImport: i0, template: "<div\n class=\"sky-alert\"\n [skyThemeClass]=\"{\n 'sky-rounded-corners': 'default',\n 'sky-box sky-elevation-1': 'modern'\n }\"\n role=\"alert\"\n [hidden]=\"closed\"\n [ngClass]=\"{\n 'sky-alert-info': alertType === 'info',\n 'sky-alert-success': alertType === 'success',\n 'sky-alert-warning': alertType === 'warning',\n 'sky-alert-danger': alertType === 'danger',\n 'sky-alert-closeable': closeable\n }\"\n>\n <div aria-hidden=\"true\" class=\"sky-alert-icon-theme-modern\">\n <sky-icon-stack [baseIcon]=\"alertBaseIcon\" [topIcon]=\"alertTopIcon\">\n </sky-icon-stack>\n </div>\n <div class=\"sky-alert-content\">\n <ng-content></ng-content>\n </div>\n <button\n class=\"sky-alert-close\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_alert_close' | skyLibResources\"\n [hidden]=\"!closeable\"\n (click)=\"close()\"\n >\n <span aria-hidden=\"true\">\n <sky-icon class=\"sky-alert-close-icon-theme-default\" icon=\"close\">\n </sky-icon>\n <sky-icon\n class=\"sky-alert-close-icon-theme-modern\"\n icon=\"close\"\n iconType=\"skyux\"\n size=\"2x\"\n >\n </sky-icon>\n </span>\n </button>\n</div>\n", styles: ["@charset \"UTF-8\";.sky-alert{padding:0 10px;margin-bottom:20px;border-left:solid 30px;color:#212327;display:flex;flex-direction:row;align-items:center}.sky-alert .sky-alert-content{padding-top:10px;padding-bottom:10px;width:100%}.sky-alert .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}.sky-alert .sky-alert-content ::ng-deep a:hover{color:#212327}.sky-alert button{margin-left:auto;width:32px;height:32px}.sky-alert.sky-alert-info{background-color:#81d4f7;border-color:#00b4f1}.sky-alert.sky-alert-info:before{content:\"\\f06a\";font-family:FontAwesome;margin-left:-31px;margin-right:20px;color:#fff}.sky-alert.sky-alert-success{background-color:#b7da9b;border-color:#72bf44}.sky-alert.sky-alert-success:before{content:\"\\f00c\";font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert.sky-alert-warning{background-color:#ffd597;border-color:#fbb034}.sky-alert.sky-alert-warning:before{content:\"\\f071\";font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert.sky-alert-danger{background-color:#f7a08f;border-color:#ef4044}.sky-alert.sky-alert-danger:before{content:\"\\f071\";font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert-close{cursor:pointer;font-weight:bold;line-height:1;margin:0;padding:0;color:#212327;opacity:.8;border:none;background-color:transparent;display:none}.sky-alert-close:hover{opacity:1}.sky-alert-closeable .sky-alert-close{display:block}.sky-alert-close-icon-theme-modern,.sky-alert-icon-theme-modern{display:none}:host-context(.sky-theme-modern) .sky-alert{border-left-width:7px}:host-context(.sky-theme-modern) .sky-alert .sky-alert-content{padding:15px}:host-context(.sky-theme-modern) .sky-alert.sky-alert-info{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-alert-info:before,:host-context(.sky-theme-modern) .sky-alert-success:before,:host-context(.sky-theme-modern) .sky-alert-warning:before,:host-context(.sky-theme-modern) .sky-alert-danger:before{display:none}:host-context(.sky-theme-modern) .sky-alert-info .sky-alert-icon-theme-modern{color:#00b4f1}:host-context(.sky-theme-modern) .sky-alert-success .sky-alert-icon-theme-modern{color:#72bf44}:host-context(.sky-theme-modern) .sky-alert-warning .sky-alert-icon-theme-modern{color:#fbb034}:host-context(.sky-theme-modern) .sky-alert-danger .sky-alert-icon-theme-modern{color:#ef4044}:host-context(.sky-theme-modern) .sky-alert-icon-theme-modern{display:block}:host-context(.sky-theme-modern) .sky-alert-close-icon-theme-default{display:none}:host-context(.sky-theme-modern) .sky-alert-close-icon-theme-modern{display:inline}.sky-theme-modern .sky-alert{border-left-width:7px}.sky-theme-modern .sky-alert .sky-alert-content{padding:15px}.sky-theme-modern .sky-alert.sky-alert-info{background-color:#c1e8fb}.sky-theme-modern .sky-alert-info:before,.sky-theme-modern .sky-alert-success:before,.sky-theme-modern .sky-alert-warning:before,.sky-theme-modern .sky-alert-danger:before{display:none}.sky-theme-modern .sky-alert-info .sky-alert-icon-theme-modern{color:#00b4f1}.sky-theme-modern .sky-alert-success .sky-alert-icon-theme-modern{color:#72bf44}.sky-theme-modern .sky-alert-warning .sky-alert-icon-theme-modern{color:#fbb034}.sky-theme-modern .sky-alert-danger .sky-alert-icon-theme-modern{color:#ef4044}.sky-theme-modern .sky-alert-icon-theme-modern{display:block}.sky-theme-modern .sky-alert-close-icon-theme-default{display:none}.sky-theme-modern .sky-alert-close-icon-theme-modern{display:inline}\n"], components: [{ type: i1.SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { type: i2.SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyLibResources": i5.SkyLibResourcesPipe } });
44
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAlertComponent, decorators: [{
45
- type: Component,
46
- args: [{
47
- selector: 'sky-alert',
48
- styleUrls: ['./alert.component.scss'],
49
- templateUrl: './alert.component.html',
50
- }]
51
- }], propDecorators: { alertType: [{
52
- type: Input
53
- }], closeable: [{
54
- type: Input
55
- }], closed: [{
56
- type: Input
57
- }], closedChange: [{
58
- type: Output
59
- }] } });
60
- //# sourceMappingURL=alert.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"alert.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/alert/alert.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/alert/alert.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,MAAM,EAAE,MAAM,eAAe,CAAC;AAI/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;;;;;;;AAE3E,MAAM,kBAAkB,GAAG,SAAS,CAAC;AAOrC,MAAM,OAAO,iBAAiB;IAL9B;QAmCE;;WAEG;QAEI,iBAAY,GAAG,IAAI,YAAY,EAAW,CAAC;KAyBnD;IA1DC;;;;OAIG;IACH,IACW,SAAS,CAAC,KAAa;QAChC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,IAAI,kBAAkB,CAAC;IAC/C,CAAC;IA4BM,QAAQ;QACb,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAEM,KAAK;QACV,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAEO,eAAe;QACrB,MAAM,aAAa,GAAG,uBAAuB,CAAC,eAAe,CAC3D,IAAI,CAAC,SAAiC,CACvC,CAAC;QAEF,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC,mBAAmB,CAAC;QACvD,IAAI,CAAC,YAAY,GAAG,aAAa,CAAC,kBAAkB,CAAC;IACvD,CAAC;;+GA1DU,iBAAiB;mGAAjB,iBAAiB,0KCb9B,ssCA2CA;4FD9Ba,iBAAiB;kBAL7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,WAAW;oBACrB,SAAS,EAAE,CAAC,wBAAwB,CAAC;oBACrC,WAAW,EAAE,wBAAwB;iBACtC;8BAQY,SAAS;sBADnB,KAAK;gBAeC,SAAS;sBADf,KAAK;gBAQC,MAAM;sBADZ,KAAK;gBAOC,YAAY;sBADlB,MAAM","sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\nimport { SkyIconStackItem } from '../icon/icon-stack-item';\nimport { SkyIndicatorIconType } from '../shared/indicator-icon-type';\nimport { SkyIndicatorIconUtility } from '../shared/indicator-icon-utility';\n\nconst ALERT_TYPE_DEFAULT = 'warning';\n\n@Component({\n selector: 'sky-alert',\n styleUrls: ['./alert.component.scss'],\n templateUrl: './alert.component.html',\n})\nexport class SkyAlertComponent implements OnInit {\n /**\n * Specifies a style for the alert to determine the icon and background color.\n * The valid options are `danger`, `info`, `success`, and `warning`.\n * @default \"warning\"\n */\n @Input()\n public set alertType(value: string) {\n this._alertType = value;\n this.updateAlertIcon();\n }\n\n public get alertType(): string {\n return this._alertType || ALERT_TYPE_DEFAULT;\n }\n\n /**\n * Indicates whether to include a close button for users to dismiss the alert.\n * @default false\n */\n @Input()\n public closeable: boolean;\n\n /**\n * Indicates whether the alert is closed.\n * @default false\n */\n @Input()\n public closed: boolean;\n\n /**\n * Fires when users close the alert.\n */\n @Output()\n public closedChange = new EventEmitter<boolean>();\n\n public alertBaseIcon: SkyIconStackItem;\n\n public alertTopIcon: SkyIconStackItem;\n\n private _alertType: string;\n\n public ngOnInit(): void {\n this.updateAlertIcon();\n }\n\n public close(): void {\n this.closed = true;\n this.closedChange.emit(true);\n }\n\n private updateAlertIcon(): void {\n const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(\n this.alertType as SkyIndicatorIconType\n );\n\n this.alertBaseIcon = indicatorIcon.modernThemeBaseIcon;\n this.alertTopIcon = indicatorIcon.modernThemeTopIcon;\n }\n}\n","<div\n class=\"sky-alert\"\n [skyThemeClass]=\"{\n 'sky-rounded-corners': 'default',\n 'sky-box sky-elevation-1': 'modern'\n }\"\n role=\"alert\"\n [hidden]=\"closed\"\n [ngClass]=\"{\n 'sky-alert-info': alertType === 'info',\n 'sky-alert-success': alertType === 'success',\n 'sky-alert-warning': alertType === 'warning',\n 'sky-alert-danger': alertType === 'danger',\n 'sky-alert-closeable': closeable\n }\"\n>\n <div aria-hidden=\"true\" class=\"sky-alert-icon-theme-modern\">\n <sky-icon-stack [baseIcon]=\"alertBaseIcon\" [topIcon]=\"alertTopIcon\">\n </sky-icon-stack>\n </div>\n <div class=\"sky-alert-content\">\n <ng-content></ng-content>\n </div>\n <button\n class=\"sky-alert-close\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_alert_close' | skyLibResources\"\n [hidden]=\"!closeable\"\n (click)=\"close()\"\n >\n <span aria-hidden=\"true\">\n <sky-icon class=\"sky-alert-close-icon-theme-default\" icon=\"close\">\n </sky-icon>\n <sky-icon\n class=\"sky-alert-close-icon-theme-modern\"\n icon=\"close\"\n iconType=\"skyux\"\n size=\"2x\"\n >\n </sky-icon>\n </span>\n </button>\n</div>\n"]}
@@ -1,38 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { SkyI18nModule } from '@skyux/i18n';
4
- import { SkyThemeModule } from '@skyux/theme';
5
- import { SkyIconModule } from '../icon/icon.module';
6
- import { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources.module';
7
- import { SkyAlertComponent } from './alert.component';
8
- import * as i0 from "@angular/core";
9
- export class SkyAlertModule {
10
- }
11
- SkyAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
12
- SkyAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAlertModule, declarations: [SkyAlertComponent], imports: [CommonModule,
13
- SkyI18nModule,
14
- SkyIconModule,
15
- SkyIndicatorsResourcesModule,
16
- SkyThemeModule], exports: [SkyAlertComponent] });
17
- SkyAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAlertModule, imports: [[
18
- CommonModule,
19
- SkyI18nModule,
20
- SkyIconModule,
21
- SkyIndicatorsResourcesModule,
22
- SkyThemeModule,
23
- ]] });
24
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAlertModule, decorators: [{
25
- type: NgModule,
26
- args: [{
27
- declarations: [SkyAlertComponent],
28
- imports: [
29
- CommonModule,
30
- SkyI18nModule,
31
- SkyIconModule,
32
- SkyIndicatorsResourcesModule,
33
- SkyThemeModule,
34
- ],
35
- exports: [SkyAlertComponent],
36
- }]
37
- }] });
38
- //# sourceMappingURL=alert.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"alert.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/alert/alert.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAEzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;;AAatD,MAAM,OAAO,cAAc;;4GAAd,cAAc;6GAAd,cAAc,iBAVV,iBAAiB,aAE9B,YAAY;QACZ,aAAa;QACb,aAAa;QACb,4BAA4B;QAC5B,cAAc,aAEN,iBAAiB;6GAEhB,cAAc,YAThB;YACP,YAAY;YACZ,aAAa;YACb,aAAa;YACb,4BAA4B;YAC5B,cAAc;SACf;4FAGU,cAAc;kBAX1B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,aAAa;wBACb,4BAA4B;wBAC5B,cAAc;qBACf;oBACD,OAAO,EAAE,CAAC,iBAAiB,CAAC;iBAC7B","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyI18nModule } from '@skyux/i18n';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyIconModule } from '../icon/icon.module';\nimport { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources.module';\n\nimport { SkyAlertComponent } from './alert.component';\n\n@NgModule({\n declarations: [SkyAlertComponent],\n imports: [\n CommonModule,\n SkyI18nModule,\n SkyIconModule,\n SkyIndicatorsResourcesModule,\n SkyThemeModule,\n ],\n exports: [SkyAlertComponent],\n})\nexport class SkyAlertModule {}\n"]}
@@ -1,66 +0,0 @@
1
- import { Component, EventEmitter, Input, Output } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "../expansion-indicator/expansion-indicator.component";
4
- import * as i2 from "@angular/common";
5
- import * as i3 from "@skyux/theme";
6
- /**
7
- * Creates an accessible button that wraps the chevron icon.
8
- * @internal
9
- */
10
- export class SkyChevronComponent {
11
- constructor() {
12
- /**
13
- * Indicates whether to disable the chevron button.
14
- */
15
- this.disabled = false;
16
- /**
17
- * Fires when the direction of the chevron changes.
18
- */
19
- this.directionChange = new EventEmitter();
20
- }
21
- /**
22
- * Specifies whether the chevron points up or down.
23
- */
24
- set direction(value) {
25
- /* istanbul ignore else */
26
- if (value != this._direction) {
27
- this._direction = value;
28
- /* istanbul ignore else */
29
- if (value === 'up') {
30
- this.ariaExpanded = true;
31
- }
32
- else if (this.direction === 'down') {
33
- this.ariaExpanded = false;
34
- }
35
- }
36
- }
37
- get direction() {
38
- return this._direction || 'up';
39
- }
40
- chevronClick(event) {
41
- event.stopPropagation();
42
- this.direction = this.direction === 'up' ? 'down' : 'up';
43
- this.directionChange.emit(this.direction);
44
- }
45
- }
46
- SkyChevronComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyChevronComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
47
- SkyChevronComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyChevronComponent, selector: "sky-chevron", inputs: { ariaControls: "ariaControls", ariaLabel: "ariaLabel", direction: "direction", disabled: "disabled" }, outputs: { directionChange: "directionChange" }, ngImport: i0, template: "<button\n class=\"sky-chevron\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"ariaLabel\"\n [disabled]=\"disabled\"\n [ngClass]=\"['sky-chevron-' + direction]\"\n [skyThemeClass]=\"{\n 'sky-btn sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"chevronClick($event)\"\n>\n <sky-expansion-indicator [direction]=\"direction\"></sky-expansion-indicator>\n</button>\n", styles: ["button{background:lightblue}.sky-chevron{border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;padding:0;overflow:hidden;width:24px;cursor:pointer;position:relative;vertical-align:top}.sky-chevron:hover .sky-chevron-part{border-color:#979ba2}\n"], components: [{ type: i1.SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: ["direction"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
48
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyChevronComponent, decorators: [{
49
- type: Component,
50
- args: [{
51
- selector: 'sky-chevron',
52
- styleUrls: ['./chevron.component.scss'],
53
- templateUrl: './chevron.component.html',
54
- }]
55
- }], propDecorators: { ariaControls: [{
56
- type: Input
57
- }], ariaLabel: [{
58
- type: Input
59
- }], direction: [{
60
- type: Input
61
- }], disabled: [{
62
- type: Input
63
- }], directionChange: [{
64
- type: Output
65
- }] } });
66
- //# sourceMappingURL=chevron.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chevron.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/chevron/chevron.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/chevron/chevron.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;;;;AAEvE;;;GAGG;AAMH,MAAM,OAAO,mBAAmB;IALhC;QA0CE;;WAEG;QAEI,aAAQ,GAAG,KAAK,CAAC;QAExB;;WAEG;QAEI,oBAAe,GAAG,IAAI,YAAY,EAAU,CAAC;KAWrD;IA1CC;;OAEG;IACH,IACW,SAAS,CAAC,KAAa;QAChC,0BAA0B;QAC1B,IAAI,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,0BAA0B;YAC1B,IAAI,KAAK,KAAK,IAAI,EAAE;gBAClB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;aAC1B;iBAAM,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,EAAE;gBACpC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;aAC3B;SACF;IACH,CAAC;IAED,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC;IACjC,CAAC;IAkBM,YAAY,CAAC,KAAY;QAC9B,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;QACzD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC5C,CAAC;;iHAzDU,mBAAmB;qGAAnB,mBAAmB,oNCXhC,ucAeA;4FDJa,mBAAmB;kBAL/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,SAAS,EAAE,CAAC,0BAA0B,CAAC;oBACvC,WAAW,EAAE,0BAA0B;iBACxC;8BAQQ,YAAY;sBADlB,KAAK;gBAQC,SAAS;sBADf,KAAK;gBAOK,SAAS;sBADnB,KAAK;gBAsBC,QAAQ;sBADd,KAAK;gBAOC,eAAe;sBADrB,MAAM","sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n/**\n * Creates an accessible button that wraps the chevron icon.\n * @internal\n */\n@Component({\n selector: 'sky-chevron',\n styleUrls: ['./chevron.component.scss'],\n templateUrl: './chevron.component.html',\n})\nexport class SkyChevronComponent {\n /**\n * Specifies the element whose contents are controlled by the chevron.\n * This sets the chevron's aria-controls attribute\n * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n */\n @Input()\n public ariaControls: string;\n\n /**\n * Specifies an ARIA label for the chevron. This sets the chevron's aria-label attribute\n * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n */\n @Input()\n public ariaLabel: string;\n\n /**\n * Specifies whether the chevron points up or down.\n */\n @Input()\n public set direction(value: string) {\n /* istanbul ignore else */\n if (value != this._direction) {\n this._direction = value;\n /* istanbul ignore else */\n if (value === 'up') {\n this.ariaExpanded = true;\n } else if (this.direction === 'down') {\n this.ariaExpanded = false;\n }\n }\n }\n\n public get direction(): string {\n return this._direction || 'up';\n }\n\n /**\n * Indicates whether to disable the chevron button.\n */\n @Input()\n public disabled = false;\n\n /**\n * Fires when the direction of the chevron changes.\n */\n @Output()\n public directionChange = new EventEmitter<string>();\n\n public ariaExpanded: boolean;\n\n private _direction: string;\n\n public chevronClick(event: Event): void {\n event.stopPropagation();\n this.direction = this.direction === 'up' ? 'down' : 'up';\n this.directionChange.emit(this.direction);\n }\n}\n","<button\n class=\"sky-chevron\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"ariaLabel\"\n [disabled]=\"disabled\"\n [ngClass]=\"['sky-chevron-' + direction]\"\n [skyThemeClass]=\"{\n 'sky-btn sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"chevronClick($event)\"\n>\n <sky-expansion-indicator [direction]=\"direction\"></sky-expansion-indicator>\n</button>\n"]}
@@ -1,38 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { SkyI18nModule } from '@skyux/i18n';
4
- import { SkyThemeModule } from '@skyux/theme';
5
- import { SkyExpansionIndicatorModule } from '../expansion-indicator/expansion-indicator.module';
6
- import { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources.module';
7
- import { SkyChevronComponent } from './chevron.component';
8
- import * as i0 from "@angular/core";
9
- export class SkyChevronModule {
10
- }
11
- SkyChevronModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyChevronModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
12
- SkyChevronModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyChevronModule, declarations: [SkyChevronComponent], imports: [CommonModule,
13
- SkyI18nModule,
14
- SkyIndicatorsResourcesModule,
15
- SkyThemeModule,
16
- SkyExpansionIndicatorModule], exports: [SkyChevronComponent] });
17
- SkyChevronModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyChevronModule, imports: [[
18
- CommonModule,
19
- SkyI18nModule,
20
- SkyIndicatorsResourcesModule,
21
- SkyThemeModule,
22
- SkyExpansionIndicatorModule,
23
- ]] });
24
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyChevronModule, decorators: [{
25
- type: NgModule,
26
- args: [{
27
- declarations: [SkyChevronComponent],
28
- imports: [
29
- CommonModule,
30
- SkyI18nModule,
31
- SkyIndicatorsResourcesModule,
32
- SkyThemeModule,
33
- SkyExpansionIndicatorModule,
34
- ],
35
- exports: [SkyChevronComponent],
36
- }]
37
- }] });
38
- //# sourceMappingURL=chevron.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chevron.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/chevron/chevron.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,2BAA2B,EAAE,MAAM,mDAAmD,CAAC;AAChG,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAEzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;;AAa1D,MAAM,OAAO,gBAAgB;;8GAAhB,gBAAgB;+GAAhB,gBAAgB,iBAVZ,mBAAmB,aAEhC,YAAY;QACZ,aAAa;QACb,4BAA4B;QAC5B,cAAc;QACd,2BAA2B,aAEnB,mBAAmB;+GAElB,gBAAgB,YATlB;YACP,YAAY;YACZ,aAAa;YACb,4BAA4B;YAC5B,cAAc;YACd,2BAA2B;SAC5B;4FAGU,gBAAgB;kBAX5B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;oBACnC,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,4BAA4B;wBAC5B,cAAc;wBACd,2BAA2B;qBAC5B;oBACD,OAAO,EAAE,CAAC,mBAAmB,CAAC;iBAC/B","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyI18nModule } from '@skyux/i18n';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyExpansionIndicatorModule } from '../expansion-indicator/expansion-indicator.module';\nimport { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources.module';\n\nimport { SkyChevronComponent } from './chevron.component';\n\n@NgModule({\n declarations: [SkyChevronComponent],\n imports: [\n CommonModule,\n SkyI18nModule,\n SkyIndicatorsResourcesModule,\n SkyThemeModule,\n SkyExpansionIndicatorModule,\n ],\n exports: [SkyChevronComponent],\n})\nexport class SkyChevronModule {}\n"]}
@@ -1,35 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- import * as i2 from "@skyux/theme";
5
- /**
6
- * Displays a chevron icon.
7
- * @internal
8
- */
9
- export class SkyExpansionIndicatorComponent {
10
- /**
11
- * Specifies whether the chevron points up or down.
12
- */
13
- set direction(value) {
14
- /* istanbul ignore else */
15
- if (value != this._direction) {
16
- this._direction = value;
17
- }
18
- }
19
- get direction() {
20
- return this._direction || 'up';
21
- }
22
- }
23
- SkyExpansionIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyExpansionIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
24
- SkyExpansionIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: { direction: "direction" }, ngImport: i0, template: "<div\n aria-hidden=\"true\"\n class=\"sky-expansion-indicator\"\n [ngClass]=\"['sky-expansion-indicator-' + direction]\"\n>\n <ng-container *skyThemeIf=\"'default'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <span class=\"sky-expansion-indicator-glyph-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </span>\n </ng-container>\n</div>\n\n<ng-template #icon>\n <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n</ng-template>\n", styles: [".sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;overflow:hidden;width:24px;position:relative;vertical-align:top}.sky-expansion-indicator-part{border-color:#cdcfd2;border-style:solid;border-width:3px 0 0 0;display:inline-block;height:10px;position:absolute;top:10px;transition:transform .25s,left .25s;vertical-align:top;width:10px}.sky-expansion-indicator-up .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator{height:26px;width:26px}:host-context(.sky-theme-modern) .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}:host-context(.sky-theme-modern) .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{border-radius:1px 0 0 1px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{border-radius:0 1px 1px 0}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{left:10.5px}.sky-theme-modern .sky-expansion-indicator{height:26px;width:26px}.sky-theme-modern .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}.sky-theme-modern .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}.sky-theme-modern .sky-expansion-indicator-left{border-radius:1px 0 0 1px}.sky-theme-modern .sky-expansion-indicator-right{border-radius:0 1px 1px 0}.sky-theme-modern .sky-expansion-indicator-left{left:4px}.sky-theme-modern .sky-expansion-indicator-right{left:10.5px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyExpansionIndicatorComponent, decorators: [{
26
- type: Component,
27
- args: [{
28
- selector: 'sky-expansion-indicator',
29
- styleUrls: ['./expansion-indicator.component.scss'],
30
- templateUrl: './expansion-indicator.component.html',
31
- }]
32
- }], propDecorators: { direction: [{
33
- type: Input
34
- }] } });
35
- //# sourceMappingURL=expansion-indicator.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"expansion-indicator.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/expansion-indicator/expansion-indicator.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/expansion-indicator/expansion-indicator.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;AAEjD;;;GAGG;AAMH,MAAM,OAAO,8BAA8B;IACzC;;OAEG;IACH,IACW,SAAS,CAAC,KAAa;QAChC,0BAA0B;QAC1B,IAAI,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;SACzB;IACH,CAAC;IAED,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC;IACjC,CAAC;;4HAdU,8BAA8B;gHAA9B,8BAA8B,mGCX3C,wpBAmBA;4FDRa,8BAA8B;kBAL1C,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,SAAS,EAAE,CAAC,sCAAsC,CAAC;oBACnD,WAAW,EAAE,sCAAsC;iBACpD;8BAMY,SAAS;sBADnB,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\n/**\n * Displays a chevron icon.\n * @internal\n */\n@Component({\n selector: 'sky-expansion-indicator',\n styleUrls: ['./expansion-indicator.component.scss'],\n templateUrl: './expansion-indicator.component.html',\n})\nexport class SkyExpansionIndicatorComponent {\n /**\n * Specifies whether the chevron points up or down.\n */\n @Input()\n public set direction(value: string) {\n /* istanbul ignore else */\n if (value != this._direction) {\n this._direction = value;\n }\n }\n\n public get direction(): string {\n return this._direction || 'up';\n }\n\n private _direction: string;\n}\n","<div\n aria-hidden=\"true\"\n class=\"sky-expansion-indicator\"\n [ngClass]=\"['sky-expansion-indicator-' + direction]\"\n>\n <ng-container *skyThemeIf=\"'default'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <span class=\"sky-expansion-indicator-glyph-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </span>\n </ng-container>\n</div>\n\n<ng-template #icon>\n <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n</ng-template>\n"]}
@@ -1,19 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { SkyThemeModule } from '@skyux/theme';
4
- import { SkyExpansionIndicatorComponent } from './expansion-indicator.component';
5
- import * as i0 from "@angular/core";
6
- export class SkyExpansionIndicatorModule {
7
- }
8
- SkyExpansionIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyExpansionIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
9
- SkyExpansionIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyExpansionIndicatorModule, declarations: [SkyExpansionIndicatorComponent], imports: [CommonModule, SkyThemeModule], exports: [SkyExpansionIndicatorComponent] });
10
- SkyExpansionIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyExpansionIndicatorModule, imports: [[CommonModule, SkyThemeModule]] });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyExpansionIndicatorModule, decorators: [{
12
- type: NgModule,
13
- args: [{
14
- declarations: [SkyExpansionIndicatorComponent],
15
- imports: [CommonModule, SkyThemeModule],
16
- exports: [SkyExpansionIndicatorComponent],
17
- }]
18
- }] });
19
- //# sourceMappingURL=expansion-indicator.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"expansion-indicator.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/expansion-indicator/expansion-indicator.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;;AAOjF,MAAM,OAAO,2BAA2B;;yHAA3B,2BAA2B;0HAA3B,2BAA2B,iBAJvB,8BAA8B,aACnC,YAAY,EAAE,cAAc,aAC5B,8BAA8B;0HAE7B,2BAA2B,YAH7B,CAAC,YAAY,EAAE,cAAc,CAAC;4FAG5B,2BAA2B;kBALvC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,8BAA8B,CAAC;oBAC9C,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC;oBACvC,OAAO,EAAE,CAAC,8BAA8B,CAAC;iBAC1C","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyExpansionIndicatorComponent } from './expansion-indicator.component';\n\n@NgModule({\n declarations: [SkyExpansionIndicatorComponent],\n imports: [CommonModule, SkyThemeModule],\n exports: [SkyExpansionIndicatorComponent],\n})\nexport class SkyExpansionIndicatorModule {}\n"]}
@@ -1,30 +0,0 @@
1
- import { Component, EventEmitter, Output } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "../icon/icon.component";
4
- import * as i2 from "../icon/icon-stack.component";
5
- import * as i3 from "@skyux/theme";
6
- import * as i4 from "@skyux/i18n";
7
- export class SkyHelpInlineComponent {
8
- constructor() {
9
- /**
10
- * Fires when the user clicks the help inline button.
11
- */
12
- this.actionClick = new EventEmitter();
13
- }
14
- onClick() {
15
- this.actionClick.emit();
16
- }
17
- }
18
- SkyHelpInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyHelpInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
19
- SkyHelpInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyHelpInlineComponent, selector: "sky-help-inline", outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<button\n class=\"sky-help-inline\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_help_inline_button_title' | skyLibResources\"\n (click)=\"onClick()\"\n>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"info-circle\"> </sky-icon>\n <sky-icon-stack\n *skyThemeIf=\"'modern'\"\n size=\"xs\"\n [baseIcon]=\"{\n icon: 'circle-solid',\n iconType: 'skyux'\n }\"\n [topIcon]=\"{\n icon: 'help-i',\n iconType: 'skyux'\n }\"\n >\n </sky-icon-stack>\n</button>\n", styles: [".sky-help-inline{color:#0974a1;font-size:15px;background-color:transparent;border:none;display:inline-block}.sky-help-inline:hover{color:#065171;transition:color .15s;cursor:pointer}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}\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.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], pipes: { "skyLibResources": i4.SkyLibResourcesPipe } });
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyHelpInlineComponent, decorators: [{
21
- type: Component,
22
- args: [{
23
- selector: 'sky-help-inline',
24
- templateUrl: './help-inline.component.html',
25
- styleUrls: ['./help-inline.component.scss'],
26
- }]
27
- }], propDecorators: { actionClick: [{
28
- type: Output
29
- }] } });
30
- //# sourceMappingURL=help-inline.component.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"help-inline.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/help-inline/help-inline.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/help-inline/help-inline.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;;;;;AAOhE,MAAM,OAAO,sBAAsB;IALnC;QAME;;WAEG;QAEI,gBAAW,GAAG,IAAI,YAAY,EAAO,CAAC;KAK9C;IAHQ,OAAO;QACZ,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;;oHATU,sBAAsB;wGAAtB,sBAAsB,gGCPnC,kfAqBA;4FDda,sBAAsB;kBALlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,WAAW,EAAE,8BAA8B;oBAC3C,SAAS,EAAE,CAAC,8BAA8B,CAAC;iBAC5C;8BAMQ,WAAW;sBADjB,MAAM","sourcesContent":["import { Component, EventEmitter, Output } from '@angular/core';\n\n@Component({\n selector: 'sky-help-inline',\n templateUrl: './help-inline.component.html',\n styleUrls: ['./help-inline.component.scss'],\n})\nexport class SkyHelpInlineComponent {\n /**\n * Fires when the user clicks the help inline button.\n */\n @Output()\n public actionClick = new EventEmitter<any>();\n\n public onClick(): void {\n this.actionClick.emit();\n }\n}\n","<button\n class=\"sky-help-inline\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_help_inline_button_title' | skyLibResources\"\n (click)=\"onClick()\"\n>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"info-circle\"> </sky-icon>\n <sky-icon-stack\n *skyThemeIf=\"'modern'\"\n size=\"xs\"\n [baseIcon]=\"{\n icon: 'circle-solid',\n iconType: 'skyux'\n }\"\n [topIcon]=\"{\n icon: 'help-i',\n iconType: 'skyux'\n }\"\n >\n </sky-icon-stack>\n</button>\n"]}
@@ -1,38 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { SkyI18nModule } from '@skyux/i18n';
4
- import { SkyThemeModule } from '@skyux/theme';
5
- import { SkyIconModule } from '../icon/icon.module';
6
- import { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources.module';
7
- import { SkyHelpInlineComponent } from './help-inline.component';
8
- import * as i0 from "@angular/core";
9
- export class SkyHelpInlineModule {
10
- }
11
- SkyHelpInlineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyHelpInlineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
12
- SkyHelpInlineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyHelpInlineModule, declarations: [SkyHelpInlineComponent], imports: [CommonModule,
13
- SkyI18nModule,
14
- SkyIconModule,
15
- SkyIndicatorsResourcesModule,
16
- SkyThemeModule], exports: [SkyHelpInlineComponent] });
17
- SkyHelpInlineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyHelpInlineModule, imports: [[
18
- CommonModule,
19
- SkyI18nModule,
20
- SkyIconModule,
21
- SkyIndicatorsResourcesModule,
22
- SkyThemeModule,
23
- ]] });
24
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyHelpInlineModule, decorators: [{
25
- type: NgModule,
26
- args: [{
27
- declarations: [SkyHelpInlineComponent],
28
- imports: [
29
- CommonModule,
30
- SkyI18nModule,
31
- SkyIconModule,
32
- SkyIndicatorsResourcesModule,
33
- SkyThemeModule,
34
- ],
35
- exports: [SkyHelpInlineComponent],
36
- }]
37
- }] });
38
- //# sourceMappingURL=help-inline.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"help-inline.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/help-inline/help-inline.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAEzF,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;;AAajE,MAAM,OAAO,mBAAmB;;iHAAnB,mBAAmB;kHAAnB,mBAAmB,iBAVf,sBAAsB,aAEnC,YAAY;QACZ,aAAa;QACb,aAAa;QACb,4BAA4B;QAC5B,cAAc,aAEN,sBAAsB;kHAErB,mBAAmB,YATrB;YACP,YAAY;YACZ,aAAa;YACb,aAAa;YACb,4BAA4B;YAC5B,cAAc;SACf;4FAGU,mBAAmB;kBAX/B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,aAAa;wBACb,4BAA4B;wBAC5B,cAAc;qBACf;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBAClC","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyI18nModule } from '@skyux/i18n';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyIconModule } from '../icon/icon.module';\nimport { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources.module';\n\nimport { SkyHelpInlineComponent } from './help-inline.component';\n\n@NgModule({\n declarations: [SkyHelpInlineComponent],\n imports: [\n CommonModule,\n SkyI18nModule,\n SkyIconModule,\n SkyIndicatorsResourcesModule,\n SkyThemeModule,\n ],\n exports: [SkyHelpInlineComponent],\n})\nexport class SkyHelpInlineModule {}\n"]}
@@ -1,38 +0,0 @@
1
- import { Pipe } from '@angular/core';
2
- import { SkyIconResolverService } from './icon-resolver.service';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "./icon-resolver.service";
5
- /**
6
- * @internal
7
- */
8
- export class SkyIconClassListPipe {
9
- constructor(resolver) {
10
- this.resolver = resolver;
11
- }
12
- transform(icon, iconType, size, fixedWidth, variant) {
13
- let classList;
14
- if (iconType === 'skyux') {
15
- const resolvedIcon = this.resolver.resolveIcon(icon, variant);
16
- classList = ['sky-i-' + resolvedIcon];
17
- }
18
- else {
19
- classList = ['fa', 'fa-' + icon];
20
- }
21
- if (size) {
22
- classList.push('fa-' + size);
23
- }
24
- if (fixedWidth) {
25
- classList.push('fa-fw');
26
- }
27
- return classList;
28
- }
29
- }
30
- SkyIconClassListPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconClassListPipe, deps: [{ token: i1.SkyIconResolverService }], target: i0.ɵɵFactoryTarget.Pipe });
31
- SkyIconClassListPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconClassListPipe, name: "skyIconClassList" });
32
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconClassListPipe, decorators: [{
33
- type: Pipe,
34
- args: [{
35
- name: 'skyIconClassList',
36
- }]
37
- }], ctorParameters: function () { return [{ type: i1.SkyIconResolverService }]; } });
38
- //# sourceMappingURL=icon-class-list.pipe.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-class-list.pipe.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/icon/icon-class-list.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;;;AAGjE;;GAEG;AAIH,MAAM,OAAO,oBAAoB;IAC/B,YAAoB,QAAgC;QAAhC,aAAQ,GAAR,QAAQ,CAAwB;IAAG,CAAC;IAEjD,SAAS,CACd,IAAY,EACZ,QAAiB,EACjB,IAAa,EACb,UAAoB,EACpB,OAA4B;QAE5B,IAAI,SAAmB,CAAC;QAExB,IAAI,QAAQ,KAAK,OAAO,EAAE;YACxB,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAC9D,SAAS,GAAG,CAAC,QAAQ,GAAG,YAAY,CAAC,CAAC;SACvC;aAAM;YACL,SAAS,GAAG,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC;SAClC;QAED,IAAI,IAAI,EAAE;YACR,SAAS,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;SAC9B;QAED,IAAI,UAAU,EAAE;YACd,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACzB;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;;kHA5BU,oBAAoB;gHAApB,oBAAoB;4FAApB,oBAAoB;kBAHhC,IAAI;mBAAC;oBACJ,IAAI,EAAE,kBAAkB;iBACzB","sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\nimport { SkyIconResolverService } from './icon-resolver.service';\nimport { SkyIconVariantType } from './types/icon-variant-type';\n\n/**\n * @internal\n */\n@Pipe({\n name: 'skyIconClassList',\n})\nexport class SkyIconClassListPipe implements PipeTransform {\n constructor(private resolver: SkyIconResolverService) {}\n\n public transform(\n icon: string,\n iconType?: string,\n size?: string,\n fixedWidth?: boolean,\n variant?: SkyIconVariantType\n ): string[] {\n let classList: string[];\n\n if (iconType === 'skyux') {\n const resolvedIcon = this.resolver.resolveIcon(icon, variant);\n classList = ['sky-i-' + resolvedIcon];\n } else {\n classList = ['fa', 'fa-' + icon];\n }\n\n if (size) {\n classList.push('fa-' + size);\n }\n\n if (fixedWidth) {\n classList.push('fa-fw');\n }\n\n return classList;\n }\n}\n"]}
@@ -1,42 +0,0 @@
1
- import { Injectable } from '@angular/core';
2
- import { SkyThemeIconManifestService, } from '@skyux/theme';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@skyux/theme";
5
- /**
6
- * @internal
7
- */
8
- export class SkyIconResolverService {
9
- constructor(manifestSvc) {
10
- this.glyphMap = new Map();
11
- // Map the icons by name for more efficient lookup.
12
- for (const glyph of manifestSvc.getManifest().glyphs) {
13
- this.glyphMap.set(glyph.name, glyph);
14
- }
15
- }
16
- resolveIcon(iconName, variant) {
17
- const variantIconName = variant && `${iconName}-${variant}`;
18
- if (variantIconName && this.glyphMap.has(variantIconName)) {
19
- // A variant was specified and exists; return it.
20
- return variantIconName;
21
- }
22
- if (variant !== 'line' && !this.glyphMap.has(iconName)) {
23
- // Either the solid variant was specified and doesn't exist, or no variant was
24
- // specified and a non-variant doesn't exist; fall back to the line variant.
25
- const lineIconName = `${iconName}-line`;
26
- if (this.glyphMap.has(lineIconName)) {
27
- return lineIconName;
28
- }
29
- }
30
- // Fall back to the icon name as-is.
31
- return iconName;
32
- }
33
- }
34
- SkyIconResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconResolverService, deps: [{ token: i1.SkyThemeIconManifestService }], target: i0.ɵɵFactoryTarget.Injectable });
35
- SkyIconResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconResolverService, providedIn: 'root' });
36
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconResolverService, decorators: [{
37
- type: Injectable,
38
- args: [{
39
- providedIn: 'root',
40
- }]
41
- }], ctorParameters: function () { return [{ type: i1.SkyThemeIconManifestService }]; } });
42
- //# sourceMappingURL=icon-resolver.service.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-resolver.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/icon/icon-resolver.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAEL,2BAA2B,GAC5B,MAAM,cAAc,CAAC;;;AAItB;;GAEG;AAIH,MAAM,OAAO,sBAAsB;IAGjC,YAAY,WAAwC;QAF5C,aAAQ,GAAG,IAAI,GAAG,EAAqC,CAAC;QAG9D,mDAAmD;QACnD,KAAK,MAAM,KAAK,IAAI,WAAW,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE;YACpD,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;SACtC;IACH,CAAC;IAEM,WAAW,CAAC,QAAgB,EAAE,OAA4B;QAC/D,MAAM,eAAe,GAAG,OAAO,IAAI,GAAG,QAAQ,IAAI,OAAO,EAAE,CAAC;QAE5D,IAAI,eAAe,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE;YACzD,iDAAiD;YACjD,OAAO,eAAe,CAAC;SACxB;QAED,IAAI,OAAO,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YACtD,8EAA8E;YAC9E,4EAA4E;YAC5E,MAAM,YAAY,GAAG,GAAG,QAAQ,OAAO,CAAC;YAExC,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;gBACnC,OAAO,YAAY,CAAC;aACrB;SACF;QAED,oCAAoC;QACpC,OAAO,QAAQ,CAAC;IAClB,CAAC;;oHA9BU,sBAAsB;wHAAtB,sBAAsB,cAFrB,MAAM;4FAEP,sBAAsB;kBAHlC,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB","sourcesContent":["import { Injectable } from '@angular/core';\nimport {\n SkyThemeIconManifestGlyph,\n SkyThemeIconManifestService,\n} from '@skyux/theme';\n\nimport { SkyIconVariantType } from './types/icon-variant-type';\n\n/**\n * @internal\n */\n@Injectable({\n providedIn: 'root',\n})\nexport class SkyIconResolverService {\n private glyphMap = new Map<string, SkyThemeIconManifestGlyph>();\n\n constructor(manifestSvc: SkyThemeIconManifestService) {\n // Map the icons by name for more efficient lookup.\n for (const glyph of manifestSvc.getManifest().glyphs) {\n this.glyphMap.set(glyph.name, glyph);\n }\n }\n\n public resolveIcon(iconName: string, variant?: SkyIconVariantType): string {\n const variantIconName = variant && `${iconName}-${variant}`;\n\n if (variantIconName && this.glyphMap.has(variantIconName)) {\n // A variant was specified and exists; return it.\n return variantIconName;\n }\n\n if (variant !== 'line' && !this.glyphMap.has(iconName)) {\n // Either the solid variant was specified and doesn't exist, or no variant was\n // specified and a non-variant doesn't exist; fall back to the line variant.\n const lineIconName = `${iconName}-line`;\n\n if (this.glyphMap.has(lineIconName)) {\n return lineIconName;\n }\n }\n\n // Fall back to the icon name as-is.\n return iconName;\n }\n}\n"]}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=icon-stack-item.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-stack-item.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/icon/icon-stack-item.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyIconType } from './types/icon-type';\n\nexport interface SkyIconStackItem {\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 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 */\n iconType?: SkyIconType;\n}\n"]}
@@ -1,23 +0,0 @@
1
- import { 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 SkyIconStackComponent {
6
- }
7
- SkyIconStackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8
- SkyIconStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: { size: "size", baseIcon: "baseIcon", topIcon: "topIcon" }, ngImport: i0, template: "<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", styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:1px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:2px;left:-.5px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyIconClassList": i2.SkyIconClassListPipe } });
9
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconStackComponent, decorators: [{
10
- type: Component,
11
- args: [{
12
- selector: 'sky-icon-stack',
13
- templateUrl: './icon-stack.component.html',
14
- styleUrls: ['./icon-stack.component.scss'],
15
- }]
16
- }], propDecorators: { size: [{
17
- type: Input
18
- }], baseIcon: [{
19
- type: Input
20
- }], topIcon: [{
21
- type: Input
22
- }] } });
23
- //# sourceMappingURL=icon-stack.component.js.map