@skyux/indicators 11.0.0-alpha.7 → 11.0.0-alpha.9
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 +2133 -2032
- package/esm2022/index.mjs +9 -5
- package/esm2022/lib/modules/key-info/key-info.component.mjs +3 -3
- package/fesm2022/skyux-indicators.mjs +12 -83
- package/fesm2022/skyux-indicators.mjs.map +1 -1
- package/index.d.ts +8 -4
- package/lib/modules/key-info/key-info.component.d.ts +0 -3
- package/package.json +7 -7
- 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 -40
- 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 -35
- 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
|
|
@@ -13,11 +13,11 @@ export class SkyKeyInfoComponent {
|
|
|
13
13
|
this.layout = 'vertical';
|
|
14
14
|
}
|
|
15
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
|
|
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
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.1.2", 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=
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i1$1 from '@angular/common';
|
|
2
2
|
import { CommonModule, NgOptimizedImage } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { NgModule, EventEmitter, inject, Component, Input, Output,
|
|
4
|
+
import { NgModule, EventEmitter, inject, Component, Input, Output, Injectable, input, computed, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef, Directive, ViewChild, ViewChildren, EnvironmentInjector } from '@angular/core';
|
|
5
5
|
import * as i3 from '@skyux/icon';
|
|
6
6
|
import { SkyIconModule } from '@skyux/icon';
|
|
7
7
|
export { SkyIconModule, λ1 as λ4, λ2 as λ5 } from '@skyux/icon';
|
|
@@ -14,7 +14,8 @@ import { SkyLogService, SkyTrimModule, SkyIdModule, SkyMutationObserverService,
|
|
|
14
14
|
import { toSignal, toObservable } from '@angular/core/rxjs-interop';
|
|
15
15
|
import { switchMap, from, of, catchError, take, Subject, BehaviorSubject, defer } from 'rxjs';
|
|
16
16
|
import * as i2 from '@skyux/help-inline';
|
|
17
|
-
import { SkyHelpInlineModule
|
|
17
|
+
import { SkyHelpInlineModule } from '@skyux/help-inline';
|
|
18
|
+
export { SkyHelpInlineModule, λ1 as λ3 } from '@skyux/help-inline';
|
|
18
19
|
import { trigger, transition, style, animate } from '@angular/animations';
|
|
19
20
|
import { takeUntil, take as take$1, finalize } from 'rxjs/operators';
|
|
20
21
|
|
|
@@ -435,78 +436,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
435
436
|
}]
|
|
436
437
|
}] });
|
|
437
438
|
|
|
438
|
-
class SkyHelpInlineAriaExpandedPipe {
|
|
439
|
-
transform(ariaExpanded, ariaControls) {
|
|
440
|
-
return ariaControls ? !!ariaExpanded : null;
|
|
441
|
-
}
|
|
442
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyHelpInlineAriaExpandedPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
443
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: SkyHelpInlineAriaExpandedPipe, name: "skyHelpInlineAriaExpanded" }); }
|
|
444
|
-
}
|
|
445
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyHelpInlineAriaExpandedPipe, decorators: [{
|
|
446
|
-
type: Pipe,
|
|
447
|
-
args: [{
|
|
448
|
-
name: 'skyHelpInlineAriaExpanded',
|
|
449
|
-
}]
|
|
450
|
-
}] });
|
|
451
|
-
|
|
452
|
-
/**
|
|
453
|
-
* @deprecated Use the help inline button component in the `@skyux/help-inline` library instead.
|
|
454
|
-
*/
|
|
455
|
-
class SkyHelpInlineComponent {
|
|
456
|
-
constructor() {
|
|
457
|
-
/**
|
|
458
|
-
* Fires when the user clicks the help inline button.
|
|
459
|
-
*/
|
|
460
|
-
this.actionClick = new EventEmitter();
|
|
461
|
-
inject(SkyLogService).deprecated('SkyHelpInlineComponent', {
|
|
462
|
-
deprecationMajorVersion: 10,
|
|
463
|
-
replacementRecommendation: 'Use the help inline button component in the `@skyux/help-inline` library instead.',
|
|
464
|
-
});
|
|
465
|
-
}
|
|
466
|
-
onClick() {
|
|
467
|
-
this.actionClick.emit();
|
|
468
|
-
}
|
|
469
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyHelpInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
470
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SkyHelpInlineComponent, selector: "sky-help-inline", inputs: { ariaControls: "ariaControls", ariaExpanded: "ariaExpanded", ariaLabel: "ariaLabel" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<button\n class=\"sky-help-inline\"\n type=\"button\"\n [attr.aria-label]=\"\n ariaLabel || 'skyux_help_inline_button_title' | skyLibResources\n \"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded | skyHelpInlineAriaExpanded: ariaControls\"\n (click)=\"onClick()\"\n>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"info-circle\" />\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{border-radius:3px;border:none;box-shadow:inset 0 0 0 1px transparent;background-color:transparent;color:#1870b8;padding:1px 6px}: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}:host-context(.sky-theme-modern) .sky-help-inline:hover{border:none;box-shadow:inset 0 0 0 1px #1870b8;text-decoration:none}:host-context(.sky-theme-modern) .sky-help-inline:hover,:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{color:#1870b8}:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #1870b8;background-image:none}:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:hover,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-active,:host-context(.sky-theme-modern) .sky-help-inline[disabled],:host-context(.sky-theme-modern) .sky-help-inline[disabled]:hover,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:active,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible{outline:none}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-theme-modern .sky-help-inline{border-radius:3px;border:none;box-shadow:inset 0 0 0 1px transparent;background-color:transparent;color:#1870b8;padding:1px 6px}.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}.sky-theme-modern .sky-help-inline:hover{border:none;box-shadow:inset 0 0 0 1px #1870b8;text-decoration:none}.sky-theme-modern .sky-help-inline:hover,.sky-theme-modern .sky-help-inline:active,.sky-theme-modern .sky-help-inline.sky-btn-active{color:#1870b8}.sky-theme-modern .sky-help-inline:active,.sky-theme-modern .sky-help-inline.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #1870b8;background-image:none}.sky-theme-modern .sky-help-inline.sky-btn-disabled,.sky-theme-modern .sky-help-inline.sky-btn-disabled:hover,.sky-theme-modern .sky-help-inline.sky-btn-disabled:focus-visible,.sky-theme-modern .sky-help-inline.sky-btn-disabled.sky-btn-focus,.sky-theme-modern .sky-help-inline.sky-btn-disabled:active,.sky-theme-modern .sky-help-inline.sky-btn-disabled.sky-btn-active,.sky-theme-modern .sky-help-inline[disabled],.sky-theme-modern .sky-help-inline[disabled]:hover,.sky-theme-modern .sky-help-inline[disabled]:focus-visible,.sky-theme-modern .sky-help-inline[disabled].sky-btn-focus,.sky-theme-modern .sky-help-inline[disabled]:active,.sky-theme-modern .sky-help-inline[disabled].sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}.sky-theme-modern .sky-help-inline:focus-visible{outline:none}.sky-theme-modern .sky-help-inline:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}\n"], dependencies: [{ 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.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "pipe", type: SkyHelpInlineAriaExpandedPipe, name: "skyHelpInlineAriaExpanded" }] }); }
|
|
471
|
-
}
|
|
472
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyHelpInlineComponent, decorators: [{
|
|
473
|
-
type: Component,
|
|
474
|
-
args: [{ selector: 'sky-help-inline', template: "<button\n class=\"sky-help-inline\"\n type=\"button\"\n [attr.aria-label]=\"\n ariaLabel || 'skyux_help_inline_button_title' | skyLibResources\n \"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded | skyHelpInlineAriaExpanded: ariaControls\"\n (click)=\"onClick()\"\n>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"info-circle\" />\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{border-radius:3px;border:none;box-shadow:inset 0 0 0 1px transparent;background-color:transparent;color:#1870b8;padding:1px 6px}: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}:host-context(.sky-theme-modern) .sky-help-inline:hover{border:none;box-shadow:inset 0 0 0 1px #1870b8;text-decoration:none}:host-context(.sky-theme-modern) .sky-help-inline:hover,:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{color:#1870b8}:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #1870b8;background-image:none}:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:hover,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-active,:host-context(.sky-theme-modern) .sky-help-inline[disabled],:host-context(.sky-theme-modern) .sky-help-inline[disabled]:hover,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:active,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible{outline:none}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-theme-modern .sky-help-inline{border-radius:3px;border:none;box-shadow:inset 0 0 0 1px transparent;background-color:transparent;color:#1870b8;padding:1px 6px}.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}.sky-theme-modern .sky-help-inline:hover{border:none;box-shadow:inset 0 0 0 1px #1870b8;text-decoration:none}.sky-theme-modern .sky-help-inline:hover,.sky-theme-modern .sky-help-inline:active,.sky-theme-modern .sky-help-inline.sky-btn-active{color:#1870b8}.sky-theme-modern .sky-help-inline:active,.sky-theme-modern .sky-help-inline.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #1870b8;background-image:none}.sky-theme-modern .sky-help-inline.sky-btn-disabled,.sky-theme-modern .sky-help-inline.sky-btn-disabled:hover,.sky-theme-modern .sky-help-inline.sky-btn-disabled:focus-visible,.sky-theme-modern .sky-help-inline.sky-btn-disabled.sky-btn-focus,.sky-theme-modern .sky-help-inline.sky-btn-disabled:active,.sky-theme-modern .sky-help-inline.sky-btn-disabled.sky-btn-active,.sky-theme-modern .sky-help-inline[disabled],.sky-theme-modern .sky-help-inline[disabled]:hover,.sky-theme-modern .sky-help-inline[disabled]:focus-visible,.sky-theme-modern .sky-help-inline[disabled].sky-btn-focus,.sky-theme-modern .sky-help-inline[disabled]:active,.sky-theme-modern .sky-help-inline[disabled].sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}.sky-theme-modern .sky-help-inline:focus-visible{outline:none}.sky-theme-modern .sky-help-inline:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}\n"] }]
|
|
475
|
-
}], ctorParameters: () => [], propDecorators: { ariaControls: [{
|
|
476
|
-
type: Input
|
|
477
|
-
}], ariaExpanded: [{
|
|
478
|
-
type: Input
|
|
479
|
-
}], ariaLabel: [{
|
|
480
|
-
type: Input
|
|
481
|
-
}], actionClick: [{
|
|
482
|
-
type: Output
|
|
483
|
-
}] } });
|
|
484
|
-
|
|
485
|
-
class SkyHelpInlineModule {
|
|
486
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyHelpInlineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
487
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: SkyHelpInlineModule, declarations: [SkyHelpInlineComponent, SkyHelpInlineAriaExpandedPipe], imports: [CommonModule,
|
|
488
|
-
SkyIconModule,
|
|
489
|
-
SkyIndicatorsResourcesModule,
|
|
490
|
-
SkyThemeModule], exports: [SkyHelpInlineComponent] }); }
|
|
491
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyHelpInlineModule, imports: [CommonModule,
|
|
492
|
-
SkyIconModule,
|
|
493
|
-
SkyIndicatorsResourcesModule,
|
|
494
|
-
SkyThemeModule] }); }
|
|
495
|
-
}
|
|
496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyHelpInlineModule, decorators: [{
|
|
497
|
-
type: NgModule,
|
|
498
|
-
args: [{
|
|
499
|
-
declarations: [SkyHelpInlineComponent, SkyHelpInlineAriaExpandedPipe],
|
|
500
|
-
imports: [
|
|
501
|
-
CommonModule,
|
|
502
|
-
SkyIconModule,
|
|
503
|
-
SkyIndicatorsResourcesModule,
|
|
504
|
-
SkyThemeModule,
|
|
505
|
-
],
|
|
506
|
-
exports: [SkyHelpInlineComponent],
|
|
507
|
-
}]
|
|
508
|
-
}] });
|
|
509
|
-
|
|
510
439
|
/**
|
|
511
440
|
* Resolves information about spot illustrations.
|
|
512
441
|
*/
|
|
@@ -611,11 +540,11 @@ class SkyKeyInfoComponent {
|
|
|
611
540
|
this.layout = 'vertical';
|
|
612
541
|
}
|
|
613
542
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
614
|
-
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
|
|
543
|
+
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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.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$1.λ2, selector: "[skyId]", exportAs: ["skyId"] }] }); }
|
|
615
544
|
}
|
|
616
545
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyKeyInfoComponent, decorators: [{
|
|
617
546
|
type: Component,
|
|
618
|
-
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
|
|
547
|
+
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"] }]
|
|
619
548
|
}], propDecorators: { helpKey: [{
|
|
620
549
|
type: Input
|
|
621
550
|
}], helpPopoverContent: [{
|
|
@@ -630,10 +559,10 @@ class SkyKeyInfoModule {
|
|
|
630
559
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyKeyInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
631
560
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
|
|
632
561
|
SkyKeyInfoLabelComponent,
|
|
633
|
-
SkyKeyInfoValueComponent], imports: [CommonModule, SkyTrimModule, SkyHelpInlineModule
|
|
562
|
+
SkyKeyInfoValueComponent], imports: [CommonModule, SkyTrimModule, SkyHelpInlineModule, SkyIdModule], exports: [SkyKeyInfoComponent,
|
|
634
563
|
SkyKeyInfoLabelComponent,
|
|
635
564
|
SkyKeyInfoValueComponent] }); }
|
|
636
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyKeyInfoModule, imports: [CommonModule, SkyTrimModule, SkyHelpInlineModule
|
|
565
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyKeyInfoModule, imports: [CommonModule, SkyTrimModule, SkyHelpInlineModule, SkyIdModule] }); }
|
|
637
566
|
}
|
|
638
567
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyKeyInfoModule, decorators: [{
|
|
639
568
|
type: NgModule,
|
|
@@ -643,7 +572,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
643
572
|
SkyKeyInfoLabelComponent,
|
|
644
573
|
SkyKeyInfoValueComponent,
|
|
645
574
|
],
|
|
646
|
-
imports: [CommonModule, SkyTrimModule, SkyHelpInlineModule
|
|
575
|
+
imports: [CommonModule, SkyTrimModule, SkyHelpInlineModule, SkyIdModule],
|
|
647
576
|
exports: [
|
|
648
577
|
SkyKeyInfoComponent,
|
|
649
578
|
SkyKeyInfoLabelComponent,
|
|
@@ -881,13 +810,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
881
810
|
class SkyStatusIndicatorModule {
|
|
882
811
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyStatusIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
883
812
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: SkyStatusIndicatorModule, declarations: [SkyStatusIndicatorComponent], imports: [CommonModule,
|
|
884
|
-
SkyHelpInlineModule
|
|
813
|
+
SkyHelpInlineModule,
|
|
885
814
|
SkyIconModule,
|
|
886
815
|
SkyIdModule,
|
|
887
816
|
SkyIndicatorsResourcesModule,
|
|
888
817
|
SkyTrimModule], exports: [SkyStatusIndicatorComponent] }); }
|
|
889
818
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyStatusIndicatorModule, imports: [CommonModule,
|
|
890
|
-
SkyHelpInlineModule
|
|
819
|
+
SkyHelpInlineModule,
|
|
891
820
|
SkyIconModule,
|
|
892
821
|
SkyIdModule,
|
|
893
822
|
SkyIndicatorsResourcesModule,
|
|
@@ -899,7 +828,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
899
828
|
declarations: [SkyStatusIndicatorComponent],
|
|
900
829
|
imports: [
|
|
901
830
|
CommonModule,
|
|
902
|
-
SkyHelpInlineModule
|
|
831
|
+
SkyHelpInlineModule,
|
|
903
832
|
SkyIconModule,
|
|
904
833
|
SkyIdModule,
|
|
905
834
|
SkyIndicatorsResourcesModule,
|
|
@@ -2130,5 +2059,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
2130
2059
|
* Generated bundle index. Do not edit.
|
|
2131
2060
|
*/
|
|
2132
2061
|
|
|
2133
|
-
export { SkyAlertModule, SkyChevronModule, SkyExpansionIndicatorModule,
|
|
2062
|
+
export { SkyAlertModule, SkyChevronModule, SkyExpansionIndicatorModule, SkyIllustrationModule, SkyIllustrationResolverService, SkyKeyInfoModule, SkyLabelModule, SkyStatusIndicatorModule, SkyTextHighlightDirective, SkyTextHighlightModule, SkyTokensMessageType, SkyTokensModule, SkyWaitModule, SkyWaitService, SkyAlertComponent as λ1, SkyStatusIndicatorComponent as λ10, SkyTextHighlightDirective as λ11, SkyTokenComponent as λ12, SkyTokensComponent as λ13, SkyWaitComponent as λ14, SkyExpansionIndicatorComponent as λ15, SkyIllustrationComponent as λ16, SkyChevronComponent as λ2, SkyKeyInfoLabelComponent as λ6, SkyKeyInfoValueComponent as λ7, SkyKeyInfoComponent as λ8, SkyLabelComponent as λ9 };
|
|
2134
2063
|
//# sourceMappingURL=skyux-indicators.mjs.map
|