@skyux/help-inline/fesm2022/skyux-help-inline.mjs.map

This library was generated with [Nx](https://nx.dev).

{"version":3,"file":"skyux-help-inline.mjs","sources":["../tmp-esm2022/lib/modules/shared/sky-help-inline-resources.module.js","../tmp-esm2022/lib/modules/help-inline/aria-label.pipe.js","../tmp-esm2022/lib/modules/help-inline/button-help-key.component.js","../tmp-esm2022/lib/modules/help-inline/button-popover.component.js","../tmp-esm2022/lib/modules/help-inline/help-inline.component.js","../tmp-esm2022/lib/modules/help-inline/help-inline.module.js","../tmp-esm2022/skyux-help-inline.js"],"sourcesContent":["/* istanbul ignore file */\n/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-help-inline' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport { SkyI18nModule, SkyLibResourcesService, } from '@skyux/i18n';\nimport * as i0 from \"@angular/core\";\nconst RESOURCES = {\n    'EN-US': {\n        skyux_help_inline_button_title: { message: 'Show help content' },\n        skyux_help_inline_aria_label: { message: 'Show help content for {0}' },\n    },\n    'FR-CA': {\n        skyux_help_inline_button_title: {\n            message: 'Afficher le contenu de l’aide',\n        },\n        skyux_help_inline_aria_label: {\n            message: 'Afficher le contenu de l’aide pour {0}',\n        },\n    },\n};\nSkyLibResourcesService.addResources(RESOURCES);\n/**\n * Import into any component library module that needs to use resource strings.\n */\nexport class SkyHelpInlineResourcesModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.15\", ngImport: i0, type: SkyHelpInlineResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.15\", ngImport: i0, type: SkyHelpInlineResourcesModule, exports: [SkyI18nModule] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.15\", ngImport: i0, type: SkyHelpInlineResourcesModule, imports: [SkyI18nModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.15\", ngImport: i0, type: SkyHelpInlineResourcesModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    exports: [SkyI18nModule],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5LWhlbHAtaW5saW5lLXJlc291cmNlcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaGVscC1pbmxpbmUvc3JjL2xpYi9tb2R1bGVzL3NoYXJlZC9za3ktaGVscC1pbmxpbmUtcmVzb3VyY2VzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSwwQkFBMEI7QUFDMUI7Ozs7O0dBS0c7QUFDSCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFDTCxhQUFhLEVBRWIsc0JBQXNCLEdBQ3ZCLE1BQU0sYUFBYSxDQUFDOztBQUVyQixNQUFNLFNBQVMsR0FBb0M7SUFDakQsT0FBTyxFQUFFO1FBQ1AsOEJBQThCLEVBQUUsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUU7UUFDaEUsNEJBQTRCLEVBQUUsRUFBRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUU7S0FDdkU7SUFDRCxPQUFPLEVBQUU7UUFDUCw4QkFBOEIsRUFBRTtZQUM5QixPQUFPLEVBQUUsK0JBQStCO1NBQ3pDO1FBQ0QsNEJBQTRCLEVBQUU7WUFDNUIsT0FBTyxFQUFFLHdDQUF3QztTQUNsRDtLQUNGO0NBQ0YsQ0FBQztBQUVGLHNCQUFzQixDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQztBQUUvQzs7R0FFRztBQUlILE1BQU0sT0FBTyw0QkFBNEI7K0dBQTVCLDRCQUE0QjtnSEFBNUIsNEJBQTRCLFlBRjdCLGFBQWE7Z0hBRVosNEJBQTRCLFlBRjdCLGFBQWE7OzRGQUVaLDRCQUE0QjtrQkFIeEMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7aUJBQ3pCIiwic291cmNlc0NvbnRlbnQiOlsiLyogaXN0YW5idWwgaWdub3JlIGZpbGUgKi9cbi8qKlxuICogTk9USUNFOiBETyBOT1QgTU9ESUZZIFRISVMgRklMRSFcbiAqIFRoZSBjb250ZW50cyBvZiB0aGlzIGZpbGUgd2VyZSBhdXRvbWF0aWNhbGx5IGdlbmVyYXRlZCBieVxuICogdGhlICduZyBnZW5lcmF0ZSBAc2t5dXgvaTE4bjpsaWItcmVzb3VyY2VzLW1vZHVsZSBsaWIvbW9kdWxlcy9zaGFyZWQvc2t5LWhlbHAtaW5saW5lJyBzY2hlbWF0aWMuXG4gKiBUbyB1cGRhdGUgdGhpcyBmaWxlLCBzaW1wbHkgcmVydW4gdGhlIGNvbW1hbmQuXG4gKi9cbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBTa3lJMThuTW9kdWxlLFxuICBTa3lMaWJSZXNvdXJjZXMsXG4gIFNreUxpYlJlc291cmNlc1NlcnZpY2UsXG59IGZyb20gJ0Bza3l1eC9pMThuJztcblxuY29uc3QgUkVTT1VSQ0VTOiBSZWNvcmQ8c3RyaW5nLCBTa3lMaWJSZXNvdXJjZXM+ID0ge1xuICAnRU4tVVMnOiB7XG4gICAgc2t5dXhfaGVscF9pbmxpbmVfYnV0dG9uX3RpdGxlOiB7IG1lc3NhZ2U6ICdTaG93IGhlbHAgY29udGVudCcgfSxcbiAgICBza3l1eF9oZWxwX2lubGluZV9hcmlhX2xhYmVsOiB7IG1lc3NhZ2U6ICdTaG93IGhlbHAgY29udGVudCBmb3IgezB9JyB9LFxuICB9LFxuICAnRlItQ0EnOiB7XG4gICAgc2t5dXhfaGVscF9pbmxpbmVfYnV0dG9uX3RpdGxlOiB7XG4gICAgICBtZXNzYWdlOiAnQWZmaWNoZXIgbGUgY29udGVudSBkZSBs4oCZYWlkZScsXG4gICAgfSxcbiAgICBza3l1eF9oZWxwX2lubGluZV9hcmlhX2xhYmVsOiB7XG4gICAgICBtZXNzYWdlOiAnQWZmaWNoZXIgbGUgY29udGVudSBkZSBs4oCZYWlkZSBwb3VyIHswfScsXG4gICAgfSxcbiAgfSxcbn07XG5cblNreUxpYlJlc291cmNlc1NlcnZpY2UuYWRkUmVzb3VyY2VzKFJFU09VUkNFUyk7XG5cbi8qKlxuICogSW1wb3J0IGludG8gYW55IGNvbXBvbmVudCBsaWJyYXJ5IG1vZHVsZSB0aGF0IG5lZWRzIHRvIHVzZSByZXNvdXJjZSBzdHJpbmdzLlxuICovXG5ATmdNb2R1bGUoe1xuICBleHBvcnRzOiBbU2t5STE4bk1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIFNreUhlbHBJbmxpbmVSZXNvdXJjZXNNb2R1bGUge31cbiJdfQ==","import { Pipe } from '@angular/core';\nimport * as i0 from \"@angular/core\";\n/**\n * Sets the value of `aria-label` for inline help buttons.\n * @internal\n */\nexport class SkyHelpInlineAriaLabelPipe {\n    transform(ariaLabel, labelText, labelledBy, defaultAriaLabel) {\n        if (labelledBy) {\n            return;\n        }\n        if (labelText) {\n            return labelText;\n        }\n        if (ariaLabel) {\n            return ariaLabel;\n        }\n        return defaultAriaLabel;\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.15\", ngImport: i0, type: SkyHelpInlineAriaLabelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }\n    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: \"14.0.0\", version: \"20.3.15\", ngImport: i0, type: SkyHelpInlineAriaLabelPipe, isStandalone: true, name: \"skyHelpInlineAriaLabel\" }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.15\", ngImport: i0, type: SkyHelpInlineAriaLabelPipe, decorators: [{\n            type: Pipe,\n            args: [{\n                    name: 'skyHelpInlineAriaLabel',\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJpYS1sYWJlbC5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2hlbHAtaW5saW5lL3NyYy9saWIvbW9kdWxlcy9oZWxwLWlubGluZS9hcmlhLWxhYmVsLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBRXBEOzs7R0FHRztBQUlILE1BQU0sT0FBTywwQkFBMEI7SUFDOUIsU0FBUyxDQUNkLFNBQTZCLEVBQzdCLFNBQTZCLEVBQzdCLFVBQThCLEVBQzlCLGdCQUFvQztRQUVwQyxJQUFJLFVBQVUsRUFBRSxDQUFDO1lBQ2YsT0FBTztRQUNULENBQUM7UUFFRCxJQUFJLFNBQVMsRUFBRSxDQUFDO1lBQ2QsT0FBTyxTQUFTLENBQUM7UUFDbkIsQ0FBQztRQUVELElBQUksU0FBUyxFQUFFLENBQUM7WUFDZCxPQUFPLFNBQVMsQ0FBQztRQUNuQixDQUFDO1FBRUQsT0FBTyxnQkFBZ0IsQ0FBQztJQUMxQixDQUFDOytHQXBCVSwwQkFBMEI7NkdBQTFCLDBCQUEwQjs7NEZBQTFCLDBCQUEwQjtrQkFIdEMsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsd0JBQXdCO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBTZXRzIHRoZSB2YWx1ZSBvZiBgYXJpYS1sYWJlbGAgZm9yIGlubGluZSBoZWxwIGJ1dHRvbnMuXG4gKiBAaW50ZXJuYWxcbiAqL1xuQFBpcGUoe1xuICBuYW1lOiAnc2t5SGVscElubGluZUFyaWFMYWJlbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreUhlbHBJbmxpbmVBcmlhTGFiZWxQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHB1YmxpYyB0cmFuc2Zvcm0oXG4gICAgYXJpYUxhYmVsOiBzdHJpbmcgfCB1bmRlZmluZWQsXG4gICAgbGFiZWxUZXh0OiBzdHJpbmcgfCB1bmRlZmluZWQsXG4gICAgbGFiZWxsZWRCeTogc3RyaW5nIHwgdW5kZWZpbmVkLFxuICAgIGRlZmF1bHRBcmlhTGFiZWw6IHN0cmluZyB8IHVuZGVmaW5lZCxcbiAgKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcbiAgICBpZiAobGFiZWxsZWRCeSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmIChsYWJlbFRleHQpIHtcbiAgICAgIHJldHVybiBsYWJlbFRleHQ7XG4gICAgfVxuXG4gICAgaWYgKGFyaWFMYWJlbCkge1xuICAgICAgcmV0dXJuIGFyaWFMYWJlbDtcbiAgICB9XG5cbiAgICByZXR1cm4gZGVmYXVsdEFyaWFMYWJlbDtcbiAgfVxufVxuIl19","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, input, output, } from '@angular/core';\nimport { SKY_HELP_GLOBAL_OPTIONS, SkyHelpService } from '@skyux/core';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\n/**\n * @internal\n */\nexport class SkyHelpInlineHelpKeyButtonComponent {\n    constructor() {\n        this.actionClick = output();\n        this.ariaLabel = input(...(ngDevMode ? [undefined, { debugName: \"ariaLabel\" }] : []));\n        this.ariaLabelledby = input(...(ngDevMode ? [undefined, { debugName: \"ariaLabelledby\" }] : []));\n        this.helpKey = input.required(...(ngDevMode ? [{ debugName: \"helpKey\" }] : []));\n        this.globalOptions = inject(SKY_HELP_GLOBAL_OPTIONS, {\n            optional: true,\n        });\n        this.helpSvc = inject(SkyHelpService, { optional: true });\n    }\n    openHelpKey() {\n        this.actionClick.emit();\n        this.helpSvc?.openHelp({\n            helpKey: this.helpKey(),\n        });\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.15\", ngImport: i0, type: SkyHelpInlineHelpKeyButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.1.0\", version: \"20.3.15\", type: SkyHelpInlineHelpKeyButtonComponent, isStandalone: true, selector: \"sky-help-inline-help-key-button\", inputs: { ariaLabel: { classPropertyName: \"ariaLabel\", publicName: \"ariaLabel\", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: \"ariaLabelledby\", publicName: \"ariaLabelledby\", isSignal: true, isRequired: false, transformFunction: null }, helpKey: { classPropertyName: \"helpKey\", publicName: \"helpKey\", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { actionClick: \"actionClick\" }, ngImport: i0, template: `\n    <button\n      class=\"sky-help-inline\"\n      type=\"button\"\n      [attr.aria-controls]=\"\n        (helpSvc?.widgetReadyStateChange | async)\n          ? globalOptions?.ariaControls\n          : null\n      \"\n      [attr.aria-haspopup]=\"globalOptions?.ariaHaspopup\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\n      [ngClass]=\"{\n        'sky-help-inline-hidden': !helpSvc,\n      }\"\n      (click)=\"openHelpKey()\"\n    >\n      <ng-content />\n    </button>\n  `, isInline: true, styles: [\".sky-help-inline:not(.sky-theme-modern *){color:#0974a1;font-size:15px;line-height:1;background-color:transparent;border:none;display:inline-block}.sky-help-inline:not(.sky-theme-modern *):hover{color:#065171;transition:color .15s;cursor:pointer}.sky-help-inline-hidden:not(.sky-theme-modern *){display:none}.sky-help-inline-popover-text:not(.sky-theme-modern *){overflow-wrap:break-word;margin:0}\\n\", \":host-context(.sky-theme-modern) .sky-help-inline{font-size:var(--sky-size-icon-s);line-height:1;border:none;outline:none;padding:var(--sky-comp-help_inline-space-inset-top) var(--sky-comp-help_inline-space-inset-right) var(--sky-comp-help_inline-space-inset-bottom) var(--sky-comp-help_inline-space-inset-left);border-radius:var(--sky-border-radius-s);color:var(--sky-color-icon-action);background-color:var(--sky-color-background-action-tertiary-base);display:inline-block;box-shadow:inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base)}: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{background-color:var(--sky-color-background-action-tertiary-hover);box-shadow:inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover);color:var(--sky-color-icon-action);transition:color .15s;cursor:pointer}:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{background-color:var(--sky-color-background-action-tertiary-active);box-shadow:inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active)}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible:not(:active){background-color:var(--sky-color-background-action-tertiary-focus);box-shadow:inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus)}: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{box-shadow:inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled);background-color:var(--sky-color-background-action-tertiary-disabled)}: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:hover:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:hover.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:focus-visible:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:focus-visible.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-focus:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-focus.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:active:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:active.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-active:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-active.sky-btn-focus,: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]:hover:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:hover.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:focus-visible:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:focus-visible.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-focus:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-focus.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:active:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:active.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-active:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-active.sky-btn-focus{box-shadow:inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled)}:host-context(.sky-theme-modern) .sky-help-inline-hidden{display:none}::ng-deep .sky-theme-modern .sky-help-inline-popover-text{overflow-wrap:break-word;margin:0}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"directive\", type: i1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"pipe\", type: i1.AsyncPipe, name: \"async\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.15\", ngImport: i0, type: SkyHelpInlineHelpKeyButtonComponent, decorators: [{\n            type: Component,\n            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], selector: 'sky-help-inline-help-key-button', template: `\n    <button\n      class=\"sky-help-inline\"\n      type=\"button\"\n      [attr.aria-controls]=\"\n        (helpSvc?.widgetReadyStateChange | async)\n          ? globalOptions?.ariaControls\n          : null\n      \"\n      [attr.aria-haspopup]=\"globalOptions?.ariaHaspopup\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\n      [ngClass]=\"{\n        'sky-help-inline-hidden': !helpSvc,\n      }\"\n      (click)=\"openHelpKey()\"\n    >\n      <ng-content />\n    </button>\n  `, styles: [\".sky-help-inline:not(.sky-theme-modern *){color:#0974a1;font-size:15px;line-height:1;background-color:transparent;border:none;display:inline-block}.sky-help-inline:not(.sky-theme-modern *):hover{color:#065171;transition:color .15s;cursor:pointer}.sky-help-inline-hidden:not(.sky-theme-modern *){display:none}.sky-help-inline-popover-text:not(.sky-theme-modern *){overflow-wrap:break-word;margin:0}\\n\", \":host-context(.sky-theme-modern) .sky-help-inline{font-size:var(--sky-size-icon-s);line-height:1;border:none;outline:none;padding:var(--sky-comp-help_inline-space-inset-top) var(--sky-comp-help_inline-space-inset-right) var(--sky-comp-help_inline-space-inset-bottom) var(--sky-comp-help_inline-space-inset-left);border-radius:var(--sky-border-radius-s);color:var(--sky-color-icon-action);background-color:var(--sky-color-background-action-tertiary-base);display:inline-block;box-shadow:inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base)}: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{background-color:var(--sky-color-background-action-tertiary-hover);box-shadow:inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover);color:var(--sky-color-icon-action);transition:color .15s;cursor:pointer}:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{background-color:var(--sky-color-background-action-tertiary-active);box-shadow:inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active)}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible:not(:active){background-color:var(--sky-color-background-action-tertiary-focus);box-shadow:inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus)}: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{box-shadow:inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled);background-color:var(--sky-color-background-action-tertiary-disabled)}: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:hover:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:hover.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:focus-visible:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:focus-visible.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-focus:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-focus.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:active:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:active.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-active:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-active.sky-btn-focus,: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]:hover:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:hover.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:focus-visible:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:focus-visible.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-focus:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-focus.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:active:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:active.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-active:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-active.sky-btn-focus{box-shadow:inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled)}:host-context(.sky-theme-modern) .sky-help-inline-hidden{display:none}::ng-deep .sky-theme-modern .sky-help-inline-popover-text{overflow-wrap:break-word;margin:0}\\n\"] }]\n        }], propDecorators: { actionClick: [{ type: i0.Output, args: [\"actionClick\"] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: \"ariaLabel\", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: \"ariaLabelledby\", required: false }] }], helpKey: [{ type: i0.Input, args: [{ isSignal: true, alias: \"helpKey\", required: true }] }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWhlbHAta2V5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9oZWxwLWlubGluZS9zcmMvbGliL21vZHVsZXMvaGVscC1pbmxpbmUvYnV0dG9uLWhlbHAta2V5LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsTUFBTSxFQUNOLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGNBQWMsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7O0FBRXRFOztHQUVHO0FBOEJILE1BQU0sT0FBTyxtQ0FBbUM7SUE3QmhEO1FBOEJTLGdCQUFXLEdBQUcsTUFBTSxFQUFRLENBQUM7UUFDN0IsY0FBUyxHQUFHLEtBQUssK0RBQXNCLENBQUM7UUFDeEMsbUJBQWMsR0FBRyxLQUFLLG9FQUFzQixDQUFDO1FBQzdDLFlBQU8sR0FBRyxLQUFLLENBQUMsUUFBUSxrREFBVSxDQUFDO1FBRXZCLGtCQUFhLEdBQUcsTUFBTSxDQUFDLHVCQUF1QixFQUFFO1lBQ2pFLFFBQVEsRUFBRSxJQUFJO1NBQ2YsQ0FBQyxDQUFDO1FBRWdCLFlBQU8sR0FBRyxNQUFNLENBQUMsY0FBYyxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7S0FTekU7SUFQVyxXQUFXO1FBQ25CLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7UUFFeEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUM7WUFDckIsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUU7U0FDeEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0FsQlUsbUNBQW1DO21HQUFuQyxtQ0FBbUMsb2lCQXJCcEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQlQsdzNLQXpCUyxZQUFZOzs0RkEyQlgsbUNBQW1DO2tCQTdCL0MsU0FBUztzQ0FDUyx1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDLENBQUMsWUFBWSxDQUFDLFlBQ2IsaUNBQWlDLFlBS2pDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGluamVjdCxcbiAgaW5wdXQsXG4gIG91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTS1lfSEVMUF9HTE9CQUxfT1BUSU9OUywgU2t5SGVscFNlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbi8qKlxuICogQGludGVybmFsXG4gKi9cbkBDb21wb25lbnQoe1xuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHNlbGVjdG9yOiAnc2t5LWhlbHAtaW5saW5lLWhlbHAta2V5LWJ1dHRvbicsXG4gIHN0eWxlVXJsczogW1xuICAgICcuL2hlbHAtaW5saW5lLmRlZmF1bHQuY29tcG9uZW50LnNjc3MnLFxuICAgICcuL2hlbHAtaW5saW5lLm1vZGVybi5jb21wb25lbnQuc2NzcycsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGJ1dHRvblxuICAgICAgY2xhc3M9XCJza3ktaGVscC1pbmxpbmVcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBbYXR0ci5hcmlhLWNvbnRyb2xzXT1cIlxuICAgICAgICAoaGVscFN2Yz8ud2lkZ2V0UmVhZHlTdGF0ZUNoYW5nZSB8IGFzeW5jKVxuICAgICAgICAgID8gZ2xvYmFsT3B0aW9ucz8uYXJpYUNvbnRyb2xzXG4gICAgICAgICAgOiBudWxsXG4gICAgICBcIlxuICAgICAgW2F0dHIuYXJpYS1oYXNwb3B1cF09XCJnbG9iYWxPcHRpb25zPy5hcmlhSGFzcG9wdXBcIlxuICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWwoKVwiXG4gICAgICBbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwiYXJpYUxhYmVsbGVkYnkoKVwiXG4gICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICdza3ktaGVscC1pbmxpbmUtaGlkZGVuJzogIWhlbHBTdmMsXG4gICAgICB9XCJcbiAgICAgIChjbGljayk9XCJvcGVuSGVscEtleSgpXCJcbiAgICA+XG4gICAgICA8bmctY29udGVudCAvPlxuICAgIDwvYnV0dG9uPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lIZWxwSW5saW5lSGVscEtleUJ1dHRvbkNvbXBvbmVudCB7XG4gIHB1YmxpYyBhY3Rpb25DbGljayA9IG91dHB1dDx2b2lkPigpO1xuICBwdWJsaWMgYXJpYUxhYmVsID0gaW5wdXQ8c3RyaW5nIHwgdW5kZWZpbmVkPigpO1xuICBwdWJsaWMgYXJpYUxhYmVsbGVkYnkgPSBpbnB1dDxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG4gIHB1YmxpYyBoZWxwS2V5ID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuXG4gIHByb3RlY3RlZCByZWFkb25seSBnbG9iYWxPcHRpb25zID0gaW5qZWN0KFNLWV9IRUxQX0dMT0JBTF9PUFRJT05TLCB7XG4gICAgb3B0aW9uYWw6IHRydWUsXG4gIH0pO1xuXG4gIHByb3RlY3RlZCByZWFkb25seSBoZWxwU3ZjID0gaW5qZWN0KFNreUhlbHBTZXJ2aWNlLCB7IG9wdGlvbmFsOiB0cnVlIH0pO1xuXG4gIHByb3RlY3RlZCBvcGVuSGVscEtleSgpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGlvbkNsaWNrLmVtaXQoKTtcblxuICAgIHRoaXMuaGVscFN2Yz8ub3BlbkhlbHAoe1xuICAgICAgaGVscEtleTogdGhpcy5oZWxwS2V5KCksXG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, TemplateRef, computed, input, output, } from '@angular/core';\nimport { SkyPopoverModule } from '@skyux/popovers';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nimport * as i2 from \"@skyux/popovers\";\n/**\n * @internal\n */\nexport class SkyHelpInlinePopoverButtonComponent {\n    constructor() {\n        this.actionClick = output();\n        this.ariaControls = input(...(ngDevMode ? [undefined, { debugName: \"ariaControls\" }] : []));\n        this.ariaLabel = input(...(ngDevMode ? [undefined, { debugName: \"ariaLabel\" }] : []));\n        this.ariaLabelledby = input(...(ngDevMode ? [undefined, { debugName: \"ariaLabelledby\" }] : []));\n        this.popoverContent = input.required(...(ngDevMode ? [{ debugName: \"popoverContent\" }] : []));\n        this.popoverTitle = input(...(ngDevMode ? [undefined, { debugName: \"popoverTitle\" }] : []));\n        this.popoverTemplate = computed(() => {\n            const value = this.popoverContent();\n            if (value instanceof TemplateRef) {\n                return value;\n            }\n            return undefined;\n        }, ...(ngDevMode ? [{ debugName: \"popoverTemplate\" }] : []));\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.15\", ngImport: i0, type: SkyHelpInlinePopoverButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.15\", type: SkyHelpInlinePopoverButtonComponent, isStandalone: true, selector: \"sky-help-inline-popover-button\", inputs: { ariaControls: { classPropertyName: \"ariaControls\", publicName: \"ariaControls\", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: \"ariaLabel\", publicName: \"ariaLabel\", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: \"ariaLabelledby\", publicName: \"ariaLabelledby\", isSignal: true, isRequired: false, transformFunction: null }, popoverContent: { classPropertyName: \"popoverContent\", publicName: \"popoverContent\", isSignal: true, isRequired: true, transformFunction: null }, popoverTitle: { classPropertyName: \"popoverTitle\", publicName: \"popoverTitle\", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionClick: \"actionClick\" }, ngImport: i0, template: `\n    <button\n      class=\"sky-help-inline\"\n      type=\"button\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\n      [skyPopover]=\"popoverRef\"\n      (click)=\"actionClick.emit()\"\n    >\n      <ng-content />\n    </button>\n    <sky-popover #popoverRef [popoverTitle]=\"popoverTitle()\">\n      @if (popoverTemplate(); as template) {\n        <ng-container *ngTemplateOutlet=\"template\" />\n      } @else {\n        <p class=\"sky-help-inline-popover-text\">{{ popoverContent() }}</p>\n      }\n    </sky-popover>\n  `, isInline: true, styles: [\".sky-help-inline:not(.sky-theme-modern *){color:#0974a1;font-size:15px;line-height:1;background-color:transparent;border:none;display:inline-block}.sky-help-inline:not(.sky-theme-modern *):hover{color:#065171;transition:color .15s;cursor:pointer}.sky-help-inline-hidden:not(.sky-theme-modern *){display:none}.sky-help-inline-popover-text:not(.sky-theme-modern *){overflow-wrap:break-word;margin:0}\\n\", \":host-context(.sky-theme-modern) .sky-help-inline{font-size:var(--sky-size-icon-s);line-height:1;border:none;outline:none;padding:var(--sky-comp-help_inline-space-inset-top) var(--sky-comp-help_inline-space-inset-right) var(--sky-comp-help_inline-space-inset-bottom) var(--sky-comp-help_inline-space-inset-left);border-radius:var(--sky-border-radius-s);color:var(--sky-color-icon-action);background-color:var(--sky-color-background-action-tertiary-base);display:inline-block;box-shadow:inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base)}: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{background-color:var(--sky-color-background-action-tertiary-hover);box-shadow:inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover);color:var(--sky-color-icon-action);transition:color .15s;cursor:pointer}:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{background-color:var(--sky-color-background-action-tertiary-active);box-shadow:inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active)}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible:not(:active){background-color:var(--sky-color-background-action-tertiary-focus);box-shadow:inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus)}: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{box-shadow:inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled);background-color:var(--sky-color-background-action-tertiary-disabled)}: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:hover:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:hover.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:focus-visible:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:focus-visible.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-focus:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-focus.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:active:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:active.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-active:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-active.sky-btn-focus,: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]:hover:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:hover.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:focus-visible:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:focus-visible.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-focus:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-focus.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:active:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:active.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-active:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-active.sky-btn-focus{box-shadow:inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled)}:host-context(.sky-theme-modern) .sky-help-inline-hidden{display:none}::ng-deep .sky-theme-modern .sky-help-inline-popover-text{overflow-wrap:break-word;margin:0}\\n\"], dependencies: [{ kind: \"ngmodule\", type: CommonModule }, { kind: \"directive\", type: i1.NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"ngmodule\", type: SkyPopoverModule }, { kind: \"component\", type: i2.λ6, selector: \"sky-popover\", inputs: [\"alignment\", \"placement\", \"popoverTitle\", \"popoverType\"], outputs: [\"popoverClosed\", \"popoverOpened\"] }, { kind: \"directive\", type: i2.λ7, selector: \"[skyPopover]\", inputs: [\"skyPopover\", \"skyPopoverAlignment\", \"skyPopoverMessageStream\", \"skyPopoverPlacement\", \"skyPopoverTrigger\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.15\", ngImport: i0, type: SkyHelpInlinePopoverButtonComponent, decorators: [{\n            type: Component,\n            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, SkyPopoverModule], selector: 'sky-help-inline-popover-button', template: `\n    <button\n      class=\"sky-help-inline\"\n      type=\"button\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\n      [skyPopover]=\"popoverRef\"\n      (click)=\"actionClick.emit()\"\n    >\n      <ng-content />\n    </button>\n    <sky-popover #popoverRef [popoverTitle]=\"popoverTitle()\">\n      @if (popoverTemplate(); as template) {\n        <ng-container *ngTemplateOutlet=\"template\" />\n      } @else {\n        <p class=\"sky-help-inline-popover-text\">{{ popoverContent() }}</p>\n      }\n    </sky-popover>\n  `, styles: [\".sky-help-inline:not(.sky-theme-modern *){color:#0974a1;font-size:15px;line-height:1;background-color:transparent;border:none;display:inline-block}.sky-help-inline:not(.sky-theme-modern *):hover{color:#065171;transition:color .15s;cursor:pointer}.sky-help-inline-hidden:not(.sky-theme-modern *){display:none}.sky-help-inline-popover-text:not(.sky-theme-modern *){overflow-wrap:break-word;margin:0}\\n\", \":host-context(.sky-theme-modern) .sky-help-inline{font-size:var(--sky-size-icon-s);line-height:1;border:none;outline:none;padding:var(--sky-comp-help_inline-space-inset-top) var(--sky-comp-help_inline-space-inset-right) var(--sky-comp-help_inline-space-inset-bottom) var(--sky-comp-help_inline-space-inset-left);border-radius:var(--sky-border-radius-s);color:var(--sky-color-icon-action);background-color:var(--sky-color-background-action-tertiary-base);display:inline-block;box-shadow:inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base)}: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{background-color:var(--sky-color-background-action-tertiary-hover);box-shadow:inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover);color:var(--sky-color-icon-action);transition:color .15s;cursor:pointer}:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{background-color:var(--sky-color-background-action-tertiary-active);box-shadow:inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active)}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible:not(:active){background-color:var(--sky-color-background-action-tertiary-focus);box-shadow:inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus)}: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{box-shadow:inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled);background-color:var(--sky-color-background-action-tertiary-disabled)}: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:hover:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:hover.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:focus-visible:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:focus-visible.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-focus:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-focus.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:active:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:active.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-active:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-active.sky-btn-focus,: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]:hover:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:hover.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:focus-visible:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:focus-visible.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-focus:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-focus.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:active:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:active.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-active:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-active.sky-btn-focus{box-shadow:inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled)}:host-context(.sky-theme-modern) .sky-help-inline-hidden{display:none}::ng-deep .sky-theme-modern .sky-help-inline-popover-text{overflow-wrap:break-word;margin:0}\\n\"] }]\n        }], propDecorators: { actionClick: [{ type: i0.Output, args: [\"actionClick\"] }], ariaControls: [{ type: i0.Input, args: [{ isSignal: true, alias: \"ariaControls\", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: \"ariaLabel\", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: \"ariaLabelledby\", required: false }] }], popoverContent: [{ type: i0.Input, args: [{ isSignal: true, alias: \"popoverContent\", required: true }] }], popoverTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: \"popoverTitle\", required: false }] }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXBvcG92ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2hlbHAtaW5saW5lL3NyYy9saWIvbW9kdWxlcy9oZWxwLWlubGluZS9idXR0b24tcG9wb3Zlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFdBQVcsRUFDWCxRQUFRLEVBQ1IsS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQUVuRDs7R0FFRztBQTZCSCxNQUFNLE9BQU8sbUNBQW1DO0lBNUJoRDtRQTZCUyxnQkFBVyxHQUFHLE1BQU0sRUFBUSxDQUFDO1FBQzdCLGlCQUFZLEdBQUcsS0FBSyxrRUFBc0IsQ0FBQztRQUMzQyxjQUFTLEdBQUcsS0FBSywrREFBc0IsQ0FBQztRQUN4QyxtQkFBYyxHQUFHLEtBQUssb0VBQXNCLENBQUM7UUFDN0MsbUJBQWMsR0FBRyxLQUFLLENBQUMsUUFBUSx5REFBaUMsQ0FBQztRQUNqRSxpQkFBWSxHQUFHLEtBQUssa0VBQXNCLENBQUM7UUFFeEMsb0JBQWUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3hDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUVwQyxJQUFJLEtBQUssWUFBWSxXQUFXLEVBQUUsQ0FBQztnQkFDakMsT0FBTyxLQUFLLENBQUM7WUFDZixDQUFDO1lBRUQsT0FBTyxTQUFTLENBQUM7UUFDbkIsQ0FBQywyREFBQyxDQUFDO0tBQ0o7K0dBakJZLG1DQUFtQzttR0FBbkMsbUNBQW1DLGsxQkFwQnBDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQlQsdzNLQXhCUyxZQUFZLHFNQUFFLGdCQUFnQjs7NEZBMEI3QixtQ0FBbUM7a0JBNUIvQyxTQUFTO3NDQUNTLHVCQUF1QixDQUFDLE1BQU0sV0FDdEMsQ0FBQyxZQUFZLEVBQUUsZ0JBQWdCLENBQUMsWUFDL0IsZ0NBQWdDLFlBS2hDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrQlQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgVGVtcGxhdGVSZWYsXG4gIGNvbXB1dGVkLFxuICBpbnB1dCxcbiAgb3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreVBvcG92ZXJNb2R1bGUgfSBmcm9tICdAc2t5dXgvcG9wb3ZlcnMnO1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5AQ29tcG9uZW50KHtcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFNreVBvcG92ZXJNb2R1bGVdLFxuICBzZWxlY3RvcjogJ3NreS1oZWxwLWlubGluZS1wb3BvdmVyLWJ1dHRvbicsXG4gIHN0eWxlVXJsczogW1xuICAgICcuL2hlbHAtaW5saW5lLmRlZmF1bHQuY29tcG9uZW50LnNjc3MnLFxuICAgICcuL2hlbHAtaW5saW5lLm1vZGVybi5jb21wb25lbnQuc2NzcycsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGJ1dHRvblxuICAgICAgY2xhc3M9XCJza3ktaGVscC1pbmxpbmVcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbCgpXCJcbiAgICAgIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJhcmlhTGFiZWxsZWRieSgpXCJcbiAgICAgIFtza3lQb3BvdmVyXT1cInBvcG92ZXJSZWZcIlxuICAgICAgKGNsaWNrKT1cImFjdGlvbkNsaWNrLmVtaXQoKVwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICA8L2J1dHRvbj5cbiAgICA8c2t5LXBvcG92ZXIgI3BvcG92ZXJSZWYgW3BvcG92ZXJUaXRsZV09XCJwb3BvdmVyVGl0bGUoKVwiPlxuICAgICAgQGlmIChwb3BvdmVyVGVtcGxhdGUoKTsgYXMgdGVtcGxhdGUpIHtcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlXCIgLz5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgICA8cCBjbGFzcz1cInNreS1oZWxwLWlubGluZS1wb3BvdmVyLXRleHRcIj57eyBwb3BvdmVyQ29udGVudCgpIH19PC9wPlxuICAgICAgfVxuICAgIDwvc2t5LXBvcG92ZXI+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIFNreUhlbHBJbmxpbmVQb3BvdmVyQnV0dG9uQ29tcG9uZW50IHtcbiAgcHVibGljIGFjdGlvbkNsaWNrID0gb3V0cHV0PHZvaWQ+KCk7XG4gIHB1YmxpYyBhcmlhQ29udHJvbHMgPSBpbnB1dDxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG4gIHB1YmxpYyBhcmlhTGFiZWwgPSBpbnB1dDxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG4gIHB1YmxpYyBhcmlhTGFiZWxsZWRieSA9IGlucHV0PHN0cmluZyB8IHVuZGVmaW5lZD4oKTtcbiAgcHVibGljIHBvcG92ZXJDb250ZW50ID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nIHwgVGVtcGxhdGVSZWY8dW5rbm93bj4+KCk7XG4gIHB1YmxpYyBwb3BvdmVyVGl0bGUgPSBpbnB1dDxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG5cbiAgcHJvdGVjdGVkIHBvcG92ZXJUZW1wbGF0ZSA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCB2YWx1ZSA9IHRoaXMucG9wb3ZlckNvbnRlbnQoKTtcblxuICAgIGlmICh2YWx1ZSBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmKSB7XG4gICAgICByZXR1cm4gdmFsdWU7XG4gICAgfVxuXG4gICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgfSk7XG59XG4iXX0=","import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, Input, Output, inject, signal, } from '@angular/core';\nimport { toObservable, toSignal } from '@angular/core/rxjs-interop';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyLibResourcesService } from '@skyux/i18n';\nimport { SkyIconModule } from '@skyux/icon';\nimport { SkyThemeModule } from '@skyux/theme';\nimport { of, switchMap } from 'rxjs';\nimport { SkyHelpInlineResourcesModule } from '../shared/sky-help-inline-resources.module';\nimport { SkyHelpInlineAriaLabelPipe } from './aria-label.pipe';\nimport { SkyHelpInlineHelpKeyButtonComponent } from './button-help-key.component';\nimport { SkyHelpInlinePopoverButtonComponent } from './button-popover.component';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nimport * as i2 from \"@skyux/icon\";\nimport * as i3 from \"@skyux/core\";\nimport * as i4 from \"@skyux/theme\";\nimport * as i5 from \"@skyux/i18n\";\n/**\n * Inserts a help button beside an element, such as a field, to display contextual information about the element.\n */\nexport class SkyHelpInlineComponent {\n    constructor() {\n        this.#labelText = signal(undefined, ...(ngDevMode ? [{ debugName: \"#labelText\" }] : []));\n        this.#resourcesSvc = inject(SkyLibResourcesService);\n        /**\n         * Fires when the user clicks the help inline button.\n         */\n        this.actionClick = new EventEmitter();\n        this.defaultAriaLabel = toSignal(this.#resourcesSvc.getString('skyux_help_inline_button_title'));\n        this.labelTextResolved = toSignal(toObservable(this.#labelText).pipe(switchMap((labelText) => {\n            if (labelText) {\n                return this.#resourcesSvc.getString('skyux_help_inline_aria_label', labelText);\n            }\n            return of(undefined);\n        })));\n    }\n    #labelText;\n    #resourcesSvc;\n    /**\n     * The label of the component the help inline button is attached to.\n     */\n    set labelText(value) {\n        this.#labelText.set(value);\n    }\n    onClick() {\n        this.actionClick.emit();\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.15\", ngImport: i0, type: SkyHelpInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.15\", type: SkyHelpInlineComponent, isStandalone: true, selector: \"sky-help-inline\", inputs: { ariaControls: \"ariaControls\", ariaExpanded: \"ariaExpanded\", ariaLabel: \"ariaLabel\", helpKey: \"helpKey\", labelledBy: \"labelledBy\", labelText: \"labelText\", popoverContent: \"popoverContent\", popoverTitle: \"popoverTitle\" }, outputs: { actionClick: \"actionClick\" }, ngImport: i0, template: \"@let ariaLabelResolved =\\n  ariaLabel\\n    | skyHelpInlineAriaLabel\\n      : labelTextResolved()\\n      : labelledBy\\n      : defaultAriaLabel();\\n\\n@let ariaLabelledbyResolved =\\n  labelledBy ? labelledByPrefixRef.id + ' ' + labelledBy : undefined;\\n\\n@if (helpKey) {\\n  <sky-help-inline-help-key-button\\n    [ariaLabel]=\\\"ariaLabelResolved\\\"\\n    [ariaLabelledby]=\\\"ariaLabelledbyResolved\\\"\\n    [helpKey]=\\\"helpKey\\\"\\n