@skyux/layout 11.0.0-alpha.0 → 11.0.0-alpha.2

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.
Files changed (24) hide show
  1. package/documentation.json +3022 -1861
  2. package/esm2022/index.mjs +1 -1
  3. package/esm2022/lib/modules/action-button/action-button-container.component.mjs +2 -2
  4. package/esm2022/lib/modules/action-button/action-button-header.component.mjs +2 -2
  5. package/esm2022/lib/modules/action-button/action-button-icon.component.mjs +2 -2
  6. package/esm2022/lib/modules/action-button/action-button.component.mjs +2 -2
  7. package/esm2022/lib/modules/box/box-header.component.mjs +8 -2
  8. package/esm2022/lib/modules/box/box-heading-level.mjs +2 -0
  9. package/esm2022/lib/modules/box/box-heading-style.mjs +2 -0
  10. package/esm2022/lib/modules/box/box.component.mjs +67 -8
  11. package/esm2022/lib/modules/box/box.module.mjs +5 -4
  12. package/esm2022/testing/box/box-harness.mjs +72 -1
  13. package/fesm2022/skyux-layout-testing.mjs +71 -0
  14. package/fesm2022/skyux-layout-testing.mjs.map +1 -1
  15. package/fesm2022/skyux-layout.mjs +121 -59
  16. package/fesm2022/skyux-layout.mjs.map +1 -1
  17. package/index.d.ts +2 -0
  18. package/lib/modules/box/box-header.component.d.ts +2 -0
  19. package/lib/modules/box/box-heading-level.d.ts +1 -0
  20. package/lib/modules/box/box-heading-style.d.ts +1 -0
  21. package/lib/modules/box/box.component.d.ts +54 -2
  22. package/lib/modules/box/box.module.d.ts +4 -3
  23. package/package.json +11 -11
  24. package/testing/box/box-harness.d.ts +31 -0
package/esm2022/index.mjs CHANGED
@@ -61,4 +61,4 @@ export { SkyToolbarItemComponent as λ39 } from './lib/modules/toolbar/toolbar-i
61
61
  export { SkyToolbarSectionComponent as λ38 } from './lib/modules/toolbar/toolbar-section.component';
62
62
  export { SkyToolbarViewActionsComponent as λ40 } from './lib/modules/toolbar/toolbar-view-actions.component';
63
63
  export { SkyToolbarComponent as λ37 } from './lib/modules/toolbar/toolbar.component';
64
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUl6RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUVsRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQUdwRyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRS9ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBRS9GLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDREQUE0RCxDQUFDO0FBR3BHLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBSWhGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUNyRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUd6RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFL0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFFdEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFFbkYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sZ0VBQWdFLENBQUM7QUFHN0csT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFeEUsMEZBQTBGO0FBQzFGLHVFQUF1RTtBQUN2RSxPQUFPLEVBQUUsaUNBQWlDLElBQUksRUFBRSxFQUFFLE1BQU0sK0RBQStELENBQUM7QUFDeEgsT0FBTyxFQUFFLCtCQUErQixJQUFJLEVBQUUsRUFBRSxNQUFNLDZEQUE2RCxDQUFDO0FBQ3BILE9BQU8sRUFBRSw4QkFBOEIsSUFBSSxFQUFFLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUNsSCxPQUFPLEVBQUUsNEJBQTRCLElBQUksRUFBRSxFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDOUcsT0FBTyxFQUFFLHdCQUF3QixJQUFJLEVBQUUsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ3JHLE9BQU8sRUFBRSxxQkFBcUIsSUFBSSxFQUFFLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM5RixPQUFPLEVBQUUscUJBQXFCLElBQUksRUFBRSxFQUFFLE1BQU0saURBQWlELENBQUM7QUFDOUYsT0FBTyxFQUFFLHNCQUFzQixJQUFJLEdBQUcsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSx1QkFBdUIsSUFBSSxHQUFHLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUMxRixPQUFPLEVBQUUscUJBQXFCLElBQUksR0FBRyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDdEYsT0FBTyxFQUFFLGVBQWUsSUFBSSxHQUFHLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsdUJBQXVCLElBQUksR0FBRyxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDM0YsT0FBTyxFQUFFLHVCQUF1QixJQUFJLEdBQUcsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzNGLE9BQU8sRUFBRSxxQkFBcUIsSUFBSSxHQUFHLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RixPQUFPLEVBQUUsZ0JBQWdCLElBQUksRUFBRSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDM0UsT0FBTyxFQUFFLGlDQUFpQyxJQUFJLEdBQUcsRUFBRSxNQUFNLGlFQUFpRSxDQUFDO0FBQzNILE9BQU8sRUFBRSxpQ0FBaUMsSUFBSSxHQUFHLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUMzSCxPQUFPLEVBQUUsK0JBQStCLElBQUksR0FBRyxFQUFFLE1BQU0sK0RBQStELENBQUM7QUFDdkgsT0FBTyxFQUFFLCtCQUErQixJQUFJLEdBQUcsRUFBRSxNQUFNLCtEQUErRCxDQUFDO0FBQ3ZILE9BQU8sRUFBRSwwQkFBMEIsSUFBSSxHQUFHLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUM1RyxPQUFPLEVBQUUsa0NBQWtDLElBQUksR0FBRyxFQUFFLE1BQU0sbUVBQW1FLENBQUM7QUFDOUgsT0FBTyxFQUFFLHNDQUFzQyxJQUFJLEdBQUcsRUFBRSxNQUFNLHVFQUF1RSxDQUFDO0FBQ3RJLE9BQU8sRUFBRSwrQkFBK0IsSUFBSSxHQUFHLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQztBQUN4SCxPQUFPLEVBQUUsMkJBQTJCLElBQUksR0FBRyxFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFDL0csT0FBTyxFQUFFLGVBQWUsSUFBSSxHQUFHLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsa0JBQWtCLElBQUksR0FBRyxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDdEYsT0FBTyxFQUFFLHFCQUFxQixJQUFJLEdBQUcsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQzdGLE9BQU8sRUFBRSxrQkFBa0IsSUFBSSxHQUFHLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUNsRixPQUFPLEVBQUUsd0JBQXdCLElBQUksRUFBRSxFQUFFLE1BQU0scURBQXFELENBQUM7QUFDckcsT0FBTyxFQUFFLDRCQUE0QixJQUFJLEdBQUcsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQzlHLE9BQU8sRUFBRSw4QkFBOEIsSUFBSSxHQUFHLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQUNsSCxPQUFPLEVBQUUsNEJBQTRCLElBQUksR0FBRyxFQUFFLE1BQU0seURBQXlELENBQUM7QUFDOUcsT0FBTyxFQUFFLDhCQUE4QixJQUFJLEdBQUcsRUFBRSxNQUFNLDREQUE0RCxDQUFDO0FBQ25ILE9BQU8sRUFBRSw2QkFBNkIsSUFBSSxHQUFHLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUNoSCxPQUFPLEVBQUUsK0JBQStCLElBQUksR0FBRyxFQUFFLE1BQU0sNERBQTRELENBQUM7QUFDcEgsT0FBTyxFQUFFLDRCQUE0QixJQUFJLEdBQUcsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQzlHLE9BQU8sRUFBRSx1QkFBdUIsSUFBSSxHQUFHLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUNuRyxPQUFPLEVBQUUsZ0JBQWdCLElBQUksR0FBRyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDNUUsT0FBTyxFQUFFLDhCQUE4QixJQUFJLEdBQUcsRUFBRSxNQUFNLG1FQUFtRSxDQUFDO0FBQzFILE9BQU8sRUFBRSxzQkFBc0IsSUFBSSxHQUFHLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUNoRyxPQUFPLEVBQUUsdUJBQXVCLElBQUksR0FBRyxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDOUYsT0FBTyxFQUFFLDBCQUEwQixJQUFJLEdBQUcsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQ3BHLE9BQU8sRUFBRSw4QkFBOEIsSUFBSSxHQUFHLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUM3RyxPQUFPLEVBQUUsbUJBQW1CLElBQUksR0FBRyxFQUFFLE1BQU0seUNBQXlDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBTa3lBY3Rpb25CdXR0b25QZXJtYWxpbmsgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi1wZXJtYWxpbmsnO1xuZXhwb3J0IHsgU2t5QWN0aW9uQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24ubW9kdWxlJztcbmV4cG9ydCB7IFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckFsaWduSXRlbXMgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vdHlwZXMvYWN0aW9uLWJ1dHRvbi1jb250YWluZXItYWxpZ24taXRlbXMnO1xuZXhwb3J0IHsgU2t5QWN0aW9uQnV0dG9uQ29udGFpbmVyQWxpZ25JdGVtc1R5cGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vdHlwZXMvYWN0aW9uLWJ1dHRvbi1jb250YWluZXItYWxpZ24taXRlbXMtdHlwZSc7XG5cbmV4cG9ydCB7IFNreUJhY2tUb1RvcE1vZHVsZSB9IGZyb20gJy4vbGliL21vZHVsZXMvYmFjay10by10b3AvYmFjay10by10b3AubW9kdWxlJztcbmV4cG9ydCB7IFNreUJhY2tUb1RvcE1lc3NhZ2UgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2JhY2stdG8tdG9wL21vZGVscy9iYWNrLXRvLXRvcC1tZXNzYWdlJztcbmV4cG9ydCB7IFNreUJhY2tUb1RvcE1lc3NhZ2VUeXBlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9iYWNrLXRvLXRvcC9tb2RlbHMvYmFjay10by10b3AtbWVzc2FnZS10eXBlJztcbmV4cG9ydCB7IFNreUJhY2tUb1RvcE9wdGlvbnMgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2JhY2stdG8tdG9wL21vZGVscy9iYWNrLXRvLXRvcC1vcHRpb25zJztcblxuZXhwb3J0IHsgU2t5Qm94TW9kdWxlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9ib3gvYm94Lm1vZHVsZSc7XG5cbmV4cG9ydCB7IFNreUNhcmRNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2NhcmQvY2FyZC5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lEZWZpbml0aW9uTGlzdE1vZHVsZSB9IGZyb20gJy4vbGliL21vZHVsZXMvZGVmaW5pdGlvbi1saXN0L2RlZmluaXRpb24tbGlzdC5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lEZXNjcmlwdGlvbkxpc3RNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2Rlc2NyaXB0aW9uLWxpc3QvZGVzY3JpcHRpb24tbGlzdC5tb2R1bGUnO1xuZXhwb3J0IHsgU2t5RGVzY3JpcHRpb25MaXN0TW9kZSB9IGZyb20gJy4vbGliL21vZHVsZXMvZGVzY3JpcHRpb24tbGlzdC90eXBlcy9kZXNjcmlwdGlvbi1saXN0LW1vZGUnO1xuZXhwb3J0IHsgU2t5RGVzY3JpcHRpb25MaXN0TW9kZVR5cGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2Rlc2NyaXB0aW9uLWxpc3QvdHlwZXMvZGVzY3JpcHRpb24tbGlzdC1tb2RlLXR5cGUnO1xuXG5leHBvcnQgeyBTa3lGbHVpZEdyaWRNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2ZsdWlkLWdyaWQvZmx1aWQtZ3JpZC5tb2R1bGUnO1xuZXhwb3J0IHsgU2t5Rmx1aWRHcmlkR3V0dGVyU2l6ZVR5cGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2ZsdWlkLWdyaWQvdHlwZXMvZmx1aWQtZ3JpZC1ndXR0ZXItc2l6ZS10eXBlJztcblxuZXhwb3J0IHsgU2t5Rm9ybWF0SXRlbSB9IGZyb20gJy4vbGliL21vZHVsZXMvZm9ybWF0L2Zvcm1hdC1pdGVtJztcbmV4cG9ydCB7IFNreUZvcm1hdE1vZHVsZSB9IGZyb20gJy4vbGliL21vZHVsZXMvZm9ybWF0L2Zvcm1hdC5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lJbmxpbmVEZWxldGVUeXBlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9pbmxpbmUtZGVsZXRlL2lubGluZS1kZWxldGUtdHlwZSc7XG5leHBvcnQgeyBTa3lJbmxpbmVEZWxldGVNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2lubGluZS1kZWxldGUvaW5saW5lLWRlbGV0ZS5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lQYWdlTGF5b3V0VHlwZSB9IGZyb20gJy4vbGliL21vZHVsZXMvcGFnZS9wYWdlLWxheW91dC10eXBlJztcbmV4cG9ydCB7IFNreVBhZ2VNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2UvcGFnZS5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lQYWdlU3VtbWFyeU1vZHVsZSB9IGZyb20gJy4vbGliL21vZHVsZXMvcGFnZS1zdW1tYXJ5L3BhZ2Utc3VtbWFyeS5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lUZXh0RXhwYW5kTW9kdWxlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy90ZXh0LWV4cGFuZC90ZXh0LWV4cGFuZC5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lUZXh0RXhwYW5kUmVwZWF0ZXJNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3RleHQtZXhwYW5kLXJlcGVhdGVyL3RleHQtZXhwYW5kLXJlcGVhdGVyLm1vZHVsZSc7XG5leHBvcnQgeyBTa3lUZXh0RXhwYW5kUmVwZWF0ZXJMaXN0U3R5bGVUeXBlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy90ZXh0LWV4cGFuZC1yZXBlYXRlci90eXBlcy90ZXh0LWV4cGFuZC1yZXBlYXRlci1saXN0LXN0eWxlLXR5cGUnO1xuXG5leHBvcnQgeyBTa3lUb29sYmFyTW9kdWxlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy90b29sYmFyL3Rvb2xiYXIubW9kdWxlJztcblxuLy8gQ29tcG9uZW50cyBhbmQgZGlyZWN0aXZlcyBtdXN0IGJlIGV4cG9ydGVkIHRvIHN1cHBvcnQgQW5ndWxhcidzIFwicGFydGlhbFwiIEl2eSBjb21waWxlci5cbi8vIE9ic2N1cmUgbmFtZXMgYXJlIHVzZWQgdG8gaW5kaWNhdGUgdHlwZXMgYXJlIG5vdCBwYXJ0IG9mIHB1YmxpYyBBUEkuXG5leHBvcnQgeyBTa3lBY3Rpb25CdXR0b25Db250YWluZXJDb21wb25lbnQgYXMgzrsyIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24tY29udGFpbmVyLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lBY3Rpb25CdXR0b25EZXRhaWxzQ29tcG9uZW50IGFzIM67MyB9IGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLWRldGFpbHMuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUFjdGlvbkJ1dHRvbkhlYWRlckNvbXBvbmVudCBhcyDOuzQgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi1oZWFkZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUFjdGlvbkJ1dHRvbkljb25Db21wb25lbnQgYXMgzrs1IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24taWNvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5QWN0aW9uQnV0dG9uQ29tcG9uZW50IGFzIM67MSB9IGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lCYWNrVG9Ub3BDb21wb25lbnQgYXMgzrs2IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9iYWNrLXRvLXRvcC9iYWNrLXRvLXRvcC5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5QmFja1RvVG9wRGlyZWN0aXZlIGFzIM67NyB9IGZyb20gJy4vbGliL21vZHVsZXMvYmFjay10by10b3AvYmFjay10by10b3AuZGlyZWN0aXZlJztcbmV4cG9ydCB7IFNreUJveENvbnRlbnRDb21wb25lbnQgYXMgzrs0MyB9IGZyb20gJy4vbGliL21vZHVsZXMvYm94L2JveC1jb250ZW50LmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lCb3hDb250cm9sc0NvbXBvbmVudCBhcyDOuzQ0IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9ib3gvYm94LWNvbnRyb2xzLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lCb3hIZWFkZXJDb21wb25lbnQgYXMgzrs0MiB9IGZyb20gJy4vbGliL21vZHVsZXMvYm94L2JveC1oZWFkZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUJveENvbXBvbmVudCBhcyDOuzQxIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9ib3gvYm94LmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lDYXJkQWN0aW9uc0NvbXBvbmVudCBhcyDOuzEwIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9jYXJkL2NhcmQtYWN0aW9ucy5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5Q2FyZENvbnRlbnRDb21wb25lbnQgYXMgzrsxMSB9IGZyb20gJy4vbGliL21vZHVsZXMvY2FyZC9jYXJkLWNvbnRlbnQuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUNhcmRUaXRsZUNvbXBvbmVudCBhcyDOuzEyIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9jYXJkL2NhcmQtdGl0bGUuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUNhcmRDb21wb25lbnQgYXMgzrs5IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9jYXJkL2NhcmQuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreURlZmluaXRpb25MaXN0Q29udGVudENvbXBvbmVudCBhcyDOuzE0IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9kZWZpbml0aW9uLWxpc3QvZGVmaW5pdGlvbi1saXN0LWNvbnRlbnQuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreURlZmluaXRpb25MaXN0SGVhZGluZ0NvbXBvbmVudCBhcyDOuzE1IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9kZWZpbml0aW9uLWxpc3QvZGVmaW5pdGlvbi1saXN0LWhlYWRpbmcuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreURlZmluaXRpb25MaXN0TGFiZWxDb21wb25lbnQgYXMgzrsxNiB9IGZyb20gJy4vbGliL21vZHVsZXMvZGVmaW5pdGlvbi1saXN0L2RlZmluaXRpb24tbGlzdC1sYWJlbC5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5RGVmaW5pdGlvbkxpc3RWYWx1ZUNvbXBvbmVudCBhcyDOuzE3IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9kZWZpbml0aW9uLWxpc3QvZGVmaW5pdGlvbi1saXN0LXZhbHVlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lEZWZpbml0aW9uTGlzdENvbXBvbmVudCBhcyDOuzEzIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9kZWZpbml0aW9uLWxpc3QvZGVmaW5pdGlvbi1saXN0LmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lEZXNjcmlwdGlvbkxpc3RDb250ZW50Q29tcG9uZW50IGFzIM67MjEgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2Rlc2NyaXB0aW9uLWxpc3QvZGVzY3JpcHRpb24tbGlzdC1jb250ZW50LmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lEZXNjcmlwdGlvbkxpc3REZXNjcmlwdGlvbkNvbXBvbmVudCBhcyDOuzIwIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9kZXNjcmlwdGlvbi1saXN0L2Rlc2NyaXB0aW9uLWxpc3QtZGVzY3JpcHRpb24uY29tcG9uZW50JztcbmV4cG9ydCB7IFNreURlc2NyaXB0aW9uTGlzdFRlcm1Db21wb25lbnQgYXMgzrsxOSB9IGZyb20gJy4vbGliL21vZHVsZXMvZGVzY3JpcHRpb24tbGlzdC9kZXNjcmlwdGlvbi1saXN0LXRlcm0uY29tcG9uZW50JztcbmV4cG9ydCB7IFNreURlc2NyaXB0aW9uTGlzdENvbXBvbmVudCBhcyDOuzE4IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9kZXNjcmlwdGlvbi1saXN0L2Rlc2NyaXB0aW9uLWxpc3QuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVJvd0NvbXBvbmVudCBhcyDOuzIzIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9mbHVpZC1ncmlkLy9yb3cuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUNvbHVtbkNvbXBvbmVudCBhcyDOuzI0IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9mbHVpZC1ncmlkL2NvbHVtbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5Rmx1aWRHcmlkQ29tcG9uZW50IGFzIM67MjIgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2ZsdWlkLWdyaWQvZmx1aWQtZ3JpZC5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5Rm9ybWF0Q29tcG9uZW50IGFzIM67MjUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2Zvcm1hdC9mb3JtYXQuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUlubGluZURlbGV0ZUNvbXBvbmVudCBhcyDOuzggfSBmcm9tICcuL2xpYi9tb2R1bGVzL2lubGluZS1kZWxldGUvaW5saW5lLWRlbGV0ZS5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5UGFnZVN1bW1hcnlBbGVydENvbXBvbmVudCBhcyDOuzI4IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9wYWdlLXN1bW1hcnkvcGFnZS1zdW1tYXJ5LWFsZXJ0LmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lQYWdlU3VtbWFyeUNvbnRlbnRDb21wb25lbnQgYXMgzrsyOSB9IGZyb20gJy4vbGliL21vZHVsZXMvcGFnZS1zdW1tYXJ5L3BhZ2Utc3VtbWFyeS1jb250ZW50LmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lQYWdlU3VtbWFyeUltYWdlQ29tcG9uZW50IGFzIM67MzAgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2Utc3VtbWFyeS9wYWdlLXN1bW1hcnktaW1hZ2UuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVBhZ2VTdW1tYXJ5S2V5SW5mb0NvbXBvbmVudCBhcyDOuzMxIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9wYWdlLXN1bW1hcnkvcGFnZS1zdW1tYXJ5LWtleS1pbmZvLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lQYWdlU3VtbWFyeVN0YXR1c0NvbXBvbmVudCBhcyDOuzMyIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9wYWdlLXN1bW1hcnkvcGFnZS1zdW1tYXJ5LXN0YXR1cy5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5UGFnZVN1bW1hcnlTdWJ0aXRsZUNvbXBvbmVudCBhcyDOuzMzIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9wYWdlLXN1bW1hcnkvcGFnZS1zdW1tYXJ5LXN1YnRpdGxlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lQYWdlU3VtbWFyeVRpdGxlQ29tcG9uZW50IGFzIM67MzQgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2Utc3VtbWFyeS9wYWdlLXN1bW1hcnktdGl0bGUuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVBhZ2VTdW1tYXJ5Q29tcG9uZW50IGFzIM67MjcgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2Utc3VtbWFyeS9wYWdlLXN1bW1hcnkuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVBhZ2VDb21wb25lbnQgYXMgzrsyNiB9IGZyb20gJy4vbGliL21vZHVsZXMvcGFnZS9wYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lUZXh0RXhwYW5kUmVwZWF0ZXJDb21wb25lbnQgYXMgzrszNiB9IGZyb20gJy4vbGliL21vZHVsZXMvdGV4dC1leHBhbmQtcmVwZWF0ZXIvdGV4dC1leHBhbmQtcmVwZWF0ZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVRleHRFeHBhbmRDb21wb25lbnQgYXMgzrszNSB9IGZyb20gJy4vbGliL21vZHVsZXMvdGV4dC1leHBhbmQvdGV4dC1leHBhbmQuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVRvb2xiYXJJdGVtQ29tcG9uZW50IGFzIM67MzkgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3Rvb2xiYXIvdG9vbGJhci1pdGVtLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lUb29sYmFyU2VjdGlvbkNvbXBvbmVudCBhcyDOuzM4IH0gZnJvbSAnLi9saWIvbW9kdWxlcy90b29sYmFyL3Rvb2xiYXItc2VjdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5VG9vbGJhclZpZXdBY3Rpb25zQ29tcG9uZW50IGFzIM67NDAgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3Rvb2xiYXIvdG9vbGJhci12aWV3LWFjdGlvbnMuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVRvb2xiYXJDb21wb25lbnQgYXMgzrszNyB9IGZyb20gJy4vbGliL21vZHVsZXMvdG9vbGJhci90b29sYmFyLmNvbXBvbmVudCc7XG4iXX0=
64
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUl6RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUVsRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQUtwRyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRS9ELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBRS9GLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDREQUE0RCxDQUFDO0FBR3BHLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBSWhGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUNyRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUd6RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFL0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFFdEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFFbkYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sZ0VBQWdFLENBQUM7QUFHN0csT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFeEUsMEZBQTBGO0FBQzFGLHVFQUF1RTtBQUN2RSxPQUFPLEVBQUUsaUNBQWlDLElBQUksRUFBRSxFQUFFLE1BQU0sK0RBQStELENBQUM7QUFDeEgsT0FBTyxFQUFFLCtCQUErQixJQUFJLEVBQUUsRUFBRSxNQUFNLDZEQUE2RCxDQUFDO0FBQ3BILE9BQU8sRUFBRSw4QkFBOEIsSUFBSSxFQUFFLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUNsSCxPQUFPLEVBQUUsNEJBQTRCLElBQUksRUFBRSxFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDOUcsT0FBTyxFQUFFLHdCQUF3QixJQUFJLEVBQUUsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ3JHLE9BQU8sRUFBRSxxQkFBcUIsSUFBSSxFQUFFLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM5RixPQUFPLEVBQUUscUJBQXFCLElBQUksRUFBRSxFQUFFLE1BQU0saURBQWlELENBQUM7QUFDOUYsT0FBTyxFQUFFLHNCQUFzQixJQUFJLEdBQUcsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSx1QkFBdUIsSUFBSSxHQUFHLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUMxRixPQUFPLEVBQUUscUJBQXFCLElBQUksR0FBRyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDdEYsT0FBTyxFQUFFLGVBQWUsSUFBSSxHQUFHLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsdUJBQXVCLElBQUksR0FBRyxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDM0YsT0FBTyxFQUFFLHVCQUF1QixJQUFJLEdBQUcsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzNGLE9BQU8sRUFBRSxxQkFBcUIsSUFBSSxHQUFHLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RixPQUFPLEVBQUUsZ0JBQWdCLElBQUksRUFBRSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDM0UsT0FBTyxFQUFFLGlDQUFpQyxJQUFJLEdBQUcsRUFBRSxNQUFNLGlFQUFpRSxDQUFDO0FBQzNILE9BQU8sRUFBRSxpQ0FBaUMsSUFBSSxHQUFHLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUMzSCxPQUFPLEVBQUUsK0JBQStCLElBQUksR0FBRyxFQUFFLE1BQU0sK0RBQStELENBQUM7QUFDdkgsT0FBTyxFQUFFLCtCQUErQixJQUFJLEdBQUcsRUFBRSxNQUFNLCtEQUErRCxDQUFDO0FBQ3ZILE9BQU8sRUFBRSwwQkFBMEIsSUFBSSxHQUFHLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUM1RyxPQUFPLEVBQUUsa0NBQWtDLElBQUksR0FBRyxFQUFFLE1BQU0sbUVBQW1FLENBQUM7QUFDOUgsT0FBTyxFQUFFLHNDQUFzQyxJQUFJLEdBQUcsRUFBRSxNQUFNLHVFQUF1RSxDQUFDO0FBQ3RJLE9BQU8sRUFBRSwrQkFBK0IsSUFBSSxHQUFHLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQztBQUN4SCxPQUFPLEVBQUUsMkJBQTJCLElBQUksR0FBRyxFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFDL0csT0FBTyxFQUFFLGVBQWUsSUFBSSxHQUFHLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsa0JBQWtCLElBQUksR0FBRyxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDdEYsT0FBTyxFQUFFLHFCQUFxQixJQUFJLEdBQUcsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQzdGLE9BQU8sRUFBRSxrQkFBa0IsSUFBSSxHQUFHLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUNsRixPQUFPLEVBQUUsd0JBQXdCLElBQUksRUFBRSxFQUFFLE1BQU0scURBQXFELENBQUM7QUFDckcsT0FBTyxFQUFFLDRCQUE0QixJQUFJLEdBQUcsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQzlHLE9BQU8sRUFBRSw4QkFBOEIsSUFBSSxHQUFHLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQUNsSCxPQUFPLEVBQUUsNEJBQTRCLElBQUksR0FBRyxFQUFFLE1BQU0seURBQXlELENBQUM7QUFDOUcsT0FBTyxFQUFFLDhCQUE4QixJQUFJLEdBQUcsRUFBRSxNQUFNLDREQUE0RCxDQUFDO0FBQ25ILE9BQU8sRUFBRSw2QkFBNkIsSUFBSSxHQUFHLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUNoSCxPQUFPLEVBQUUsK0JBQStCLElBQUksR0FBRyxFQUFFLE1BQU0sNERBQTRELENBQUM7QUFDcEgsT0FBTyxFQUFFLDRCQUE0QixJQUFJLEdBQUcsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQzlHLE9BQU8sRUFBRSx1QkFBdUIsSUFBSSxHQUFHLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUNuRyxPQUFPLEVBQUUsZ0JBQWdCLElBQUksR0FBRyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDNUUsT0FBTyxFQUFFLDhCQUE4QixJQUFJLEdBQUcsRUFBRSxNQUFNLG1FQUFtRSxDQUFDO0FBQzFILE9BQU8sRUFBRSxzQkFBc0IsSUFBSSxHQUFHLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUNoRyxPQUFPLEVBQUUsdUJBQXVCLElBQUksR0FBRyxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDOUYsT0FBTyxFQUFFLDBCQUEwQixJQUFJLEdBQUcsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQ3BHLE9BQU8sRUFBRSw4QkFBOEIsSUFBSSxHQUFHLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUM3RyxPQUFPLEVBQUUsbUJBQW1CLElBQUksR0FBRyxFQUFFLE1BQU0seUNBQXlDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBTa3lBY3Rpb25CdXR0b25QZXJtYWxpbmsgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi1wZXJtYWxpbmsnO1xuZXhwb3J0IHsgU2t5QWN0aW9uQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24ubW9kdWxlJztcbmV4cG9ydCB7IFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckFsaWduSXRlbXMgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vdHlwZXMvYWN0aW9uLWJ1dHRvbi1jb250YWluZXItYWxpZ24taXRlbXMnO1xuZXhwb3J0IHsgU2t5QWN0aW9uQnV0dG9uQ29udGFpbmVyQWxpZ25JdGVtc1R5cGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vdHlwZXMvYWN0aW9uLWJ1dHRvbi1jb250YWluZXItYWxpZ24taXRlbXMtdHlwZSc7XG5cbmV4cG9ydCB7IFNreUJhY2tUb1RvcE1vZHVsZSB9IGZyb20gJy4vbGliL21vZHVsZXMvYmFjay10by10b3AvYmFjay10by10b3AubW9kdWxlJztcbmV4cG9ydCB7IFNreUJhY2tUb1RvcE1lc3NhZ2UgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2JhY2stdG8tdG9wL21vZGVscy9iYWNrLXRvLXRvcC1tZXNzYWdlJztcbmV4cG9ydCB7IFNreUJhY2tUb1RvcE1lc3NhZ2VUeXBlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9iYWNrLXRvLXRvcC9tb2RlbHMvYmFjay10by10b3AtbWVzc2FnZS10eXBlJztcbmV4cG9ydCB7IFNreUJhY2tUb1RvcE9wdGlvbnMgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2JhY2stdG8tdG9wL21vZGVscy9iYWNrLXRvLXRvcC1vcHRpb25zJztcblxuZXhwb3J0IHsgU2t5Qm94SGVhZGluZ0xldmVsIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9ib3gvYm94LWhlYWRpbmctbGV2ZWwnO1xuZXhwb3J0IHsgU2t5Qm94SGVhZGluZ1N0eWxlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9ib3gvYm94LWhlYWRpbmctc3R5bGUnO1xuZXhwb3J0IHsgU2t5Qm94TW9kdWxlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9ib3gvYm94Lm1vZHVsZSc7XG5cbmV4cG9ydCB7IFNreUNhcmRNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2NhcmQvY2FyZC5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lEZWZpbml0aW9uTGlzdE1vZHVsZSB9IGZyb20gJy4vbGliL21vZHVsZXMvZGVmaW5pdGlvbi1saXN0L2RlZmluaXRpb24tbGlzdC5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lEZXNjcmlwdGlvbkxpc3RNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2Rlc2NyaXB0aW9uLWxpc3QvZGVzY3JpcHRpb24tbGlzdC5tb2R1bGUnO1xuZXhwb3J0IHsgU2t5RGVzY3JpcHRpb25MaXN0TW9kZSB9IGZyb20gJy4vbGliL21vZHVsZXMvZGVzY3JpcHRpb24tbGlzdC90eXBlcy9kZXNjcmlwdGlvbi1saXN0LW1vZGUnO1xuZXhwb3J0IHsgU2t5RGVzY3JpcHRpb25MaXN0TW9kZVR5cGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2Rlc2NyaXB0aW9uLWxpc3QvdHlwZXMvZGVzY3JpcHRpb24tbGlzdC1tb2RlLXR5cGUnO1xuXG5leHBvcnQgeyBTa3lGbHVpZEdyaWRNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2ZsdWlkLWdyaWQvZmx1aWQtZ3JpZC5tb2R1bGUnO1xuZXhwb3J0IHsgU2t5Rmx1aWRHcmlkR3V0dGVyU2l6ZVR5cGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2ZsdWlkLWdyaWQvdHlwZXMvZmx1aWQtZ3JpZC1ndXR0ZXItc2l6ZS10eXBlJztcblxuZXhwb3J0IHsgU2t5Rm9ybWF0SXRlbSB9IGZyb20gJy4vbGliL21vZHVsZXMvZm9ybWF0L2Zvcm1hdC1pdGVtJztcbmV4cG9ydCB7IFNreUZvcm1hdE1vZHVsZSB9IGZyb20gJy4vbGliL21vZHVsZXMvZm9ybWF0L2Zvcm1hdC5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lJbmxpbmVEZWxldGVUeXBlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9pbmxpbmUtZGVsZXRlL2lubGluZS1kZWxldGUtdHlwZSc7XG5leHBvcnQgeyBTa3lJbmxpbmVEZWxldGVNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2lubGluZS1kZWxldGUvaW5saW5lLWRlbGV0ZS5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lQYWdlTGF5b3V0VHlwZSB9IGZyb20gJy4vbGliL21vZHVsZXMvcGFnZS9wYWdlLWxheW91dC10eXBlJztcbmV4cG9ydCB7IFNreVBhZ2VNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2UvcGFnZS5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lQYWdlU3VtbWFyeU1vZHVsZSB9IGZyb20gJy4vbGliL21vZHVsZXMvcGFnZS1zdW1tYXJ5L3BhZ2Utc3VtbWFyeS5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lUZXh0RXhwYW5kTW9kdWxlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy90ZXh0LWV4cGFuZC90ZXh0LWV4cGFuZC5tb2R1bGUnO1xuXG5leHBvcnQgeyBTa3lUZXh0RXhwYW5kUmVwZWF0ZXJNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3RleHQtZXhwYW5kLXJlcGVhdGVyL3RleHQtZXhwYW5kLXJlcGVhdGVyLm1vZHVsZSc7XG5leHBvcnQgeyBTa3lUZXh0RXhwYW5kUmVwZWF0ZXJMaXN0U3R5bGVUeXBlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy90ZXh0LWV4cGFuZC1yZXBlYXRlci90eXBlcy90ZXh0LWV4cGFuZC1yZXBlYXRlci1saXN0LXN0eWxlLXR5cGUnO1xuXG5leHBvcnQgeyBTa3lUb29sYmFyTW9kdWxlIH0gZnJvbSAnLi9saWIvbW9kdWxlcy90b29sYmFyL3Rvb2xiYXIubW9kdWxlJztcblxuLy8gQ29tcG9uZW50cyBhbmQgZGlyZWN0aXZlcyBtdXN0IGJlIGV4cG9ydGVkIHRvIHN1cHBvcnQgQW5ndWxhcidzIFwicGFydGlhbFwiIEl2eSBjb21waWxlci5cbi8vIE9ic2N1cmUgbmFtZXMgYXJlIHVzZWQgdG8gaW5kaWNhdGUgdHlwZXMgYXJlIG5vdCBwYXJ0IG9mIHB1YmxpYyBBUEkuXG5leHBvcnQgeyBTa3lBY3Rpb25CdXR0b25Db250YWluZXJDb21wb25lbnQgYXMgzrsyIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24tY29udGFpbmVyLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lBY3Rpb25CdXR0b25EZXRhaWxzQ29tcG9uZW50IGFzIM67MyB9IGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLWRldGFpbHMuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUFjdGlvbkJ1dHRvbkhlYWRlckNvbXBvbmVudCBhcyDOuzQgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi1oZWFkZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUFjdGlvbkJ1dHRvbkljb25Db21wb25lbnQgYXMgzrs1IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24taWNvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5QWN0aW9uQnV0dG9uQ29tcG9uZW50IGFzIM67MSB9IGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lCYWNrVG9Ub3BDb21wb25lbnQgYXMgzrs2IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9iYWNrLXRvLXRvcC9iYWNrLXRvLXRvcC5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5QmFja1RvVG9wRGlyZWN0aXZlIGFzIM67NyB9IGZyb20gJy4vbGliL21vZHVsZXMvYmFjay10by10b3AvYmFjay10by10b3AuZGlyZWN0aXZlJztcbmV4cG9ydCB7IFNreUJveENvbnRlbnRDb21wb25lbnQgYXMgzrs0MyB9IGZyb20gJy4vbGliL21vZHVsZXMvYm94L2JveC1jb250ZW50LmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lCb3hDb250cm9sc0NvbXBvbmVudCBhcyDOuzQ0IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9ib3gvYm94LWNvbnRyb2xzLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lCb3hIZWFkZXJDb21wb25lbnQgYXMgzrs0MiB9IGZyb20gJy4vbGliL21vZHVsZXMvYm94L2JveC1oZWFkZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUJveENvbXBvbmVudCBhcyDOuzQxIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9ib3gvYm94LmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lDYXJkQWN0aW9uc0NvbXBvbmVudCBhcyDOuzEwIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9jYXJkL2NhcmQtYWN0aW9ucy5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5Q2FyZENvbnRlbnRDb21wb25lbnQgYXMgzrsxMSB9IGZyb20gJy4vbGliL21vZHVsZXMvY2FyZC9jYXJkLWNvbnRlbnQuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUNhcmRUaXRsZUNvbXBvbmVudCBhcyDOuzEyIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9jYXJkL2NhcmQtdGl0bGUuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUNhcmRDb21wb25lbnQgYXMgzrs5IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9jYXJkL2NhcmQuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreURlZmluaXRpb25MaXN0Q29udGVudENvbXBvbmVudCBhcyDOuzE0IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9kZWZpbml0aW9uLWxpc3QvZGVmaW5pdGlvbi1saXN0LWNvbnRlbnQuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreURlZmluaXRpb25MaXN0SGVhZGluZ0NvbXBvbmVudCBhcyDOuzE1IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9kZWZpbml0aW9uLWxpc3QvZGVmaW5pdGlvbi1saXN0LWhlYWRpbmcuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreURlZmluaXRpb25MaXN0TGFiZWxDb21wb25lbnQgYXMgzrsxNiB9IGZyb20gJy4vbGliL21vZHVsZXMvZGVmaW5pdGlvbi1saXN0L2RlZmluaXRpb24tbGlzdC1sYWJlbC5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5RGVmaW5pdGlvbkxpc3RWYWx1ZUNvbXBvbmVudCBhcyDOuzE3IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9kZWZpbml0aW9uLWxpc3QvZGVmaW5pdGlvbi1saXN0LXZhbHVlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lEZWZpbml0aW9uTGlzdENvbXBvbmVudCBhcyDOuzEzIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9kZWZpbml0aW9uLWxpc3QvZGVmaW5pdGlvbi1saXN0LmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lEZXNjcmlwdGlvbkxpc3RDb250ZW50Q29tcG9uZW50IGFzIM67MjEgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2Rlc2NyaXB0aW9uLWxpc3QvZGVzY3JpcHRpb24tbGlzdC1jb250ZW50LmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lEZXNjcmlwdGlvbkxpc3REZXNjcmlwdGlvbkNvbXBvbmVudCBhcyDOuzIwIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9kZXNjcmlwdGlvbi1saXN0L2Rlc2NyaXB0aW9uLWxpc3QtZGVzY3JpcHRpb24uY29tcG9uZW50JztcbmV4cG9ydCB7IFNreURlc2NyaXB0aW9uTGlzdFRlcm1Db21wb25lbnQgYXMgzrsxOSB9IGZyb20gJy4vbGliL21vZHVsZXMvZGVzY3JpcHRpb24tbGlzdC9kZXNjcmlwdGlvbi1saXN0LXRlcm0uY29tcG9uZW50JztcbmV4cG9ydCB7IFNreURlc2NyaXB0aW9uTGlzdENvbXBvbmVudCBhcyDOuzE4IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9kZXNjcmlwdGlvbi1saXN0L2Rlc2NyaXB0aW9uLWxpc3QuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVJvd0NvbXBvbmVudCBhcyDOuzIzIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9mbHVpZC1ncmlkLy9yb3cuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUNvbHVtbkNvbXBvbmVudCBhcyDOuzI0IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9mbHVpZC1ncmlkL2NvbHVtbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5Rmx1aWRHcmlkQ29tcG9uZW50IGFzIM67MjIgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2ZsdWlkLWdyaWQvZmx1aWQtZ3JpZC5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5Rm9ybWF0Q29tcG9uZW50IGFzIM67MjUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2Zvcm1hdC9mb3JtYXQuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUlubGluZURlbGV0ZUNvbXBvbmVudCBhcyDOuzggfSBmcm9tICcuL2xpYi9tb2R1bGVzL2lubGluZS1kZWxldGUvaW5saW5lLWRlbGV0ZS5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5UGFnZVN1bW1hcnlBbGVydENvbXBvbmVudCBhcyDOuzI4IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9wYWdlLXN1bW1hcnkvcGFnZS1zdW1tYXJ5LWFsZXJ0LmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lQYWdlU3VtbWFyeUNvbnRlbnRDb21wb25lbnQgYXMgzrsyOSB9IGZyb20gJy4vbGliL21vZHVsZXMvcGFnZS1zdW1tYXJ5L3BhZ2Utc3VtbWFyeS1jb250ZW50LmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lQYWdlU3VtbWFyeUltYWdlQ29tcG9uZW50IGFzIM67MzAgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2Utc3VtbWFyeS9wYWdlLXN1bW1hcnktaW1hZ2UuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVBhZ2VTdW1tYXJ5S2V5SW5mb0NvbXBvbmVudCBhcyDOuzMxIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9wYWdlLXN1bW1hcnkvcGFnZS1zdW1tYXJ5LWtleS1pbmZvLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lQYWdlU3VtbWFyeVN0YXR1c0NvbXBvbmVudCBhcyDOuzMyIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9wYWdlLXN1bW1hcnkvcGFnZS1zdW1tYXJ5LXN0YXR1cy5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5UGFnZVN1bW1hcnlTdWJ0aXRsZUNvbXBvbmVudCBhcyDOuzMzIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9wYWdlLXN1bW1hcnkvcGFnZS1zdW1tYXJ5LXN1YnRpdGxlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lQYWdlU3VtbWFyeVRpdGxlQ29tcG9uZW50IGFzIM67MzQgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2Utc3VtbWFyeS9wYWdlLXN1bW1hcnktdGl0bGUuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVBhZ2VTdW1tYXJ5Q29tcG9uZW50IGFzIM67MjcgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2Utc3VtbWFyeS9wYWdlLXN1bW1hcnkuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVBhZ2VDb21wb25lbnQgYXMgzrsyNiB9IGZyb20gJy4vbGliL21vZHVsZXMvcGFnZS9wYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lUZXh0RXhwYW5kUmVwZWF0ZXJDb21wb25lbnQgYXMgzrszNiB9IGZyb20gJy4vbGliL21vZHVsZXMvdGV4dC1leHBhbmQtcmVwZWF0ZXIvdGV4dC1leHBhbmQtcmVwZWF0ZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVRleHRFeHBhbmRDb21wb25lbnQgYXMgzrszNSB9IGZyb20gJy4vbGliL21vZHVsZXMvdGV4dC1leHBhbmQvdGV4dC1leHBhbmQuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVRvb2xiYXJJdGVtQ29tcG9uZW50IGFzIM67MzkgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3Rvb2xiYXIvdG9vbGJhci1pdGVtLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lUb29sYmFyU2VjdGlvbkNvbXBvbmVudCBhcyDOuzM4IH0gZnJvbSAnLi9saWIvbW9kdWxlcy90b29sYmFyL3Rvb2xiYXItc2VjdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5VG9vbGJhclZpZXdBY3Rpb25zQ29tcG9uZW50IGFzIM67NDAgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3Rvb2xiYXIvdG9vbGJhci12aWV3LWFjdGlvbnMuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVRvb2xiYXJDb21wb25lbnQgYXMgzrszNyB9IGZyb20gJy4vbGliL21vZHVsZXMvdG9vbGJhci90b29sYmFyLmNvbXBvbmVudCc7XG4iXX0=
package/esm2022/lib/modules/action-button/action-button-container.component.mjs CHANGED
@@ -114,11 +114,11 @@ export class SkyActionButtonContainerComponent {
114
114
  }
115
115
  }
116
116
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyActionButtonContainerComponent, deps: [{ token: i1.SkyActionButtonAdapterService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyCoreAdapterService }, { token: i0.ElementRef }, { token: i3.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
117
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: SkyActionButtonContainerComponent, selector: "sky-action-button-container", inputs: { alignItems: "alignItems" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyActionButtonAdapterService], queries: [{ propertyName: "actionButtons", predicate: SkyActionButtonComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }], hostDirectives: [{ directive: i3.SkyThemeComponentClassDirective }], ngImport: i0, template: "<div class=\"sky-action-button-container\" #container>\n <div\n class=\"sky-action-button-flex\"\n [ngClass]=\"{\n 'sky-action-button-flex-align-left': alignItems === 'left',\n 'sky-action-button-flex-align-center': alignItems === 'center'\n }\"\n (cdkObserveContent)=\"onContentChange()\"\n >\n <ng-content />\n </div>\n</div>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{display:block}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:block;padding:0;margin:calc(var(--sky-compat-action-button-flex-margin, 20px) * -1) 0}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:block;padding:0;margin:calc(var(--sky-compat-action-button-flex-margin, 20px) * -1) 0}.sky-responsive-container-xs .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:var(--sky-compat-action-button-flex-sm-padding, 0) 0;margin:calc(var(--sky-compat-action-button-flex-margin, 10px) * -1) 0}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:var(--sky-compat-action-button-flex-sm-padding, 0) 0;margin:calc(var(--sky-compat-action-button-flex-margin, 10px) * -1) 0}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:10px 0}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}.sky-theme-modern .sky-action-button-container{margin:0 auto}.sky-theme-modern .sky-action-button-container.sky-action-button-container-sm{max-width:446px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-md{max-width:912px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-lg{max-width:1378px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button{display:block}.sky-theme-modern .sky-action-button-container .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-container .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-responsive-container-xs .sky-theme-modern .sky-action-button-container .sky-action-button-flex,.sky-responsive-container-sm .sky-theme-modern .sky-action-button-container .sky-action-button-flex,.sky-responsive-container-md .sky-theme-modern .sky-action-button-container .sky-action-button-flex,.sky-responsive-container-lg .sky-theme-modern .sky-action-button-container .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-responsive-container-xs .sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}@media (min-width: 768px){.sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}}.sky-responsive-container-sm .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None }); }
117
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: SkyActionButtonContainerComponent, selector: "sky-action-button-container", inputs: { alignItems: "alignItems" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyActionButtonAdapterService], queries: [{ propertyName: "actionButtons", predicate: SkyActionButtonComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }], hostDirectives: [{ directive: i3.SkyThemeComponentClassDirective }], ngImport: i0, template: "<div class=\"sky-action-button-container\" #container>\n <div\n class=\"sky-action-button-flex\"\n [ngClass]=\"{\n 'sky-action-button-flex-align-left': alignItems === 'left',\n 'sky-action-button-flex-align-center': alignItems === 'center'\n }\"\n (cdkObserveContent)=\"onContentChange()\"\n >\n <ng-content />\n </div>\n</div>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{display:block}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:block;padding:0;margin:calc(var(--sky-compat-action-button-flex-margin, 20px) * -1) 0}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:block;padding:0;margin:calc(var(--sky-compat-action-button-flex-margin, 20px) * -1) 0}.sky-responsive-container-xs .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:var(--sky-compat-action-button-flex-sm-padding, 0) 0;margin:calc(var(--sky-compat-action-button-flex-margin, 10px) * -1) 0}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:var(--sky-compat-action-button-flex-sm-padding, 0) 0;margin:calc(var(--sky-compat-action-button-flex-margin, 10px) * -1) 0}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:10px 0}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}:is(.sky-theme-modern .sky-action-button-container){margin:0 auto}:is(.sky-theme-modern .sky-action-button-container).sky-action-button-container-sm{max-width:446px}:is(.sky-theme-modern .sky-action-button-container).sky-action-button-container-md{max-width:912px}:is(.sky-theme-modern .sky-action-button-container).sky-action-button-container-lg{max-width:1378px}:is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex sky-action-button{display:block}:is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}:is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}:is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-responsive-container-xs :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex,.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex,.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex,.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-responsive-container-xs :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex sky-action-button,.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex sky-action-button,.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex sky-action-button,.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}@media (min-width: 768px){:is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}:is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}}.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None }); }
118
118
  }
119
119
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyActionButtonContainerComponent, decorators: [{
120
120
  type: Component,
121
- args: [{ selector: 'sky-action-button-container', providers: [SkyActionButtonAdapterService], encapsulation: ViewEncapsulation.None, hostDirectives: [SkyThemeComponentClassDirective], template: "<div class=\"sky-action-button-container\" #container>\n <div\n class=\"sky-action-button-flex\"\n [ngClass]=\"{\n 'sky-action-button-flex-align-left': alignItems === 'left',\n 'sky-action-button-flex-align-center': alignItems === 'center'\n }\"\n (cdkObserveContent)=\"onContentChange()\"\n >\n <ng-content />\n </div>\n</div>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{display:block}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:block;padding:0;margin:calc(var(--sky-compat-action-button-flex-margin, 20px) * -1) 0}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:block;padding:0;margin:calc(var(--sky-compat-action-button-flex-margin, 20px) * -1) 0}.sky-responsive-container-xs .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:var(--sky-compat-action-button-flex-sm-padding, 0) 0;margin:calc(var(--sky-compat-action-button-flex-margin, 10px) * -1) 0}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:var(--sky-compat-action-button-flex-sm-padding, 0) 0;margin:calc(var(--sky-compat-action-button-flex-margin, 10px) * -1) 0}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:10px 0}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}.sky-theme-modern .sky-action-button-container{margin:0 auto}.sky-theme-modern .sky-action-button-container.sky-action-button-container-sm{max-width:446px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-md{max-width:912px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-lg{max-width:1378px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button{display:block}.sky-theme-modern .sky-action-button-container .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-container .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-responsive-container-xs .sky-theme-modern .sky-action-button-container .sky-action-button-flex,.sky-responsive-container-sm .sky-theme-modern .sky-action-button-container .sky-action-button-flex,.sky-responsive-container-md .sky-theme-modern .sky-action-button-container .sky-action-button-flex,.sky-responsive-container-lg .sky-theme-modern .sky-action-button-container .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-responsive-container-xs .sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-theme-modern .sky-action-button-container .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}@media (min-width: 768px){.sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}}.sky-responsive-container-sm .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-theme-modern .sky-action-button-container .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}\n"] }]
121
+ args: [{ selector: 'sky-action-button-container', providers: [SkyActionButtonAdapterService], encapsulation: ViewEncapsulation.None, hostDirectives: [SkyThemeComponentClassDirective], template: "<div class=\"sky-action-button-container\" #container>\n <div\n class=\"sky-action-button-flex\"\n [ngClass]=\"{\n 'sky-action-button-flex-align-left': alignItems === 'left',\n 'sky-action-button-flex-align-center': alignItems === 'center'\n }\"\n (cdkObserveContent)=\"onContentChange()\"\n >\n <ng-content />\n </div>\n</div>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{display:block}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:block;padding:0;margin:calc(var(--sky-compat-action-button-flex-margin, 20px) * -1) 0}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:block;padding:0;margin:calc(var(--sky-compat-action-button-flex-margin, 20px) * -1) 0}.sky-responsive-container-xs .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:var(--sky-compat-action-button-flex-sm-padding, 0) 0;margin:calc(var(--sky-compat-action-button-flex-margin, 10px) * -1) 0}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:var(--sky-compat-action-button-flex-sm-padding, 0) 0;margin:calc(var(--sky-compat-action-button-flex-margin, 10px) * -1) 0}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-container:not(.sky-theme-modern *) .sky-action-button-flex sky-action-button{margin:10px 0}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}:is(.sky-theme-modern .sky-action-button-container){margin:0 auto}:is(.sky-theme-modern .sky-action-button-container).sky-action-button-container-sm{max-width:446px}:is(.sky-theme-modern .sky-action-button-container).sky-action-button-container-md{max-width:912px}:is(.sky-theme-modern .sky-action-button-container).sky-action-button-container-lg{max-width:1378px}:is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex sky-action-button{display:block}:is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}:is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}:is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-responsive-container-xs :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex,.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex,.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex,.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-responsive-container-xs :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex sky-action-button,.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex sky-action-button,.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex sky-action-button,.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}@media (min-width: 768px){:is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}:is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}}.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button-container) .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}\n"] }]
122
122
  }], ctorParameters: () => [{ type: i1.SkyActionButtonAdapterService }, { type: i0.ChangeDetectorRef }, { type: i2.SkyCoreAdapterService }, { type: i0.ElementRef }, { type: i3.SkyThemeService, decorators: [{
123
123
  type: Optional
124
124
  }] }], propDecorators: { alignItems: [{
package/esm2022/lib/modules/action-button/action-button-header.component.mjs CHANGED
@@ -7,10 +7,10 @@ import * as i1 from "@skyux/theme";
7
7
  */
8
8
  export class SkyActionButtonHeaderComponent {
9
9
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyActionButtonHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
10
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: SkyActionButtonHeaderComponent, selector: "sky-action-button-header", hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], ngImport: i0, template: "<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern',\n 'sky-font-heading-2': 'default'\n }\"\n>\n <ng-content />\n</div>\n", styles: [":host .sky-action-button-header:not(.sky-theme-modern *){margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-sm) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-header:not(.sky-theme-modern *){margin:0 5px}@media (min-width: 768px){:host .sky-action-button-header:not(.sky-theme-modern *){margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-header:not(.sky-theme-modern *){margin:0 0 20px}\n", ":host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 10px}\n"], dependencies: [{ kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] }); }
10
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: SkyActionButtonHeaderComponent, selector: "sky-action-button-header", hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], ngImport: i0, template: "<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern',\n 'sky-font-heading-2': 'default'\n }\"\n>\n <ng-content />\n</div>\n", styles: [":host .sky-action-button-header:not(.sky-theme-modern *){margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-sm) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-header:not(.sky-theme-modern *){margin:0 5px}@media (min-width: 768px){:host .sky-action-button-header:not(.sky-theme-modern *){margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-header:not(.sky-theme-modern *){margin:0 0 20px}\n", ":is(.sky-theme-modern .sky-action-button-header){margin:0 0 10px}\n"], dependencies: [{ kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] }); }
11
11
  }
12
12
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyActionButtonHeaderComponent, decorators: [{
13
13
  type: Component,
14
- args: [{ selector: 'sky-action-button-header', hostDirectives: [SkyThemeComponentClassDirective], template: "<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern',\n 'sky-font-heading-2': 'default'\n }\"\n>\n <ng-content />\n</div>\n", styles: [":host .sky-action-button-header:not(.sky-theme-modern *){margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-sm) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-header:not(.sky-theme-modern *){margin:0 5px}@media (min-width: 768px){:host .sky-action-button-header:not(.sky-theme-modern *){margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-header:not(.sky-theme-modern *){margin:0 0 20px}\n", ":host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 10px}\n"] }]
14
+ args: [{ selector: 'sky-action-button-header', hostDirectives: [SkyThemeComponentClassDirective], template: "<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-font-display-3': 'modern',\n 'sky-font-heading-2': 'default'\n }\"\n>\n <ng-content />\n</div>\n", styles: [":host .sky-action-button-header:not(.sky-theme-modern *){margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-sm) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-header:not(.sky-theme-modern *){margin:0 5px}@media (min-width: 768px){:host .sky-action-button-header:not(.sky-theme-modern *){margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-header:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-header:not(.sky-theme-modern *){margin:0 0 20px}\n", ":is(.sky-theme-modern .sky-action-button-header){margin:0 0 10px}\n"] }]
15
15
  }] });
16
16
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24taGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sY0FBYyxDQUFDOzs7QUFFL0Q7O0dBRUc7QUFVSCxNQUFNLE9BQU8sOEJBQThCOzhHQUE5Qiw4QkFBOEI7a0dBQTlCLDhCQUE4QixxSUNmM0MsbUxBU0E7OzJGRE1hLDhCQUE4QjtrQkFUMUMsU0FBUzsrQkFDRSwwQkFBMEIsa0JBTXBCLENBQUMsK0JBQStCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreVRoZW1lQ29tcG9uZW50Q2xhc3NEaXJlY3RpdmUgfSBmcm9tICdAc2t5dXgvdGhlbWUnO1xuXG4vKipcbiAqIFNwZWNpZmllcyBhIGhlYWRlciB0byBkaXNwbGF5IG9uIGFuIGFjdGlvbiBidXR0b24uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1hY3Rpb24tYnV0dG9uLWhlYWRlcicsXG4gIHN0eWxlVXJsczogW1xuICAgICcuL2FjdGlvbi1idXR0b24taGVhZGVyLmRlZmF1bHQuY29tcG9uZW50LnNjc3MnLFxuICAgICcuL2FjdGlvbi1idXR0b24taGVhZGVyLm1vZGVybi5jb21wb25lbnQuc2NzcycsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYnV0dG9uLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3REaXJlY3RpdmVzOiBbU2t5VGhlbWVDb21wb25lbnRDbGFzc0RpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIFNreUFjdGlvbkJ1dHRvbkhlYWRlckNvbXBvbmVudCB7fVxuIiwiPGRpdlxuICBjbGFzcz1cInNreS1hY3Rpb24tYnV0dG9uLWhlYWRlclwiXG4gIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAnc2t5LWZvbnQtZGlzcGxheS0zJzogJ21vZGVybicsXG4gICAgJ3NreS1mb250LWhlYWRpbmctMic6ICdkZWZhdWx0J1xuICB9XCJcbj5cbiAgPG5nLWNvbnRlbnQgLz5cbjwvZGl2PlxuIl19
package/esm2022/lib/modules/action-button/action-button-icon.component.mjs CHANGED
@@ -29,11 +29,11 @@ export class SkyActionButtonIconComponent {
29
29
  }
30
30
  }
31
31
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyActionButtonIconComponent, deps: [{ token: i1.SkyMediaQueryService }], target: i0.ɵɵFactoryTarget.Component }); }
32
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: SkyActionButtonIconComponent, selector: "sky-action-button-icon", inputs: { iconType: "iconType" }, ngImport: i0, template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n <sky-icon\n class=\"sky-action-button-icon\"\n [icon]=\"iconType\"\n [size]=\"fontSizeClass\"\n />\n</div>\n", styles: [":host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}@media (min-width: 768px){:host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}\n", ":host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#ebfbff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}:host-context(.sky-theme-modern) .sky-action-button-icon-container .sky-action-button-icon{color:#0974a1}\n"], dependencies: [{ kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }] }); }
32
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: SkyActionButtonIconComponent, selector: "sky-action-button-icon", inputs: { iconType: "iconType" }, ngImport: i0, template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n <sky-icon\n class=\"sky-action-button-icon\"\n [icon]=\"iconType\"\n [size]=\"fontSizeClass\"\n />\n</div>\n", styles: [":host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}@media (min-width: 768px){:host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}\n", ":is(.sky-theme-modern .sky-action-button-icon-container){color:#0974a1;background:#ebfbff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center}:is(.sky-theme-modern .sky-action-button-icon-container) ::ng-deep .sky-icon{font-size:24px!important}:is(.sky-theme-modern .sky-action-button-icon-container) .sky-action-button-icon{color:#0974a1}\n"], dependencies: [{ kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }] }); }
33
33
  }
34
34
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyActionButtonIconComponent, decorators: [{
35
35
  type: Component,
36
- args: [{ selector: 'sky-action-button-icon', template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n <sky-icon\n class=\"sky-action-button-icon\"\n [icon]=\"iconType\"\n [size]=\"fontSizeClass\"\n />\n</div>\n", styles: [":host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}@media (min-width: 768px){:host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}\n", ":host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#ebfbff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}:host-context(.sky-theme-modern) .sky-action-button-icon-container .sky-action-button-icon{color:#0974a1}\n"] }]
36
+ args: [{ selector: 'sky-action-button-icon', template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n <sky-icon\n class=\"sky-action-button-icon\"\n [icon]=\"iconType\"\n [size]=\"fontSizeClass\"\n />\n</div>\n", styles: [":host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *) .sky-action-button-icon{color:#0974a1}@media (min-width: 768px){:host .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-md) .sky-action-button-icon-container:not(.sky-theme-modern *),:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container:not(.sky-theme-modern *){margin:0 0 20px}\n", ":is(.sky-theme-modern .sky-action-button-icon-container){color:#0974a1;background:#ebfbff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center}:is(.sky-theme-modern .sky-action-button-icon-container) ::ng-deep .sky-icon{font-size:24px!important}:is(.sky-theme-modern .sky-action-button-icon-container) .sky-action-button-icon{color:#0974a1}\n"] }]
37
37
  }], ctorParameters: () => [{ type: i1.SkyMediaQueryService }], propDecorators: { iconType: [{
38
38
  type: Input
39
39
  }] } });
package/esm2022/lib/modules/action-button/action-button.component.mjs CHANGED
@@ -32,11 +32,11 @@ export class SkyActionButtonComponent {
32
32
  }
33
33
  }
34
34
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyActionButtonComponent, deps: [{ token: i0.ChangeDetectorRef, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
35
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: SkyActionButtonComponent, selector: "sky-action-button", inputs: { permalink: "permalink" }, outputs: { actionClick: "actionClick" }, host: { properties: { "hidden": "this.hidden" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"true\">\n <a\n *ngSwitchCase=\"!!permalink?.route?.commands\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [fragment]=\"permalink?.route?.extras?.fragment\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n [queryParams]=\"permalink?.route?.extras?.queryParams\"\n [queryParamsHandling]=\"permalink?.route?.extras?.queryParamsHandling\"\n [routerLink]=\"permalink?.route?.commands\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n </a>\n\n <a\n *ngSwitchCase=\"\n !permalink?.route &&\n permalink?.url &&\n (!permalink?.url?.includes('://') ||\n permalink?.url?.startsWith('https://'))\n \"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [href]=\"permalink?.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n </a>\n\n <a\n *ngSwitchCase=\"\n !permalink?.route &&\n permalink?.url &&\n permalink?.url?.includes('://') &&\n !permalink?.url?.startsWith('https://')\n \"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [skyHref]=\"permalink?.url\"\n (skyHrefChange)=\"onSkyHrefDisplayChange($event)\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n </a>\n\n <div\n *ngSwitchDefault\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n role=\"button\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (click)=\"buttonClicked()\"\n (keydown.enter)=\"enterPress()\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n </div>\n</ng-container>\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\" />\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\" />\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\" />\n</ng-template>\n", styles: [".sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 20px 20px 30px;--sky-action-button-max-width: none;--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block;padding:var(--sky-action-button-padding);max-width:var(--sky-action-button-max-width)}.sky-action-button:not(.sky-theme-modern *):hover{border-color:#c2c4c6}.sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 20px 20px 30px;--sky-action-button-max-width: none;--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block;padding:var(--sky-action-button-padding);max-width:var(--sky-action-button-max-width)}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *):hover{border-color:#c2c4c6}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}@media (min-width: 768px){.sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 30px 20px;--sky-action-button-max-width: 236px;--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}}.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 30px 20px;--sky-action-button-max-width: 236px;--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}\n", ".sky-theme-modern .sky-action-button{--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;cursor:pointer;text-decoration:none!important;max-width:446px;display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none;margin:0}.sky-theme-modern .sky-action-button:hover{border-color:#c2c4c6}.sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-theme-modern .sky-action-button .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}.sky-responsive-container-xs .sky-theme-modern .sky-action-button,.sky-responsive-container-sm .sky-theme-modern .sky-action-button,.sky-responsive-container-md .sky-theme-modern .sky-action-button,.sky-responsive-container-lg .sky-theme-modern .sky-action-button{--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;cursor:pointer;text-decoration:none!important;max-width:446px;display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none;margin:0}.sky-responsive-container-xs .sky-theme-modern .sky-action-button:hover,.sky-responsive-container-sm .sky-theme-modern .sky-action-button:hover,.sky-responsive-container-md .sky-theme-modern .sky-action-button:hover,.sky-responsive-container-lg .sky-theme-modern .sky-action-button:hover{border-color:#c2c4c6}.sky-responsive-container-xs .sky-theme-modern .sky-action-button .sky-action-button-content,.sky-responsive-container-sm .sky-theme-modern .sky-action-button .sky-action-button-content,.sky-responsive-container-md .sky-theme-modern .sky-action-button .sky-action-button-content,.sky-responsive-container-lg .sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-responsive-container-xs .sky-theme-modern .sky-action-button .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-theme-modern .sky-action-button .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-theme-modern .sky-action-button .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-theme-modern .sky-action-button .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}@media (min-width: 768px){.sky-theme-modern .sky-action-button{--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}}.sky-responsive-container-sm .sky-theme-modern .sky-action-button,.sky-responsive-container-md .sky-theme-modern .sky-action-button,.sky-responsive-container-lg .sky-theme-modern .sky-action-button{--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.λ1, selector: "[skyHref]", inputs: ["skyHref", "queryParams", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "directive", type: i4.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i4.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], encapsulation: i0.ViewEncapsulation.None }); }
35
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: SkyActionButtonComponent, selector: "sky-action-button", inputs: { permalink: "permalink" }, outputs: { actionClick: "actionClick" }, host: { properties: { "hidden": "this.hidden" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"true\">\n <a\n *ngSwitchCase=\"!!permalink?.route?.commands\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [fragment]=\"permalink?.route?.extras?.fragment\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n [queryParams]=\"permalink?.route?.extras?.queryParams\"\n [queryParamsHandling]=\"permalink?.route?.extras?.queryParamsHandling\"\n [routerLink]=\"permalink?.route?.commands\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n </a>\n\n <a\n *ngSwitchCase=\"\n !permalink?.route &&\n permalink?.url &&\n (!permalink?.url?.includes('://') ||\n permalink?.url?.startsWith('https://'))\n \"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [href]=\"permalink?.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n </a>\n\n <a\n *ngSwitchCase=\"\n !permalink?.route &&\n permalink?.url &&\n permalink?.url?.includes('://') &&\n !permalink?.url?.startsWith('https://')\n \"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [skyHref]=\"permalink?.url\"\n (skyHrefChange)=\"onSkyHrefDisplayChange($event)\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n </a>\n\n <div\n *ngSwitchDefault\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n role=\"button\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (click)=\"buttonClicked()\"\n (keydown.enter)=\"enterPress()\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n </div>\n</ng-container>\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\" />\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\" />\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\" />\n</ng-template>\n", styles: [".sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 20px 20px 30px;--sky-action-button-max-width: none;--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block;padding:var(--sky-action-button-padding);max-width:var(--sky-action-button-max-width)}.sky-action-button:not(.sky-theme-modern *):hover{border-color:#c2c4c6}.sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 20px 20px 30px;--sky-action-button-max-width: none;--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block;padding:var(--sky-action-button-padding);max-width:var(--sky-action-button-max-width)}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *):hover{border-color:#c2c4c6}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}@media (min-width: 768px){.sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 30px 20px;--sky-action-button-max-width: 236px;--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}}.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 30px 20px;--sky-action-button-max-width: 236px;--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}\n", ":is(.sky-theme-modern .sky-action-button){--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;cursor:pointer;text-decoration:none!important;max-width:446px;display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none;margin:0}:is(.sky-theme-modern .sky-action-button):hover{border-color:#c2c4c6}:is(.sky-theme-modern .sky-action-button) .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}:is(.sky-theme-modern .sky-action-button) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}.sky-responsive-container-xs :is(.sky-theme-modern .sky-action-button),.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button),.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button),.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button){--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;cursor:pointer;text-decoration:none!important;max-width:446px;display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none;margin:0}.sky-responsive-container-xs :is(.sky-theme-modern .sky-action-button):hover,.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button):hover,.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button):hover,.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button):hover{border-color:#c2c4c6}.sky-responsive-container-xs :is(.sky-theme-modern .sky-action-button) .sky-action-button-content,.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button) .sky-action-button-content,.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button) .sky-action-button-content,.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button) .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-responsive-container-xs :is(.sky-theme-modern .sky-action-button) .sky-action-button-icon-header-container,.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button) .sky-action-button-icon-header-container,.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button) .sky-action-button-icon-header-container,.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}@media (min-width: 768px){:is(.sky-theme-modern .sky-action-button){--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}}.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button),.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button),.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button){--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.λ1, selector: "[skyHref]", inputs: ["skyHref", "queryParams", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "directive", type: i4.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "directive", type: i4.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], encapsulation: i0.ViewEncapsulation.None }); }
36
36
  }
37
37
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyActionButtonComponent, decorators: [{
38
38
  type: Component,
39
- args: [{ selector: 'sky-action-button', encapsulation: ViewEncapsulation.None, template: "<ng-container [ngSwitch]=\"true\">\n <a\n *ngSwitchCase=\"!!permalink?.route?.commands\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [fragment]=\"permalink?.route?.extras?.fragment\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n [queryParams]=\"permalink?.route?.extras?.queryParams\"\n [queryParamsHandling]=\"permalink?.route?.extras?.queryParamsHandling\"\n [routerLink]=\"permalink?.route?.commands\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n </a>\n\n <a\n *ngSwitchCase=\"\n !permalink?.route &&\n permalink?.url &&\n (!permalink?.url?.includes('://') ||\n permalink?.url?.startsWith('https://'))\n \"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [href]=\"permalink?.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n </a>\n\n <a\n *ngSwitchCase=\"\n !permalink?.route &&\n permalink?.url &&\n permalink?.url?.includes('://') &&\n !permalink?.url?.startsWith('https://')\n \"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [skyHref]=\"permalink?.url\"\n (skyHrefChange)=\"onSkyHrefDisplayChange($event)\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n </a>\n\n <div\n *ngSwitchDefault\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n role=\"button\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (click)=\"buttonClicked()\"\n (keydown.enter)=\"enterPress()\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n </div>\n</ng-container>\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\" />\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\" />\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\" />\n</ng-template>\n", styles: [".sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 20px 20px 30px;--sky-action-button-max-width: none;--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block;padding:var(--sky-action-button-padding);max-width:var(--sky-action-button-max-width)}.sky-action-button:not(.sky-theme-modern *):hover{border-color:#c2c4c6}.sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 20px 20px 30px;--sky-action-button-max-width: none;--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block;padding:var(--sky-action-button-padding);max-width:var(--sky-action-button-max-width)}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *):hover{border-color:#c2c4c6}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}@media (min-width: 768px){.sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 30px 20px;--sky-action-button-max-width: 236px;--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}}.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 30px 20px;--sky-action-button-max-width: 236px;--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}\n", ".sky-theme-modern .sky-action-button{--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;cursor:pointer;text-decoration:none!important;max-width:446px;display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none;margin:0}.sky-theme-modern .sky-action-button:hover{border-color:#c2c4c6}.sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-theme-modern .sky-action-button .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}.sky-responsive-container-xs .sky-theme-modern .sky-action-button,.sky-responsive-container-sm .sky-theme-modern .sky-action-button,.sky-responsive-container-md .sky-theme-modern .sky-action-button,.sky-responsive-container-lg .sky-theme-modern .sky-action-button{--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;cursor:pointer;text-decoration:none!important;max-width:446px;display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none;margin:0}.sky-responsive-container-xs .sky-theme-modern .sky-action-button:hover,.sky-responsive-container-sm .sky-theme-modern .sky-action-button:hover,.sky-responsive-container-md .sky-theme-modern .sky-action-button:hover,.sky-responsive-container-lg .sky-theme-modern .sky-action-button:hover{border-color:#c2c4c6}.sky-responsive-container-xs .sky-theme-modern .sky-action-button .sky-action-button-content,.sky-responsive-container-sm .sky-theme-modern .sky-action-button .sky-action-button-content,.sky-responsive-container-md .sky-theme-modern .sky-action-button .sky-action-button-content,.sky-responsive-container-lg .sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-responsive-container-xs .sky-theme-modern .sky-action-button .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-theme-modern .sky-action-button .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-theme-modern .sky-action-button .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-theme-modern .sky-action-button .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}@media (min-width: 768px){.sky-theme-modern .sky-action-button{--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}}.sky-responsive-container-sm .sky-theme-modern .sky-action-button,.sky-responsive-container-md .sky-theme-modern .sky-action-button,.sky-responsive-container-lg .sky-theme-modern .sky-action-button{--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}\n"] }]
39
+ args: [{ selector: 'sky-action-button', encapsulation: ViewEncapsulation.None, template: "<ng-container [ngSwitch]=\"true\">\n <a\n *ngSwitchCase=\"!!permalink?.route?.commands\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [fragment]=\"permalink?.route?.extras?.fragment\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n [queryParams]=\"permalink?.route?.extras?.queryParams\"\n [queryParamsHandling]=\"permalink?.route?.extras?.queryParamsHandling\"\n [routerLink]=\"permalink?.route?.commands\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n </a>\n\n <a\n *ngSwitchCase=\"\n !permalink?.route &&\n permalink?.url &&\n (!permalink?.url?.includes('://') ||\n permalink?.url?.startsWith('https://'))\n \"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [href]=\"permalink?.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n </a>\n\n <a\n *ngSwitchCase=\"\n !permalink?.route &&\n permalink?.url &&\n permalink?.url?.includes('://') &&\n !permalink?.url?.startsWith('https://')\n \"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [skyHref]=\"permalink?.url\"\n (skyHrefChange)=\"onSkyHrefDisplayChange($event)\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n </a>\n\n <div\n *ngSwitchDefault\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n role=\"button\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (click)=\"buttonClicked()\"\n (keydown.enter)=\"enterPress()\"\n >\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"></ng-container>\n </div>\n</ng-container>\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\" />\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\" />\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\" />\n</ng-template>\n", styles: [".sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 20px 20px 30px;--sky-action-button-max-width: none;--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block;padding:var(--sky-action-button-padding);max-width:var(--sky-action-button-max-width)}.sky-action-button:not(.sky-theme-modern *):hover{border-color:#c2c4c6}.sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 20px 20px 30px;--sky-action-button-max-width: none;--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block;padding:var(--sky-action-button-padding);max-width:var(--sky-action-button-max-width)}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *):hover,.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *):hover{border-color:#c2c4c6}.sky-responsive-container-xs .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}@media (min-width: 768px){.sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 30px 20px;--sky-action-button-max-width: 236px;--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}}.sky-responsive-container-sm .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-md .sky-action-button:not(.sky-theme-modern *),.sky-responsive-container-lg .sky-action-button:not(.sky-theme-modern *){--sky-action-button-padding: 30px 20px;--sky-action-button-max-width: 236px;--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}\n", ":is(.sky-theme-modern .sky-action-button){--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;cursor:pointer;text-decoration:none!important;max-width:446px;display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none;margin:0}:is(.sky-theme-modern .sky-action-button):hover{border-color:#c2c4c6}:is(.sky-theme-modern .sky-action-button) .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}:is(.sky-theme-modern .sky-action-button) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}.sky-responsive-container-xs :is(.sky-theme-modern .sky-action-button),.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button),.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button),.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button){--sky-action-button-margin-bottom: 20px;--sky-action-button-icon-header-container-flex-direction: unset;cursor:pointer;text-decoration:none!important;max-width:446px;display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none;margin:0}.sky-responsive-container-xs :is(.sky-theme-modern .sky-action-button):hover,.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button):hover,.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button):hover,.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button):hover{border-color:#c2c4c6}.sky-responsive-container-xs :is(.sky-theme-modern .sky-action-button) .sky-action-button-content,.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button) .sky-action-button-content,.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button) .sky-action-button-content,.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button) .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-responsive-container-xs :is(.sky-theme-modern .sky-action-button) .sky-action-button-icon-header-container,.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button) .sky-action-button-icon-header-container,.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button) .sky-action-button-icon-header-container,.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button) .sky-action-button-icon-header-container{display:flex;flex-direction:var(--sky-action-button-icon-header-container-flex-direction);justify-content:center;margin-bottom:var(--sky-action-button-margin-bottom)}@media (min-width: 768px){:is(.sky-theme-modern .sky-action-button){--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}}.sky-responsive-container-sm :is(.sky-theme-modern .sky-action-button),.sky-responsive-container-md :is(.sky-theme-modern .sky-action-button),.sky-responsive-container-lg :is(.sky-theme-modern .sky-action-button){--sky-action-button-margin-bottom: 0;--sky-action-button-icon-header-container-flex-direction: column}\n"] }]
40
40
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef, decorators: [{
41
41
  type: SkipSelf
42
42
  }] }], propDecorators: { hidden: [{
package/esm2022/lib/modules/box/box-header.component.mjs CHANGED
@@ -1,13 +1,19 @@
1
1
  import { Component, ViewEncapsulation, inject } from '@angular/core';
2
+ import { SkyLogService } from '@skyux/core';
2
3
  import { SKY_BOX_HEADER_ID } from './box-header-id-token';
3
4
  import * as i0 from "@angular/core";
4
5
  import * as i1 from "@skyux/core";
5
6
  /**
6
7
  * Specifies a header for the box.
8
+ * @deprecated Use `headingText` input on the `sky-box` component instead.
7
9
  */
8
10
  export class SkyBoxHeaderComponent {
9
11
  constructor() {
10
12
  this.boxHeaderId = inject(SKY_BOX_HEADER_ID);
13
+ inject(SkyLogService).deprecated('SkyToggleSwitchLabelComponent', {
14
+ deprecationMajorVersion: 10,
15
+ replacementRecommendation: 'To add a header to box, use the `headerText` input on the box component instead.',
16
+ });
11
17
  }
12
18
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyBoxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
13
19
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: SkyBoxHeaderComponent, selector: "sky-box-header", ngImport: i0, template: "<div class=\"sky-box-header\">\n <span [id]=\"boxHeaderId\" skyTrim><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n</div>\n", styles: ["sky-box-header{flex:1 0;order:0}sky-box-header .sky-box-header{padding:0 var(--sky-margin-inline-xl) 0 0}sky-box-header .sky-box-header h1,sky-box-header .sky-box-header h2,sky-box-header .sky-box-header h3,sky-box-header .sky-box-header h4,sky-box-header .sky-box-header h5,sky-box-header .sky-box-header h6{display:inline;margin:0}\n"], dependencies: [{ kind: "directive", type: i1.λ4, selector: "[skyTrim]" }], encapsulation: i0.ViewEncapsulation.None }); }
@@ -15,5 +21,5 @@ export class SkyBoxHeaderComponent {
15
21
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyBoxHeaderComponent, decorators: [{
16
22
  type: Component,
17
23
  args: [{ selector: 'sky-box-header', encapsulation: ViewEncapsulation.None, template: "<div class=\"sky-box-header\">\n <span [id]=\"boxHeaderId\" skyTrim><ng-content /></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n</div>\n", styles: ["sky-box-header{flex:1 0;order:0}sky-box-header .sky-box-header{padding:0 var(--sky-margin-inline-xl) 0 0}sky-box-header .sky-box-header h1,sky-box-header .sky-box-header h2,sky-box-header .sky-box-header h3,sky-box-header .sky-box-header h4,sky-box-header .sky-box-header h5,sky-box-header .sky-box-header h6{display:inline;margin:0}\n"] }]
18
- }] });
19
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9ib3gvYm94LWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9ib3gvYm94LWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVyRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7O0FBRTFEOztHQUVHO0FBT0gsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQU9xQixnQkFBVyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0tBQzVEOzhHQUZZLHFCQUFxQjtrR0FBckIscUJBQXFCLHNEQ2JsQyw0TkFNQTs7MkZET2EscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNFLGdCQUFnQixpQkFHWCxpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFNLWV9CT1hfSEVBREVSX0lEIH0gZnJvbSAnLi9ib3gtaGVhZGVyLWlkLXRva2VuJztcblxuLyoqXG4gKiBTcGVjaWZpZXMgYSBoZWFkZXIgZm9yIHRoZSBib3guXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1ib3gtaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JveC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ib3gtaGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNreUJveEhlYWRlckNvbXBvbmVudCB7XG4gIHByb3RlY3RlZCByZWFkb25seSBib3hIZWFkZXJJZCA9IGluamVjdChTS1lfQk9YX0hFQURFUl9JRCk7XG59XG4iLCI8ZGl2IGNsYXNzPVwic2t5LWJveC1oZWFkZXJcIj5cbiAgPHNwYW4gW2lkXT1cImJveEhlYWRlcklkXCIgc2t5VHJpbT48bmctY29udGVudCAvPjwvc3BhblxuICA+PHNwYW4gY2xhc3M9XCJza3ktY29udHJvbC1oZWxwLWNvbnRhaW5lclwiXG4gICAgPjxuZy1jb250ZW50IHNlbGVjdD1cIi5za3ktY29udHJvbC1oZWxwXCI+PC9uZy1jb250ZW50XG4gID48L3NwYW4+XG48L2Rpdj5cbiJdfQ==
24
+ }], ctorParameters: () => [] });
25
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9ib3gvYm94LWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9ib3gvYm94LWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTVDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFFMUQ7OztHQUdHO0FBT0gsTUFBTSxPQUFPLHFCQUFxQjtJQUdoQztRQUZtQixnQkFBVyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBR3pELE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQyxVQUFVLENBQUMsK0JBQStCLEVBQUU7WUFDaEUsdUJBQXVCLEVBQUUsRUFBRTtZQUMzQix5QkFBeUIsRUFDdkIsa0ZBQWtGO1NBQ3JGLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBVFUscUJBQXFCO2tHQUFyQixxQkFBcUIsc0RDZmxDLDROQU1BOzsyRkRTYSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0UsZ0JBQWdCLGlCQUdYLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUxvZ1NlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbmltcG9ydCB7IFNLWV9CT1hfSEVBREVSX0lEIH0gZnJvbSAnLi9ib3gtaGVhZGVyLWlkLXRva2VuJztcblxuLyoqXG4gKiBTcGVjaWZpZXMgYSBoZWFkZXIgZm9yIHRoZSBib3guXG4gKiBAZGVwcmVjYXRlZCBVc2UgYGhlYWRpbmdUZXh0YCBpbnB1dCBvbiB0aGUgYHNreS1ib3hgIGNvbXBvbmVudCBpbnN0ZWFkLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktYm94LWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ib3gtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYm94LWhlYWRlci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lCb3hIZWFkZXJDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgYm94SGVhZGVySWQgPSBpbmplY3QoU0tZX0JPWF9IRUFERVJfSUQpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGluamVjdChTa3lMb2dTZXJ2aWNlKS5kZXByZWNhdGVkKCdTa3lUb2dnbGVTd2l0Y2hMYWJlbENvbXBvbmVudCcsIHtcbiAgICAgIGRlcHJlY2F0aW9uTWFqb3JWZXJzaW9uOiAxMCxcbiAgICAgIHJlcGxhY2VtZW50UmVjb21tZW5kYXRpb246XG4gICAgICAgICdUbyBhZGQgYSBoZWFkZXIgdG8gYm94LCB1c2UgdGhlIGBoZWFkZXJUZXh0YCBpbnB1dCBvbiB0aGUgYm94IGNvbXBvbmVudCBpbnN0ZWFkLicsXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJza3ktYm94LWhlYWRlclwiPlxuICA8c3BhbiBbaWRdPVwiYm94SGVhZGVySWRcIiBza3lUcmltPjxuZy1jb250ZW50IC8+PC9zcGFuXG4gID48c3BhbiBjbGFzcz1cInNreS1jb250cm9sLWhlbHAtY29udGFpbmVyXCJcbiAgICA+PG5nLWNvbnRlbnQgc2VsZWN0PVwiLnNreS1jb250cm9sLWhlbHBcIj48L25nLWNvbnRlbnRcbiAgPjwvc3Bhbj5cbjwvZGl2PlxuIl19
package/esm2022/lib/modules/box/box-heading-level.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWhlYWRpbmctbGV2ZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9ib3gvYm94LWhlYWRpbmctbGV2ZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIFNreUJveEhlYWRpbmdMZXZlbCA9IDIgfCAzIHwgNCB8IDU7XG4iXX0=
package/esm2022/lib/modules/box/box-heading-style.mjs ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWhlYWRpbmctc3R5bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9ib3gvYm94LWhlYWRpbmctc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIFNreUJveEhlYWRpbmdTdHlsZSA9IDIgfCAzIHwgNCB8IDU7XG4iXX0=
package/esm2022/lib/modules/box/box.component.mjs CHANGED
@@ -1,14 +1,55 @@
1
- import { Component, ContentChild, ElementRef, Input, ViewEncapsulation, inject, } from '@angular/core';
1
+ import { Component, ContentChild, ElementRef, Input, ViewEncapsulation, booleanAttribute, inject, numberAttribute, } from '@angular/core';
2
2
  import { SkyIdService } from '@skyux/core';
3
3
  import { SkyBoxControlsComponent } from './box-controls.component';
4
4
  import { SKY_BOX_HEADER_ID } from './box-header-id-token';
5
5
  import { SkyBoxHeaderComponent } from './box-header.component';
6
6
  import * as i0 from "@angular/core";
7
- import * as i1 from "@skyux/theme";
7
+ import * as i1 from "@angular/common";
8
+ import * as i2 from "@skyux/help-inline";
9
+ import * as i3 from "@skyux/theme";
10
+ function numberAttribute2(value) {
11
+ return numberAttribute(value, 2);
12
+ }
8
13
  /**
9
14
  * Provides a common look-and-feel for box content with options to display a common box header, specify body content, and display common box controls.
10
15
  */
11
16
  export class SkyBoxComponent {
17
+ constructor() {
18
+ /**
19
+ * Indicates whether to hide the `headingText`.
20
+ * @preview
21
+ */
22
+ this.headingHidden = false;
23
+ /**
24
+ * The semantic heading level in the document structure. The default is 2.
25
+ * @preview
26
+ * @default 2
27
+ */
28
+ this.headingLevel = 2;
29
+ this.headerId = inject(SKY_BOX_HEADER_ID);
30
+ this.headingClass = 'sky-font-heading-2';
31
+ }
32
+ /**
33
+ * The text to display as the box's heading.
34
+ * @preview
35
+ */
36
+ set headingText(value) {
37
+ this.#_headingText = value;
38
+ if (this.#boxControls) {
39
+ this.#boxControls.boxHasHeader(!!value);
40
+ }
41
+ }
42
+ get headingText() {
43
+ return this.#_headingText;
44
+ }
45
+ /**
46
+ * The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
47
+ * @preview
48
+ * @default 2
49
+ */
50
+ set headingStyle(value) {
51
+ this.headingClass = `sky-font-heading-${value}`;
52
+ }
12
53
  set boxHeaderRef(value) {
13
54
  this.#boxHeaderRef = value;
14
55
  if (this.#boxControls) {
@@ -18,13 +59,14 @@ export class SkyBoxComponent {
18
59
  set boxControls(value) {
19
60
  this.#boxControls = value;
20
61
  if (value) {
21
- value.boxHasHeader(!!this.#boxHeaderRef);
62
+ value.boxHasHeader(!!this.headingText || !!this.#boxHeaderRef);
22
63
  }
23
64
  }
65
+ #_headingText;
24
66
  #boxControls;
25
67
  #boxHeaderRef;
26
68
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
27
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: SkyBoxComponent, selector: "sky-box", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaRole: "ariaRole" }, providers: [
69
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.5", type: SkyBoxComponent, selector: "sky-box", inputs: { headingText: "headingText", headingHidden: ["headingHidden", "headingHidden", booleanAttribute], headingLevel: ["headingLevel", "headingLevel", numberAttribute2], headingStyle: ["headingStyle", "headingStyle", numberAttribute2], helpPopoverContent: "helpPopoverContent", helpPopoverTitle: "helpPopoverTitle", helpKey: "helpKey", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaRole: "ariaRole" }, providers: [
28
70
  {
29
71
  provide: SKY_BOX_HEADER_ID,
30
72
  useFactory() {
@@ -32,7 +74,7 @@ export class SkyBoxComponent {
32
74
  return idService.generateId();
33
75
  },
34
76
  },
35
- ], queries: [{ propertyName: "boxHeaderRef", first: true, predicate: SkyBoxHeaderComponent, descendants: true, read: ElementRef }, { propertyName: "boxControls", first: true, predicate: SkyBoxControlsComponent, descendants: true }], ngImport: i0, template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [skyThemeClass]=\"{\n 'sky-shadow sky-border-dark': 'default',\n 'sky-elevation-1-bordered': 'modern'\n }\"\n>\n <div class=\"sky-box-header-content\">\n <ng-content select=\"sky-box-header\" />\n <ng-content select=\"sky-box-controls\" />\n </div>\n <ng-content />\n</section>\n", styles: ["sky-box{--sky-box-border-radius: initial;--sky-box-overflow: initial}.sky-theme-modern sky-box{--sky-box-border-radius: $sky-theme-modern-box-border-radius-default;--sky-box-overflow: hidden}sky-box{display:block}.sky-box{background-color:#fff;border-radius:var(--sky-box-border-radius);overflow:var(--sky-box-overflow)}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:var(--sky-padding-even-xl) var(--sky-padding-even-xl) 0 var(--sky-padding-even-xl)}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-controls{order:1;margin-left:auto}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:var(--sky-padding-even-xl)}\n"], dependencies: [{ kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
77
+ ], queries: [{ propertyName: "boxHeaderRef", first: true, predicate: SkyBoxHeaderComponent, descendants: true, read: ElementRef }, { propertyName: "boxControls", first: true, predicate: SkyBoxControlsComponent, descendants: true }], ngImport: i0, template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"headingText || ariaLabel\"\n [attr.aria-labelledby]=\"headingText ? headerId : ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [skyThemeClass]=\"{\n 'sky-shadow sky-border-dark': 'default',\n 'sky-elevation-1-bordered': 'modern',\n }\"\n>\n <div\n class=\"sky-box-header-content\"\n [ngClass]=\"{\n 'sky-screen-reader-only': headingHidden,\n }\"\n >\n @if (headingText) {\n @switch (headingLevel) {\n @case (3) {\n <h3 [id]=\"headerId\" [class]=\"headingClass + ' sky-margin-inline-xs'\">\n {{ headingText }}\n </h3>\n }\n @case (4) {\n <h4 [id]=\"headerId\" [class]=\"headingClass + ' sky-margin-inline-xs'\">\n {{ headingText }}\n </h4>\n }\n @case (5) {\n <h5 [id]=\"headerId\" [class]=\"headingClass + ' sky-margin-inline-xs'\">\n {{ headingText }}\n </h5>\n }\n @default {\n <h2 [id]=\"headerId\" [class]=\"headingClass + ' sky-margin-inline-xs'\">\n {{ headingText }}\n </h2>\n }\n }\n <sky-help-inline\n *ngIf=\"helpPopoverContent || helpKey\"\n [helpKey]=\"helpKey\"\n [labelText]=\"headingText\"\n [popoverTitle]=\"helpPopoverTitle\"\n [popoverContent]=\"helpPopoverContent\"\n />\n } @else {\n <ng-content select=\"sky-box-header\" />\n }\n <ng-content select=\"sky-box-controls\" />\n </div>\n <ng-content />\n</section>\n", styles: ["sky-box{--sky-box-border-radius: initial;--sky-box-overflow: initial}.sky-theme-modern sky-box{--sky-box-border-radius: $sky-theme-modern-box-border-radius-default;--sky-box-overflow: hidden}sky-box{display:block}.sky-box{background-color:#fff;border-radius:var(--sky-box-border-radius);overflow:var(--sky-box-overflow)}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:var(--sky-padding-even-xl) var(--sky-padding-even-xl) 0 var(--sky-padding-even-xl)}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-controls{order:1;margin-left:auto}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box .sky-box-header-content h2,.sky-box .sky-box-header-content h3,.sky-box .sky-box-header-content h4,.sky-box .sky-box-header-content h5{margin-block:0}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:var(--sky-padding-even-xl)}\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: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
36
78
  }
37
79
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: SkyBoxComponent, decorators: [{
38
80
  type: Component,
@@ -44,8 +86,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
44
86
  return idService.generateId();
45
87
  },
46
88
  },
47
- ], template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [skyThemeClass]=\"{\n 'sky-shadow sky-border-dark': 'default',\n 'sky-elevation-1-bordered': 'modern'\n }\"\n>\n <div class=\"sky-box-header-content\">\n <ng-content select=\"sky-box-header\" />\n <ng-content select=\"sky-box-controls\" />\n </div>\n <ng-content />\n</section>\n", styles: ["sky-box{--sky-box-border-radius: initial;--sky-box-overflow: initial}.sky-theme-modern sky-box{--sky-box-border-radius: $sky-theme-modern-box-border-radius-default;--sky-box-overflow: hidden}sky-box{display:block}.sky-box{background-color:#fff;border-radius:var(--sky-box-border-radius);overflow:var(--sky-box-overflow)}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:var(--sky-padding-even-xl) var(--sky-padding-even-xl) 0 var(--sky-padding-even-xl)}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-controls{order:1;margin-left:auto}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:var(--sky-padding-even-xl)}\n"] }]
48
- }], propDecorators: { ariaLabel: [{
89
+ ], template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"headingText || ariaLabel\"\n [attr.aria-labelledby]=\"headingText ? headerId : ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [skyThemeClass]=\"{\n 'sky-shadow sky-border-dark': 'default',\n 'sky-elevation-1-bordered': 'modern',\n }\"\n>\n <div\n class=\"sky-box-header-content\"\n [ngClass]=\"{\n 'sky-screen-reader-only': headingHidden,\n }\"\n >\n @if (headingText) {\n @switch (headingLevel) {\n @case (3) {\n <h3 [id]=\"headerId\" [class]=\"headingClass + ' sky-margin-inline-xs'\">\n {{ headingText }}\n </h3>\n }\n @case (4) {\n <h4 [id]=\"headerId\" [class]=\"headingClass + ' sky-margin-inline-xs'\">\n {{ headingText }}\n </h4>\n }\n @case (5) {\n <h5 [id]=\"headerId\" [class]=\"headingClass + ' sky-margin-inline-xs'\">\n {{ headingText }}\n </h5>\n }\n @default {\n <h2 [id]=\"headerId\" [class]=\"headingClass + ' sky-margin-inline-xs'\">\n {{ headingText }}\n </h2>\n }\n }\n <sky-help-inline\n *ngIf=\"helpPopoverContent || helpKey\"\n [helpKey]=\"helpKey\"\n [labelText]=\"headingText\"\n [popoverTitle]=\"helpPopoverTitle\"\n [popoverContent]=\"helpPopoverContent\"\n />\n } @else {\n <ng-content select=\"sky-box-header\" />\n }\n <ng-content select=\"sky-box-controls\" />\n </div>\n <ng-content />\n</section>\n", styles: ["sky-box{--sky-box-border-radius: initial;--sky-box-overflow: initial}.sky-theme-modern sky-box{--sky-box-border-radius: $sky-theme-modern-box-border-radius-default;--sky-box-overflow: hidden}sky-box{display:block}.sky-box{background-color:#fff;border-radius:var(--sky-box-border-radius);overflow:var(--sky-box-overflow)}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:var(--sky-padding-even-xl) var(--sky-padding-even-xl) 0 var(--sky-padding-even-xl)}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-controls{order:1;margin-left:auto}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box .sky-box-header-content h2,.sky-box .sky-box-header-content h3,.sky-box .sky-box-header-content h4,.sky-box .sky-box-header-content h5{margin-block:0}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:var(--sky-padding-even-xl)}\n"] }]
90
+ }], propDecorators: { headingText: [{
91
+ type: Input
92
+ }], headingHidden: [{
93
+ type: Input,
94
+ args: [{ transform: booleanAttribute }]
95
+ }], headingLevel: [{
96
+ type: Input,
97
+ args: [{ transform: numberAttribute2 }]
98
+ }], headingStyle: [{
99
+ type: Input,
100
+ args: [{ transform: numberAttribute2 }]
101
+ }], helpPopoverContent: [{
102
+ type: Input
103
+ }], helpPopoverTitle: [{
104
+ type: Input
105
+ }], helpKey: [{
106
+ type: Input
107
+ }], ariaLabel: [{
49
108
  type: Input
50
109
  }], ariaLabelledBy: [{
51
110
  type: Input
@@ -58,4 +117,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
58
117
  type: ContentChild,
59
118
  args: [SkyBoxControlsComponent]
60
119
  }] } });
61
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2JveC9ib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYm94L2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsS0FBSyxFQUNMLGlCQUFpQixFQUNqQixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUUzQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBRS9EOztHQUVHO0FBZ0JILE1BQU0sT0FBTyxlQUFlO0lBOEIxQixJQUNXLFlBQVksQ0FBQyxLQUE2QjtRQUNuRCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztRQUMzQixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN0QixJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUMsQ0FBQztJQUNILENBQUM7SUFFRCxJQUNXLFdBQVcsQ0FBQyxLQUEwQztRQUMvRCxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUUxQixJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzNDLENBQUM7SUFDSCxDQUFDO0lBRUQsWUFBWSxDQUFzQztJQUNsRCxhQUFhLENBQXlCOzhHQWhEM0IsZUFBZTtrR0FBZixlQUFlLDhIQVZmO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsVUFBVTtvQkFDUixNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7b0JBQ3ZDLE9BQU8sU0FBUyxDQUFDLFVBQVUsRUFBRSxDQUFDO2dCQUNoQyxDQUFDO2FBQ0Y7U0FDRixvRUFnQ2EscUJBQXFCLDJCQUFVLFVBQVUsMkRBUXpDLHVCQUF1QixnREN0RXZDLHNiQWdCQTs7MkZEZ0JhLGVBQWU7a0JBZjNCLFNBQVM7K0JBQ0UsU0FBUyxpQkFHSixpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFVBQVU7Z0NBQ1IsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO2dDQUN2QyxPQUFPLFNBQVMsQ0FBQyxVQUFVLEVBQUUsQ0FBQzs0QkFDaEMsQ0FBQzt5QkFDRjtxQkFDRjs4QkFVTSxTQUFTO3NCQURmLEtBQUs7Z0JBV0MsY0FBYztzQkFEcEIsS0FBSztnQkFXQyxRQUFRO3NCQURkLEtBQUs7Z0JBSUssWUFBWTtzQkFEdEIsWUFBWTt1QkFBQyxxQkFBcUIsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7Z0JBUzlDLFdBQVc7c0JBRHJCLFlBQVk7dUJBQUMsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUlkU2VydmljZSB9IGZyb20gJ0Bza3l1eC9jb3JlJztcblxuaW1wb3J0IHsgU2t5Qm94Q29udHJvbHNDb21wb25lbnQgfSBmcm9tICcuL2JveC1jb250cm9scy5jb21wb25lbnQnO1xuaW1wb3J0IHsgU0tZX0JPWF9IRUFERVJfSUQgfSBmcm9tICcuL2JveC1oZWFkZXItaWQtdG9rZW4nO1xuaW1wb3J0IHsgU2t5Qm94SGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9ib3gtaGVhZGVyLmNvbXBvbmVudCc7XG5cbi8qKlxuICogUHJvdmlkZXMgYSBjb21tb24gbG9vay1hbmQtZmVlbCBmb3IgYm94IGNvbnRlbnQgd2l0aCBvcHRpb25zIHRvIGRpc3BsYXkgYSBjb21tb24gYm94IGhlYWRlciwgc3BlY2lmeSBib2R5IGNvbnRlbnQsIGFuZCBkaXNwbGF5IGNvbW1vbiBib3ggY29udHJvbHMuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1ib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYm94LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IFNLWV9CT1hfSEVBREVSX0lELFxuICAgICAgdXNlRmFjdG9yeSgpOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBpZFNlcnZpY2UgPSBpbmplY3QoU2t5SWRTZXJ2aWNlKTtcbiAgICAgICAgcmV0dXJuIGlkU2VydmljZS5nZW5lcmF0ZUlkKCk7XG4gICAgICB9LFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreUJveENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUaGUgQVJJQSBsYWJlbCBmb3IgdGhlIGJveC4gVGhpcyBzZXRzIHRoZSBib3gncyBgYXJpYS1sYWJlbGAgYXR0cmlidXRlIHRvIHByb3ZpZGUgYSB0ZXh0IGVxdWl2YWxlbnQgZm9yIHNjcmVlbiByZWFkZXJzXG4gICAqIFt0byBzdXBwb3J0IGFjY2Vzc2liaWxpdHldKGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvbGVhcm4vYWNjZXNzaWJpbGl0eSkuXG4gICAqIElmIHRoZSBib3ggaW5jbHVkZXMgYSB2aXNpYmxlIGxhYmVsLCB1c2UgYGFyaWFMYWJlbGxlZEJ5YCBpbnN0ZWFkLlxuICAgKiBGb3IgbW9yZSBpbmZvcm1hdGlvbiBhYm91dCB0aGUgYGFyaWEtbGFiZWxgIGF0dHJpYnV0ZSwgc2VlIHRoZSBbV0FJLUFSSUEgZGVmaW5pdGlvbl0oaHR0cHM6Ly93d3cudzMub3JnL1RSL3dhaS1hcmlhLyNhcmlhLWxhYmVsKS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhcmlhTGFiZWw6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogVGhlIEhUTUwgZWxlbWVudCBJRCBvZiB0aGUgZWxlbWVudCB0aGF0IGxhYmVsc1xuICAgKiB0aGUgYm94LiBUaGlzIHNldHMgdGhlIGJveCdzIGBhcmlhLWxhYmVsbGVkYnlgIGF0dHJpYnV0ZSB0byBwcm92aWRlIGEgdGV4dCBlcXVpdmFsZW50IGZvciBzY3JlZW4gcmVhZGVyc1xuICAgKiBbdG8gc3VwcG9ydCBhY2Nlc3NpYmlsaXR5XShodHRwczovL2RldmVsb3Blci5ibGFja2JhdWQuY29tL3NreXV4L2xlYXJuL2FjY2Vzc2liaWxpdHkpLlxuICAgKiBJZiB0aGUgYm94IGRvZXMgbm90IGluY2x1ZGUgYSB2aXNpYmxlIGxhYmVsLCB1c2UgYGFyaWFMYWJlbGAgaW5zdGVhZC5cbiAgICogRm9yIG1vcmUgaW5mb3JtYXRpb24gYWJvdXQgdGhlIGBhcmlhLWxhYmVsbGVkYnlgIGF0dHJpYnV0ZSwgc2VlIHRoZSBbV0FJLUFSSUEgZGVmaW5pdGlvbl0oaHR0cHM6Ly93d3cudzMub3JnL1RSL3dhaS1hcmlhLyNhcmlhLWxhYmVsbGVkYnkpLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGFyaWFMYWJlbGxlZEJ5OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFRoZSBBUklBIHJvbGUgZm9yIHRoZSBib3hcbiAgICogW3RvIHN1cHBvcnQgYWNjZXNzaWJpbGl0eV0oaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9sZWFybi9hY2Nlc3NpYmlsaXR5KVxuICAgKiBieSBpbmRpY2F0aW5nIHdoYXQgdGhlIGJveCBjb250YWlucy4gRm9yIGluZm9ybWF0aW9uIGFib3V0XG4gICAqIGhvdyBhbiBBUklBIHJvbGUgaW5kaWNhdGVzIHdoYXQgYW4gaXRlbSByZXByZXNlbnRzIG9uIGEgd2ViIHBhZ2UsXG4gICAqIHNlZSB0aGUgW1dBSS1BUklBIHJvbGVzIG1vZGVsXShodHRwczovL3d3dy53My5vcmcvV0FJL1BGL2FyaWEvI3JvbGVzKS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhcmlhUm9sZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIEBDb250ZW50Q2hpbGQoU2t5Qm94SGVhZGVyQ29tcG9uZW50LCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSlcbiAgcHVibGljIHNldCBib3hIZWFkZXJSZWYodmFsdWU6IEVsZW1lbnRSZWYgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLiNib3hIZWFkZXJSZWYgPSB2YWx1ZTtcbiAgICBpZiAodGhpcy4jYm94Q29udHJvbHMpIHtcbiAgICAgIHRoaXMuI2JveENvbnRyb2xzLmJveEhhc0hlYWRlcighIXZhbHVlKTtcbiAgICB9XG4gIH1cblxuICBAQ29udGVudENoaWxkKFNreUJveENvbnRyb2xzQ29tcG9uZW50KVxuICBwdWJsaWMgc2V0IGJveENvbnRyb2xzKHZhbHVlOiBTa3lCb3hDb250cm9sc0NvbXBvbmVudCB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI2JveENvbnRyb2xzID0gdmFsdWU7XG5cbiAgICBpZiAodmFsdWUpIHtcbiAgICAgIHZhbHVlLmJveEhhc0hlYWRlcighIXRoaXMuI2JveEhlYWRlclJlZik7XG4gICAgfVxuICB9XG5cbiAgI2JveENvbnRyb2xzOiBTa3lCb3hDb250cm9sc0NvbXBvbmVudCB8IHVuZGVmaW5lZDtcbiAgI2JveEhlYWRlclJlZjogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcbn1cbiIsIjxzZWN0aW9uXG4gIGNsYXNzPVwic2t5LWJveFwiXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCJcbiAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImFyaWFMYWJlbGxlZEJ5XCJcbiAgW2F0dHIucm9sZV09XCJhcmlhUm9sZVwiXG4gIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAnc2t5LXNoYWRvdyBza3ktYm9yZGVyLWRhcmsnOiAnZGVmYXVsdCcsXG4gICAgJ3NreS1lbGV2YXRpb24tMS1ib3JkZXJlZCc6ICdtb2Rlcm4nXG4gIH1cIlxuPlxuICA8ZGl2IGNsYXNzPVwic2t5LWJveC1oZWFkZXItY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1ib3gtaGVhZGVyXCIgLz5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJza3ktYm94LWNvbnRyb2xzXCIgLz5cbiAgPC9kaXY+XG4gIDxuZy1jb250ZW50IC8+XG48L3NlY3Rpb24+XG4iXX0=
120
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2JveC9ib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYm94L2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsS0FBSyxFQUVMLGlCQUFpQixFQUNqQixnQkFBZ0IsRUFDaEIsTUFBTSxFQUNOLGVBQWUsR0FDaEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUUzQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7QUFJL0QsU0FBUyxnQkFBZ0IsQ0FBQyxLQUFjO0lBQ3RDLE9BQU8sZUFBZSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztBQUNuQyxDQUFDO0FBRUQ7O0dBRUc7QUFnQkgsTUFBTSxPQUFPLGVBQWU7SUFmNUI7UUFpQ0U7OztXQUdHO1FBRUksa0JBQWEsR0FBRyxLQUFLLENBQUM7UUFFN0I7Ozs7V0FJRztRQUVJLGlCQUFZLEdBQXVCLENBQUMsQ0FBQztRQXNGckMsYUFBUSxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBRWxDLGlCQUFZLEdBQUcsb0JBQW9CLENBQUM7S0FNL0M7SUE1SEM7OztPQUdHO0lBQ0gsSUFDVyxXQUFXLENBQUMsS0FBeUI7UUFDOUMsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7UUFFM0IsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFDLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFBVyxXQUFXO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUM1QixDQUFDO0lBaUJEOzs7O09BSUc7SUFDSCxJQUNXLFlBQVksQ0FBQyxLQUF5QjtRQUMvQyxJQUFJLENBQUMsWUFBWSxHQUFHLG9CQUFvQixLQUFLLEVBQUUsQ0FBQztJQUNsRCxDQUFDO0lBMkRELElBQ1csWUFBWSxDQUFDLEtBQTZCO1FBQ25ELElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1FBQzNCLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQyxDQUFDO0lBQ0gsQ0FBQztJQUVELElBQ1csV0FBVyxDQUFDLEtBQTBDO1FBQy9ELElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBRTFCLElBQUksS0FBSyxFQUFFLENBQUM7WUFDVixLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDakUsQ0FBQztJQUNILENBQUM7SUFNRCxhQUFhLENBQXFCO0lBRWxDLFlBQVksQ0FBc0M7SUFDbEQsYUFBYSxDQUF5Qjs4R0E1SDNCLGVBQWU7a0dBQWYsZUFBZSwrR0FzQk4sZ0JBQWdCLGtEQTVDN0IsZ0JBQWdCLGtEQUFoQixnQkFBZ0Isb01BWVo7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixVQUFVO29CQUNSLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztvQkFDdkMsT0FBTyxTQUFTLENBQUMsVUFBVSxFQUFFLENBQUM7Z0JBQ2hDLENBQUM7YUFDRjtTQUNGLG9FQXNHYSxxQkFBcUIsMkJBQVUsVUFBVSwyREFRekMsdUJBQXVCLGdEQ3JKdkMsc2hEQXFEQTs7MkZEWmEsZUFBZTtrQkFmM0IsU0FBUzsrQkFDRSxTQUFTLGlCQUdKLGlCQUFpQixDQUFDLElBQUksYUFDMUI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsVUFBVTtnQ0FDUixNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7Z0NBQ3ZDLE9BQU8sU0FBUyxDQUFDLFVBQVUsRUFBRSxDQUFDOzRCQUNoQyxDQUFDO3lCQUNGO3FCQUNGOzhCQVFVLFdBQVc7c0JBRHJCLEtBQUs7Z0JBa0JDLGFBQWE7c0JBRG5CLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBUy9CLFlBQVk7c0JBRGxCLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBUzNCLFlBQVk7c0JBRHRCLEtBQUs7dUJBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7Z0JBWS9CLGtCQUFrQjtzQkFEeEIsS0FBSztnQkFTQyxnQkFBZ0I7c0JBRHRCLEtBQUs7Z0JBVUMsT0FBTztzQkFEYixLQUFLO2dCQVdDLFNBQVM7c0JBRGYsS0FBSztnQkFZQyxjQUFjO3NCQURwQixLQUFLO2dCQVdDLFFBQVE7c0JBRGQsS0FBSztnQkFJSyxZQUFZO3NCQUR0QixZQUFZO3VCQUFDLHFCQUFxQixFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtnQkFTOUMsV0FBVztzQkFEckIsWUFBWTt1QkFBQyx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgaW5qZWN0LFxuICBudW1iZXJBdHRyaWJ1dGUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5SWRTZXJ2aWNlIH0gZnJvbSAnQHNreXV4L2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lCb3hDb250cm9sc0NvbXBvbmVudCB9IGZyb20gJy4vYm94LWNvbnRyb2xzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTS1lfQk9YX0hFQURFUl9JRCB9IGZyb20gJy4vYm94LWhlYWRlci1pZC10b2tlbic7XG5pbXBvcnQgeyBTa3lCb3hIZWFkZXJDb21wb25lbnQgfSBmcm9tICcuL2JveC1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFNreUJveEhlYWRpbmdMZXZlbCB9IGZyb20gJy4vYm94LWhlYWRpbmctbGV2ZWwnO1xuaW1wb3J0IHsgU2t5Qm94SGVhZGluZ1N0eWxlIH0gZnJvbSAnLi9ib3gtaGVhZGluZy1zdHlsZSc7XG5cbmZ1bmN0aW9uIG51bWJlckF0dHJpYnV0ZTIodmFsdWU6IHVua25vd24pOiBudW1iZXIge1xuICByZXR1cm4gbnVtYmVyQXR0cmlidXRlKHZhbHVlLCAyKTtcbn1cblxuLyoqXG4gKiBQcm92aWRlcyBhIGNvbW1vbiBsb29rLWFuZC1mZWVsIGZvciBib3ggY29udGVudCB3aXRoIG9wdGlvbnMgdG8gZGlzcGxheSBhIGNvbW1vbiBib3ggaGVhZGVyLCBzcGVjaWZ5IGJvZHkgY29udGVudCwgYW5kIGRpc3BsYXkgY29tbW9uIGJveCBjb250cm9scy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWJveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9ib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ib3guY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogU0tZX0JPWF9IRUFERVJfSUQsXG4gICAgICB1c2VGYWN0b3J5KCk6IHN0cmluZyB7XG4gICAgICAgIGNvbnN0IGlkU2VydmljZSA9IGluamVjdChTa3lJZFNlcnZpY2UpO1xuICAgICAgICByZXR1cm4gaWRTZXJ2aWNlLmdlbmVyYXRlSWQoKTtcbiAgICAgIH0sXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5Qm94Q29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFRoZSB0ZXh0IHRvIGRpc3BsYXkgYXMgdGhlIGJveCdzIGhlYWRpbmcuXG4gICAqIEBwcmV2aWV3XG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGhlYWRpbmdUZXh0KHZhbHVlOiBzdHJpbmcgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLiNfaGVhZGluZ1RleHQgPSB2YWx1ZTtcblxuICAgIGlmICh0aGlzLiNib3hDb250cm9scykge1xuICAgICAgdGhpcy4jYm94Q29udHJvbHMuYm94SGFzSGVhZGVyKCEhdmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBnZXQgaGVhZGluZ1RleHQoKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdGhpcy4jX2hlYWRpbmdUZXh0O1xuICB9XG5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHRvIGhpZGUgdGhlIGBoZWFkaW5nVGV4dGAuXG4gICAqIEBwcmV2aWV3XG4gICAqL1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSlcbiAgcHVibGljIGhlYWRpbmdIaWRkZW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogVGhlIHNlbWFudGljIGhlYWRpbmcgbGV2ZWwgaW4gdGhlIGRvY3VtZW50IHN0cnVjdHVyZS4gVGhlIGRlZmF1bHQgaXMgMi5cbiAgICogQHByZXZpZXdcbiAgICogQGRlZmF1bHQgMlxuICAgKi9cbiAgQElucHV0KHsgdHJhbnNmb3JtOiBudW1iZXJBdHRyaWJ1dGUyIH0pXG4gIHB1YmxpYyBoZWFkaW5nTGV2ZWw6IFNreUJveEhlYWRpbmdMZXZlbCA9IDI7XG5cbiAgLyoqXG4gICAqIFRoZSBoZWFkaW5nIFtmb250IHN0eWxlXShodHRwczovL2RldmVsb3Blci5ibGFja2JhdWQuY29tL3NreXV4L2Rlc2lnbi9zdHlsZXMvdHlwb2dyYXBoeSNoZWFkaW5ncykuXG4gICAqIEBwcmV2aWV3XG4gICAqIEBkZWZhdWx0IDJcbiAgICovXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogbnVtYmVyQXR0cmlidXRlMiB9KVxuICBwdWJsaWMgc2V0IGhlYWRpbmdTdHlsZSh2YWx1ZTogU2t5Qm94SGVhZGluZ1N0eWxlKSB7XG4gICAgdGhpcy5oZWFkaW5nQ2xhc3MgPSBgc2t5LWZvbnQtaGVhZGluZy0ke3ZhbHVlfWA7XG4gIH1cblxuICAvKipcbiAgICogVGhlIGNvbnRlbnQgb2YgdGhlIGhlbHAgcG9wb3Zlci4gV2hlbiBzcGVjaWZpZWQsIGEgW2hlbHAgaW5saW5lXShodHRwczovL2RldmVsb3Blci5ibGFja2JhdWQuY29tL3NreXV4L2NvbXBvbmVudHMvaGVscC1pbmxpbmUpXG4gICAqIGJ1dHRvbiBpcyBhZGRlZCB0byB0aGUgYm94IGhlYWRpbmcuIFRoZSBoZWxwIGlubGluZSBidXR0b24gZGlzcGxheXMgYSBbcG9wb3Zlcl0oaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9jb21wb25lbnRzL3BvcG92ZXIpXG4gICAqIHdoZW4gY2xpY2tlZCB1c2luZyB0aGUgc3BlY2lmaWVkIGNvbnRlbnQgYW5kIG9wdGlvbmFsIHRpdGxlLlxuICAgKiBAcHJldmlld1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGhlbHBQb3BvdmVyQ29udGVudDogc3RyaW5nIHwgVGVtcGxhdGVSZWY8dW5rbm93bj4gfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFRoZSB0aXRsZSBvZiB0aGUgaGVscCBwb3BvdmVyLiBUaGlzIHByb3BlcnR5IG9ubHkgYXBwbGllcyB3aGVuIGBoZWxwUG9wb3ZlckNvbnRlbnRgIGlzXG4gICAqIGFsc28gc3BlY2lmaWVkLlxuICAgKiBAcHJldmlld1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGhlbHBQb3BvdmVyVGl0bGU6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogQSBoZWxwIGtleSB0aGF0IGlkZW50aWZpZXMgdGhlIGdsb2JhbCBoZWxwIGNvbnRlbnQgdG8gZGlzcGxheS4gV2hlbiBzcGVjaWZpZWQsIGEgW2hlbHAgaW5saW5lXShodHRwczovL2RldmVsb3Blci5ibGFja2JhdWQuY29tL3NreXV4L2NvbXBvbmVudHMvaGVscC1pbmxpbmUpXG4gICAqIGJ1dHRvbiBpcyBwbGFjZWQgYmVzaWRlIHRoZSBib3ggaGVhZGluZy4gQ2xpY2tpbmcgdGhlIGJ1dHRvbiBpbnZva2VzIFtnbG9iYWwgaGVscF0oaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9sZWFybi9kZXZlbG9wL2dsb2JhbC1oZWxwKVxuICAgKiBhcyBjb25maWd1cmVkIGJ5IHRoZSBhcHBsaWNhdGlvbi5cbiAgICogQHByZXZpZXdcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBoZWxwS2V5OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFRoZSBBUklBIGxhYmVsIGZvciB0aGUgYm94LiBUaGlzIHNldHMgdGhlIGJveCdzIGBhcmlhLWxhYmVsYCBhdHRyaWJ1dGUgdG8gcHJvdmlkZSBhIHRleHQgZXF1aXZhbGVudCBmb3Igc2NyZWVuIHJlYWRlcnNcbiAgICogW3RvIHN1cHBvcnQgYWNjZXNzaWJpbGl0eV0oaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9sZWFybi9hY2Nlc3NpYmlsaXR5KS5cbiAgICogSWYgdGhlIGJveCBpbmNsdWRlcyBhIHZpc2libGUgbGFiZWwsIHVzZSBgYXJpYUxhYmVsbGVkQnlgIGluc3RlYWQuXG4gICAqIEZvciBtb3JlIGluZm9ybWF0aW9uIGFib3V0IHRoZSBgYXJpYS1sYWJlbGAgYXR0cmlidXRlLCBzZWUgdGhlIFtXQUktQVJJQSBkZWZpbml0aW9uXShodHRwczovL3d3dy53My5vcmcvVFIvd2FpLWFyaWEvI2FyaWEtbGFiZWwpLlxuICAgKiBAZGVwcmVjYXRlZCBVc2UgYGhlYWRpbmdUZXh0YCBpbnN0ZWFkLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGFyaWFMYWJlbDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIC8qKlxuICAgKiBUaGUgSFRNTCBlbGVtZW50IElEIG9mIHRoZSBlbGVtZW50IHRoYXQgbGFiZWxzXG4gICAqIHRoZSBib3guIFRoaXMgc2V0cyB0aGUgYm94J3MgYGFyaWEtbGFiZWxsZWRieWAgYXR0cmlidXRlIHRvIHByb3ZpZGUgYSB0ZXh0IGVxdWl2YWxlbnQgZm9yIHNjcmVlbiByZWFkZXJzXG4gICAqIFt0byBzdXBwb3J0IGFjY2Vzc2liaWxpdHldKGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvbGVhcm4vYWNjZXNzaWJpbGl0eSkuXG4gICAqIElmIHRoZSBib3ggZG9lcyBub3QgaW5jbHVkZSBhIHZpc2libGUgbGFiZWwsIHVzZSBgYXJpYUxhYmVsYCBpbnN0ZWFkLlxuICAgKiBGb3IgbW9yZSBpbmZvcm1hdGlvbiBhYm91dCB0aGUgYGFyaWEtbGFiZWxsZWRieWAgYXR0cmlidXRlLCBzZWUgdGhlIFtXQUktQVJJQSBkZWZpbml0aW9uXShodHRwczovL3d3dy53My5vcmcvVFIvd2FpLWFyaWEvI2FyaWEtbGFiZWxsZWRieSkuXG4gICAqIEBkZXByZWNhdGVkIFVzZSBgaGVhZGluZ1RleHRgIGluc3RlYWQuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgYXJpYUxhYmVsbGVkQnk6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogVGhlIEFSSUEgcm9sZSBmb3IgdGhlIGJveFxuICAgKiBbdG8gc3VwcG9ydCBhY2Nlc3NpYmlsaXR5XShodHRwczovL2RldmVsb3Blci5ibGFja2JhdWQuY29tL3NreXV4L2xlYXJuL2FjY2Vzc2liaWxpdHkpXG4gICAqIGJ5IGluZGljYXRpbmcgd2hhdCB0aGUgYm94IGNvbnRhaW5zLiBGb3IgaW5mb3JtYXRpb24gYWJvdXRcbiAgICogaG93IGFuIEFSSUEgcm9sZSBpbmRpY2F0ZXMgd2hhdCBhbiBpdGVtIHJlcHJlc2VudHMgb24gYSB3ZWIgcGFnZSxcbiAgICogc2VlIHRoZSBbV0FJLUFSSUEgcm9sZXMgbW9kZWxdKGh0dHBzOi8vd3d3LnczLm9yZy9XQUkvUEYvYXJpYS8jcm9sZXMpLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGFyaWFSb2xlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgQENvbnRlbnRDaGlsZChTa3lCb3hIZWFkZXJDb21wb25lbnQsIHsgcmVhZDogRWxlbWVudFJlZiB9KVxuICBwdWJsaWMgc2V0IGJveEhlYWRlclJlZih2YWx1ZTogRWxlbWVudFJlZiB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI2JveEhlYWRlclJlZiA9IHZhbHVlO1xuICAgIGlmICh0aGlzLiNib3hDb250cm9scykge1xuICAgICAgdGhpcy4jYm94Q29udHJvbHMuYm94SGFzSGVhZGVyKCEhdmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIEBDb250ZW50Q2hpbGQoU2t5Qm94Q29udHJvbHNDb21wb25lbnQpXG4gIHB1YmxpYyBzZXQgYm94Q29udHJvbHModmFsdWU6IFNreUJveENvbnRyb2xzQ29tcG9uZW50IHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy4jYm94Q29udHJvbHMgPSB2YWx1ZTtcblxuICAgIGlmICh2YWx1ZSkge1xuICAgICAgdmFsdWUuYm94SGFzSGVhZGVyKCEhdGhpcy5oZWFkaW5nVGV4dCB8fCAhIXRoaXMuI2JveEhlYWRlclJlZik7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGhlYWRlcklkID0gaW5qZWN0KFNLWV9CT1hfSEVBREVSX0lEKTtcblxuICBwcm90ZWN0ZWQgaGVhZGluZ0NsYXNzID0gJ3NreS1mb250LWhlYWRpbmctMic7XG5cbiAgI19oZWFkaW5nVGV4dDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gICNib3hDb250cm9sczogU2t5Qm94Q29udHJvbHNDb21wb25lbnQgfCB1bmRlZmluZWQ7XG4gICNib3hIZWFkZXJSZWY6IEVsZW1lbnRSZWYgfCB1bmRlZmluZWQ7XG59XG4iLCI8c2VjdGlvblxuICBjbGFzcz1cInNreS1ib3hcIlxuICBbYXR0ci5hcmlhLWxhYmVsXT1cImhlYWRpbmdUZXh0IHx8IGFyaWFMYWJlbFwiXG4gIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJoZWFkaW5nVGV4dCA/IGhlYWRlcklkIDogYXJpYUxhYmVsbGVkQnlcIlxuICBbYXR0ci5yb2xlXT1cImFyaWFSb2xlXCJcbiAgW3NreVRoZW1lQ2xhc3NdPVwie1xuICAgICdza3ktc2hhZG93IHNreS1ib3JkZXItZGFyayc6ICdkZWZhdWx0JyxcbiAgICAnc2t5LWVsZXZhdGlvbi0xLWJvcmRlcmVkJzogJ21vZGVybicsXG4gIH1cIlxuPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJza3ktYm94LWhlYWRlci1jb250ZW50XCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnc2t5LXNjcmVlbi1yZWFkZXItb25seSc6IGhlYWRpbmdIaWRkZW4sXG4gICAgfVwiXG4gID5cbiAgICBAaWYgKGhlYWRpbmdUZXh0KSB7XG4gICAgICBAc3dpdGNoIChoZWFkaW5nTGV2ZWwpIHtcbiAgICAgICAgQGNhc2UgKDMpIHtcbiAgICAgICAgICA8aDMgW2lkXT1cImhlYWRlcklkXCIgW2NsYXNzXT1cImhlYWRpbmdDbGFzcyArICcgc2t5LW1hcmdpbi1pbmxpbmUteHMnXCI+XG4gICAgICAgICAgICB7eyBoZWFkaW5nVGV4dCB9fVxuICAgICAgICAgIDwvaDM+XG4gICAgICAgIH1cbiAgICAgICAgQGNhc2UgKDQpIHtcbiAgICAgICAgICA8aDQgW2lkXT1cImhlYWRlcklkXCIgW2NsYXNzXT1cImhlYWRpbmdDbGFzcyArICcgc2t5LW1hcmdpbi1pbmxpbmUteHMnXCI+XG4gICAgICAgICAgICB7eyBoZWFkaW5nVGV4dCB9fVxuICAgICAgICAgIDwvaDQ+XG4gICAgICAgIH1cbiAgICAgICAgQGNhc2UgKDUpIHtcbiAgICAgICAgICA8aDUgW2lkXT1cImhlYWRlcklkXCIgW2NsYXNzXT1cImhlYWRpbmdDbGFzcyArICcgc2t5LW1hcmdpbi1pbmxpbmUteHMnXCI+XG4gICAgICAgICAgICB7eyBoZWFkaW5nVGV4dCB9fVxuICAgICAgICAgIDwvaDU+XG4gICAgICAgIH1cbiAgICAgICAgQGRlZmF1bHQge1xuICAgICAgICAgIDxoMiBbaWRdPVwiaGVhZGVySWRcIiBbY2xhc3NdPVwiaGVhZGluZ0NsYXNzICsgJyBza3ktbWFyZ2luLWlubGluZS14cydcIj5cbiAgICAgICAgICAgIHt7IGhlYWRpbmdUZXh0IH19XG4gICAgICAgICAgPC9oMj5cbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgPHNreS1oZWxwLWlubGluZVxuICAgICAgICAqbmdJZj1cImhlbHBQb3BvdmVyQ29udGVudCB8fCBoZWxwS2V5XCJcbiAgICAgICAgW2hlbHBLZXldPVwiaGVscEtleVwiXG4gICAgICAgIFtsYWJlbFRleHRdPVwiaGVhZGluZ1RleHRcIlxuICAgICAgICBbcG9wb3ZlclRpdGxlXT1cImhlbHBQb3BvdmVyVGl0bGVcIlxuICAgICAgICBbcG9wb3ZlckNvbnRlbnRdPVwiaGVscFBvcG92ZXJDb250ZW50XCJcbiAgICAgIC8+XG4gICAgfSBAZWxzZSB7XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJza3ktYm94LWhlYWRlclwiIC8+XG4gICAgfVxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1ib3gtY29udHJvbHNcIiAvPlxuICA8L2Rpdj5cbiAgPG5nLWNvbnRlbnQgLz5cbjwvc2VjdGlvbj5cbiJdfQ==