@skyux/indicators 5.6.2 → 6.0.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +2 -2
- package/esm2020/index.mjs +38 -0
- package/esm2020/lib/modules/alert/alert.component.mjs +56 -0
- package/esm2020/lib/modules/alert/alert.module.mjs +38 -0
- package/esm2020/lib/modules/chevron/chevron.component.mjs +62 -0
- package/esm2020/lib/modules/chevron/chevron.module.mjs +38 -0
- package/esm2020/lib/modules/expansion-indicator/expansion-indicator.component.mjs +31 -0
- package/esm2020/lib/modules/expansion-indicator/expansion-indicator.module.mjs +19 -0
- package/esm2020/lib/modules/help-inline/help-inline.component.mjs +26 -0
- package/esm2020/lib/modules/help-inline/help-inline.module.mjs +38 -0
- package/esm2020/lib/modules/icon/icon-class-list.pipe.mjs +38 -0
- package/esm2020/lib/modules/icon/icon-resolver.service.mjs +42 -0
- package/esm2020/lib/modules/icon/icon-stack-item.mjs +2 -0
- package/esm2020/lib/modules/icon/icon-stack.component.mjs +19 -0
- package/esm2020/lib/modules/icon/icon.component.mjs +32 -0
- package/esm2020/lib/modules/icon/icon.module.mjs +21 -0
- package/esm2020/lib/modules/icon/types/icon-type.mjs +2 -0
- package/esm2020/lib/modules/icon/types/icon-variant-type.mjs +2 -0
- package/esm2020/lib/modules/key-info/key-info-label.component.mjs +18 -0
- package/esm2020/lib/modules/key-info/key-info-value.component.mjs +18 -0
- package/esm2020/lib/modules/key-info/key-info.component.mjs +22 -0
- package/esm2020/lib/modules/key-info/key-info.module.mjs +32 -0
- package/esm2020/lib/modules/label/label-type.mjs +2 -0
- package/esm2020/lib/modules/label/label.component.mjs +34 -0
- package/esm2020/lib/modules/label/label.module.mjs +19 -0
- package/esm2020/lib/modules/shared/indicator-description-type.mjs +2 -0
- package/esm2020/lib/modules/shared/indicator-icon-type.mjs +2 -0
- package/esm2020/lib/modules/shared/indicator-icon-utility.mjs +41 -0
- package/esm2020/lib/modules/shared/indicator-icon.mjs +2 -0
- package/esm2020/lib/modules/shared/sky-indicators-resources.module.mjs +61 -0
- package/esm2020/lib/modules/status-indicator/status-indicator.component.mjs +94 -0
- package/esm2020/lib/modules/status-indicator/status-indicator.module.mjs +34 -0
- package/esm2020/lib/modules/text-highlight/text-highlight.directive.mjs +153 -0
- package/esm2020/lib/modules/text-highlight/text-highlight.module.mjs +18 -0
- package/esm2020/lib/modules/tokens/token.component.mjs +107 -0
- package/esm2020/lib/modules/tokens/tokens.component.mjs +298 -0
- package/esm2020/lib/modules/tokens/tokens.module.mjs +35 -0
- package/esm2020/lib/modules/tokens/types/token-selected-event-args.mjs +2 -0
- package/esm2020/lib/modules/tokens/types/token.mjs +2 -0
- package/esm2020/lib/modules/tokens/types/tokens-message-type.mjs +24 -0
- package/esm2020/lib/modules/tokens/types/tokens-message.mjs +2 -0
- package/esm2020/lib/modules/wait/wait-adapter.service.mjs +201 -0
- package/esm2020/lib/modules/wait/wait-page-adapter.service.mjs +25 -0
- package/esm2020/lib/modules/wait/wait-page.component.mjs +19 -0
- package/esm2020/lib/modules/wait/wait.component.mjs +89 -0
- package/esm2020/lib/modules/wait/wait.module.mjs +21 -0
- package/esm2020/lib/modules/wait/wait.service.mjs +164 -0
- package/esm2020/skyux-indicators.mjs +5 -0
- package/esm2020/testing/alert-fixture.mjs +67 -0
- package/esm2020/testing/label-fixture.mjs +40 -0
- package/esm2020/testing/public-api.mjs +4 -0
- package/esm2020/testing/skyux-indicators-testing.mjs +5 -0
- package/esm2020/testing/wait-fixture.mjs +24 -0
- package/fesm2015/{skyux-indicators-testing.js → skyux-indicators-testing.mjs} +1 -1
- package/fesm2015/skyux-indicators-testing.mjs.map +1 -0
- package/fesm2015/skyux-indicators.mjs +1830 -0
- package/fesm2015/skyux-indicators.mjs.map +1 -0
- package/fesm2020/skyux-indicators-testing.mjs +135 -0
- package/fesm2020/skyux-indicators-testing.mjs.map +1 -0
- package/{fesm2015/skyux-indicators.js → fesm2020/skyux-indicators.mjs} +127 -186
- package/fesm2020/skyux-indicators.mjs.map +1 -0
- package/lib/modules/shared/sky-indicators-resources.module.d.ts +1 -1
- package/package.json +35 -14
- package/testing/package.json +5 -5
- package/bundles/skyux-indicators-testing.umd.js +0 -187
- package/bundles/skyux-indicators.umd.js +0 -2463
- package/esm2015/index.js +0 -38
- package/esm2015/index.js.map +0 -1
- package/esm2015/lib/modules/alert/alert.component.js +0 -60
- package/esm2015/lib/modules/alert/alert.component.js.map +0 -1
- package/esm2015/lib/modules/alert/alert.module.js +0 -38
- package/esm2015/lib/modules/alert/alert.module.js.map +0 -1
- package/esm2015/lib/modules/chevron/chevron.component.js +0 -66
- package/esm2015/lib/modules/chevron/chevron.component.js.map +0 -1
- package/esm2015/lib/modules/chevron/chevron.module.js +0 -38
- package/esm2015/lib/modules/chevron/chevron.module.js.map +0 -1
- package/esm2015/lib/modules/expansion-indicator/expansion-indicator.component.js +0 -35
- package/esm2015/lib/modules/expansion-indicator/expansion-indicator.component.js.map +0 -1
- package/esm2015/lib/modules/expansion-indicator/expansion-indicator.module.js +0 -19
- package/esm2015/lib/modules/expansion-indicator/expansion-indicator.module.js.map +0 -1
- package/esm2015/lib/modules/help-inline/help-inline.component.js +0 -30
- package/esm2015/lib/modules/help-inline/help-inline.component.js.map +0 -1
- package/esm2015/lib/modules/help-inline/help-inline.module.js +0 -38
- package/esm2015/lib/modules/help-inline/help-inline.module.js.map +0 -1
- package/esm2015/lib/modules/icon/icon-class-list.pipe.js +0 -38
- package/esm2015/lib/modules/icon/icon-class-list.pipe.js.map +0 -1
- package/esm2015/lib/modules/icon/icon-resolver.service.js +0 -42
- package/esm2015/lib/modules/icon/icon-resolver.service.js.map +0 -1
- package/esm2015/lib/modules/icon/icon-stack-item.js +0 -2
- package/esm2015/lib/modules/icon/icon-stack-item.js.map +0 -1
- package/esm2015/lib/modules/icon/icon-stack.component.js +0 -23
- package/esm2015/lib/modules/icon/icon-stack.component.js.map +0 -1
- package/esm2015/lib/modules/icon/icon.component.js +0 -37
- package/esm2015/lib/modules/icon/icon.component.js.map +0 -1
- package/esm2015/lib/modules/icon/icon.module.js +0 -21
- package/esm2015/lib/modules/icon/icon.module.js.map +0 -1
- package/esm2015/lib/modules/icon/types/icon-type.js +0 -2
- package/esm2015/lib/modules/icon/types/icon-type.js.map +0 -1
- package/esm2015/lib/modules/icon/types/icon-variant-type.js +0 -2
- package/esm2015/lib/modules/icon/types/icon-variant-type.js.map +0 -1
- package/esm2015/lib/modules/key-info/key-info-label.component.js +0 -18
- package/esm2015/lib/modules/key-info/key-info-label.component.js.map +0 -1
- package/esm2015/lib/modules/key-info/key-info-value.component.js +0 -18
- package/esm2015/lib/modules/key-info/key-info-value.component.js.map +0 -1
- package/esm2015/lib/modules/key-info/key-info.component.js +0 -26
- package/esm2015/lib/modules/key-info/key-info.component.js.map +0 -1
- package/esm2015/lib/modules/key-info/key-info.module.js +0 -32
- package/esm2015/lib/modules/key-info/key-info.module.js.map +0 -1
- package/esm2015/lib/modules/label/label-type.js +0 -2
- package/esm2015/lib/modules/label/label-type.js.map +0 -1
- package/esm2015/lib/modules/label/label.component.js +0 -38
- package/esm2015/lib/modules/label/label.component.js.map +0 -1
- package/esm2015/lib/modules/label/label.module.js +0 -19
- package/esm2015/lib/modules/label/label.module.js.map +0 -1
- package/esm2015/lib/modules/shared/indicator-description-type.js +0 -2
- package/esm2015/lib/modules/shared/indicator-description-type.js.map +0 -1
- package/esm2015/lib/modules/shared/indicator-icon-type.js +0 -2
- package/esm2015/lib/modules/shared/indicator-icon-type.js.map +0 -1
- package/esm2015/lib/modules/shared/indicator-icon-utility.js +0 -41
- package/esm2015/lib/modules/shared/indicator-icon-utility.js.map +0 -1
- package/esm2015/lib/modules/shared/indicator-icon.js +0 -2
- package/esm2015/lib/modules/shared/indicator-icon.js.map +0 -1
- package/esm2015/lib/modules/shared/sky-indicators-resources.module.js +0 -61
- package/esm2015/lib/modules/shared/sky-indicators-resources.module.js.map +0 -1
- package/esm2015/lib/modules/status-indicator/status-indicator.component.js +0 -99
- package/esm2015/lib/modules/status-indicator/status-indicator.component.js.map +0 -1
- package/esm2015/lib/modules/status-indicator/status-indicator.module.js +0 -34
- package/esm2015/lib/modules/status-indicator/status-indicator.module.js.map +0 -1
- package/esm2015/lib/modules/text-highlight/text-highlight.directive.js +0 -153
- package/esm2015/lib/modules/text-highlight/text-highlight.directive.js.map +0 -1
- package/esm2015/lib/modules/text-highlight/text-highlight.module.js +0 -18
- package/esm2015/lib/modules/text-highlight/text-highlight.module.js.map +0 -1
- package/esm2015/lib/modules/tokens/token.component.js +0 -112
- package/esm2015/lib/modules/tokens/token.component.js.map +0 -1
- package/esm2015/lib/modules/tokens/tokens.component.js +0 -304
- package/esm2015/lib/modules/tokens/tokens.component.js.map +0 -1
- package/esm2015/lib/modules/tokens/tokens.module.js +0 -35
- package/esm2015/lib/modules/tokens/tokens.module.js.map +0 -1
- package/esm2015/lib/modules/tokens/types/token-selected-event-args.js +0 -2
- package/esm2015/lib/modules/tokens/types/token-selected-event-args.js.map +0 -1
- package/esm2015/lib/modules/tokens/types/token.js +0 -2
- package/esm2015/lib/modules/tokens/types/token.js.map +0 -1
- package/esm2015/lib/modules/tokens/types/tokens-message-type.js +0 -24
- package/esm2015/lib/modules/tokens/types/tokens-message-type.js.map +0 -1
- package/esm2015/lib/modules/tokens/types/tokens-message.js +0 -2
- package/esm2015/lib/modules/tokens/types/tokens-message.js.map +0 -1
- package/esm2015/lib/modules/wait/wait-adapter.service.js +0 -201
- package/esm2015/lib/modules/wait/wait-adapter.service.js.map +0 -1
- package/esm2015/lib/modules/wait/wait-page-adapter.service.js +0 -25
- package/esm2015/lib/modules/wait/wait-page-adapter.service.js.map +0 -1
- package/esm2015/lib/modules/wait/wait-page.component.js +0 -23
- package/esm2015/lib/modules/wait/wait-page.component.js.map +0 -1
- package/esm2015/lib/modules/wait/wait.component.js +0 -94
- package/esm2015/lib/modules/wait/wait.component.js.map +0 -1
- package/esm2015/lib/modules/wait/wait.module.js +0 -22
- package/esm2015/lib/modules/wait/wait.module.js.map +0 -1
- package/esm2015/lib/modules/wait/wait.service.js +0 -164
- package/esm2015/lib/modules/wait/wait.service.js.map +0 -1
- package/esm2015/skyux-indicators.js +0 -5
- package/esm2015/skyux-indicators.js.map +0 -1
- package/esm2015/testing/alert-fixture.js +0 -67
- package/esm2015/testing/alert-fixture.js.map +0 -1
- package/esm2015/testing/label-fixture.js +0 -40
- package/esm2015/testing/label-fixture.js.map +0 -1
- package/esm2015/testing/public-api.js +0 -4
- package/esm2015/testing/public-api.js.map +0 -1
- package/esm2015/testing/skyux-indicators-testing.js +0 -5
- package/esm2015/testing/skyux-indicators-testing.js.map +0 -1
- package/esm2015/testing/wait-fixture.js +0 -24
- package/esm2015/testing/wait-fixture.js.map +0 -1
- package/fesm2015/skyux-indicators-testing.js.map +0 -1
- package/fesm2015/skyux-indicators.js.map +0 -1
package/documentation.json
CHANGED
|
@@ -557,7 +557,7 @@
|
|
|
557
557
|
"name": "NgModule"
|
|
558
558
|
},
|
|
559
559
|
"arguments": {
|
|
560
|
-
"obj": "{\n declarations: [SkyWaitComponent, SkyWaitPageComponent],\n imports: [CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule],\n exports: [SkyWaitComponent],\n
|
|
560
|
+
"obj": "{\n declarations: [SkyWaitComponent, SkyWaitPageComponent],\n imports: [CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule],\n exports: [SkyWaitComponent],\n}"
|
|
561
561
|
}
|
|
562
562
|
}
|
|
563
563
|
],
|
|
@@ -574,7 +574,7 @@
|
|
|
574
574
|
"sources": [
|
|
575
575
|
{
|
|
576
576
|
"fileName": "projects/indicators/src/modules/wait/wait.module.ts",
|
|
577
|
-
"line":
|
|
577
|
+
"line": 15,
|
|
578
578
|
"character": 13
|
|
579
579
|
}
|
|
580
580
|
]
|
|
@@ -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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxrQ0FBa0MsQ0FBQztBQUVqRCxjQUFjLHNDQUFzQyxDQUFDO0FBRXJELGNBQWMsOERBQThELENBQUM7QUFFN0UsY0FBYyw4Q0FBOEMsQ0FBQztBQUU3RCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLDRDQUE0QyxDQUFDO0FBRTNELGNBQWMsd0NBQXdDLENBQUM7QUFFdkQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGtDQUFrQyxDQUFDO0FBRWpELGNBQWMsd0RBQXdELENBQUM7QUFFdkUsY0FBYyxvREFBb0QsQ0FBQztBQUVuRSxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsZ0RBQWdELENBQUM7QUFFL0QsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGlDQUFpQyxDQUFDO0FBRWhELDBGQUEwRjtBQUMxRiwyRUFBMkU7QUFDM0UsT0FBTyxFQUFFLGlCQUFpQixJQUFJLEVBQUUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxtQkFBbUIsSUFBSSxFQUFFLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNwRixPQUFPLEVBQUUsc0JBQXNCLElBQUksRUFBRSxFQUFFLE1BQU0saURBQWlELENBQUM7QUFDL0YsT0FBTyxFQUFFLGdCQUFnQixJQUFJLEVBQUUsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxxQkFBcUIsSUFBSSxFQUFFLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN0RixPQUFPLEVBQUUsd0JBQXdCLElBQUksRUFBRSxFQUFFLE1BQU0saURBQWlELENBQUM7QUFDakcsT0FBTyxFQUFFLHdCQUF3QixJQUFJLEVBQUUsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxtQkFBbUIsSUFBSSxFQUFFLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsaUJBQWlCLElBQUksRUFBRSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDOUUsT0FBTyxFQUFFLDJCQUEyQixJQUFJLEdBQUcsRUFBRSxNQUFNLDJEQUEyRCxDQUFDO0FBQy9HLE9BQU8sRUFBRSx5QkFBeUIsSUFBSSxHQUFHLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsaUJBQWlCLElBQUksR0FBRyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGtCQUFrQixJQUFJLEdBQUcsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxnQkFBZ0IsSUFBSSxHQUFHLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsOEJBQThCLElBQUksR0FBRyxFQUFFLE1BQU0saUVBQWlFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2FsZXJ0L2FsZXJ0Lm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvY2hldnJvbi9jaGV2cm9uLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvZXhwYW5zaW9uLWluZGljYXRvci9leHBhbnNpb24taW5kaWNhdG9yLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvaGVscC1pbmxpbmUvaGVscC1pbmxpbmUubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9pY29uL2ljb24tc3RhY2staXRlbSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2ljb24vaWNvbi5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9pY29uL3R5cGVzL2ljb24tdHlwZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2ljb24vdHlwZXMvaWNvbi12YXJpYW50LXR5cGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2tleS1pbmZvL2tleS1pbmZvLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGFiZWwvbGFiZWwtdHlwZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2xhYmVsL2xhYmVsLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvc3RhdHVzLWluZGljYXRvci9zdGF0dXMtaW5kaWNhdG9yLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvdGV4dC1oaWdobGlnaHQvdGV4dC1oaWdobGlnaHQubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy90b2tlbnMvdG9rZW5zLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL3Rva2Vucy90eXBlcy90b2tlbic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL3Rva2Vucy90eXBlcy90b2tlbi1zZWxlY3RlZC1ldmVudC1hcmdzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvdG9rZW5zL3R5cGVzL3Rva2Vucy1tZXNzYWdlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvdG9rZW5zL3R5cGVzL3Rva2Vucy1tZXNzYWdlLXR5cGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL3dhaXQvd2FpdC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy93YWl0L3dhaXQuc2VydmljZSc7XG5cbi8vIENvbXBvbmVudHMgYW5kIGRpcmVjdGl2ZXMgbXVzdCBiZSBleHBvcnRlZCB0byBzdXBwb3J0IEFuZ3VsYXIncyBcInBhcnRpYWxcIiBJdnkgY29tcGlsZXIuXG4vLyBPYnNjdXJlIG5hbWVzIGFyZSB1c2VkIHRvIGluZGljYXRlIHR5cGVzIGFyZSBub3QgcGFydCBvZiB0aGUgcHVibGljIEFQSS5cbmV4cG9ydCB7IFNreUFsZXJ0Q29tcG9uZW50IGFzIM67MSB9IGZyb20gJy4vbGliL21vZHVsZXMvYWxlcnQvYWxlcnQuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUNoZXZyb25Db21wb25lbnQgYXMgzrsyIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9jaGV2cm9uL2NoZXZyb24uY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUhlbHBJbmxpbmVDb21wb25lbnQgYXMgzrszIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9oZWxwLWlubGluZS9oZWxwLWlubGluZS5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5SWNvbkNvbXBvbmVudCBhcyDOuzQgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2ljb24vaWNvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5SWNvblN0YWNrQ29tcG9uZW50IGFzIM67NSB9IGZyb20gJy4vbGliL21vZHVsZXMvaWNvbi9pY29uLXN0YWNrLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lLZXlJbmZvTGFiZWxDb21wb25lbnQgYXMgzrs2IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9rZXktaW5mby9rZXktaW5mby1sYWJlbC5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5S2V5SW5mb1ZhbHVlQ29tcG9uZW50IGFzIM67NyB9IGZyb20gJy4vbGliL21vZHVsZXMva2V5LWluZm8va2V5LWluZm8tdmFsdWUuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUtleUluZm9Db21wb25lbnQgYXMgzrs4IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9rZXktaW5mby9rZXktaW5mby5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5TGFiZWxDb21wb25lbnQgYXMgzrs5IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9sYWJlbC9sYWJlbC5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5U3RhdHVzSW5kaWNhdG9yQ29tcG9uZW50IGFzIM67MTAgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3N0YXR1cy1pbmRpY2F0b3Ivc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5VGV4dEhpZ2hsaWdodERpcmVjdGl2ZSBhcyDOuzExIH0gZnJvbSAnLi9saWIvbW9kdWxlcy90ZXh0LWhpZ2hsaWdodC90ZXh0LWhpZ2hsaWdodC5kaXJlY3RpdmUnO1xuZXhwb3J0IHsgU2t5VG9rZW5Db21wb25lbnQgYXMgzrsxMiB9IGZyb20gJy4vbGliL21vZHVsZXMvdG9rZW5zL3Rva2VuLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lUb2tlbnNDb21wb25lbnQgYXMgzrsxMyB9IGZyb20gJy4vbGliL21vZHVsZXMvdG9rZW5zL3Rva2Vucy5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5V2FpdENvbXBvbmVudCBhcyDOuzE0IH0gZnJvbSAnLi9saWIvbW9kdWxlcy93YWl0L3dhaXQuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUV4cGFuc2lvbkluZGljYXRvckNvbXBvbmVudCBhcyDOuzE1IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9leHBhbnNpb24taW5kaWNhdG9yL2V4cGFuc2lvbi1pbmRpY2F0b3IuY29tcG9uZW50JztcbiJdfQ==
|
|
@@ -0,0 +1,56 @@
|
|
|
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: "13.2.7", ngImport: i0, type: SkyAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
+
SkyAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", 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: [".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:700;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: "13.2.7", ngImport: i0, type: SkyAlertComponent, decorators: [{
|
|
45
|
+
type: Component,
|
|
46
|
+
args: [{ selector: 'sky-alert', 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: [".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:700;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"] }]
|
|
47
|
+
}], propDecorators: { alertType: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], closeable: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], closed: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], closedChange: [{
|
|
54
|
+
type: Output
|
|
55
|
+
}] } });
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSS9FLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7Ozs7O0FBRTNFLE1BQU0sa0JBQWtCLEdBQUcsU0FBUyxDQUFDO0FBT3JDLE1BQU0sT0FBTyxpQkFBaUI7SUFMOUI7UUFtQ0U7O1dBRUc7UUFFSSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0F5Qm5EO0lBMURDOzs7O09BSUc7SUFDSCxJQUNXLFNBQVMsQ0FBQyxLQUFhO1FBQ2hDLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBVyxTQUFTO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFVBQVUsSUFBSSxrQkFBa0IsQ0FBQztJQUMvQyxDQUFDO0lBNEJNLFFBQVE7UUFDYixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVNLEtBQUs7UUFDVixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztRQUNuQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRU8sZUFBZTtRQUNyQixNQUFNLGFBQWEsR0FBRyx1QkFBdUIsQ0FBQyxlQUFlLENBQzNELElBQUksQ0FBQyxTQUFpQyxDQUN2QyxDQUFDO1FBRUYsSUFBSSxDQUFDLGFBQWEsR0FBRyxhQUFhLENBQUMsbUJBQW1CLENBQUM7UUFDdkQsSUFBSSxDQUFDLFlBQVksR0FBRyxhQUFhLENBQUMsa0JBQWtCLENBQUM7SUFDdkQsQ0FBQzs7OEdBMURVLGlCQUFpQjtrR0FBakIsaUJBQWlCLDBLQ2I5Qixzc0NBMkNBOzJGRDlCYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVzs4QkFXVixTQUFTO3NCQURuQixLQUFLO2dCQWVDLFNBQVM7c0JBRGYsS0FBSztnQkFRQyxNQUFNO3NCQURaLEtBQUs7Z0JBT0MsWUFBWTtzQkFEbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5SWNvblN0YWNrSXRlbSB9IGZyb20gJy4uL2ljb24vaWNvbi1zdGFjay1pdGVtJztcbmltcG9ydCB7IFNreUluZGljYXRvckljb25UeXBlIH0gZnJvbSAnLi4vc2hhcmVkL2luZGljYXRvci1pY29uLXR5cGUnO1xuaW1wb3J0IHsgU2t5SW5kaWNhdG9ySWNvblV0aWxpdHkgfSBmcm9tICcuLi9zaGFyZWQvaW5kaWNhdG9yLWljb24tdXRpbGl0eSc7XG5cbmNvbnN0IEFMRVJUX1RZUEVfREVGQVVMVCA9ICd3YXJuaW5nJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWFsZXJ0JyxcbiAgc3R5bGVVcmxzOiBbJy4vYWxlcnQuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2FsZXJ0LmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QWxlcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvKipcbiAgICogU3BlY2lmaWVzIGEgc3R5bGUgZm9yIHRoZSBhbGVydCB0byBkZXRlcm1pbmUgdGhlIGljb24gYW5kIGJhY2tncm91bmQgY29sb3IuXG4gICAqIFRoZSB2YWxpZCBvcHRpb25zIGFyZSBgZGFuZ2VyYCwgYGluZm9gLCBgc3VjY2Vzc2AsIGFuZCBgd2FybmluZ2AuXG4gICAqIEBkZWZhdWx0IFwid2FybmluZ1wiXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGFsZXJ0VHlwZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5fYWxlcnRUeXBlID0gdmFsdWU7XG4gICAgdGhpcy51cGRhdGVBbGVydEljb24oKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgYWxlcnRUeXBlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2FsZXJ0VHlwZSB8fCBBTEVSVF9UWVBFX0RFRkFVTFQ7XG4gIH1cblxuICAvKipcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdG8gaW5jbHVkZSBhIGNsb3NlIGJ1dHRvbiBmb3IgdXNlcnMgdG8gZGlzbWlzcyB0aGUgYWxlcnQuXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgY2xvc2VhYmxlOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgYWxlcnQgaXMgY2xvc2VkLlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGNsb3NlZDogYm9vbGVhbjtcblxuICAvKipcbiAgICogRmlyZXMgd2hlbiB1c2VycyBjbG9zZSB0aGUgYWxlcnQuXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIGNsb3NlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBwdWJsaWMgYWxlcnRCYXNlSWNvbjogU2t5SWNvblN0YWNrSXRlbTtcblxuICBwdWJsaWMgYWxlcnRUb3BJY29uOiBTa3lJY29uU3RhY2tJdGVtO1xuXG4gIHByaXZhdGUgX2FsZXJ0VHlwZTogc3RyaW5nO1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnVwZGF0ZUFsZXJ0SWNvbigpO1xuICB9XG5cbiAgcHVibGljIGNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuY2xvc2VkID0gdHJ1ZTtcbiAgICB0aGlzLmNsb3NlZENoYW5nZS5lbWl0KHRydWUpO1xuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVBbGVydEljb24oKTogdm9pZCB7XG4gICAgY29uc3QgaW5kaWNhdG9ySWNvbiA9IFNreUluZGljYXRvckljb25VdGlsaXR5LmdldEljb25zRm9yVHlwZShcbiAgICAgIHRoaXMuYWxlcnRUeXBlIGFzIFNreUluZGljYXRvckljb25UeXBlXG4gICAgKTtcblxuICAgIHRoaXMuYWxlcnRCYXNlSWNvbiA9IGluZGljYXRvckljb24ubW9kZXJuVGhlbWVCYXNlSWNvbjtcbiAgICB0aGlzLmFsZXJ0VG9wSWNvbiA9IGluZGljYXRvckljb24ubW9kZXJuVGhlbWVUb3BJY29uO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic2t5LWFsZXJ0XCJcbiAgW3NreVRoZW1lQ2xhc3NdPVwie1xuICAgICdza3ktcm91bmRlZC1jb3JuZXJzJzogJ2RlZmF1bHQnLFxuICAgICdza3ktYm94IHNreS1lbGV2YXRpb24tMSc6ICdtb2Rlcm4nXG4gIH1cIlxuICByb2xlPVwiYWxlcnRcIlxuICBbaGlkZGVuXT1cImNsb3NlZFwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnc2t5LWFsZXJ0LWluZm8nOiBhbGVydFR5cGUgPT09ICdpbmZvJyxcbiAgICAnc2t5LWFsZXJ0LXN1Y2Nlc3MnOiBhbGVydFR5cGUgPT09ICdzdWNjZXNzJyxcbiAgICAnc2t5LWFsZXJ0LXdhcm5pbmcnOiBhbGVydFR5cGUgPT09ICd3YXJuaW5nJyxcbiAgICAnc2t5LWFsZXJ0LWRhbmdlcic6IGFsZXJ0VHlwZSA9PT0gJ2RhbmdlcicsXG4gICAgJ3NreS1hbGVydC1jbG9zZWFibGUnOiBjbG9zZWFibGVcbiAgfVwiXG4+XG4gIDxkaXYgYXJpYS1oaWRkZW49XCJ0cnVlXCIgY2xhc3M9XCJza3ktYWxlcnQtaWNvbi10aGVtZS1tb2Rlcm5cIj5cbiAgICA8c2t5LWljb24tc3RhY2sgW2Jhc2VJY29uXT1cImFsZXJ0QmFzZUljb25cIiBbdG9wSWNvbl09XCJhbGVydFRvcEljb25cIj5cbiAgICA8L3NreS1pY29uLXN0YWNrPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInNreS1hbGVydC1jb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPGJ1dHRvblxuICAgIGNsYXNzPVwic2t5LWFsZXJ0LWNsb3NlXCJcbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIidza3l1eF9hbGVydF9jbG9zZScgfCBza3lMaWJSZXNvdXJjZXNcIlxuICAgIFtoaWRkZW5dPVwiIWNsb3NlYWJsZVwiXG4gICAgKGNsaWNrKT1cImNsb3NlKClcIlxuICA+XG4gICAgPHNwYW4gYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICA8c2t5LWljb24gY2xhc3M9XCJza3ktYWxlcnQtY2xvc2UtaWNvbi10aGVtZS1kZWZhdWx0XCIgaWNvbj1cImNsb3NlXCI+XG4gICAgICA8L3NreS1pY29uPlxuICAgICAgPHNreS1pY29uXG4gICAgICAgIGNsYXNzPVwic2t5LWFsZXJ0LWNsb3NlLWljb24tdGhlbWUtbW9kZXJuXCJcbiAgICAgICAgaWNvbj1cImNsb3NlXCJcbiAgICAgICAgaWNvblR5cGU9XCJza3l1eFwiXG4gICAgICAgIHNpemU9XCIyeFwiXG4gICAgICA+XG4gICAgICA8L3NreS1pY29uPlxuICAgIDwvc3Bhbj5cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,38 @@
|
|
|
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: "13.2.7", ngImport: i0, type: SkyAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
SkyAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", 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: "13.2.7", ngImport: i0, type: SkyAlertModule, imports: [[
|
|
18
|
+
CommonModule,
|
|
19
|
+
SkyI18nModule,
|
|
20
|
+
SkyIconModule,
|
|
21
|
+
SkyIndicatorsResourcesModule,
|
|
22
|
+
SkyThemeModule,
|
|
23
|
+
]] });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2FsZXJ0L2FsZXJ0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3BELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBRXpGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQWF0RCxNQUFNLE9BQU8sY0FBYzs7MkdBQWQsY0FBYzs0R0FBZCxjQUFjLGlCQVZWLGlCQUFpQixhQUU5QixZQUFZO1FBQ1osYUFBYTtRQUNiLGFBQWE7UUFDYiw0QkFBNEI7UUFDNUIsY0FBYyxhQUVOLGlCQUFpQjs0R0FFaEIsY0FBYyxZQVRoQjtZQUNQLFlBQVk7WUFDWixhQUFhO1lBQ2IsYUFBYTtZQUNiLDRCQUE0QjtZQUM1QixjQUFjO1NBQ2Y7MkZBR1UsY0FBYztrQkFYMUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztvQkFDakMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixhQUFhO3dCQUNiLDRCQUE0Qjt3QkFDNUIsY0FBYztxQkFDZjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztpQkFDN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUkxOG5Nb2R1bGUgfSBmcm9tICdAc2t5dXgvaTE4bic7XG5pbXBvcnQgeyBTa3lUaGVtZU1vZHVsZSB9IGZyb20gJ0Bza3l1eC90aGVtZSc7XG5cbmltcG9ydCB7IFNreUljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IFNreUluZGljYXRvcnNSZXNvdXJjZXNNb2R1bGUgfSBmcm9tICcuLi9zaGFyZWQvc2t5LWluZGljYXRvcnMtcmVzb3VyY2VzLm1vZHVsZSc7XG5cbmltcG9ydCB7IFNreUFsZXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9hbGVydC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTa3lBbGVydENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU2t5STE4bk1vZHVsZSxcbiAgICBTa3lJY29uTW9kdWxlLFxuICAgIFNreUluZGljYXRvcnNSZXNvdXJjZXNNb2R1bGUsXG4gICAgU2t5VGhlbWVNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtTa3lBbGVydENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreUFsZXJ0TW9kdWxlIHt9XG4iXX0=
|
|
@@ -0,0 +1,62 @@
|
|
|
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: "13.2.7", ngImport: i0, type: SkyChevronComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
+
SkyChevronComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", 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: "13.2.7", ngImport: i0, type: SkyChevronComponent, decorators: [{
|
|
49
|
+
type: Component,
|
|
50
|
+
args: [{ selector: 'sky-chevron', 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"] }]
|
|
51
|
+
}], propDecorators: { ariaControls: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], ariaLabel: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], direction: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], disabled: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], directionChange: [{
|
|
60
|
+
type: Output
|
|
61
|
+
}] } });
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hldnJvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvY2hldnJvbi9jaGV2cm9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9jaGV2cm9uL2NoZXZyb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFFdkU7OztHQUdHO0FBTUgsTUFBTSxPQUFPLG1CQUFtQjtJQUxoQztRQTBDRTs7V0FFRztRQUVJLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFeEI7O1dBRUc7UUFFSSxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FXckQ7SUExQ0M7O09BRUc7SUFDSCxJQUNXLFNBQVMsQ0FBQyxLQUFhO1FBQ2hDLDBCQUEwQjtRQUMxQixJQUFJLEtBQUssSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQzVCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1lBQ3hCLDBCQUEwQjtZQUMxQixJQUFJLEtBQUssS0FBSyxJQUFJLEVBQUU7Z0JBQ2xCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO2FBQzFCO2lCQUFNLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxNQUFNLEVBQUU7Z0JBQ3BDLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO2FBQzNCO1NBQ0Y7SUFDSCxDQUFDO0lBRUQsSUFBVyxTQUFTO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUM7SUFDakMsQ0FBQztJQWtCTSxZQUFZLENBQUMsS0FBWTtRQUM5QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDekQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzVDLENBQUM7O2dIQXpEVSxtQkFBbUI7b0dBQW5CLG1CQUFtQixvTkNYaEMsdWNBZUE7MkZESmEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGFBQWE7OEJBV2hCLFlBQVk7c0JBRGxCLEtBQUs7Z0JBUUMsU0FBUztzQkFEZixLQUFLO2dCQU9LLFNBQVM7c0JBRG5CLEtBQUs7Z0JBc0JDLFFBQVE7c0JBRGQsS0FBSztnQkFPQyxlQUFlO3NCQURyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBDcmVhdGVzIGFuIGFjY2Vzc2libGUgYnV0dG9uIHRoYXQgd3JhcHMgdGhlIGNoZXZyb24gaWNvbi5cbiAqIEBpbnRlcm5hbFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktY2hldnJvbicsXG4gIHN0eWxlVXJsczogWycuL2NoZXZyb24uY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoZXZyb24uY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lDaGV2cm9uQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgZWxlbWVudCB3aG9zZSBjb250ZW50cyBhcmUgY29udHJvbGxlZCBieSB0aGUgY2hldnJvbi5cbiAgICogVGhpcyBzZXRzIHRoZSBjaGV2cm9uJ3MgYXJpYS1jb250cm9scyBhdHRyaWJ1dGVcbiAgICogW3RvIHN1cHBvcnQgYWNjZXNzaWJpbGl0eV0oaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9sZWFybi9hY2Nlc3NpYmlsaXR5KS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhcmlhQ29udHJvbHM6IHN0cmluZztcblxuICAvKipcbiAgICogU3BlY2lmaWVzIGFuIEFSSUEgbGFiZWwgZm9yIHRoZSBjaGV2cm9uLiBUaGlzIHNldHMgdGhlIGNoZXZyb24ncyBhcmlhLWxhYmVsIGF0dHJpYnV0ZVxuICAgKiBbdG8gc3VwcG9ydCBhY2Nlc3NpYmlsaXR5XShodHRwczovL2RldmVsb3Blci5ibGFja2JhdWQuY29tL3NreXV4L2xlYXJuL2FjY2Vzc2liaWxpdHkpLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGFyaWFMYWJlbDogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgd2hldGhlciB0aGUgY2hldnJvbiBwb2ludHMgdXAgb3IgZG93bi5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgZGlyZWN0aW9uKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAvKiBpc3RhbmJ1bCBpZ25vcmUgZWxzZSAqL1xuICAgIGlmICh2YWx1ZSAhPSB0aGlzLl9kaXJlY3Rpb24pIHtcbiAgICAgIHRoaXMuX2RpcmVjdGlvbiA9IHZhbHVlO1xuICAgICAgLyogaXN0YW5idWwgaWdub3JlIGVsc2UgKi9cbiAgICAgIGlmICh2YWx1ZSA9PT0gJ3VwJykge1xuICAgICAgICB0aGlzLmFyaWFFeHBhbmRlZCA9IHRydWU7XG4gICAgICB9IGVsc2UgaWYgKHRoaXMuZGlyZWN0aW9uID09PSAnZG93bicpIHtcbiAgICAgICAgdGhpcy5hcmlhRXhwYW5kZWQgPSBmYWxzZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwdWJsaWMgZ2V0IGRpcmVjdGlvbigpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9kaXJlY3Rpb24gfHwgJ3VwJztcbiAgfVxuXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0byBkaXNhYmxlIHRoZSBjaGV2cm9uIGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBGaXJlcyB3aGVuIHRoZSBkaXJlY3Rpb24gb2YgdGhlIGNoZXZyb24gY2hhbmdlcy5cbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgZGlyZWN0aW9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgcHVibGljIGFyaWFFeHBhbmRlZDogYm9vbGVhbjtcblxuICBwcml2YXRlIF9kaXJlY3Rpb246IHN0cmluZztcblxuICBwdWJsaWMgY2hldnJvbkNsaWNrKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMuZGlyZWN0aW9uID0gdGhpcy5kaXJlY3Rpb24gPT09ICd1cCcgPyAnZG93bicgOiAndXAnO1xuICAgIHRoaXMuZGlyZWN0aW9uQ2hhbmdlLmVtaXQodGhpcy5kaXJlY3Rpb24pO1xuICB9XG59XG4iLCI8YnV0dG9uXG4gIGNsYXNzPVwic2t5LWNoZXZyb25cIlxuICB0eXBlPVwiYnV0dG9uXCJcbiAgW2F0dHIuYXJpYS1jb250cm9sc109XCJhcmlhQ29udHJvbHNcIlxuICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImFyaWFFeHBhbmRlZFwiXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgW25nQ2xhc3NdPVwiWydza3ktY2hldnJvbi0nICsgZGlyZWN0aW9uXVwiXG4gIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAnc2t5LWJ0biBza3ktYnRuLWljb24tYm9yZGVybGVzcyc6ICdtb2Rlcm4nXG4gIH1cIlxuICAoY2xpY2spPVwiY2hldnJvbkNsaWNrKCRldmVudClcIlxuPlxuICA8c2t5LWV4cGFuc2lvbi1pbmRpY2F0b3IgW2RpcmVjdGlvbl09XCJkaXJlY3Rpb25cIj48L3NreS1leHBhbnNpb24taW5kaWNhdG9yPlxuPC9idXR0b24+XG4iXX0=
|
|
@@ -0,0 +1,38 @@
|
|
|
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: "13.2.7", ngImport: i0, type: SkyChevronModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
SkyChevronModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", 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: "13.2.7", ngImport: i0, type: SkyChevronModule, imports: [[
|
|
18
|
+
CommonModule,
|
|
19
|
+
SkyI18nModule,
|
|
20
|
+
SkyIndicatorsResourcesModule,
|
|
21
|
+
SkyThemeModule,
|
|
22
|
+
SkyExpansionIndicatorModule,
|
|
23
|
+
]] });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hldnJvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvY2hldnJvbi9jaGV2cm9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFOUMsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDaEcsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFekYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBYTFELE1BQU0sT0FBTyxnQkFBZ0I7OzZHQUFoQixnQkFBZ0I7OEdBQWhCLGdCQUFnQixpQkFWWixtQkFBbUIsYUFFaEMsWUFBWTtRQUNaLGFBQWE7UUFDYiw0QkFBNEI7UUFDNUIsY0FBYztRQUNkLDJCQUEyQixhQUVuQixtQkFBbUI7OEdBRWxCLGdCQUFnQixZQVRsQjtZQUNQLFlBQVk7WUFDWixhQUFhO1lBQ2IsNEJBQTRCO1lBQzVCLGNBQWM7WUFDZCwyQkFBMkI7U0FDNUI7MkZBR1UsZ0JBQWdCO2tCQVg1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUNuQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3dCQUNiLDRCQUE0Qjt3QkFDNUIsY0FBYzt3QkFDZCwyQkFBMkI7cUJBQzVCO29CQUNELE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5STE4bk1vZHVsZSB9IGZyb20gJ0Bza3l1eC9pMThuJztcbmltcG9ydCB7IFNreVRoZW1lTW9kdWxlIH0gZnJvbSAnQHNreXV4L3RoZW1lJztcblxuaW1wb3J0IHsgU2t5RXhwYW5zaW9uSW5kaWNhdG9yTW9kdWxlIH0gZnJvbSAnLi4vZXhwYW5zaW9uLWluZGljYXRvci9leHBhbnNpb24taW5kaWNhdG9yLm1vZHVsZSc7XG5pbXBvcnQgeyBTa3lJbmRpY2F0b3JzUmVzb3VyY2VzTW9kdWxlIH0gZnJvbSAnLi4vc2hhcmVkL3NreS1pbmRpY2F0b3JzLXJlc291cmNlcy5tb2R1bGUnO1xuXG5pbXBvcnQgeyBTa3lDaGV2cm9uQ29tcG9uZW50IH0gZnJvbSAnLi9jaGV2cm9uLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NreUNoZXZyb25Db21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFNreUkxOG5Nb2R1bGUsXG4gICAgU2t5SW5kaWNhdG9yc1Jlc291cmNlc01vZHVsZSxcbiAgICBTa3lUaGVtZU1vZHVsZSxcbiAgICBTa3lFeHBhbnNpb25JbmRpY2F0b3JNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtTa3lDaGV2cm9uQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5Q2hldnJvbk1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,31 @@
|
|
|
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: "13.2.7", ngImport: i0, type: SkyExpansionIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
SkyExpansionIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", 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: "13.2.7", ngImport: i0, type: SkyExpansionIndicatorComponent, decorators: [{
|
|
26
|
+
type: Component,
|
|
27
|
+
args: [{ selector: 'sky-expansion-indicator', 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"] }]
|
|
28
|
+
}], propDecorators: { direction: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}] } });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLWluZGljYXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvZXhwYW5zaW9uLWluZGljYXRvci9leHBhbnNpb24taW5kaWNhdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9leHBhbnNpb24taW5kaWNhdG9yL2V4cGFuc2lvbi1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFFakQ7OztHQUdHO0FBTUgsTUFBTSxPQUFPLDhCQUE4QjtJQUN6Qzs7T0FFRztJQUNILElBQ1csU0FBUyxDQUFDLEtBQWE7UUFDaEMsMEJBQTBCO1FBQzFCLElBQUksS0FBSyxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDNUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7U0FDekI7SUFDSCxDQUFDO0lBRUQsSUFBVyxTQUFTO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUM7SUFDakMsQ0FBQzs7MkhBZFUsOEJBQThCOytHQUE5Qiw4QkFBOEIsbUdDWDNDLHdwQkFtQkE7MkZEUmEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLHlCQUF5Qjs4QkFTeEIsU0FBUztzQkFEbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBEaXNwbGF5cyBhIGNoZXZyb24gaWNvbi5cbiAqIEBpbnRlcm5hbFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktZXhwYW5zaW9uLWluZGljYXRvcicsXG4gIHN0eWxlVXJsczogWycuL2V4cGFuc2lvbi1pbmRpY2F0b3IuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2V4cGFuc2lvbi1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lFeHBhbnNpb25JbmRpY2F0b3JDb21wb25lbnQge1xuICAvKipcbiAgICogU3BlY2lmaWVzIHdoZXRoZXIgdGhlIGNoZXZyb24gcG9pbnRzIHVwIG9yIGRvd24uXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGRpcmVjdGlvbih2YWx1ZTogc3RyaW5nKSB7XG4gICAgLyogaXN0YW5idWwgaWdub3JlIGVsc2UgKi9cbiAgICBpZiAodmFsdWUgIT0gdGhpcy5fZGlyZWN0aW9uKSB7XG4gICAgICB0aGlzLl9kaXJlY3Rpb24gPSB2YWx1ZTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgZ2V0IGRpcmVjdGlvbigpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9kaXJlY3Rpb24gfHwgJ3VwJztcbiAgfVxuXG4gIHByaXZhdGUgX2RpcmVjdGlvbjogc3RyaW5nO1xufVxuIiwiPGRpdlxuICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICBjbGFzcz1cInNreS1leHBhbnNpb24taW5kaWNhdG9yXCJcbiAgW25nQ2xhc3NdPVwiWydza3ktZXhwYW5zaW9uLWluZGljYXRvci0nICsgZGlyZWN0aW9uXVwiXG4+XG4gIDxuZy1jb250YWluZXIgKnNreVRoZW1lSWY9XCInZGVmYXVsdCdcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvblwiPjwvbmctY29udGFpbmVyPlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPG5nLWNvbnRhaW5lciAqc2t5VGhlbWVJZj1cIidtb2Rlcm4nXCI+XG4gICAgPHNwYW4gY2xhc3M9XCJza3ktZXhwYW5zaW9uLWluZGljYXRvci1nbHlwaC1jb250YWluZXJcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpY29uXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9zcGFuPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI2ljb24+XG4gIDxpIGNsYXNzPVwic2t5LWV4cGFuc2lvbi1pbmRpY2F0b3ItcGFydCBza3ktZXhwYW5zaW9uLWluZGljYXRvci1sZWZ0XCI+IDwvaT5cbiAgPGkgY2xhc3M9XCJza3ktZXhwYW5zaW9uLWluZGljYXRvci1wYXJ0IHNreS1leHBhbnNpb24taW5kaWNhdG9yLXJpZ2h0XCI+IDwvaT5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -0,0 +1,19 @@
|
|
|
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: "13.2.7", ngImport: i0, type: SkyExpansionIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
SkyExpansionIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyExpansionIndicatorModule, declarations: [SkyExpansionIndicatorComponent], imports: [CommonModule, SkyThemeModule], exports: [SkyExpansionIndicatorComponent] });
|
|
10
|
+
SkyExpansionIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyExpansionIndicatorModule, imports: [[CommonModule, SkyThemeModule]] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyExpansionIndicatorModule, decorators: [{
|
|
12
|
+
type: NgModule,
|
|
13
|
+
args: [{
|
|
14
|
+
declarations: [SkyExpansionIndicatorComponent],
|
|
15
|
+
imports: [CommonModule, SkyThemeModule],
|
|
16
|
+
exports: [SkyExpansionIndicatorComponent],
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLWluZGljYXRvci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvZXhwYW5zaW9uLWluZGljYXRvci9leHBhbnNpb24taW5kaWNhdG9yLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRTlDLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQU9qRixNQUFNLE9BQU8sMkJBQTJCOzt3SEFBM0IsMkJBQTJCO3lIQUEzQiwyQkFBMkIsaUJBSnZCLDhCQUE4QixhQUNuQyxZQUFZLEVBQUUsY0FBYyxhQUM1Qiw4QkFBOEI7eUhBRTdCLDJCQUEyQixZQUg3QixDQUFDLFlBQVksRUFBRSxjQUFjLENBQUM7MkZBRzVCLDJCQUEyQjtrQkFMdkMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyw4QkFBOEIsQ0FBQztvQkFDOUMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGNBQWMsQ0FBQztvQkFDdkMsT0FBTyxFQUFFLENBQUMsOEJBQThCLENBQUM7aUJBQzFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lUaGVtZU1vZHVsZSB9IGZyb20gJ0Bza3l1eC90aGVtZSc7XG5cbmltcG9ydCB7IFNreUV4cGFuc2lvbkluZGljYXRvckNvbXBvbmVudCB9IGZyb20gJy4vZXhwYW5zaW9uLWluZGljYXRvci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTa3lFeHBhbnNpb25JbmRpY2F0b3JDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTa3lUaGVtZU1vZHVsZV0sXG4gIGV4cG9ydHM6IFtTa3lFeHBhbnNpb25JbmRpY2F0b3JDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lFeHBhbnNpb25JbmRpY2F0b3JNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,26 @@
|
|
|
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: "13.2.7", ngImport: i0, type: SkyHelpInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
SkyHelpInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", 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: "13.2.7", ngImport: i0, type: SkyHelpInlineComponent, decorators: [{
|
|
21
|
+
type: Component,
|
|
22
|
+
args: [{ selector: 'sky-help-inline', 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"] }]
|
|
23
|
+
}], propDecorators: { actionClick: [{
|
|
24
|
+
type: Output
|
|
25
|
+
}] } });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscC1pbmxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2hlbHAtaW5saW5lL2hlbHAtaW5saW5lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9oZWxwLWlubGluZS9oZWxwLWlubGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQU9oRSxNQUFNLE9BQU8sc0JBQXNCO0lBTG5DO1FBTUU7O1dBRUc7UUFFSSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FLOUM7SUFIUSxPQUFPO1FBQ1osSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDOzttSEFUVSxzQkFBc0I7dUdBQXRCLHNCQUFzQixnR0NQbkMsa2ZBcUJBOzJGRGRhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUI7OEJBU3BCLFdBQVc7c0JBRGpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1oZWxwLWlubGluZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWxwLWlubGluZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2hlbHAtaW5saW5lLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreUhlbHBJbmxpbmVDb21wb25lbnQge1xuICAvKipcbiAgICogRmlyZXMgd2hlbiB0aGUgdXNlciBjbGlja3MgdGhlIGhlbHAgaW5saW5lIGJ1dHRvbi5cbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgYWN0aW9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBwdWJsaWMgb25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGlvbkNsaWNrLmVtaXQoKTtcbiAgfVxufVxuIiwiPGJ1dHRvblxuICBjbGFzcz1cInNreS1oZWxwLWlubGluZVwiXG4gIHR5cGU9XCJidXR0b25cIlxuICBbYXR0ci5hcmlhLWxhYmVsXT1cIidza3l1eF9oZWxwX2lubGluZV9idXR0b25fdGl0bGUnIHwgc2t5TGliUmVzb3VyY2VzXCJcbiAgKGNsaWNrKT1cIm9uQ2xpY2soKVwiXG4+XG4gIDxza3ktaWNvbiAqc2t5VGhlbWVJZj1cIidkZWZhdWx0J1wiIGljb249XCJpbmZvLWNpcmNsZVwiPiA8L3NreS1pY29uPlxuICA8c2t5LWljb24tc3RhY2tcbiAgICAqc2t5VGhlbWVJZj1cIidtb2Rlcm4nXCJcbiAgICBzaXplPVwieHNcIlxuICAgIFtiYXNlSWNvbl09XCJ7XG4gICAgICBpY29uOiAnY2lyY2xlLXNvbGlkJyxcbiAgICAgIGljb25UeXBlOiAnc2t5dXgnXG4gICAgfVwiXG4gICAgW3RvcEljb25dPVwie1xuICAgICAgaWNvbjogJ2hlbHAtaScsXG4gICAgICBpY29uVHlwZTogJ3NreXV4J1xuICAgIH1cIlxuICA+XG4gIDwvc2t5LWljb24tc3RhY2s+XG48L2J1dHRvbj5cbiJdfQ==
|
|
@@ -0,0 +1,38 @@
|
|
|
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: "13.2.7", ngImport: i0, type: SkyHelpInlineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
SkyHelpInlineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", 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: "13.2.7", ngImport: i0, type: SkyHelpInlineModule, imports: [[
|
|
18
|
+
CommonModule,
|
|
19
|
+
SkyI18nModule,
|
|
20
|
+
SkyIconModule,
|
|
21
|
+
SkyIndicatorsResourcesModule,
|
|
22
|
+
SkyThemeModule,
|
|
23
|
+
]] });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", 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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscC1pbmxpbmUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2hlbHAtaW5saW5lL2hlbHAtaW5saW5lLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3BELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBRXpGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQWFqRSxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO2lIQUFuQixtQkFBbUIsaUJBVmYsc0JBQXNCLGFBRW5DLFlBQVk7UUFDWixhQUFhO1FBQ2IsYUFBYTtRQUNiLDRCQUE0QjtRQUM1QixjQUFjLGFBRU4sc0JBQXNCO2lIQUVyQixtQkFBbUIsWUFUckI7WUFDUCxZQUFZO1lBQ1osYUFBYTtZQUNiLGFBQWE7WUFDYiw0QkFBNEI7WUFDNUIsY0FBYztTQUNmOzJGQUdVLG1CQUFtQjtrQkFYL0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztvQkFDdEMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixhQUFhO3dCQUNiLDRCQUE0Qjt3QkFDNUIsY0FBYztxQkFDZjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUkxOG5Nb2R1bGUgfSBmcm9tICdAc2t5dXgvaTE4bic7XG5pbXBvcnQgeyBTa3lUaGVtZU1vZHVsZSB9IGZyb20gJ0Bza3l1eC90aGVtZSc7XG5cbmltcG9ydCB7IFNreUljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IFNreUluZGljYXRvcnNSZXNvdXJjZXNNb2R1bGUgfSBmcm9tICcuLi9zaGFyZWQvc2t5LWluZGljYXRvcnMtcmVzb3VyY2VzLm1vZHVsZSc7XG5cbmltcG9ydCB7IFNreUhlbHBJbmxpbmVDb21wb25lbnQgfSBmcm9tICcuL2hlbHAtaW5saW5lLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NreUhlbHBJbmxpbmVDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFNreUkxOG5Nb2R1bGUsXG4gICAgU2t5SWNvbk1vZHVsZSxcbiAgICBTa3lJbmRpY2F0b3JzUmVzb3VyY2VzTW9kdWxlLFxuICAgIFNreVRoZW1lTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbU2t5SGVscElubGluZUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreUhlbHBJbmxpbmVNb2R1bGUge31cbiJdfQ==
|
|
@@ -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: "13.2.7", ngImport: i0, type: SkyIconClassListPipe, deps: [{ token: i1.SkyIconResolverService }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
31
|
+
SkyIconClassListPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyIconClassListPipe, name: "skyIconClassList" });
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyIconClassListPipe, decorators: [{
|
|
33
|
+
type: Pipe,
|
|
34
|
+
args: [{
|
|
35
|
+
name: 'skyIconClassList',
|
|
36
|
+
}]
|
|
37
|
+
}], ctorParameters: function () { return [{ type: i1.SkyIconResolverService }]; } });
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1jbGFzcy1saXN0LnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvaWNvbi9pY29uLWNsYXNzLWxpc3QucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUVwRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBR2pFOztHQUVHO0FBSUgsTUFBTSxPQUFPLG9CQUFvQjtJQUMvQixZQUFvQixRQUFnQztRQUFoQyxhQUFRLEdBQVIsUUFBUSxDQUF3QjtJQUFHLENBQUM7SUFFakQsU0FBUyxDQUNkLElBQVksRUFDWixRQUFpQixFQUNqQixJQUFhLEVBQ2IsVUFBb0IsRUFDcEIsT0FBNEI7UUFFNUIsSUFBSSxTQUFtQixDQUFDO1FBRXhCLElBQUksUUFBUSxLQUFLLE9BQU8sRUFBRTtZQUN4QixNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUM7WUFDOUQsU0FBUyxHQUFHLENBQUMsUUFBUSxHQUFHLFlBQVksQ0FBQyxDQUFDO1NBQ3ZDO2FBQU07WUFDTCxTQUFTLEdBQUcsQ0FBQyxJQUFJLEVBQUUsS0FBSyxHQUFHLElBQUksQ0FBQyxDQUFDO1NBQ2xDO1FBRUQsSUFBSSxJQUFJLEVBQUU7WUFDUixTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsQ0FBQztTQUM5QjtRQUVELElBQUksVUFBVSxFQUFFO1lBQ2QsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUN6QjtRQUVELE9BQU8sU0FBUyxDQUFDO0lBQ25CLENBQUM7O2lIQTVCVSxvQkFBb0I7K0dBQXBCLG9CQUFvQjsyRkFBcEIsb0JBQW9CO2tCQUhoQyxJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxrQkFBa0I7aUJBQ3pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lJY29uUmVzb2x2ZXJTZXJ2aWNlIH0gZnJvbSAnLi9pY29uLXJlc29sdmVyLnNlcnZpY2UnO1xuaW1wb3J0IHsgU2t5SWNvblZhcmlhbnRUeXBlIH0gZnJvbSAnLi90eXBlcy9pY29uLXZhcmlhbnQtdHlwZSc7XG5cbi8qKlxuICogQGludGVybmFsXG4gKi9cbkBQaXBlKHtcbiAgbmFtZTogJ3NreUljb25DbGFzc0xpc3QnLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lJY29uQ2xhc3NMaXN0UGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlc29sdmVyOiBTa3lJY29uUmVzb2x2ZXJTZXJ2aWNlKSB7fVxuXG4gIHB1YmxpYyB0cmFuc2Zvcm0oXG4gICAgaWNvbjogc3RyaW5nLFxuICAgIGljb25UeXBlPzogc3RyaW5nLFxuICAgIHNpemU/OiBzdHJpbmcsXG4gICAgZml4ZWRXaWR0aD86IGJvb2xlYW4sXG4gICAgdmFyaWFudD86IFNreUljb25WYXJpYW50VHlwZVxuICApOiBzdHJpbmdbXSB7XG4gICAgbGV0IGNsYXNzTGlzdDogc3RyaW5nW107XG5cbiAgICBpZiAoaWNvblR5cGUgPT09ICdza3l1eCcpIHtcbiAgICAgIGNvbnN0IHJlc29sdmVkSWNvbiA9IHRoaXMucmVzb2x2ZXIucmVzb2x2ZUljb24oaWNvbiwgdmFyaWFudCk7XG4gICAgICBjbGFzc0xpc3QgPSBbJ3NreS1pLScgKyByZXNvbHZlZEljb25dO1xuICAgIH0gZWxzZSB7XG4gICAgICBjbGFzc0xpc3QgPSBbJ2ZhJywgJ2ZhLScgKyBpY29uXTtcbiAgICB9XG5cbiAgICBpZiAoc2l6ZSkge1xuICAgICAgY2xhc3NMaXN0LnB1c2goJ2ZhLScgKyBzaXplKTtcbiAgICB9XG5cbiAgICBpZiAoZml4ZWRXaWR0aCkge1xuICAgICAgY2xhc3NMaXN0LnB1c2goJ2ZhLWZ3Jyk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNsYXNzTGlzdDtcbiAgfVxufVxuIl19
|
|
@@ -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: "13.2.7", ngImport: i0, type: SkyIconResolverService, deps: [{ token: i1.SkyThemeIconManifestService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
35
|
+
SkyIconResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyIconResolverService, providedIn: 'root' });
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyIconResolverService, decorators: [{
|
|
37
|
+
type: Injectable,
|
|
38
|
+
args: [{
|
|
39
|
+
providedIn: 'root',
|
|
40
|
+
}]
|
|
41
|
+
}], ctorParameters: function () { return [{ type: i1.SkyThemeIconManifestService }]; } });
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1yZXNvbHZlci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2ljb24vaWNvbi1yZXNvbHZlci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUVMLDJCQUEyQixHQUM1QixNQUFNLGNBQWMsQ0FBQzs7O0FBSXRCOztHQUVHO0FBSUgsTUFBTSxPQUFPLHNCQUFzQjtJQUdqQyxZQUFZLFdBQXdDO1FBRjVDLGFBQVEsR0FBRyxJQUFJLEdBQUcsRUFBcUMsQ0FBQztRQUc5RCxtREFBbUQ7UUFDbkQsS0FBSyxNQUFNLEtBQUssSUFBSSxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUMsTUFBTSxFQUFFO1lBQ3BELElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7U0FDdEM7SUFDSCxDQUFDO0lBRU0sV0FBVyxDQUFDLFFBQWdCLEVBQUUsT0FBNEI7UUFDL0QsTUFBTSxlQUFlLEdBQUcsT0FBTyxJQUFJLEdBQUcsUUFBUSxJQUFJLE9BQU8sRUFBRSxDQUFDO1FBRTVELElBQUksZUFBZSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxFQUFFO1lBQ3pELGlEQUFpRDtZQUNqRCxPQUFPLGVBQWUsQ0FBQztTQUN4QjtRQUVELElBQUksT0FBTyxLQUFLLE1BQU0sSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1lBQ3RELDhFQUE4RTtZQUM5RSw0RUFBNEU7WUFDNUUsTUFBTSxZQUFZLEdBQUcsR0FBRyxRQUFRLE9BQU8sQ0FBQztZQUV4QyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFlBQVksQ0FBQyxFQUFFO2dCQUNuQyxPQUFPLFlBQVksQ0FBQzthQUNyQjtTQUNGO1FBRUQsb0NBQW9DO1FBQ3BDLE9BQU8sUUFBUSxDQUFDO0lBQ2xCLENBQUM7O21IQTlCVSxzQkFBc0I7dUhBQXRCLHNCQUFzQixjQUZyQixNQUFNOzJGQUVQLHNCQUFzQjtrQkFIbEMsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBTa3lUaGVtZUljb25NYW5pZmVzdEdseXBoLFxuICBTa3lUaGVtZUljb25NYW5pZmVzdFNlcnZpY2UsXG59IGZyb20gJ0Bza3l1eC90aGVtZSc7XG5cbmltcG9ydCB7IFNreUljb25WYXJpYW50VHlwZSB9IGZyb20gJy4vdHlwZXMvaWNvbi12YXJpYW50LXR5cGUnO1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgY2xhc3MgU2t5SWNvblJlc29sdmVyU2VydmljZSB7XG4gIHByaXZhdGUgZ2x5cGhNYXAgPSBuZXcgTWFwPHN0cmluZywgU2t5VGhlbWVJY29uTWFuaWZlc3RHbHlwaD4oKTtcblxuICBjb25zdHJ1Y3RvcihtYW5pZmVzdFN2YzogU2t5VGhlbWVJY29uTWFuaWZlc3RTZXJ2aWNlKSB7XG4gICAgLy8gTWFwIHRoZSBpY29ucyBieSBuYW1lIGZvciBtb3JlIGVmZmljaWVudCBsb29rdXAuXG4gICAgZm9yIChjb25zdCBnbHlwaCBvZiBtYW5pZmVzdFN2Yy5nZXRNYW5pZmVzdCgpLmdseXBocykge1xuICAgICAgdGhpcy5nbHlwaE1hcC5zZXQoZ2x5cGgubmFtZSwgZ2x5cGgpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyByZXNvbHZlSWNvbihpY29uTmFtZTogc3RyaW5nLCB2YXJpYW50PzogU2t5SWNvblZhcmlhbnRUeXBlKTogc3RyaW5nIHtcbiAgICBjb25zdCB2YXJpYW50SWNvbk5hbWUgPSB2YXJpYW50ICYmIGAke2ljb25OYW1lfS0ke3ZhcmlhbnR9YDtcblxuICAgIGlmICh2YXJpYW50SWNvbk5hbWUgJiYgdGhpcy5nbHlwaE1hcC5oYXModmFyaWFudEljb25OYW1lKSkge1xuICAgICAgLy8gQSB2YXJpYW50IHdhcyBzcGVjaWZpZWQgYW5kIGV4aXN0czsgcmV0dXJuIGl0LlxuICAgICAgcmV0dXJuIHZhcmlhbnRJY29uTmFtZTtcbiAgICB9XG5cbiAgICBpZiAodmFyaWFudCAhPT0gJ2xpbmUnICYmICF0aGlzLmdseXBoTWFwLmhhcyhpY29uTmFtZSkpIHtcbiAgICAgIC8vIEVpdGhlciB0aGUgc29saWQgdmFyaWFudCB3YXMgc3BlY2lmaWVkIGFuZCBkb2Vzbid0IGV4aXN0LCBvciBubyB2YXJpYW50IHdhc1xuICAgICAgLy8gc3BlY2lmaWVkIGFuZCBhIG5vbi12YXJpYW50IGRvZXNuJ3QgZXhpc3Q7IGZhbGwgYmFjayB0byB0aGUgbGluZSB2YXJpYW50LlxuICAgICAgY29uc3QgbGluZUljb25OYW1lID0gYCR7aWNvbk5hbWV9LWxpbmVgO1xuXG4gICAgICBpZiAodGhpcy5nbHlwaE1hcC5oYXMobGluZUljb25OYW1lKSkge1xuICAgICAgICByZXR1cm4gbGluZUljb25OYW1lO1xuICAgICAgfVxuICAgIH1cblxuICAgIC8vIEZhbGwgYmFjayB0byB0aGUgaWNvbiBuYW1lIGFzLWlzLlxuICAgIHJldHVybiBpY29uTmFtZTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1zdGFjay1pdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2ljb24vaWNvbi1zdGFjay1pdGVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTa3lJY29uVHlwZSB9IGZyb20gJy4vdHlwZXMvaWNvbi10eXBlJztcblxuZXhwb3J0IGludGVyZmFjZSBTa3lJY29uU3RhY2tJdGVtIHtcbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgbmFtZSBvZlxuICAgKiBbdGhlIEZvbnQgQXdlc29tZSA0LjcgaWNvbl0oaHR0cHM6Ly9mb250YXdlc29tZS5jb20vdjQuNy9pY29ucy8pIHRvXG4gICAqIGRpc3BsYXkuIERvIG5vdCBzcGVjaWZ5IHRoZSBgZmEgZmEtYCBjbGFzc2VzLlxuICAgKiBAcmVxdWlyZWRcbiAgICovXG4gIGljb246IHN0cmluZztcblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSB0eXBlIG9mIGljb24gdG8gZGlzcGxheS4gU3BlY2lmeWluZyBgZmFgIHdpbGwgZGlzcGxheSBhIEZvbnQgQXdlc29tZSBpY29uLFxuICAgKiB3aGlsZSBzcGVjaWZ5aW5nIGBza3l1eGAgd2lsbCBkaXNwbGF5IGFuIGljb24gZnJvbSB0aGUgY3VzdG9tIFNLWSBVWCBpY29uIGZvbnQuIE5vdGUgdGhhdFxuICAgKiB0aGUgY3VzdG9tIFNLWSBVWCBpY29uIGZvbnQgaXMgY3VycmVudGx5IGluIGJldGEuXG4gICAqL1xuICBpY29uVHlwZT86IFNreUljb25UeXBlO1xufVxuIl19
|
|
@@ -0,0 +1,19 @@
|
|
|
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: "13.2.7", ngImport: i0, type: SkyIconStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
SkyIconStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", 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: "13.2.7", ngImport: i0, type: SkyIconStackComponent, decorators: [{
|
|
10
|
+
type: Component,
|
|
11
|
+
args: [{ selector: 'sky-icon-stack', 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"] }]
|
|
12
|
+
}], propDecorators: { size: [{
|
|
13
|
+
type: Input
|
|
14
|
+
}], baseIcon: [{
|
|
15
|
+
type: Input
|
|
16
|
+
}], topIcon: [{
|
|
17
|
+
type: Input
|
|
18
|
+
}] } });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1zdGFjay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvaWNvbi9pY29uLXN0YWNrLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9pY29uL2ljb24tc3RhY2suY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFTakQsTUFBTSxPQUFPLHFCQUFxQjs7a0hBQXJCLHFCQUFxQjtzR0FBckIscUJBQXFCLDBIQ1RsQywwZEFnQkE7MkZEUGEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGdCQUFnQjs4QkFVbkIsSUFBSTtzQkFEVixLQUFLO2dCQU9DLFFBQVE7c0JBRGQsS0FBSztnQkFPQyxPQUFPO3NCQURiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFNreUljb25TdGFja0l0ZW0gfSBmcm9tICcuL2ljb24tc3RhY2staXRlbSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1pY29uLXN0YWNrJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ljb24tc3RhY2suY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLXN0YWNrLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreUljb25TdGFja0NvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIHNpemUgb2YgdGhlIGljb24gdXNpbmdcbiAgICogW0ZvbnQgQXdlc29tZSBzaXplc10oaHR0cHM6Ly9mb250YXdlc29tZS5jb20vaG93LXRvLXVzZS9vbi10aGUtd2ViL3N0eWxpbmcvc2l6aW5nLWljb25zKS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzaXplOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFRoZSBpY29uIHRvIGRpc3BsYXkgYXQgdGhlIGJvdHRvbSBvZiB0aGUgc3RhY2suXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgYmFzZUljb246IFNreUljb25TdGFja0l0ZW07XG5cbiAgLyoqXG4gICAqIFRoZSBpY29uIHRvIGRpc3BsYXkgYXQgdGhlIHRvcCBvZiB0aGUgc3RhY2suXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgdG9wSWNvbjogU2t5SWNvblN0YWNrSXRlbTtcbn1cbiIsIjxzcGFuXG4gIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gIGNsYXNzPVwic2t5LWljb24tc3RhY2sgZmEtc3RhY2tcIlxuICBbbmdDbGFzc109XCJzaXplID8gJ2ZhLScgKyBzaXplICsgJyBza3ktaWNvbi1zdGFjay1zaXplLScgKyBzaXplIDogJydcIlxuPlxuICA8aVxuICAgICpuZ0lmPVwiYmFzZUljb25cIlxuICAgIGNsYXNzPVwic2t5LWljb24gZmEtc3RhY2stMnhcIlxuICAgIFtuZ0NsYXNzXT1cImJhc2VJY29uLmljb24gfCBza3lJY29uQ2xhc3NMaXN0OiBiYXNlSWNvbi5pY29uVHlwZVwiXG4gID48L2k+XG4gIDxpXG4gICAgKm5nSWY9XCJ0b3BJY29uXCJcbiAgICBjbGFzcz1cInNreS1pY29uIGZhLXN0YWNrLTF4IGZhLWludmVyc2Ugc2t5LWljb24taW52ZXJzZVwiXG4gICAgW25nQ2xhc3NdPVwidG9wSWNvbi5pY29uIHwgc2t5SWNvbkNsYXNzTGlzdDogdG9wSWNvbi5pY29uVHlwZVwiXG4gID48L2k+XG48L3NwYW4+XG4iXX0=
|