@skyux/indicators 5.3.0 → 5.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -4
- package/bundles/skyux-indicators.umd.js +115 -114
- package/documentation.json +303 -30
- package/esm2015/index.js +38 -0
- package/esm2015/index.js.map +1 -0
- package/esm2015/{modules → lib/modules}/alert/alert.component.js +4 -4
- package/esm2015/lib/modules/alert/alert.component.js.map +1 -0
- package/esm2015/lib/modules/alert/alert.module.js +38 -0
- package/esm2015/lib/modules/alert/alert.module.js.map +1 -0
- package/esm2015/lib/modules/chevron/chevron.component.js +66 -0
- package/esm2015/lib/modules/chevron/chevron.component.js.map +1 -0
- package/esm2015/lib/modules/chevron/chevron.module.js +38 -0
- package/esm2015/lib/modules/chevron/chevron.module.js.map +1 -0
- package/esm2015/{modules → lib/modules}/expansion-indicator/expansion-indicator.component.js +4 -4
- package/esm2015/lib/modules/expansion-indicator/expansion-indicator.component.js.map +1 -0
- package/esm2015/lib/modules/expansion-indicator/expansion-indicator.module.js +19 -0
- package/esm2015/lib/modules/expansion-indicator/expansion-indicator.module.js.map +1 -0
- package/esm2015/{modules → lib/modules}/help-inline/help-inline.component.js +4 -4
- package/esm2015/lib/modules/help-inline/help-inline.component.js.map +1 -0
- package/esm2015/lib/modules/help-inline/help-inline.module.js +38 -0
- package/esm2015/lib/modules/help-inline/help-inline.module.js.map +1 -0
- package/esm2015/lib/modules/icon/icon-class-list.pipe.js +38 -0
- package/esm2015/lib/modules/icon/icon-class-list.pipe.js.map +1 -0
- package/esm2015/lib/modules/icon/icon-resolver.service.js +42 -0
- package/esm2015/lib/modules/icon/icon-resolver.service.js.map +1 -0
- package/esm2015/lib/modules/icon/icon-stack-item.js +2 -0
- package/esm2015/lib/modules/icon/icon-stack-item.js.map +1 -0
- package/esm2015/lib/modules/icon/icon-stack.component.js +23 -0
- package/esm2015/lib/modules/icon/icon-stack.component.js.map +1 -0
- package/esm2015/lib/modules/icon/icon.component.js +37 -0
- package/esm2015/lib/modules/icon/icon.component.js.map +1 -0
- package/esm2015/lib/modules/icon/icon.module.js +21 -0
- package/esm2015/lib/modules/icon/icon.module.js.map +1 -0
- package/esm2015/lib/modules/icon/types/icon-type.js +2 -0
- package/esm2015/lib/modules/icon/types/icon-type.js.map +1 -0
- package/esm2015/lib/modules/icon/types/icon-variant-type.js +2 -0
- package/esm2015/lib/modules/icon/types/icon-variant-type.js.map +1 -0
- package/esm2015/lib/modules/key-info/key-info-label.component.js +18 -0
- package/esm2015/lib/modules/key-info/key-info-label.component.js.map +1 -0
- package/esm2015/lib/modules/key-info/key-info-value.component.js +18 -0
- package/esm2015/lib/modules/key-info/key-info-value.component.js.map +1 -0
- package/esm2015/lib/modules/key-info/key-info.component.js +26 -0
- package/esm2015/lib/modules/key-info/key-info.component.js.map +1 -0
- package/esm2015/lib/modules/key-info/key-info.module.js +32 -0
- package/esm2015/lib/modules/key-info/key-info.module.js.map +1 -0
- package/esm2015/lib/modules/label/label-type.js +2 -0
- package/esm2015/lib/modules/label/label-type.js.map +1 -0
- package/esm2015/{modules → lib/modules}/label/label.component.js +4 -4
- package/esm2015/lib/modules/label/label.component.js.map +1 -0
- package/esm2015/lib/modules/label/label.module.js +19 -0
- package/esm2015/lib/modules/label/label.module.js.map +1 -0
- package/esm2015/lib/modules/shared/indicator-description-type.js +2 -0
- package/esm2015/lib/modules/shared/indicator-description-type.js.map +1 -0
- package/esm2015/lib/modules/shared/indicator-icon-type.js +2 -0
- package/esm2015/lib/modules/shared/indicator-icon-type.js.map +1 -0
- package/esm2015/lib/modules/shared/indicator-icon-utility.js +41 -0
- package/esm2015/lib/modules/shared/indicator-icon-utility.js.map +1 -0
- package/esm2015/lib/modules/shared/indicator-icon.js +2 -0
- package/esm2015/lib/modules/shared/indicator-icon.js.map +1 -0
- package/esm2015/lib/modules/shared/sky-indicators-resources.module.js +61 -0
- package/esm2015/lib/modules/shared/sky-indicators-resources.module.js.map +1 -0
- package/esm2015/lib/modules/status-indicator/status-indicator.component.js +99 -0
- package/esm2015/lib/modules/status-indicator/status-indicator.component.js.map +1 -0
- package/esm2015/lib/modules/status-indicator/status-indicator.module.js +34 -0
- package/esm2015/lib/modules/status-indicator/status-indicator.module.js.map +1 -0
- package/esm2015/lib/modules/text-highlight/text-highlight.directive.js +154 -0
- package/esm2015/lib/modules/text-highlight/text-highlight.directive.js.map +1 -0
- package/esm2015/lib/modules/text-highlight/text-highlight.module.js +18 -0
- package/esm2015/lib/modules/text-highlight/text-highlight.module.js.map +1 -0
- package/esm2015/{modules → lib/modules}/tokens/token.component.js +6 -5
- package/esm2015/lib/modules/tokens/token.component.js.map +1 -0
- package/esm2015/lib/modules/tokens/tokens.component.js +304 -0
- package/esm2015/lib/modules/tokens/tokens.component.js.map +1 -0
- package/esm2015/lib/modules/tokens/tokens.module.js +35 -0
- package/esm2015/lib/modules/tokens/tokens.module.js.map +1 -0
- package/esm2015/lib/modules/tokens/types/token-selected-event-args.js +2 -0
- package/esm2015/lib/modules/tokens/types/token-selected-event-args.js.map +1 -0
- package/esm2015/lib/modules/tokens/types/token.js +2 -0
- package/esm2015/lib/modules/tokens/types/token.js.map +1 -0
- package/esm2015/lib/modules/tokens/types/tokens-message-type.js +24 -0
- package/esm2015/lib/modules/tokens/types/tokens-message-type.js.map +1 -0
- package/esm2015/lib/modules/tokens/types/tokens-message.js +2 -0
- package/esm2015/lib/modules/tokens/types/tokens-message.js.map +1 -0
- package/esm2015/lib/modules/wait/wait-adapter.service.js +201 -0
- package/esm2015/lib/modules/wait/wait-adapter.service.js.map +1 -0
- package/esm2015/lib/modules/wait/wait-page-adapter.service.js +25 -0
- package/esm2015/lib/modules/wait/wait-page-adapter.service.js.map +1 -0
- package/esm2015/lib/modules/wait/wait-page.component.js +23 -0
- package/esm2015/lib/modules/wait/wait-page.component.js.map +1 -0
- package/esm2015/lib/modules/wait/wait.component.js +94 -0
- package/esm2015/lib/modules/wait/wait.component.js.map +1 -0
- package/esm2015/lib/modules/wait/wait.module.js +22 -0
- package/esm2015/lib/modules/wait/wait.module.js.map +1 -0
- package/esm2015/lib/modules/wait/wait.service.js +164 -0
- package/esm2015/lib/modules/wait/wait.service.js.map +1 -0
- package/esm2015/skyux-indicators.js +2 -2
- package/esm2015/skyux-indicators.js.map +1 -0
- package/esm2015/testing/alert-fixture.js +1 -1
- package/esm2015/testing/alert-fixture.js.map +1 -0
- package/esm2015/testing/label-fixture.js +1 -1
- package/esm2015/testing/label-fixture.js.map +1 -0
- package/esm2015/testing/public-api.js +1 -1
- package/esm2015/testing/public-api.js.map +1 -0
- package/esm2015/testing/skyux-indicators-testing.js +1 -1
- package/esm2015/testing/skyux-indicators-testing.js.map +1 -0
- package/esm2015/testing/wait-fixture.js +1 -1
- package/esm2015/testing/wait-fixture.js.map +1 -0
- package/fesm2015/skyux-indicators-testing.js.map +1 -1
- package/fesm2015/skyux-indicators.js +115 -114
- package/fesm2015/skyux-indicators.js.map +1 -1
- package/index.d.ts +35 -0
- package/{modules → lib/modules}/alert/alert.component.d.ts +0 -0
- package/{modules → lib/modules}/alert/alert.module.d.ts +0 -0
- package/{modules → lib/modules}/chevron/chevron.component.d.ts +0 -0
- package/{modules → lib/modules}/chevron/chevron.module.d.ts +0 -0
- package/{modules → lib/modules}/expansion-indicator/expansion-indicator.component.d.ts +0 -0
- package/{modules → lib/modules}/expansion-indicator/expansion-indicator.module.d.ts +0 -0
- package/{modules → lib/modules}/help-inline/help-inline.component.d.ts +0 -0
- package/{modules → lib/modules}/help-inline/help-inline.module.d.ts +0 -0
- package/{modules → lib/modules}/icon/icon-class-list.pipe.d.ts +0 -0
- package/{modules → lib/modules}/icon/icon-resolver.service.d.ts +0 -0
- package/{modules → lib/modules}/icon/icon-stack-item.d.ts +0 -0
- package/{modules → lib/modules}/icon/icon-stack.component.d.ts +0 -0
- package/{modules → lib/modules}/icon/icon.component.d.ts +4 -3
- package/{modules → lib/modules}/icon/icon.module.d.ts +0 -0
- package/{modules → lib/modules}/icon/types/icon-type.d.ts +0 -0
- package/{modules → lib/modules}/icon/types/icon-variant-type.d.ts +0 -0
- package/{modules → lib/modules}/key-info/key-info-label.component.d.ts +0 -0
- package/{modules → lib/modules}/key-info/key-info-value.component.d.ts +0 -0
- package/{modules → lib/modules}/key-info/key-info.component.d.ts +0 -0
- package/{modules → lib/modules}/key-info/key-info.module.d.ts +0 -0
- package/{modules → lib/modules}/label/label-type.d.ts +0 -0
- package/{modules → lib/modules}/label/label.component.d.ts +0 -0
- package/{modules → lib/modules}/label/label.module.d.ts +0 -0
- package/{modules → lib/modules}/shared/indicator-description-type.d.ts +0 -0
- package/{modules → lib/modules}/shared/indicator-icon-type.d.ts +0 -0
- package/{modules → lib/modules}/shared/indicator-icon-utility.d.ts +0 -0
- package/{modules → lib/modules}/shared/indicator-icon.d.ts +0 -0
- package/{modules → lib/modules}/shared/sky-indicators-resources.module.d.ts +0 -0
- package/{modules → lib/modules}/status-indicator/status-indicator.component.d.ts +0 -0
- package/{modules → lib/modules}/status-indicator/status-indicator.module.d.ts +0 -0
- package/{modules → lib/modules}/text-highlight/text-highlight.directive.d.ts +0 -0
- package/{modules → lib/modules}/text-highlight/text-highlight.module.d.ts +0 -0
- package/{modules → lib/modules}/tokens/token.component.d.ts +0 -0
- package/{modules → lib/modules}/tokens/tokens.component.d.ts +1 -1
- package/{modules → lib/modules}/tokens/tokens.module.d.ts +0 -0
- package/{modules → lib/modules}/tokens/types/token-selected-event-args.d.ts +0 -0
- package/{modules → lib/modules}/tokens/types/token.d.ts +0 -0
- package/{modules → lib/modules}/tokens/types/tokens-message-type.d.ts +0 -0
- package/{modules → lib/modules}/tokens/types/tokens-message.d.ts +0 -0
- package/{modules → lib/modules}/wait/wait-adapter.service.d.ts +0 -0
- package/{modules → lib/modules}/wait/wait-page-adapter.service.d.ts +0 -0
- package/{modules → lib/modules}/wait/wait-page.component.d.ts +0 -0
- package/{modules → lib/modules}/wait/wait.component.d.ts +0 -0
- package/{modules → lib/modules}/wait/wait.module.d.ts +0 -0
- package/{modules → lib/modules}/wait/wait.service.d.ts +0 -0
- package/package.json +20 -6
- package/skyux-indicators.d.ts +1 -1
- package/LICENSE +0 -21
- package/esm2015/modules/alert/alert.module.js +0 -38
- package/esm2015/modules/chevron/chevron.component.js +0 -66
- package/esm2015/modules/chevron/chevron.module.js +0 -38
- package/esm2015/modules/expansion-indicator/expansion-indicator.module.js +0 -19
- package/esm2015/modules/help-inline/help-inline.module.js +0 -38
- package/esm2015/modules/icon/icon-class-list.pipe.js +0 -37
- package/esm2015/modules/icon/icon-resolver.service.js +0 -41
- package/esm2015/modules/icon/icon-stack-item.js +0 -2
- package/esm2015/modules/icon/icon-stack.component.js +0 -23
- package/esm2015/modules/icon/icon.component.js +0 -36
- package/esm2015/modules/icon/icon.module.js +0 -21
- package/esm2015/modules/icon/types/icon-type.js +0 -2
- package/esm2015/modules/icon/types/icon-variant-type.js +0 -2
- package/esm2015/modules/key-info/key-info-label.component.js +0 -18
- package/esm2015/modules/key-info/key-info-value.component.js +0 -18
- package/esm2015/modules/key-info/key-info.component.js +0 -26
- package/esm2015/modules/key-info/key-info.module.js +0 -32
- package/esm2015/modules/label/label-type.js +0 -2
- package/esm2015/modules/label/label.module.js +0 -19
- package/esm2015/modules/shared/indicator-description-type.js +0 -2
- package/esm2015/modules/shared/indicator-icon-type.js +0 -2
- package/esm2015/modules/shared/indicator-icon-utility.js +0 -41
- package/esm2015/modules/shared/indicator-icon.js +0 -2
- package/esm2015/modules/shared/sky-indicators-resources.module.js +0 -61
- package/esm2015/modules/status-indicator/status-indicator.component.js +0 -98
- package/esm2015/modules/status-indicator/status-indicator.module.js +0 -34
- package/esm2015/modules/text-highlight/text-highlight.directive.js +0 -153
- package/esm2015/modules/text-highlight/text-highlight.module.js +0 -18
- package/esm2015/modules/tokens/tokens.component.js +0 -304
- package/esm2015/modules/tokens/tokens.module.js +0 -35
- package/esm2015/modules/tokens/types/token-selected-event-args.js +0 -2
- package/esm2015/modules/tokens/types/token.js +0 -2
- package/esm2015/modules/tokens/types/tokens-message-type.js +0 -24
- package/esm2015/modules/tokens/types/tokens-message.js +0 -2
- package/esm2015/modules/wait/wait-adapter.service.js +0 -201
- package/esm2015/modules/wait/wait-page-adapter.service.js +0 -25
- package/esm2015/modules/wait/wait-page.component.js +0 -23
- package/esm2015/modules/wait/wait.component.js +0 -93
- package/esm2015/modules/wait/wait.module.js +0 -22
- package/esm2015/modules/wait/wait.service.js +0 -162
- package/esm2015/public-api.js +0 -38
- package/public-api.d.ts +0 -35
package/esm2015/index.js
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -39,9 +39,9 @@ export class SkyAlertComponent {
|
|
|
39
39
|
this.alertTopIcon = indicatorIcon.modernThemeTopIcon;
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
|
-
SkyAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
43
|
-
SkyAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
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
45
|
type: Component,
|
|
46
46
|
args: [{
|
|
47
47
|
selector: 'sky-alert',
|
|
@@ -57,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
|
|
|
57
57
|
}], closedChange: [{
|
|
58
58
|
type: Output
|
|
59
59
|
}] } });
|
|
60
|
-
//# sourceMappingURL=
|
|
60
|
+
//# sourceMappingURL=alert.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;;;;AAI3E,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,0KCf9B,ssCA2CA;4FD5Ba,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 { SkyIndicatorIconType } from '../shared/indicator-icon-type';\n\nimport { SkyIndicatorIconUtility } from '../shared/indicator-icon-utility';\n\nimport { SkyIconStackItem } from '../icon/icon-stack-item';\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"]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { SkyI18nModule } from '@skyux/i18n';
|
|
4
|
+
import { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources.module';
|
|
5
|
+
import { SkyIconModule } from '../icon/icon.module';
|
|
6
|
+
import { SkyThemeModule } from '@skyux/theme';
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/alert/alert.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAEzF,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,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 { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources.module';\n\nimport { SkyIconModule } from '../icon/icon.module';\n\nimport { SkyThemeModule } from '@skyux/theme';\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"]}
|
|
@@ -0,0 +1,66 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { SkyI18nModule } from '@skyux/i18n';
|
|
4
|
+
import { SkyThemeModule } from '@skyux/theme';
|
|
5
|
+
import { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources.module';
|
|
6
|
+
import { SkyChevronComponent } from './chevron.component';
|
|
7
|
+
import { SkyExpansionIndicatorModule } from '../expansion-indicator/expansion-indicator.module';
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chevron.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/chevron/chevron.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAEzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,mDAAmD,CAAC;;AAahG,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 { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources.module';\n\nimport { SkyChevronComponent } from './chevron.component';\nimport { SkyExpansionIndicatorModule } from '../expansion-indicator/expansion-indicator.module';\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"]}
|
package/esm2015/{modules → lib/modules}/expansion-indicator/expansion-indicator.component.js
RENAMED
|
@@ -20,9 +20,9 @@ export class SkyExpansionIndicatorComponent {
|
|
|
20
20
|
return this._direction || 'up';
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
|
-
SkyExpansionIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
24
|
-
SkyExpansionIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
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
26
|
type: Component,
|
|
27
27
|
args: [{
|
|
28
28
|
selector: 'sky-expansion-indicator',
|
|
@@ -32,4 +32,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
|
|
|
32
32
|
}], propDecorators: { direction: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}] } });
|
|
35
|
-
//# sourceMappingURL=
|
|
35
|
+
//# sourceMappingURL=expansion-indicator.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { SkyExpansionIndicatorComponent } from './expansion-indicator.component';
|
|
4
|
+
import { SkyThemeModule } from '@skyux/theme';
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;;AAO9C,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 { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyExpansionIndicatorComponent } from './expansion-indicator.component';\nimport { SkyThemeModule } from '@skyux/theme';\n\n@NgModule({\n declarations: [SkyExpansionIndicatorComponent],\n imports: [CommonModule, SkyThemeModule],\n exports: [SkyExpansionIndicatorComponent],\n})\nexport class SkyExpansionIndicatorModule {}\n"]}
|
|
@@ -15,9 +15,9 @@ export class SkyHelpInlineComponent {
|
|
|
15
15
|
this.actionClick.emit();
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
|
-
SkyHelpInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
19
|
-
SkyHelpInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
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
21
|
type: Component,
|
|
22
22
|
args: [{
|
|
23
23
|
selector: 'sky-help-inline',
|
|
@@ -27,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
|
|
|
27
27
|
}], propDecorators: { actionClick: [{
|
|
28
28
|
type: Output
|
|
29
29
|
}] } });
|
|
30
|
-
//# sourceMappingURL=
|
|
30
|
+
//# sourceMappingURL=help-inline.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,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 { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyI18nModule } from '@skyux/i18n';\n\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyIconModule } from '../icon/icon.module';\n\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"]}
|
|
@@ -0,0 +1,38 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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;;;AAIjE;;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';\n\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"]}
|
|
@@ -0,0 +1,42 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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;AAE3C,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';\n\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"]}
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1,23 @@
|
|
|
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
|