@skyux/indicators 11.0.0-alpha.1 → 11.0.0-alpha.10
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 +2331 -2314
- package/esm2022/index.mjs +9 -5
- package/esm2022/lib/modules/alert/alert.component.mjs +4 -4
- package/esm2022/lib/modules/alert/alert.module.mjs +4 -4
- package/esm2022/lib/modules/chevron/chevron.component.mjs +8 -7
- package/esm2022/lib/modules/chevron/chevron.module.mjs +4 -4
- package/esm2022/lib/modules/expansion-indicator/expansion-indicator.component.mjs +5 -5
- package/esm2022/lib/modules/expansion-indicator/expansion-indicator.module.mjs +4 -4
- package/esm2022/lib/modules/illustration/illustration-resolver.service.mjs +3 -3
- package/esm2022/lib/modules/illustration/illustration.component.mjs +8 -5
- package/esm2022/lib/modules/illustration/illustration.module.mjs +4 -4
- package/esm2022/lib/modules/key-info/key-info-label.component.mjs +3 -3
- package/esm2022/lib/modules/key-info/key-info-value.component.mjs +3 -3
- package/esm2022/lib/modules/key-info/key-info.component.mjs +5 -5
- package/esm2022/lib/modules/key-info/key-info.module.mjs +4 -4
- package/esm2022/lib/modules/label/label.component.mjs +3 -3
- package/esm2022/lib/modules/label/label.module.mjs +4 -4
- package/esm2022/lib/modules/shared/sky-indicators-resources.module.mjs +4 -4
- package/esm2022/lib/modules/status-indicator/status-indicator.component.mjs +3 -3
- package/esm2022/lib/modules/status-indicator/status-indicator.module.mjs +4 -4
- package/esm2022/lib/modules/text-highlight/text-highlight.directive.mjs +3 -3
- package/esm2022/lib/modules/text-highlight/text-highlight.module.mjs +4 -4
- package/esm2022/lib/modules/tokens/token.component.mjs +3 -3
- package/esm2022/lib/modules/tokens/tokens.component.mjs +3 -3
- package/esm2022/lib/modules/tokens/tokens.module.mjs +4 -4
- package/esm2022/lib/modules/wait/wait-adapter.service.mjs +3 -3
- package/esm2022/lib/modules/wait/wait-page.component.mjs +3 -3
- package/esm2022/lib/modules/wait/wait.component.mjs +3 -3
- package/esm2022/lib/modules/wait/wait.module.mjs +4 -4
- package/esm2022/lib/modules/wait/wait.service.mjs +3 -3
- package/fesm2022/skyux-indicators.mjs +112 -176
- package/fesm2022/skyux-indicators.mjs.map +1 -1
- package/index.d.ts +8 -4
- package/lib/modules/chevron/chevron.component.d.ts +2 -1
- package/lib/modules/illustration/illustration.component.d.ts +2 -1
- package/lib/modules/key-info/key-info.component.d.ts +0 -3
- package/package.json +12 -12
- package/esm2022/lib/modules/help-inline/help-inline-aria-expanded.pipe.mjs +0 -16
- package/esm2022/lib/modules/help-inline/help-inline.component.mjs +0 -32
- package/esm2022/lib/modules/help-inline/help-inline.module.mjs +0 -33
- package/lib/modules/help-inline/help-inline-aria-expanded.pipe.d.ts +0 -7
- package/lib/modules/help-inline/help-inline.component.d.ts +0 -31
- package/lib/modules/help-inline/help-inline.module.d.ts +0 -12
package/esm2022/index.mjs
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
export { SkyAlertModule } from './lib/modules/alert/alert.module';
|
|
2
2
|
export { SkyChevronModule } from './lib/modules/chevron/chevron.module';
|
|
3
3
|
export { SkyExpansionIndicatorModule } from './lib/modules/expansion-indicator/expansion-indicator.module';
|
|
4
|
-
export { SkyHelpInlineModule } from './lib/modules/help-inline/help-inline.module';
|
|
5
4
|
export { SkyIllustrationResolverService } from './lib/modules/illustration/illustration-resolver.service';
|
|
6
5
|
export { SkyIllustrationModule } from './lib/modules/illustration/illustration.module';
|
|
7
6
|
export { SkyKeyInfoModule } from './lib/modules/key-info/key-info.module';
|
|
@@ -12,14 +11,11 @@ export { SkyTokensModule } from './lib/modules/tokens/tokens.module';
|
|
|
12
11
|
export { SkyTokensMessageType } from './lib/modules/tokens/types/tokens-message-type';
|
|
13
12
|
export { SkyWaitModule } from './lib/modules/wait/wait.module';
|
|
14
13
|
export { SkyWaitService } from './lib/modules/wait/wait.service';
|
|
15
|
-
export { SkyIconModule, } from '@skyux/icon';
|
|
16
14
|
// Components and directives must be exported to support Angular's "partial" Ivy compiler.
|
|
17
15
|
// Obscure names are used to indicate types are not part of the public API.
|
|
18
16
|
export { SkyAlertComponent as λ1 } from './lib/modules/alert/alert.component';
|
|
19
17
|
export { SkyChevronComponent as λ2 } from './lib/modules/chevron/chevron.component';
|
|
20
18
|
export { SkyExpansionIndicatorComponent as λ15 } from './lib/modules/expansion-indicator/expansion-indicator.component';
|
|
21
|
-
export { SkyHelpInlineComponent as λ3 } from './lib/modules/help-inline/help-inline.component';
|
|
22
|
-
export { λ1 as λ4, λ2 as λ5 } from '@skyux/icon';
|
|
23
19
|
export { SkyKeyInfoLabelComponent as λ6 } from './lib/modules/key-info/key-info-label.component';
|
|
24
20
|
export { SkyKeyInfoValueComponent as λ7 } from './lib/modules/key-info/key-info-value.component';
|
|
25
21
|
export { SkyKeyInfoComponent as λ8 } from './lib/modules/key-info/key-info.component';
|
|
@@ -31,4 +27,12 @@ export { SkyTokensComponent as λ13 } from './lib/modules/tokens/tokens.componen
|
|
|
31
27
|
export { SkyWaitComponent as λ14 } from './lib/modules/wait/wait.component';
|
|
32
28
|
export { SkyTextHighlightDirective } from './lib/modules/text-highlight/text-highlight.directive';
|
|
33
29
|
export { SkyIllustrationComponent as λ16 } from './lib/modules/illustration/illustration.component';
|
|
34
|
-
|
|
30
|
+
/**
|
|
31
|
+
* @deprecated Use `@skyux/help-inline` instead.
|
|
32
|
+
*/
|
|
33
|
+
export { SkyHelpInlineModule, λ1 as λ3 } from '@skyux/help-inline';
|
|
34
|
+
/**
|
|
35
|
+
* @deprecated Use `@skyux/icon` instead.
|
|
36
|
+
*/
|
|
37
|
+
export { SkyIconModule, λ1 as λ4, λ2 as λ5, } from '@skyux/icon';
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRWxFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRXhFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDO0FBRTNHLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDO0FBRTFHLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBR3ZGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBRzFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUtsRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUVsRyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUU1RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFJckUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFFdEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUVqRSwwRkFBMEY7QUFDMUYsMkVBQTJFO0FBQzNFLE9BQU8sRUFBRSxpQkFBaUIsSUFBSSxFQUFFLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsbUJBQW1CLElBQUksRUFBRSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDcEYsT0FBTyxFQUFFLDhCQUE4QixJQUFJLEdBQUcsRUFBRSxNQUFNLGlFQUFpRSxDQUFDO0FBQ3hILE9BQU8sRUFBRSx3QkFBd0IsSUFBSSxFQUFFLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsd0JBQXdCLElBQUksRUFBRSxFQUFFLE1BQU0saURBQWlELENBQUM7QUFDakcsT0FBTyxFQUFFLG1CQUFtQixJQUFJLEVBQUUsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxpQkFBaUIsSUFBSSxFQUFFLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsMkJBQTJCLElBQUksR0FBRyxFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFDL0csT0FBTyxFQUFFLHlCQUF5QixJQUFJLEdBQUcsRUFBRSxNQUFNLHVEQUF1RCxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxpQkFBaUIsSUFBSSxHQUFHLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNoRixPQUFPLEVBQUUsa0JBQWtCLElBQUksR0FBRyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDbEYsT0FBTyxFQUFFLGdCQUFnQixJQUFJLEdBQUcsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHVEQUF1RCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSx3QkFBd0IsSUFBSSxHQUFHLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUVwRzs7R0FFRztBQUNILE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxFQUFFLElBQUksRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFbkU7O0dBRUc7QUFDSCxPQUFPLEVBRUwsYUFBYSxFQUdiLEVBQUUsSUFBSSxFQUFFLEVBQ1IsRUFBRSxJQUFJLEVBQUUsR0FDVCxNQUFNLGFBQWEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IFNreUFsZXJ0TW9kdWxlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9hbGVydC9hbGVydC5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lDaGV2cm9uTW9kdWxlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9jaGV2cm9uL2NoZXZyb24ubW9kdWxlJztcblxuZXhwb3J0IHsgU2t5RXhwYW5zaW9uSW5kaWNhdG9yTW9kdWxlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9leHBhbnNpb24taW5kaWNhdG9yL2V4cGFuc2lvbi1pbmRpY2F0b3IubW9kdWxlJztcblxuZXhwb3J0IHsgU2t5SWxsdXN0cmF0aW9uUmVzb2x2ZXJTZXJ2aWNlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9pbGx1c3RyYXRpb24vaWxsdXN0cmF0aW9uLXJlc29sdmVyLnNlcnZpY2UnO1xuZXhwb3J0IHsgU2t5SWxsdXN0cmF0aW9uU2l6ZSB9IGZyb20gJy4vbGliL21vZHVsZXMvaWxsdXN0cmF0aW9uL2lsbHVzdHJhdGlvbi1zaXplJztcbmV4cG9ydCB7IFNreUlsbHVzdHJhdGlvbk1vZHVsZSB9IGZyb20gJy4vbGliL21vZHVsZXMvaWxsdXN0cmF0aW9uL2lsbHVzdHJhdGlvbi5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lLZXlJbmZvTGF5b3V0VHlwZSB9IGZyb20gJy4vbGliL21vZHVsZXMva2V5LWluZm8va2V5LWluZm8tbGF5b3V0LXR5cGUnO1xuZXhwb3J0IHsgU2t5S2V5SW5mb01vZHVsZSB9IGZyb20gJy4vbGliL21vZHVsZXMva2V5LWluZm8va2V5LWluZm8ubW9kdWxlJztcblxuZXhwb3J0IHsgU2t5TGFiZWxUeXBlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9sYWJlbC9sYWJlbC10eXBlJztcbmV4cG9ydCB7IFNreUxhYmVsTW9kdWxlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9sYWJlbC9sYWJlbC5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lJbmRpY2F0b3JEZXNjcmlwdGlvblR5cGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3NoYXJlZC9pbmRpY2F0b3ItZGVzY3JpcHRpb24tdHlwZSc7XG5leHBvcnQgeyBTa3lJbmRpY2F0b3JJY29uVHlwZSB9IGZyb20gJy4vbGliL21vZHVsZXMvc2hhcmVkL2luZGljYXRvci1pY29uLXR5cGUnO1xuXG5leHBvcnQgeyBTa3lTdGF0dXNJbmRpY2F0b3JNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3N0YXR1cy1pbmRpY2F0b3Ivc3RhdHVzLWluZGljYXRvci5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lUZXh0SGlnaGxpZ2h0TW9kdWxlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy90ZXh0LWhpZ2hsaWdodC90ZXh0LWhpZ2hsaWdodC5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lUb2tlbnNNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3Rva2Vucy90b2tlbnMubW9kdWxlJztcbmV4cG9ydCB7IFNreVRva2VuIH0gZnJvbSAnLi9saWIvbW9kdWxlcy90b2tlbnMvdHlwZXMvdG9rZW4nO1xuZXhwb3J0IHsgU2t5VG9rZW5TZWxlY3RlZEV2ZW50QXJncyB9IGZyb20gJy4vbGliL21vZHVsZXMvdG9rZW5zL3R5cGVzL3Rva2VuLXNlbGVjdGVkLWV2ZW50LWFyZ3MnO1xuZXhwb3J0IHsgU2t5VG9rZW5zTWVzc2FnZSB9IGZyb20gJy4vbGliL21vZHVsZXMvdG9rZW5zL3R5cGVzL3Rva2Vucy1tZXNzYWdlJztcbmV4cG9ydCB7IFNreVRva2Vuc01lc3NhZ2VUeXBlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy90b2tlbnMvdHlwZXMvdG9rZW5zLW1lc3NhZ2UtdHlwZSc7XG5cbmV4cG9ydCB7IFNreVdhaXRNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3dhaXQvd2FpdC5tb2R1bGUnO1xuZXhwb3J0IHsgU2t5V2FpdFNlcnZpY2UgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3dhaXQvd2FpdC5zZXJ2aWNlJztcblxuLy8gQ29tcG9uZW50cyBhbmQgZGlyZWN0aXZlcyBtdXN0IGJlIGV4cG9ydGVkIHRvIHN1cHBvcnQgQW5ndWxhcidzIFwicGFydGlhbFwiIEl2eSBjb21waWxlci5cbi8vIE9ic2N1cmUgbmFtZXMgYXJlIHVzZWQgdG8gaW5kaWNhdGUgdHlwZXMgYXJlIG5vdCBwYXJ0IG9mIHRoZSBwdWJsaWMgQVBJLlxuZXhwb3J0IHsgU2t5QWxlcnRDb21wb25lbnQgYXMgzrsxIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9hbGVydC9hbGVydC5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5Q2hldnJvbkNvbXBvbmVudCBhcyDOuzIgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2NoZXZyb24vY2hldnJvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5RXhwYW5zaW9uSW5kaWNhdG9yQ29tcG9uZW50IGFzIM67MTUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2V4cGFuc2lvbi1pbmRpY2F0b3IvZXhwYW5zaW9uLWluZGljYXRvci5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5S2V5SW5mb0xhYmVsQ29tcG9uZW50IGFzIM67NiB9IGZyb20gJy4vbGliL21vZHVsZXMva2V5LWluZm8va2V5LWluZm8tbGFiZWwuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUtleUluZm9WYWx1ZUNvbXBvbmVudCBhcyDOuzcgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2tleS1pbmZvL2tleS1pbmZvLXZhbHVlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lLZXlJbmZvQ29tcG9uZW50IGFzIM67OCB9IGZyb20gJy4vbGliL21vZHVsZXMva2V5LWluZm8va2V5LWluZm8uY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUxhYmVsQ29tcG9uZW50IGFzIM67OSB9IGZyb20gJy4vbGliL21vZHVsZXMvbGFiZWwvbGFiZWwuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVN0YXR1c0luZGljYXRvckNvbXBvbmVudCBhcyDOuzEwIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9zdGF0dXMtaW5kaWNhdG9yL3N0YXR1cy1pbmRpY2F0b3IuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVRleHRIaWdobGlnaHREaXJlY3RpdmUgYXMgzrsxMSB9IGZyb20gJy4vbGliL21vZHVsZXMvdGV4dC1oaWdobGlnaHQvdGV4dC1oaWdobGlnaHQuZGlyZWN0aXZlJztcbmV4cG9ydCB7IFNreVRva2VuQ29tcG9uZW50IGFzIM67MTIgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3Rva2Vucy90b2tlbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5VG9rZW5zQ29tcG9uZW50IGFzIM67MTMgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3Rva2Vucy90b2tlbnMuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVdhaXRDb21wb25lbnQgYXMgzrsxNCB9IGZyb20gJy4vbGliL21vZHVsZXMvd2FpdC93YWl0LmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lUZXh0SGlnaGxpZ2h0RGlyZWN0aXZlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy90ZXh0LWhpZ2hsaWdodC90ZXh0LWhpZ2hsaWdodC5kaXJlY3RpdmUnO1xuZXhwb3J0IHsgU2t5SWxsdXN0cmF0aW9uQ29tcG9uZW50IGFzIM67MTYgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2lsbHVzdHJhdGlvbi9pbGx1c3RyYXRpb24uY29tcG9uZW50JztcblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBVc2UgYEBza3l1eC9oZWxwLWlubGluZWAgaW5zdGVhZC5cbiAqL1xuZXhwb3J0IHsgU2t5SGVscElubGluZU1vZHVsZSwgzrsxIGFzIM67MyB9IGZyb20gJ0Bza3l1eC9oZWxwLWlubGluZSc7XG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgVXNlIGBAc2t5dXgvaWNvbmAgaW5zdGVhZC5cbiAqL1xuZXhwb3J0IHtcbiAgU2t5SWNvblN0YWNrSXRlbSxcbiAgU2t5SWNvbk1vZHVsZSxcbiAgU2t5SWNvblR5cGUsXG4gIFNreUljb25WYXJpYW50VHlwZSxcbiAgzrsxIGFzIM67NCxcbiAgzrsyIGFzIM67NSxcbn0gZnJvbSAnQHNreXV4L2ljb24nO1xuIl19
|
|
@@ -111,12 +111,12 @@ export class SkyAlertComponent {
|
|
|
111
111
|
this.#descriptionTypeResourceSubscription = undefined;
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
115
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
114
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
115
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SkyAlertComponent, selector: "sky-alert", inputs: { alertType: "alertType", closeable: "closeable", closed: "closed", descriptionType: "descriptionType", customDescription: "customDescription" }, outputs: { closedChange: "closedChange" }, hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], 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': alertTypeOrDefault === 'info',\n 'sky-alert-success': alertTypeOrDefault === 'success',\n 'sky-alert-warning': alertTypeOrDefault === 'warning',\n 'sky-alert-danger': alertTypeOrDefault === '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 <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n <div class=\"sky-alert-content\">\n <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 icon=\"close\" />\n </span>\n </button>\n</div>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-alert:not(.sky-theme-modern *){padding:0 10px;border-left:solid 30px;color:var(--sky-text-color-default);display:flex;flex-direction:row;align-items:center}.sky-alert:not(.sky-theme-modern *) .sky-alert-content{padding:10px 0;width:100%}.sky-alert:not(.sky-theme-modern *) .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}.sky-alert:not(.sky-theme-modern *) .sky-alert-content ::ng-deep a:hover{color:var(--sky-text-color-default)}.sky-alert:not(.sky-theme-modern *) button{margin-left:auto;width:32px;height:32px}.sky-alert:not(.sky-theme-modern *).sky-alert-info:before,.sky-alert:not(.sky-theme-modern *).sky-alert-success:before,.sky-alert:not(.sky-theme-modern *).sky-alert-warning:before,.sky-alert:not(.sky-theme-modern *).sky-alert-danger:before{font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert:not(.sky-theme-modern *):not(.sky-alert-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-alert:not(.sky-theme-modern *).sky-alert-info{background-color:var(--sky-background-color-info);border-color:var(--sky-highlight-color-info)}.sky-alert:not(.sky-theme-modern *).sky-alert-info:before{content:\"\\f06a\";margin-left:-31px;margin-right:20px}.sky-alert:not(.sky-theme-modern *).sky-alert-success{background-color:var(--sky-background-color-success);border-color:var(--sky-highlight-color-success)}.sky-alert:not(.sky-theme-modern *).sky-alert-success:before{content:\"\\f00c\"}.sky-alert:not(.sky-theme-modern *).sky-alert-warning{background-color:var(--sky-background-color-warning);border-color:var(--sky-highlight-color-warning)}.sky-alert:not(.sky-theme-modern *).sky-alert-warning:before{content:\"\\f071\"}.sky-alert:not(.sky-theme-modern *).sky-alert-danger{background-color:var(--sky-background-color-danger);border-color:var(--sky-highlight-color-danger)}.sky-alert:not(.sky-theme-modern *).sky-alert-danger:before{content:\"\\f071\"}.sky-alert:not(.sky-theme-modern *) .sky-alert-close{cursor:pointer;font-weight:700;line-height:1;margin:0;padding:0;color:var(--sky-text-color-default);opacity:.8;border:none;border-radius:3px;background-color:transparent;display:none;flex-shrink:0}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:hover{opacity:1;border:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:focus-visible{border:var(--sky-background-color-primary-dark) solid 2px;outline:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:active{border:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:focus-visible:not(:active){box-shadow:none}.sky-alert:not(.sky-theme-modern *).sky-alert-closeable .sky-alert-close{display:block}.sky-alert:not(.sky-theme-modern *) .sky-alert-icon-theme-modern{display:none}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}:is(.sky-theme-modern .sky-alert){padding:0 10px;border-left:solid 7px;color:var(--sky-text-color-default);display:flex;flex-direction:row;align-items:center}:is(.sky-theme-modern .sky-alert) .sky-alert-content{padding:var(--sky-padding-even-md);width:100%}:is(.sky-theme-modern .sky-alert) .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}:is(.sky-theme-modern .sky-alert) .sky-alert-content ::ng-deep a:hover{color:var(--sky-text-color-default)}:is(.sky-theme-modern .sky-alert) button{margin-left:auto;width:32px;height:32px}:is(.sky-theme-modern .sky-alert).sky-alert-info:before,:is(.sky-theme-modern .sky-alert).sky-alert-success:before,:is(.sky-theme-modern .sky-alert).sky-alert-warning:before,:is(.sky-theme-modern .sky-alert).sky-alert-danger:before{display:none}:is(.sky-theme-modern .sky-alert):not(.sky-alert-danger){--sky-icon-stack-top-icon-color-override: #212327}:is(.sky-theme-modern .sky-alert).sky-alert-info{background-color:var(--sky-background-color-info-light);border-color:var(--sky-highlight-color-info)}:is(.sky-theme-modern .sky-alert).sky-alert-info:before{content:\"\\f06a\";margin-left:-31px;margin-right:20px}:is(.sky-theme-modern .sky-alert).sky-alert-success{background-color:var(--sky-background-color-success);border-color:var(--sky-highlight-color-success)}:is(.sky-theme-modern .sky-alert).sky-alert-success:before{content:\"\\f00c\"}:is(.sky-theme-modern .sky-alert).sky-alert-warning{background-color:var(--sky-background-color-warning);border-color:var(--sky-highlight-color-warning)}:is(.sky-theme-modern .sky-alert).sky-alert-warning:before{content:\"\\f071\"}:is(.sky-theme-modern .sky-alert).sky-alert-danger{background-color:var(--sky-background-color-danger);border-color:var(--sky-highlight-color-danger)}:is(.sky-theme-modern .sky-alert).sky-alert-danger:before{content:\"\\f071\"}:is(.sky-theme-modern .sky-alert) .sky-alert-close{cursor:pointer;font-weight:700;line-height:1;margin:0;padding:0;color:var(--sky-text-color-default);border:none;border-radius:6px;background-color:transparent;display:none;flex-shrink:0}:is(.sky-theme-modern .sky-alert) .sky-alert-close:hover{opacity:1;border:var(--sky-background-color-primary-dark) solid 1px}:is(.sky-theme-modern .sky-alert) .sky-alert-close:focus-visible{border:var(--sky-background-color-primary-dark) solid 2px;outline:none}:is(.sky-theme-modern .sky-alert) .sky-alert-close:active{border:var(--sky-background-color-primary-dark) solid 2px}:is(.sky-theme-modern .sky-alert) .sky-alert-close:focus-visible:not(:active){box-shadow:0 1px 3px #0000004d}:is(.sky-theme-modern .sky-alert).sky-alert-closeable .sky-alert-close{display:block}:is(.sky-theme-modern .sky-alert) .sky-alert-icon-theme-modern{display:block}:is(.sky-theme-modern .sky-alert).sky-alert-info .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-info)}:is(.sky-theme-modern .sky-alert).sky-alert-success .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-success)}:is(.sky-theme-modern .sky-alert).sky-alert-warning .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-warning)}:is(.sky-theme-modern .sky-alert).sky-alert-danger .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-danger)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i3.λ2, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
|
|
116
116
|
}
|
|
117
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyAlertComponent, decorators: [{
|
|
118
118
|
type: Component,
|
|
119
|
-
args: [{ selector: 'sky-alert', hostDirectives: [SkyThemeComponentClassDirective], 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': alertTypeOrDefault === 'info',\n 'sky-alert-success': alertTypeOrDefault === 'success',\n 'sky-alert-warning': alertTypeOrDefault === 'warning',\n 'sky-alert-danger': alertTypeOrDefault === '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 <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n <div class=\"sky-alert-content\">\n <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 icon=\"close\" />\n </span>\n </button>\n</div>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-alert:not(.sky-theme-modern *){padding:0 10px;border-left:solid 30px;color:var(--sky-text-color-default);display:flex;flex-direction:row;align-items:center}.sky-alert:not(.sky-theme-modern *) .sky-alert-content{padding:10px 0;width:100%}.sky-alert:not(.sky-theme-modern *) .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}.sky-alert:not(.sky-theme-modern *) .sky-alert-content ::ng-deep a:hover{color:var(--sky-text-color-default)}.sky-alert:not(.sky-theme-modern *) button{margin-left:auto;width:32px;height:32px}.sky-alert:not(.sky-theme-modern *).sky-alert-info:before,.sky-alert:not(.sky-theme-modern *).sky-alert-success:before,.sky-alert:not(.sky-theme-modern *).sky-alert-warning:before,.sky-alert:not(.sky-theme-modern *).sky-alert-danger:before{font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert:not(.sky-theme-modern *):not(.sky-alert-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-alert:not(.sky-theme-modern *).sky-alert-info{background-color:var(--sky-background-color-info);border-color:var(--sky-highlight-color-info)}.sky-alert:not(.sky-theme-modern *).sky-alert-info:before{content:\"\\f06a\";margin-left:-31px;margin-right:20px}.sky-alert:not(.sky-theme-modern *).sky-alert-success{background-color:var(--sky-background-color-success);border-color:var(--sky-highlight-color-success)}.sky-alert:not(.sky-theme-modern *).sky-alert-success:before{content:\"\\f00c\"}.sky-alert:not(.sky-theme-modern *).sky-alert-warning{background-color:var(--sky-background-color-warning);border-color:var(--sky-highlight-color-warning)}.sky-alert:not(.sky-theme-modern *).sky-alert-warning:before{content:\"\\f071\"}.sky-alert:not(.sky-theme-modern *).sky-alert-danger{background-color:var(--sky-background-color-danger);border-color:var(--sky-highlight-color-danger)}.sky-alert:not(.sky-theme-modern *).sky-alert-danger:before{content:\"\\f071\"}.sky-alert:not(.sky-theme-modern *) .sky-alert-close{cursor:pointer;font-weight:700;line-height:1;margin:0;padding:0;color:var(--sky-text-color-default);opacity:.8;border:none;border-radius:3px;background-color:transparent;display:none;flex-shrink:0}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:hover{opacity:1;border:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:focus-visible{border:var(--sky-background-color-primary-dark) solid 2px;outline:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:active{border:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:focus-visible:not(:active){box-shadow:none}.sky-alert:not(.sky-theme-modern *).sky-alert-closeable .sky-alert-close{display:block}.sky-alert:not(.sky-theme-modern *) .sky-alert-icon-theme-modern{display:none}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}:
|
|
119
|
+
args: [{ selector: 'sky-alert', hostDirectives: [SkyThemeComponentClassDirective], 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': alertTypeOrDefault === 'info',\n 'sky-alert-success': alertTypeOrDefault === 'success',\n 'sky-alert-warning': alertTypeOrDefault === 'warning',\n 'sky-alert-danger': alertTypeOrDefault === '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 <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n <div class=\"sky-alert-content\">\n <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 icon=\"close\" />\n </span>\n </button>\n</div>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-alert:not(.sky-theme-modern *){padding:0 10px;border-left:solid 30px;color:var(--sky-text-color-default);display:flex;flex-direction:row;align-items:center}.sky-alert:not(.sky-theme-modern *) .sky-alert-content{padding:10px 0;width:100%}.sky-alert:not(.sky-theme-modern *) .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}.sky-alert:not(.sky-theme-modern *) .sky-alert-content ::ng-deep a:hover{color:var(--sky-text-color-default)}.sky-alert:not(.sky-theme-modern *) button{margin-left:auto;width:32px;height:32px}.sky-alert:not(.sky-theme-modern *).sky-alert-info:before,.sky-alert:not(.sky-theme-modern *).sky-alert-success:before,.sky-alert:not(.sky-theme-modern *).sky-alert-warning:before,.sky-alert:not(.sky-theme-modern *).sky-alert-danger:before{font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert:not(.sky-theme-modern *):not(.sky-alert-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-alert:not(.sky-theme-modern *).sky-alert-info{background-color:var(--sky-background-color-info);border-color:var(--sky-highlight-color-info)}.sky-alert:not(.sky-theme-modern *).sky-alert-info:before{content:\"\\f06a\";margin-left:-31px;margin-right:20px}.sky-alert:not(.sky-theme-modern *).sky-alert-success{background-color:var(--sky-background-color-success);border-color:var(--sky-highlight-color-success)}.sky-alert:not(.sky-theme-modern *).sky-alert-success:before{content:\"\\f00c\"}.sky-alert:not(.sky-theme-modern *).sky-alert-warning{background-color:var(--sky-background-color-warning);border-color:var(--sky-highlight-color-warning)}.sky-alert:not(.sky-theme-modern *).sky-alert-warning:before{content:\"\\f071\"}.sky-alert:not(.sky-theme-modern *).sky-alert-danger{background-color:var(--sky-background-color-danger);border-color:var(--sky-highlight-color-danger)}.sky-alert:not(.sky-theme-modern *).sky-alert-danger:before{content:\"\\f071\"}.sky-alert:not(.sky-theme-modern *) .sky-alert-close{cursor:pointer;font-weight:700;line-height:1;margin:0;padding:0;color:var(--sky-text-color-default);opacity:.8;border:none;border-radius:3px;background-color:transparent;display:none;flex-shrink:0}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:hover{opacity:1;border:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:focus-visible{border:var(--sky-background-color-primary-dark) solid 2px;outline:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:active{border:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:focus-visible:not(:active){box-shadow:none}.sky-alert:not(.sky-theme-modern *).sky-alert-closeable .sky-alert-close{display:block}.sky-alert:not(.sky-theme-modern *) .sky-alert-icon-theme-modern{display:none}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}:is(.sky-theme-modern .sky-alert){padding:0 10px;border-left:solid 7px;color:var(--sky-text-color-default);display:flex;flex-direction:row;align-items:center}:is(.sky-theme-modern .sky-alert) .sky-alert-content{padding:var(--sky-padding-even-md);width:100%}:is(.sky-theme-modern .sky-alert) .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}:is(.sky-theme-modern .sky-alert) .sky-alert-content ::ng-deep a:hover{color:var(--sky-text-color-default)}:is(.sky-theme-modern .sky-alert) button{margin-left:auto;width:32px;height:32px}:is(.sky-theme-modern .sky-alert).sky-alert-info:before,:is(.sky-theme-modern .sky-alert).sky-alert-success:before,:is(.sky-theme-modern .sky-alert).sky-alert-warning:before,:is(.sky-theme-modern .sky-alert).sky-alert-danger:before{display:none}:is(.sky-theme-modern .sky-alert):not(.sky-alert-danger){--sky-icon-stack-top-icon-color-override: #212327}:is(.sky-theme-modern .sky-alert).sky-alert-info{background-color:var(--sky-background-color-info-light);border-color:var(--sky-highlight-color-info)}:is(.sky-theme-modern .sky-alert).sky-alert-info:before{content:\"\\f06a\";margin-left:-31px;margin-right:20px}:is(.sky-theme-modern .sky-alert).sky-alert-success{background-color:var(--sky-background-color-success);border-color:var(--sky-highlight-color-success)}:is(.sky-theme-modern .sky-alert).sky-alert-success:before{content:\"\\f00c\"}:is(.sky-theme-modern .sky-alert).sky-alert-warning{background-color:var(--sky-background-color-warning);border-color:var(--sky-highlight-color-warning)}:is(.sky-theme-modern .sky-alert).sky-alert-warning:before{content:\"\\f071\"}:is(.sky-theme-modern .sky-alert).sky-alert-danger{background-color:var(--sky-background-color-danger);border-color:var(--sky-highlight-color-danger)}:is(.sky-theme-modern .sky-alert).sky-alert-danger:before{content:\"\\f071\"}:is(.sky-theme-modern .sky-alert) .sky-alert-close{cursor:pointer;font-weight:700;line-height:1;margin:0;padding:0;color:var(--sky-text-color-default);border:none;border-radius:6px;background-color:transparent;display:none;flex-shrink:0}:is(.sky-theme-modern .sky-alert) .sky-alert-close:hover{opacity:1;border:var(--sky-background-color-primary-dark) solid 1px}:is(.sky-theme-modern .sky-alert) .sky-alert-close:focus-visible{border:var(--sky-background-color-primary-dark) solid 2px;outline:none}:is(.sky-theme-modern .sky-alert) .sky-alert-close:active{border:var(--sky-background-color-primary-dark) solid 2px}:is(.sky-theme-modern .sky-alert) .sky-alert-close:focus-visible:not(:active){box-shadow:0 1px 3px #0000004d}:is(.sky-theme-modern .sky-alert).sky-alert-closeable .sky-alert-close{display:block}:is(.sky-theme-modern .sky-alert) .sky-alert-icon-theme-modern{display:block}:is(.sky-theme-modern .sky-alert).sky-alert-info .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-info)}:is(.sky-theme-modern .sky-alert).sky-alert-success .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-success)}:is(.sky-theme-modern .sky-alert).sky-alert-warning .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-warning)}:is(.sky-theme-modern .sky-alert).sky-alert-danger .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-danger)}\n"] }]
|
|
120
120
|
}], propDecorators: { alertType: [{
|
|
121
121
|
type: Input
|
|
122
122
|
}], closeable: [{
|
|
@@ -6,17 +6,17 @@ import { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources
|
|
|
6
6
|
import { SkyAlertComponent } from './alert.component';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class SkyAlertModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: SkyAlertModule, declarations: [SkyAlertComponent], imports: [CommonModule,
|
|
11
11
|
SkyIconModule,
|
|
12
12
|
SkyIndicatorsResourcesModule,
|
|
13
13
|
SkyThemeModule], exports: [SkyAlertComponent] }); }
|
|
14
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
14
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyAlertModule, imports: [CommonModule,
|
|
15
15
|
SkyIconModule,
|
|
16
16
|
SkyIndicatorsResourcesModule,
|
|
17
17
|
SkyThemeModule] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyAlertModule, decorators: [{
|
|
20
20
|
type: NgModule,
|
|
21
21
|
args: [{
|
|
22
22
|
declarations: [SkyAlertComponent],
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { SkyThemeComponentClassDirective } from '@skyux/theme';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@
|
|
4
|
-
import * as i2 from "@
|
|
4
|
+
import * as i1 from "@skyux/theme";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
5
6
|
import * as i3 from "../expansion-indicator/expansion-indicator.component";
|
|
6
7
|
/**
|
|
7
8
|
* Creates an accessible button that wraps the chevron icon.
|
|
@@ -57,12 +58,12 @@ export class SkyChevronComponent {
|
|
|
57
58
|
}
|
|
58
59
|
}
|
|
59
60
|
}
|
|
60
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
61
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
61
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyChevronComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
62
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SkyChevronComponent, selector: "sky-chevron", inputs: { ariaControls: "ariaControls", ariaLabel: "ariaLabel", direction: "direction", disabled: "disabled" }, outputs: { directionChange: "directionChange" }, hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], 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-' + directionOrDefault]\"\n [skyThemeClass]=\"{\n 'sky-btn sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"chevronClick($event)\"\n (keydown)=\"chevronKeyDown($event)\"\n>\n <sky-expansion-indicator\n [direction]=\"directionOrDefault\"\n ></sky-expansion-indicator>\n</button>\n", styles: [".sky-chevron:not(.sky-theme-modern *){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:not(.sky-theme-modern *):hover .sky-chevron-part{border-color:#979ba2}\n", ":is(.sky-theme-modern .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}:is(.sky-theme-modern .sky-chevron):hover .sky-chevron-part{border-color:#979ba2}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "component", type: i3.SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: ["direction"] }] }); }
|
|
62
63
|
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyChevronComponent, decorators: [{
|
|
64
65
|
type: Component,
|
|
65
|
-
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-' + directionOrDefault]\"\n [skyThemeClass]=\"{\n 'sky-btn sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"chevronClick($event)\"\n (keydown)=\"chevronKeyDown($event)\"\n>\n <sky-expansion-indicator\n [direction]=\"directionOrDefault\"\n ></sky-expansion-indicator>\n</button>\n", styles: ["
|
|
66
|
+
args: [{ selector: 'sky-chevron', hostDirectives: [SkyThemeComponentClassDirective], 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-' + directionOrDefault]\"\n [skyThemeClass]=\"{\n 'sky-btn sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"chevronClick($event)\"\n (keydown)=\"chevronKeyDown($event)\"\n>\n <sky-expansion-indicator\n [direction]=\"directionOrDefault\"\n ></sky-expansion-indicator>\n</button>\n", styles: [".sky-chevron:not(.sky-theme-modern *){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:not(.sky-theme-modern *):hover .sky-chevron-part{border-color:#979ba2}\n", ":is(.sky-theme-modern .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}:is(.sky-theme-modern .sky-chevron):hover .sky-chevron-part{border-color:#979ba2}\n"] }]
|
|
66
67
|
}], propDecorators: { ariaControls: [{
|
|
67
68
|
type: Input
|
|
68
69
|
}], ariaLabel: [{
|
|
@@ -74,4 +75,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
74
75
|
}], directionChange: [{
|
|
75
76
|
type: Output
|
|
76
77
|
}] } });
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hldnJvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvY2hldnJvbi9jaGV2cm9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9jaGV2cm9uL2NoZXZyb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxjQUFjLENBQUM7Ozs7O0FBRS9EOzs7R0FHRztBQVVILE1BQU0sT0FBTyxtQkFBbUI7SUFUaEM7UUE0Q0U7O1dBRUc7UUFFSSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRXhCOztXQUVHO1FBRUksb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRTdDLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBRXBCLHVCQUFrQixHQUFHLElBQUksQ0FBQztLQXdCbEM7SUF2REM7O09BRUc7SUFDSCxJQUNXLFNBQVMsQ0FBQyxLQUF5QjtRQUM1QywwQkFBMEI7UUFDMUIsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7WUFDdEMsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDL0MsMEJBQTBCO1lBQzFCLElBQUksSUFBSSxDQUFDLGtCQUFrQixLQUFLLElBQUksRUFBRSxDQUFDO2dCQUNyQyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztZQUMzQixDQUFDO2lCQUFNLElBQUksSUFBSSxDQUFDLGtCQUFrQixLQUFLLE1BQU0sRUFBRSxDQUFDO2dCQUM5QyxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztZQUM1QixDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7SUFrQk0sWUFBWSxDQUFDLEtBQVk7UUFDOUIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDbEUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFDckQsQ0FBQztJQUVNLGNBQWMsQ0FBQyxLQUFvQjtRQUN4QywwQkFBMEI7UUFDMUIsSUFBSSxLQUFLLENBQUMsR0FBRyxFQUFFLENBQUM7WUFDZCxRQUFRLEtBQUssQ0FBQyxHQUFHLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQztnQkFDaEMsS0FBSyxHQUFHLENBQUM7Z0JBQ1QsS0FBSyxPQUFPO29CQUNWLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7b0JBQ2xFLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO29CQUNuRCxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7b0JBQ3ZCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztvQkFDeEIsTUFBTTtnQkFDUjtvQkFDRSxNQUFNO1lBQ1YsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDOzhHQXhFVSxtQkFBbUI7a0dBQW5CLG1CQUFtQix5UkNoQmhDLDBnQkFrQkE7OzJGREZhLG1CQUFtQjtrQkFUL0IsU0FBUzsrQkFDRSxhQUFhLGtCQU1QLENBQUMsK0JBQStCLENBQUM7OEJBVTFDLFlBQVk7c0JBRGxCLEtBQUs7Z0JBU0MsU0FBUztzQkFEZixLQUFLO2dCQU9LLFNBQVM7c0JBRG5CLEtBQUs7Z0JBa0JDLFFBQVE7c0JBRGQsS0FBSztnQkFPQyxlQUFlO3NCQURyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreVRoZW1lQ29tcG9uZW50Q2xhc3NEaXJlY3RpdmUgfSBmcm9tICdAc2t5dXgvdGhlbWUnO1xuXG4vKipcbiAqIENyZWF0ZXMgYW4gYWNjZXNzaWJsZSBidXR0b24gdGhhdCB3cmFwcyB0aGUgY2hldnJvbiBpY29uLlxuICogQGludGVybmFsXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1jaGV2cm9uJyxcbiAgc3R5bGVVcmxzOiBbXG4gICAgJy4vY2hldnJvbi5kZWZhdWx0LmNvbXBvbmVudC5zY3NzJyxcbiAgICAnLi9jaGV2cm9uLm1vZGVybi5jb21wb25lbnQuc2NzcycsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGV2cm9uLmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtTa3lUaGVtZUNvbXBvbmVudENsYXNzRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5Q2hldnJvbkNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUaGUgZWxlbWVudCB3aG9zZSBjb250ZW50cyBhcmUgY29udHJvbGxlZCBieSB0aGUgY2hldnJvbi5cbiAgICogVGhpcyBzZXRzIHRoZSBjaGV2cm9uJ3MgYGFyaWEtY29udHJvbHNgIGF0dHJpYnV0ZVxuICAgKiBbdG8gc3VwcG9ydCBhY2Nlc3NpYmlsaXR5XShodHRwczovL2RldmVsb3Blci5ibGFja2JhdWQuY29tL3NreXV4L2xlYXJuL2FjY2Vzc2liaWxpdHkpLlxuICAgKiBGb3IgbW9yZSBpbmZvcm1hdGlvbiBhYm91dCB0aGUgYGFyaWEtY29udHJvbHNgIGF0dHJpYnV0ZSwgc2VlIHRoZSBbV0FJLUFSSUEgZGVmaW5pdGlvbl0oaHR0cHM6Ly93d3cudzMub3JnL1RSL3dhaS1hcmlhLyNhcmlhLWNvbnRyb2xzKS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhcmlhQ29udHJvbHM6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogVGhlIEFSSUEgbGFiZWwgZm9yIHRoZSBjaGV2cm9uLiBUaGlzIHNldHMgdGhlIGNoZXZyb24ncyBgYXJpYS1sYWJlbGAgYXR0cmlidXRlIHRvIHByb3ZpZGUgYSB0ZXh0IGVxdWl2YWxlbnQgZm9yIHNjcmVlbiByZWFkZXJzXG4gICAqIFt0byBzdXBwb3J0IGFjY2Vzc2liaWxpdHldKGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvbGVhcm4vYWNjZXNzaWJpbGl0eSkuXG4gICAqIEZvciBtb3JlIGluZm9ybWF0aW9uIGFib3V0IHRoZSBgYXJpYS1sYWJlbGAgYXR0cmlidXRlLCBzZWUgdGhlIFtXQUktQVJJQSBkZWZpbml0aW9uXShodHRwczovL3d3dy53My5vcmcvVFIvd2FpLWFyaWEvI2FyaWEtbGFiZWwpLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGFyaWFMYWJlbDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIC8qKlxuICAgKiBUaGUgZGlyZWN0aW9uIHRoYXQgdGhlIGNoZXZyb24gcG9pbnRzLCB3aGljaCBjYW4gYmUgdXAgb3IgZG93bi5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgZGlyZWN0aW9uKHZhbHVlOiBzdHJpbmcgfCB1bmRlZmluZWQpIHtcbiAgICAvKiBpc3RhbmJ1bCBpZ25vcmUgZWxzZSAqL1xuICAgIGlmICh2YWx1ZSAhPT0gdGhpcy5kaXJlY3Rpb25PckRlZmF1bHQpIHtcbiAgICAgIHRoaXMuZGlyZWN0aW9uT3JEZWZhdWx0ID0gdmFsdWUgPyB2YWx1ZSA6ICd1cCc7XG4gICAgICAvKiBpc3RhbmJ1bCBpZ25vcmUgZWxzZSAqL1xuICAgICAgaWYgKHRoaXMuZGlyZWN0aW9uT3JEZWZhdWx0ID09PSAndXAnKSB7XG4gICAgICAgIHRoaXMuYXJpYUV4cGFuZGVkID0gdHJ1ZTtcbiAgICAgIH0gZWxzZSBpZiAodGhpcy5kaXJlY3Rpb25PckRlZmF1bHQgPT09ICdkb3duJykge1xuICAgICAgICB0aGlzLmFyaWFFeHBhbmRlZCA9IGZhbHNlO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRvIGRpc2FibGUgdGhlIGNoZXZyb24gYnV0dG9uLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEZpcmVzIHdoZW4gdGhlIGRpcmVjdGlvbiBvZiB0aGUgY2hldnJvbiBjaGFuZ2VzLlxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBkaXJlY3Rpb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBwdWJsaWMgYXJpYUV4cGFuZGVkID0gdHJ1ZTtcblxuICBwdWJsaWMgZGlyZWN0aW9uT3JEZWZhdWx0ID0gJ3VwJztcblxuICBwdWJsaWMgY2hldnJvbkNsaWNrKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMuZGlyZWN0aW9uID0gdGhpcy5kaXJlY3Rpb25PckRlZmF1bHQgPT09ICd1cCcgPyAnZG93bicgOiAndXAnO1xuICAgIHRoaXMuZGlyZWN0aW9uQ2hhbmdlLmVtaXQodGhpcy5kaXJlY3Rpb25PckRlZmF1bHQpO1xuICB9XG5cbiAgcHVibGljIGNoZXZyb25LZXlEb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgLyogaXN0YW5idWwgaWdub3JlIGVsc2UgKi9cbiAgICBpZiAoZXZlbnQua2V5KSB7XG4gICAgICBzd2l0Y2ggKGV2ZW50LmtleS50b0xvd2VyQ2FzZSgpKSB7XG4gICAgICAgIGNhc2UgJyAnOlxuICAgICAgICBjYXNlICdlbnRlcic6XG4gICAgICAgICAgdGhpcy5kaXJlY3Rpb24gPSB0aGlzLmRpcmVjdGlvbk9yRGVmYXVsdCA9PT0gJ3VwJyA/ICdkb3duJyA6ICd1cCc7XG4gICAgICAgICAgdGhpcy5kaXJlY3Rpb25DaGFuZ2UuZW1pdCh0aGlzLmRpcmVjdGlvbk9yRGVmYXVsdCk7XG4gICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxidXR0b25cbiAgY2xhc3M9XCJza3ktY2hldnJvblwiXG4gIHR5cGU9XCJidXR0b25cIlxuICBbYXR0ci5hcmlhLWNvbnRyb2xzXT1cImFyaWFDb250cm9sc1wiXG4gIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiYXJpYUV4cGFuZGVkXCJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICBbbmdDbGFzc109XCJbJ3NreS1jaGV2cm9uLScgKyBkaXJlY3Rpb25PckRlZmF1bHRdXCJcbiAgW3NreVRoZW1lQ2xhc3NdPVwie1xuICAgICdza3ktYnRuIHNreS1idG4taWNvbi1ib3JkZXJsZXNzJzogJ21vZGVybidcbiAgfVwiXG4gIChjbGljayk9XCJjaGV2cm9uQ2xpY2soJGV2ZW50KVwiXG4gIChrZXlkb3duKT1cImNoZXZyb25LZXlEb3duKCRldmVudClcIlxuPlxuICA8c2t5LWV4cGFuc2lvbi1pbmRpY2F0b3JcbiAgICBbZGlyZWN0aW9uXT1cImRpcmVjdGlvbk9yRGVmYXVsdFwiXG4gID48L3NreS1leHBhbnNpb24taW5kaWNhdG9yPlxuPC9idXR0b24+XG4iXX0=
|
|
@@ -6,17 +6,17 @@ import { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources
|
|
|
6
6
|
import { SkyChevronComponent } from './chevron.component';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class SkyChevronModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyChevronModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: SkyChevronModule, declarations: [SkyChevronComponent], imports: [CommonModule,
|
|
11
11
|
SkyIndicatorsResourcesModule,
|
|
12
12
|
SkyThemeModule,
|
|
13
13
|
SkyExpansionIndicatorModule], exports: [SkyChevronComponent] }); }
|
|
14
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
14
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyChevronModule, imports: [CommonModule,
|
|
15
15
|
SkyIndicatorsResourcesModule,
|
|
16
16
|
SkyThemeModule,
|
|
17
17
|
SkyExpansionIndicatorModule] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyChevronModule, decorators: [{
|
|
20
20
|
type: NgModule,
|
|
21
21
|
args: [{
|
|
22
22
|
declarations: [SkyChevronComponent],
|
|
@@ -19,13 +19,13 @@ export class SkyExpansionIndicatorComponent {
|
|
|
19
19
|
this.directionOrDefault = value ? value : 'up';
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyExpansionIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", 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-' + directionOrDefault]\"\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:not(.sky-theme-modern *){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:not(.sky-theme-modern *){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:not(.sky-theme-modern *) .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up:not(.sky-theme-modern *) .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down:not(.sky-theme-modern *) .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down:not(.sky-theme-modern *) .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}\n", ":is(.sky-theme-modern .sky-expansion-indicator){display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:26px;margin:0;overflow:hidden;position:relative;vertical-align:top;width:26px}:is(.sky-theme-modern .sky-expansion-indicator-part){background:#686c73;border:none;display:inline-block;height:2px;position:absolute;top:13px;transition:transform .25s,left .25s;vertical-align:top;width:11px}:is(.sky-theme-modern .sky-expansion-indicator-glyph-container){left:4px;display:inline-block;position:absolute;top:3.5px;transform:scale(.68)}:is(.sky-theme-modern .sky-expansion-indicator-left){border-radius:1px 0 0 1px;left:4px}:is(.sky-theme-modern .sky-expansion-indicator-right){border-radius:0 1px 1px 0;left:10.5px}:is(.sky-theme-modern .sky-expansion-indicator-up) .sky-expansion-indicator-left{transform:rotate(-45deg)}:is(.sky-theme-modern .sky-expansion-indicator-up) .sky-expansion-indicator-right{transform:rotate(45deg)}:is(.sky-theme-modern .sky-expansion-indicator-down) .sky-expansion-indicator-left{transform:rotate(45deg)}:is(.sky-theme-modern .sky-expansion-indicator-down) .sky-expansion-indicator-right{transform:rotate(-45deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }] }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyExpansionIndicatorComponent, decorators: [{
|
|
26
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-' + directionOrDefault]\"\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)}:
|
|
27
|
+
args: [{ selector: 'sky-expansion-indicator', template: "<div\n aria-hidden=\"true\"\n class=\"sky-expansion-indicator\"\n [ngClass]=\"['sky-expansion-indicator-' + directionOrDefault]\"\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:not(.sky-theme-modern *){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:not(.sky-theme-modern *){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:not(.sky-theme-modern *) .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up:not(.sky-theme-modern *) .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down:not(.sky-theme-modern *) .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down:not(.sky-theme-modern *) .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}\n", ":is(.sky-theme-modern .sky-expansion-indicator){display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:26px;margin:0;overflow:hidden;position:relative;vertical-align:top;width:26px}:is(.sky-theme-modern .sky-expansion-indicator-part){background:#686c73;border:none;display:inline-block;height:2px;position:absolute;top:13px;transition:transform .25s,left .25s;vertical-align:top;width:11px}:is(.sky-theme-modern .sky-expansion-indicator-glyph-container){left:4px;display:inline-block;position:absolute;top:3.5px;transform:scale(.68)}:is(.sky-theme-modern .sky-expansion-indicator-left){border-radius:1px 0 0 1px;left:4px}:is(.sky-theme-modern .sky-expansion-indicator-right){border-radius:0 1px 1px 0;left:10.5px}:is(.sky-theme-modern .sky-expansion-indicator-up) .sky-expansion-indicator-left{transform:rotate(-45deg)}:is(.sky-theme-modern .sky-expansion-indicator-up) .sky-expansion-indicator-right{transform:rotate(45deg)}:is(.sky-theme-modern .sky-expansion-indicator-down) .sky-expansion-indicator-left{transform:rotate(45deg)}:is(.sky-theme-modern .sky-expansion-indicator-down) .sky-expansion-indicator-right{transform:rotate(-45deg)}\n"] }]
|
|
28
28
|
}], propDecorators: { direction: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLWluZGljYXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvZXhwYW5zaW9uLWluZGljYXRvci9leHBhbnNpb24taW5kaWNhdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9leHBhbnNpb24taW5kaWNhdG9yL2V4cGFuc2lvbi1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFFakQ7OztHQUdHO0FBU0gsTUFBTSxPQUFPLDhCQUE4QjtJQVIzQztRQW9CUyx1QkFBa0IsR0FBRyxJQUFJLENBQUM7S0FDbEM7SUFaQzs7T0FFRztJQUNILElBQ1csU0FBUyxDQUFDLEtBQXlCO1FBQzVDLDBCQUEwQjtRQUMxQixJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztZQUN0QyxJQUFJLENBQUMsa0JBQWtCLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNqRCxDQUFDO0lBQ0gsQ0FBQzs4R0FWVSw4QkFBOEI7a0dBQTlCLDhCQUE4QixtR0NkM0MsaXFCQW1CQTs7MkZETGEsOEJBQThCO2tCQVIxQyxTQUFTOytCQUNFLHlCQUF5Qjs4QkFZeEIsU0FBUztzQkFEbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBEaXNwbGF5cyBhIGNoZXZyb24gaWNvbi5cbiAqIEBpbnRlcm5hbFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktZXhwYW5zaW9uLWluZGljYXRvcicsXG4gIHN0eWxlVXJsczogW1xuICAgICcuL2V4cGFuc2lvbi1pbmRpY2F0b3IuZGVmYXVsdC5jb21wb25lbnQuc2NzcycsXG4gICAgJy4vZXhwYW5zaW9uLWluZGljYXRvci5tb2Rlcm4uY29tcG9uZW50LnNjc3MnLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vZXhwYW5zaW9uLWluZGljYXRvci5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreUV4cGFuc2lvbkluZGljYXRvckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUaGUgZGlyZWN0aW9uIHRoYXQgdGhlIGNoZXZyb24gcG9pbnRzLCB3aGljaCBjYW4gYmUgdXAgb3IgZG93bi5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgZGlyZWN0aW9uKHZhbHVlOiBzdHJpbmcgfCB1bmRlZmluZWQpIHtcbiAgICAvKiBpc3RhbmJ1bCBpZ25vcmUgZWxzZSAqL1xuICAgIGlmICh2YWx1ZSAhPT0gdGhpcy5kaXJlY3Rpb25PckRlZmF1bHQpIHtcbiAgICAgIHRoaXMuZGlyZWN0aW9uT3JEZWZhdWx0ID0gdmFsdWUgPyB2YWx1ZSA6ICd1cCc7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGRpcmVjdGlvbk9yRGVmYXVsdCA9ICd1cCc7XG59XG4iLCI8ZGl2XG4gIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gIGNsYXNzPVwic2t5LWV4cGFuc2lvbi1pbmRpY2F0b3JcIlxuICBbbmdDbGFzc109XCJbJ3NreS1leHBhbnNpb24taW5kaWNhdG9yLScgKyBkaXJlY3Rpb25PckRlZmF1bHRdXCJcbj5cbiAgPG5nLWNvbnRhaW5lciAqc2t5VGhlbWVJZj1cIidkZWZhdWx0J1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpY29uXCI+PC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctY29udGFpbmVyICpza3lUaGVtZUlmPVwiJ21vZGVybidcIj5cbiAgICA8c3BhbiBjbGFzcz1cInNreS1leHBhbnNpb24taW5kaWNhdG9yLWdseXBoLWNvbnRhaW5lclwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImljb25cIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L3NwYW4+XG4gIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjaWNvbj5cbiAgPGkgY2xhc3M9XCJza3ktZXhwYW5zaW9uLWluZGljYXRvci1wYXJ0IHNreS1leHBhbnNpb24taW5kaWNhdG9yLWxlZnRcIj4gPC9pPlxuICA8aSBjbGFzcz1cInNreS1leHBhbnNpb24taW5kaWNhdG9yLXBhcnQgc2t5LWV4cGFuc2lvbi1pbmRpY2F0b3ItcmlnaHRcIj4gPC9pPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -4,11 +4,11 @@ import { SkyThemeModule } from '@skyux/theme';
|
|
|
4
4
|
import { SkyExpansionIndicatorComponent } from './expansion-indicator.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class SkyExpansionIndicatorModule {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
9
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyExpansionIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: SkyExpansionIndicatorModule, declarations: [SkyExpansionIndicatorComponent], imports: [CommonModule, SkyThemeModule], exports: [SkyExpansionIndicatorComponent] }); }
|
|
9
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyExpansionIndicatorModule, imports: [CommonModule, SkyThemeModule] }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyExpansionIndicatorModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
declarations: [SkyExpansionIndicatorComponent],
|
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* Resolves information about spot illustrations.
|
|
5
5
|
*/
|
|
6
6
|
export class SkyIllustrationResolverService {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
8
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyIllustrationResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
8
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyIllustrationResolverService }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyIllustrationResolverService, decorators: [{
|
|
11
11
|
type: Injectable
|
|
12
12
|
}] });
|
|
13
13
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWxsdXN0cmF0aW9uLXJlc29sdmVyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvaWxsdXN0cmF0aW9uL2lsbHVzdHJhdGlvbi1yZXNvbHZlci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTNDOztHQUVHO0FBRUgsTUFBTSxPQUFnQiw4QkFBOEI7OEdBQTlCLDhCQUE4QjtrSEFBOUIsOEJBQThCOzsyRkFBOUIsOEJBQThCO2tCQURuRCxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFJlc29sdmVzIGluZm9ybWF0aW9uIGFib3V0IHNwb3QgaWxsdXN0cmF0aW9ucy5cbiAqL1xuQEluamVjdGFibGUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFNreUlsbHVzdHJhdGlvblJlc29sdmVyU2VydmljZSB7XG4gIC8qKlxuICAgKiBSZXNvbHZlcyBhIFVSTCBmb3IgdGhlIHNwZWNpZmllZCBpbGx1c3RyYXRpb24gbmFtZS5cbiAgICovXG4gIHB1YmxpYyBhYnN0cmFjdCByZXNvbHZlVXJsKG5hbWU6IHN0cmluZyk6IFByb21pc2U8c3RyaW5nPjtcbn1cbiJdfQ==
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { CommonModule, NgOptimizedImage } from '@angular/common';
|
|
2
2
|
import { ChangeDetectionStrategy, Component, computed, inject, input, } from '@angular/core';
|
|
3
3
|
import { toObservable, toSignal } from '@angular/core/rxjs-interop';
|
|
4
|
+
import { SkyThemeComponentClassDirective } from '@skyux/theme';
|
|
4
5
|
import { catchError, from, of, switchMap } from 'rxjs';
|
|
5
6
|
import { SkyIllustrationResolverService } from './illustration-resolver.service';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@skyux/theme";
|
|
9
|
+
import * as i2 from "@angular/common";
|
|
7
10
|
const pixelSizes = {
|
|
8
11
|
sm: 48,
|
|
9
12
|
md: 64,
|
|
@@ -32,11 +35,11 @@ export class SkyIllustrationComponent {
|
|
|
32
35
|
this.pixelSize = computed(() => pixelSizes[this.size()]);
|
|
33
36
|
}
|
|
34
37
|
#resolverSvc;
|
|
35
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
36
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.
|
|
38
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyIllustrationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.2", type: SkyIllustrationComponent, isStandalone: true, selector: "sky-illustration", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: true, transformFunction: null } }, hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], ngImport: i0, template: "<img\n alt=\"\"\n class=\"sky-illustration-img\"\n loading=\"lazy\"\n [attr.data-sky-illustration-name]=\"name()\"\n [height]=\"pixelSize()\"\n [ngClass]=\"{\n 'sky-illustration-img-loaded': !!url()\n }\"\n [src]=\"url()\"\n [width]=\"pixelSize()\"\n/>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-illustration-img:not(.sky-theme-modern *){display:block}.sky-illustration-img:not(.sky-theme-modern *)[src=\"\"]{visibility:hidden}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}:is(.sky-theme-modern .sky-illustration-img){display:block}:is(.sky-theme-modern .sky-illustration-img)[src=\"\"]{visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
37
40
|
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyIllustrationComponent, decorators: [{
|
|
39
42
|
type: Component,
|
|
40
|
-
args: [{ selector: 'sky-illustration', standalone: true, imports: [CommonModule, NgOptimizedImage], changeDetection: ChangeDetectionStrategy.OnPush, template: "<img\n alt=\"\"\n class=\"sky-illustration-img\"\n loading=\"lazy\"\n [attr.data-sky-illustration-name]=\"name()\"\n [height]=\"pixelSize()\"\n [src]=\"url()\"\n [width]=\"pixelSize()\"\n/>\n", styles: [":host
|
|
43
|
+
args: [{ selector: 'sky-illustration', standalone: true, imports: [CommonModule, NgOptimizedImage], hostDirectives: [SkyThemeComponentClassDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<img\n alt=\"\"\n class=\"sky-illustration-img\"\n loading=\"lazy\"\n [attr.data-sky-illustration-name]=\"name()\"\n [height]=\"pixelSize()\"\n [ngClass]=\"{\n 'sky-illustration-img-loaded': !!url()\n }\"\n [src]=\"url()\"\n [width]=\"pixelSize()\"\n/>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-illustration-img:not(.sky-theme-modern *){display:block}.sky-illustration-img:not(.sky-theme-modern *)[src=\"\"]{visibility:hidden}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}:is(.sky-theme-modern .sky-illustration-img){display:block}:is(.sky-theme-modern .sky-illustration-img)[src=\"\"]{visibility:hidden}\n"] }]
|
|
41
44
|
}] });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWxsdXN0cmF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9pbGx1c3RyYXRpb24vaWxsdXN0cmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9pbGx1c3RyYXRpb24vaWxsdXN0cmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxRQUFRLEVBQ1IsTUFBTSxFQUNOLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUUvRCxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRXZELE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7O0FBR2pGLE1BQU0sVUFBVSxHQUF3QztJQUN0RCxFQUFFLEVBQUUsRUFBRTtJQUNOLEVBQUUsRUFBRSxFQUFFO0lBQ04sRUFBRSxFQUFFLEVBQUU7SUFDTixFQUFFLEVBQUUsRUFBRTtDQUNQLENBQUM7QUFFRjs7R0FFRztBQWFILE1BQU0sT0FBTyx3QkFBd0I7SUFackM7UUFhVyxpQkFBWSxHQUFHLE1BQU0sQ0FBQyw4QkFBOEIsRUFBRTtZQUM3RCxRQUFRLEVBQUUsSUFBSTtTQUNmLENBQUMsQ0FBQztRQUVIOzs7V0FHRztRQUNhLFNBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFFaEQ7OztXQUdHO1FBQ2EsU0FBSSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQXVCLENBQUM7UUFFMUMsUUFBRyxHQUFHLFFBQVEsQ0FDL0IsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQzFCLFNBQVMsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQ2pCLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQ3RFLEVBQ0QsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUN6QixDQUNGLENBQUM7UUFFaUIsY0FBUyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztLQUN4RTtJQTFCVSxZQUFZLENBRWxCOzhHQUhRLHdCQUF3QjtrR0FBeEIsd0JBQXdCLHFZQ3RDckMsNFFBWUEsaWNEaUJZLFlBQVk7OzJGQVNYLHdCQUF3QjtrQkFacEMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDLGtCQU16QixDQUFDLCtCQUErQixDQUFDLG1CQUNoQyx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCBOZ09wdGltaXplZEltYWdlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGNvbXB1dGVkLFxuICBpbmplY3QsXG4gIGlucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRvT2JzZXJ2YWJsZSwgdG9TaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBTa3lUaGVtZUNvbXBvbmVudENsYXNzRGlyZWN0aXZlIH0gZnJvbSAnQHNreXV4L3RoZW1lJztcblxuaW1wb3J0IHsgY2F0Y2hFcnJvciwgZnJvbSwgb2YsIHN3aXRjaE1hcCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBTa3lJbGx1c3RyYXRpb25SZXNvbHZlclNlcnZpY2UgfSBmcm9tICcuL2lsbHVzdHJhdGlvbi1yZXNvbHZlci5zZXJ2aWNlJztcbmltcG9ydCB7IFNreUlsbHVzdHJhdGlvblNpemUgfSBmcm9tICcuL2lsbHVzdHJhdGlvbi1zaXplJztcblxuY29uc3QgcGl4ZWxTaXplczogUmVjb3JkPFNreUlsbHVzdHJhdGlvblNpemUsIG51bWJlcj4gPSB7XG4gIHNtOiA0OCxcbiAgbWQ6IDY0LFxuICBsZzogODAsXG4gIHhsOiA5Nixcbn07XG5cbi8qKlxuICogRGlzcGxheXMgYSBzcG90IGlsbHVzdHJhdGlvbiBhdCB0aGUgc3BlY2lmaWVkIHNpemUuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1pbGx1c3RyYXRpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBOZ09wdGltaXplZEltYWdlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2lsbHVzdHJhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogW1xuICAgICcuL2lsbHVzdHJhdGlvbi5kZWZhdWx0LmNvbXBvbmVudC5zY3NzJyxcbiAgICAnLi9pbGx1c3RyYXRpb24ubW9kZXJuLmNvbXBvbmVudC5zY3NzJyxcbiAgXSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtTa3lUaGVtZUNvbXBvbmVudENsYXNzRGlyZWN0aXZlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNreUlsbHVzdHJhdGlvbkNvbXBvbmVudCB7XG4gIHJlYWRvbmx5ICNyZXNvbHZlclN2YyA9IGluamVjdChTa3lJbGx1c3RyYXRpb25SZXNvbHZlclNlcnZpY2UsIHtcbiAgICBvcHRpb25hbDogdHJ1ZSxcbiAgfSk7XG5cbiAgLyoqXG4gICAqIFRoZSBuYW1lIG9mIHRoZSBpbGx1c3RyYXRpb24gdG8gZGlzcGxheS5cbiAgICogQHJlcXVpcmVkXG4gICAqL1xuICBwdWJsaWMgcmVhZG9ubHkgbmFtZSA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcblxuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIGlsbHVzdHJhdGlvbi5cbiAgICogQHJlcXVpcmVkXG4gICAqL1xuICBwdWJsaWMgcmVhZG9ubHkgc2l6ZSA9IGlucHV0LnJlcXVpcmVkPFNreUlsbHVzdHJhdGlvblNpemU+KCk7XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHVybCA9IHRvU2lnbmFsKFxuICAgIHRvT2JzZXJ2YWJsZSh0aGlzLm5hbWUpLnBpcGUoXG4gICAgICBzd2l0Y2hNYXAoKG5hbWUpID0+XG4gICAgICAgIHRoaXMuI3Jlc29sdmVyU3ZjID8gZnJvbSh0aGlzLiNyZXNvbHZlclN2Yy5yZXNvbHZlVXJsKG5hbWUpKSA6IG9mKCcnKSxcbiAgICAgICksXG4gICAgICBjYXRjaEVycm9yKCgpID0+IG9mKCcnKSksXG4gICAgKSxcbiAgKTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgcGl4ZWxTaXplID0gY29tcHV0ZWQoKCkgPT4gcGl4ZWxTaXplc1t0aGlzLnNpemUoKV0pO1xufVxuIiwiPGltZ1xuICBhbHQ9XCJcIlxuICBjbGFzcz1cInNreS1pbGx1c3RyYXRpb24taW1nXCJcbiAgbG9hZGluZz1cImxhenlcIlxuICBbYXR0ci5kYXRhLXNreS1pbGx1c3RyYXRpb24tbmFtZV09XCJuYW1lKClcIlxuICBbaGVpZ2h0XT1cInBpeGVsU2l6ZSgpXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICdza3ktaWxsdXN0cmF0aW9uLWltZy1sb2FkZWQnOiAhIXVybCgpXG4gIH1cIlxuICBbc3JjXT1cInVybCgpXCJcbiAgW3dpZHRoXT1cInBpeGVsU2l6ZSgpXCJcbi8+XG4iXX0=
|
|
@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { SkyIllustrationComponent } from './illustration.component';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class SkyIllustrationModule {
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
6
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
7
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyIllustrationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: SkyIllustrationModule, imports: [SkyIllustrationComponent], exports: [SkyIllustrationComponent] }); }
|
|
7
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyIllustrationModule, imports: [SkyIllustrationComponent] }); }
|
|
8
8
|
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyIllustrationModule, decorators: [{
|
|
10
10
|
type: NgModule,
|
|
11
11
|
args: [{
|
|
12
12
|
imports: [SkyIllustrationComponent],
|
|
@@ -8,10 +8,10 @@ import * as i1 from "@skyux/core";
|
|
|
8
8
|
* @required
|
|
9
9
|
*/
|
|
10
10
|
export class SkyKeyInfoLabelComponent {
|
|
11
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyKeyInfoLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SkyKeyInfoLabelComponent, selector: "sky-key-info-label", ngImport: i0, template: '<span skyTrim><ng-content /></span>', isInline: true, dependencies: [{ kind: "directive", type: i1.λ4, selector: "[skyTrim]" }] }); }
|
|
13
13
|
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyKeyInfoLabelComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{
|
|
17
17
|
selector: 'sky-key-info-label',
|
|
@@ -5,10 +5,10 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
* @required
|
|
6
6
|
*/
|
|
7
7
|
export class SkyKeyInfoValueComponent {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyKeyInfoValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SkyKeyInfoValueComponent, selector: "sky-key-info-value", ngImport: i0, template: '<ng-content />', isInline: true }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyKeyInfoValueComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{
|
|
14
14
|
selector: 'sky-key-info-value',
|
|
@@ -12,12 +12,12 @@ export class SkyKeyInfoComponent {
|
|
|
12
12
|
*/
|
|
13
13
|
this.layout = 'vertical';
|
|
14
14
|
}
|
|
15
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SkyKeyInfoComponent, selector: "sky-key-info", inputs: { helpKey: "helpKey", helpPopoverContent: "helpPopoverContent", helpPopoverTitle: "helpPopoverTitle", layout: "layout" }, ngImport: i0, template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-font-display-3\">\n <ng-content select=\"sky-key-info-value\" />\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <span skyId #label=\"skyId\"><ng-content select=\"sky-key-info-label\" /></span\n ><span class=\"sky-control-help-container\"\n ><sky-help-inline\n *ngIf=\"helpPopoverContent || helpKey; else helpContent\"\n [labelledBy]=\"label.id\"\n [helpKey]=\"helpKey\"\n [popoverTitle]=\"helpPopoverTitle\"\n [popoverContent]=\"helpPopoverContent\"\n /></span>\n </div>\n</div>\n<ng-template #helpContent\n ><ng-content select=\".sky-control-help\"\n/></ng-template>\n", styles: [".sky-key-info{display:var(--sky-host-key-info-display, inline-block)}.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 var(--sky-margin-inline-xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.λ1, selector: "sky-help-inline", inputs: ["ariaControls", "ariaExpanded", "ariaLabel", "helpKey", "labelledBy", "labelText", "popoverContent", "popoverTitle"], outputs: ["actionClick"] }, { kind: "directive", type: i3.λ2, selector: "[skyId]", exportAs: ["skyId"] }] }); }
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyKeyInfoComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'sky-key-info', template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-font-display-3\">\n <ng-content select=\"sky-key-info-value\" />\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <span skyId #label=\"skyId\"><ng-content select=\"sky-key-info-label\" /></span\n ><span class=\"sky-control-help-container\"\n ><sky-help-inline\n *ngIf=\"helpPopoverContent || helpKey; else helpContent\"\n [labelledBy]=\"label.id\"\n [helpKey]=\"helpKey\"\n [popoverTitle]=\"helpPopoverTitle\"\n [popoverContent]=\"helpPopoverContent\"\n /></span>\n </div>\n</div>\n<ng-template #helpContent\n ><ng-content select=\".sky-control-help\"\n/></ng-template>\n", styles: [".sky-key-info
|
|
20
|
+
args: [{ selector: 'sky-key-info', template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-font-display-3\">\n <ng-content select=\"sky-key-info-value\" />\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <span skyId #label=\"skyId\"><ng-content select=\"sky-key-info-label\" /></span\n ><span class=\"sky-control-help-container\"\n ><sky-help-inline\n *ngIf=\"helpPopoverContent || helpKey; else helpContent\"\n [labelledBy]=\"label.id\"\n [helpKey]=\"helpKey\"\n [popoverTitle]=\"helpPopoverTitle\"\n [popoverContent]=\"helpPopoverContent\"\n /></span>\n </div>\n</div>\n<ng-template #helpContent\n ><ng-content select=\".sky-control-help\"\n/></ng-template>\n", styles: [".sky-key-info{display:var(--sky-host-key-info-display, inline-block)}.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 var(--sky-margin-inline-xs)}\n"] }]
|
|
21
21
|
}], propDecorators: { helpKey: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], helpPopoverContent: [{
|
|
@@ -27,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
27
27
|
}], layout: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5LWluZm8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2tleS1pbmZvL2tleS1pbmZvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9rZXktaW5mby9rZXktaW5mby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBZSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTOUQsTUFBTSxPQUFPLG1CQUFtQjtJQUxoQztRQTRCRTs7OztXQUlHO1FBRUksV0FBTSxHQUFxQyxVQUFVLENBQUM7S0FDOUQ7OEdBOUJZLG1CQUFtQjtrR0FBbkIsbUJBQW1CLHNMQ1RoQyxpekJBd0JBOzsyRkRmYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsY0FBYzs4QkFVakIsT0FBTztzQkFEYixLQUFLO2dCQVNDLGtCQUFrQjtzQkFEeEIsS0FBSztnQkFRQyxnQkFBZ0I7c0JBRHRCLEtBQUs7Z0JBU0MsTUFBTTtzQkFEWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5S2V5SW5mb0xheW91dFR5cGUgfSBmcm9tICcuL2tleS1pbmZvLWxheW91dC10eXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWtleS1pbmZvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tleS1pbmZvLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va2V5LWluZm8uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5S2V5SW5mb0NvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBBIGhlbHAga2V5IHRoYXQgaWRlbnRpZmllcyB0aGUgZ2xvYmFsIGhlbHAgY29udGVudCB0byBkaXNwbGF5LiBXaGVuIHNwZWNpZmllZCwgYSBbaGVscCBpbmxpbmVdKGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvY29tcG9uZW50cy9oZWxwLWlubGluZSkgYnV0dG9uIGlzXG4gICAqIHBsYWNlZCBiZXNpZGUgdGhlIGtleSBpbmZvLiBDbGlja2luZyB0aGUgYnV0dG9uIGludm9rZXMgZ2xvYmFsIGhlbHAgYXMgY29uZmlndXJlZCBieSB0aGUgYXBwbGljYXRpb24uXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgaGVscEtleTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgaGVscCBwb3BvdmVyLiBXaGVuIHNwZWNpZmllZCwgYSBbaGVscCBpbmxpbmVdKGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvY29tcG9uZW50cy9oZWxwLWlubGluZSlcbiAgICogYnV0dG9uIGlzIGFkZGVkIHRvIHRoZSBrZXkgaW5mby4gVGhlIGhlbHAgaW5saW5lIGJ1dHRvbiBkaXNwbGF5cyBhIFtwb3BvdmVyXShodHRwczovL2RldmVsb3Blci5ibGFja2JhdWQuY29tL3NreXV4L2NvbXBvbmVudHMvcG9wb3ZlcilcbiAgICogd2hlbiBjbGlja2VkIHVzaW5nIHRoZSBzcGVjaWZpZWQgY29udGVudCBhbmQgb3B0aW9uYWwgdGl0bGUuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgaGVscFBvcG92ZXJDb250ZW50OiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjx1bmtub3duPiB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogVGhlIHRpdGxlIG9mIHRoZSBoZWxwIHBvcG92ZXIuIFRoaXMgcHJvcGVydHkgb25seSBhcHBsaWVzIHdoZW4gYGhlbHBQb3BvdmVyQ29udGVudGAgaXNcbiAgICogYWxzbyBzcGVjaWZpZWQuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgaGVscFBvcG92ZXJUaXRsZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIC8qKlxuICAgKiBUaGUgbGF5b3V0IGZvciB0aGUga2V5IGluZm8uIFRoZSB2ZXJ0aWNhbCBsYXlvdXQgcGxhY2VzIHRoZSBsYWJlbCB1bmRlciB0aGVcbiAgICogdmFsdWUsIHdoaWxlIHRoZSBob3Jpem9udGFsIGxheW91dCBwbGFjZXMgdGhlIGxhYmVsIGJlc2lkZSB0aGUgdmFsdWUuXG4gICAqIEBkZWZhdWx0IFwidmVydGljYWxcIlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGxheW91dDogU2t5S2V5SW5mb0xheW91dFR5cGUgfCB1bmRlZmluZWQgPSAndmVydGljYWwnO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cInNreS1rZXktaW5mb1wiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnc2t5LWtleS1pbmZvLWhvcml6b250YWwnOiBsYXlvdXQgPT09ICdob3Jpem9udGFsJ1xuICB9XCJcbj5cbiAgPGRpdiBjbGFzcz1cInNreS1rZXktaW5mby12YWx1ZSBza3ktZm9udC1kaXNwbGF5LTNcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJza3kta2V5LWluZm8tdmFsdWVcIiAvPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInNreS1rZXktaW5mby1sYWJlbCBza3ktZmllbGQtbGFiZWwgc2t5LWZvbnQtZGF0YS1sYWJlbFwiPlxuICAgIDxzcGFuIHNreUlkICNsYWJlbD1cInNreUlkXCI+PG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LWtleS1pbmZvLWxhYmVsXCIgLz48L3NwYW5cbiAgICA+PHNwYW4gY2xhc3M9XCJza3ktY29udHJvbC1oZWxwLWNvbnRhaW5lclwiXG4gICAgICA+PHNreS1oZWxwLWlubGluZVxuICAgICAgICAqbmdJZj1cImhlbHBQb3BvdmVyQ29udGVudCB8fCBoZWxwS2V5OyBlbHNlIGhlbHBDb250ZW50XCJcbiAgICAgICAgW2xhYmVsbGVkQnldPVwibGFiZWwuaWRcIlxuICAgICAgICBbaGVscEtleV09XCJoZWxwS2V5XCJcbiAgICAgICAgW3BvcG92ZXJUaXRsZV09XCJoZWxwUG9wb3ZlclRpdGxlXCJcbiAgICAgICAgW3BvcG92ZXJDb250ZW50XT1cImhlbHBQb3BvdmVyQ29udGVudFwiXG4gICAgLz48L3NwYW4+XG4gIDwvZGl2PlxuPC9kaXY+XG48bmctdGVtcGxhdGUgI2hlbHBDb250ZW50XG4gID48bmctY29udGVudCBzZWxlY3Q9XCIuc2t5LWNvbnRyb2wtaGVscFwiXG4vPjwvbmctdGVtcGxhdGU+XG4iXX0=
|