@skyux/layout 6.3.2 → 6.3.3

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 (8) hide show
  1. package/documentation.json +547 -547
  2. package/esm2020/lib/modules/action-button/action-button-container.component.mjs +27 -10
  3. package/fesm2015/skyux-layout.mjs +26 -9
  4. package/fesm2015/skyux-layout.mjs.map +1 -1
  5. package/fesm2020/skyux-layout.mjs +26 -9
  6. package/fesm2020/skyux-layout.mjs.map +1 -1
  7. package/lib/modules/action-button/action-button-container.component.d.ts +4 -3
  8. package/package.json +9 -9
package/esm2020/lib/modules/action-button/action-button-container.component.mjs CHANGED
@@ -1,3 +1,5 @@
1
+ var _SkyActionButtonContainerComponent_viewInitialized;
2
+ import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
1
3
  import { ChangeDetectorRef, Component, ContentChildren, ElementRef, HostListener, Input, Optional, QueryList, ViewChild, ViewEncapsulation, } from '@angular/core';
2
4
  import { SkyCoreAdapterService } from '@skyux/core';
3
5
  import { SkyThemeService } from '@skyux/theme';
@@ -23,6 +25,7 @@ export class SkyActionButtonContainerComponent {
23
25
  this.hostElRef = hostElRef;
24
26
  this.themeSvc = themeSvc;
25
27
  this.ngUnsubscribe = new Subject();
28
+ _SkyActionButtonContainerComponent_viewInitialized.set(this, false);
26
29
  }
27
30
  /**
28
31
  * Specifies how to display the action buttons inside the action button container.
@@ -55,7 +58,7 @@ export class SkyActionButtonContainerComponent {
55
58
  this.updateResponsiveClass();
56
59
  });
57
60
  }
58
- ngAfterContentInit() {
61
+ ngAfterViewInit() {
59
62
  // Watch for dynamic action button changes and recalculate height.
60
63
  /* istanbul ignore else */
61
64
  if (this.actionButtons) {
@@ -65,6 +68,8 @@ export class SkyActionButtonContainerComponent {
65
68
  this.updateHeight();
66
69
  });
67
70
  }
71
+ __classPrivateFieldSet(this, _SkyActionButtonContainerComponent_viewInitialized, true, "f");
72
+ this.updateHeight();
68
73
  }
69
74
  ngOnDestroy() {
70
75
  this.ngUnsubscribe.next();
@@ -76,14 +81,25 @@ export class SkyActionButtonContainerComponent {
76
81
  onWindowResize() {
77
82
  this.updateResponsiveClass();
78
83
  }
79
- updateHeight() {
80
- this.coreAdapterService.resetHeight(this.containerRef, '.sky-action-button');
81
- if (this._themeName === 'modern') {
82
- // Wait for children components to complete rendering before height is determined.
83
- clearTimeout(this.syncMaxHeightTimeout);
84
- this.syncMaxHeightTimeout = setTimeout(() => {
85
- this.coreAdapterService.syncMaxHeight(this.containerRef, '.sky-action-button');
86
- });
84
+ updateHeight(delay = 0) {
85
+ if (__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_viewInitialized, "f")) {
86
+ const ref = this.containerRef;
87
+ this.coreAdapterService.resetHeight(ref, '.sky-action-button');
88
+ if (this._themeName === 'modern') {
89
+ // Wait for children components to complete rendering before height is determined.
90
+ clearTimeout(this.syncMaxHeightTimeout);
91
+ this.syncMaxHeightTimeout = setTimeout(() => {
92
+ const selector = '.sky-action-button:not([hidden])';
93
+ const button = ref.nativeElement.querySelector(selector);
94
+ if (button && button.offsetHeight > 0) {
95
+ this.coreAdapterService.syncMaxHeight(ref, selector);
96
+ }
97
+ else if (delay < 200) {
98
+ // Wait progressively longer between retries.
99
+ this.updateHeight(delay + 50);
100
+ }
101
+ }, delay);
102
+ }
87
103
  }
88
104
  }
89
105
  updateResponsiveClass() {
@@ -91,6 +107,7 @@ export class SkyActionButtonContainerComponent {
91
107
  this.actionButtonAdapterService.setResponsiveClass(this.containerRef, parentWidth);
92
108
  }
93
109
  }
110
+ _SkyActionButtonContainerComponent_viewInitialized = new WeakMap();
94
111
  SkyActionButtonContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", 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 });
95
112
  SkyActionButtonContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", 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 }], 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></ng-content>\n </div>\n</div>\n", styles: [":host{display:block}.sky-action-button-flex sky-action-button{display:block}.sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-flex{display:block;padding:0}.sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:block;padding:0}.sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:10px 0}.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{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}\n"], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None });
96
113
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonContainerComponent, decorators: [{
@@ -113,4 +130,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
113
130
  type: HostListener,
114
131
  args: ['window:resize']
115
132
  }] } });
116
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24tY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxpQkFBaUIsRUFDakIsU0FBUyxFQUNULGVBQWUsRUFDZixVQUFVLEVBQ1YsWUFBWSxFQUNaLEtBQUssRUFHTCxRQUFRLEVBQ1IsU0FBUyxFQUNULFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFL0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDaEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7Ozs7QUFHckU7OztHQUdHO0FBUUgsTUFBTSxPQUFPLGlDQUFpQztJQXdDNUMsWUFDVSwwQkFBeUQsRUFDekQsU0FBNEIsRUFDNUIsa0JBQXlDLEVBQ3pDLFNBQXFCLEVBQ1QsUUFBMEI7UUFKdEMsK0JBQTBCLEdBQTFCLDBCQUEwQixDQUErQjtRQUN6RCxjQUFTLEdBQVQsU0FBUyxD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Q1osQ0FBQztJQUNKLENBQUM7OzhIQXBIVSxpQ0FBaUM7a0hBQWpDLGlDQUFpQywwSkFIakMsQ0FBQyw2QkFBNkIsQ0FBQyx3REFvQnpCLHdCQUF3QixtSEFJakMsVUFBVSwyQ0N6RHBCLGtYQVlBOzJGRHdCYSxpQ0FBaUM7a0JBUDdDLFNBQVM7K0JBQ0UsNkJBQTZCLGFBRzVCLENBQUMsNkJBQTZCLENBQUMsaUJBQzNCLGlCQUFpQixDQUFDLElBQUk7OzBCQStDbEMsUUFBUTs0Q0FwQ0EsVUFBVTtzQkFEcEIsS0FBSztnQkFVRSxhQUFhO3NCQURwQixlQUFlO3VCQUFDLHdCQUF3QjtnQkFPakMsWUFBWTtzQkFKbkIsU0FBUzt1QkFBQyxXQUFXLEVBQUU7d0JBQ3RCLElBQUksRUFBRSxVQUFVO3dCQUNoQixNQUFNLEVBQUUsSUFBSTtxQkFDYjtnQkFnRU0sY0FBYztzQkFEcEIsWUFBWTt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBFbGVtZW50UmVmLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgT3B0aW9uYWwsXG4gIFF1ZXJ5TGlzdCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lDb3JlQWRhcHRlclNlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5pbXBvcnQgeyBTa3lUaGVtZVNlcnZpY2UgfSBmcm9tICdAc2t5dXgvdGhlbWUnO1xuXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IFNreUFjdGlvbkJ1dHRvbkFkYXB0ZXJTZXJ2aWNlIH0gZnJvbSAnLi9hY3Rpb24tYnV0dG9uLWFkYXB0ZXItc2VydmljZSc7XG5pbXBvcnQgeyBTa3lBY3Rpb25CdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2FjdGlvbi1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckFsaWduSXRlbXNUeXBlIH0gZnJvbSAnLi90eXBlcy9hY3Rpb24tYnV0dG9uLWNvbnRhaW5lci1hbGlnbi1pdGVtcy10eXBlJztcblxuLyoqXG4gKiBXcmFwcyBhY3Rpb24gYnV0dG9ucyB0byBlbnN1cmVzIHRoYXQgdGhleSBoYXZlIGNvbnNpc3RlbnQgaGVpZ2h0IGFuZCBzcGFjaW5nLlxuICogQHJlcXVpcmVkXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1hY3Rpb24tYnV0dG9uLWNvbnRhaW5lcicsXG4gIHN0eWxlVXJsczogWycuL2FjdGlvbi1idXR0b24tY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYnV0dG9uLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHByb3ZpZGVyczogW1NreUFjdGlvbkJ1dHRvbkFkYXB0ZXJTZXJ2aWNlXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QWN0aW9uQnV0dG9uQ29udGFpbmVyQ29tcG9uZW50XG4gIGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCwgT25EZXN0cm95LCBPbkluaXRcbntcbiAgLyoqXG4gICAqIFNwZWNpZmllcyBob3cgdG8gZGlzcGxheSB0aGUgYWN0aW9uIGJ1dHRvbnMgaW5zaWRlIHRoZSBhY3Rpb24gYnV0dG9uIGNvbnRhaW5lci5cbiAgICogT3B0aW9ucyBhcmUgYFwiY2VudGVyXCJgIG9yIGBcImxlZnRcImAuXG4gICAqIEBkZWZhdWx0IFwiY2VudGVyXCJcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgYWxpZ25JdGVtcyh2YWx1ZTogU2t5QWN0aW9uQnV0dG9uQ29udGFpbmVyQWxpZ25JdGVtc1R5cGUpIHtcbiAgICB0aGlzLl9hbGlnbkl0ZW1zID0gdmFsdWU7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGFsaWduSXRlbXMoKTogU2t5QWN0aW9uQnV0dG9uQ29udGFpbmVyQWxpZ25JdGVtc1R5cGUge1xuICAgIHJldHVybiB0aGlzLl9hbGlnbkl0ZW1zIHx8ICdjZW50ZXInO1xuICB9XG5cbiAgQENvbnRlbnRDaGlsZHJlbihTa3lBY3Rpb25CdXR0b25Db21wb25lbnQpXG4gIHByaXZhdGUgYWN0aW9uQnV0dG9uczogUXVlcnlMaXN0PFNreUFjdGlvbkJ1dHRvbkNvbXBvbmVudD47XG5cbiAgQFZpZXdDaGlsZCgnY29udGFpbmVyJywge1xuICAgIHJlYWQ6IEVsZW1lbnRSZWYsXG4gICAgc3RhdGljOiB0cnVlLFxuICB9KVxuICBwcml2YXRlIGNvbnRhaW5lclJlZjogRWxlbWVudFJlZjxhbnk+O1xuXG4gIHByaXZhdGUgbmdVbnN1YnNjcmliZSA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgcHJpdmF0ZSBzeW5jTWF4SGVpZ2h0VGltZW91dD86IG51bWJlcjtcblxuICBwcml2YXRlIHNldCB0aGVtZU5hbWUodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMuX3RoZW1lTmFtZSA9IHZhbHVlO1xuICAgIHRoaXMudXBkYXRlUmVzcG9uc2l2ZUNsYXNzKCk7XG4gICAgdGhpcy51cGRhdGVIZWlnaHQoKTtcbiAgfVxuXG4gIHByaXZhdGUgX2FsaWduSXRlbXM6IFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckFsaWduSXRlbXNUeXBlO1xuXG4gIHByaXZhdGUgX3RoZW1lTmFtZTogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgYWN0aW9uQnV0dG9uQWRhcHRlclNlcnZpY2U6IFNreUFjdGlvbkJ1dHRvbkFkYXB0ZXJTZXJ2aWNlLFxuICAgIHByaXZhdGUgY2hhbmdlUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIGNvcmVBZGFwdGVyU2VydmljZTogU2t5Q29yZUFkYXB0ZXJTZXJ2aWNlLFxuICAgIHByaXZhdGUgaG9zdEVsUmVmOiBFbGVtZW50UmVmLFxuICAgIEBPcHRpb25hbCgpIHByaXZhdGUgdGhlbWVTdmM/OiBTa3lUaGVtZVNlcnZpY2VcbiAgKSB7fVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvKiBpc3RhbmJ1bCBpZ25vcmUgZWxzZSAqL1xuICAgIGlmICh0aGlzLnRoZW1lU3ZjKSB7XG4gICAgICB0aGlzLnRoZW1lU3ZjLnNldHRpbmdzQ2hhbmdlXG4gICAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLm5nVW5zdWJzY3JpYmUpKVxuICAgICAgICAuc3Vic2NyaWJlKCh0aGVtZVNldHRpbmdzKSA9PiB7XG4gICAgICAgICAgdGhpcy50aGVtZU5hbWUgPSB0aGVtZVNldHRpbmdzLmN1cnJlbnRTZXR0aW5ncy50aGVtZS5uYW1lO1xuICAgICAgICAgIHRoaXMuY2hhbmdlUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICAvLyBXYWl0IGZvciBjaGlsZHJlbiBjb21wb25lbnRzIHRvIGNvbXBsZXRlIHJlbmRlcmluZyBiZWZvcmUgY29udGFpbmVyIHdpZHRoIGlzIGRldGVybWluZWQuXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLnVwZGF0ZVJlc3BvbnNpdmVDbGFzcygpO1xuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICAvLyBXYXRjaCBmb3IgZHluYW1pYyBhY3Rpb24gYnV0dG9uIGNoYW5nZXMgYW5kIHJlY2FsY3VsYXRlIGhlaWdodC5cbiAgICAvKiBpc3RhbmJ1bCBpZ25vcmUgZWxzZSAqL1xuICAgIGlmICh0aGlzLmFjdGlvbkJ1dHRvbnMpIHtcbiAgICAgIHRoaXMuYWN0aW9uQnV0dG9ucy5jaGFuZ2VzXG4gICAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLm5nVW5zdWJzY3JpYmUpKVxuICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICB0aGlzLnVwZGF0ZUhlaWdodCgpO1xuICAgICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5uZ1Vuc3Vic2NyaWJlLm5leHQoKTtcbiAgICB0aGlzLm5nVW5zdWJzY3JpYmUuY29tcGxldGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBvbkNvbnRlbnRDaGFuZ2UoKSB7XG4gICAgdGhpcy51cGRhdGVIZWlnaHQoKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnKVxuICBwdWJsaWMgb25XaW5kb3dSZXNpemUoKTogdm9pZCB7XG4gICAgdGhpcy51cGRhdGVSZXNwb25zaXZlQ2xhc3MoKTtcbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlSGVpZ2h0KCk6IHZvaWQge1xuICAgIHRoaXMuY29yZUFkYXB0ZXJTZXJ2aWNlLnJlc2V0SGVpZ2h0KFxuICAgICAgdGhpcy5jb250YWluZXJSZWYsXG4gICAgICAnLnNreS1hY3Rpb24tYnV0dG9uJ1xuICAgICk7XG4gICAgaWYgKHRoaXMuX3RoZW1lTmFtZSA9PT0gJ21vZGVybicpIHtcbiAgICAgIC8vIFdhaXQgZm9yIGNoaWxkcmVuIGNvbXBvbmVudHMgdG8gY29tcGxldGUgcmVuZGVyaW5nIGJlZm9yZSBoZWlnaHQgaXMgZGV0ZXJtaW5lZC5cbiAgICAgIGNsZWFyVGltZW91dCh0aGlzLnN5bmNNYXhIZWlnaHRUaW1lb3V0KTtcbiAgICAgIHRoaXMuc3luY01heEhlaWdodFRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5jb3JlQWRhcHRlclNlcnZpY2Uuc3luY01heEhlaWdodChcbiAgICAgICAgICB0aGlzLmNvbnRhaW5lclJlZixcbiAgICAgICAgICAnLnNreS1hY3Rpb24tYnV0dG9uJ1xuICAgICAgICApO1xuICAgICAgfSkgYXMgdW5rbm93biBhcyBudW1iZXI7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVSZXNwb25zaXZlQ2xhc3MoKTogdm9pZCB7XG4gICAgY29uc3QgcGFyZW50V2lkdGggPSB0aGlzLmFjdGlvbkJ1dHRvbkFkYXB0ZXJTZXJ2aWNlLmdldFBhcmVudFdpZHRoKFxuICAgICAgdGhpcy5ob3N0RWxSZWZcbiAgICApO1xuICAgIHRoaXMuYWN0aW9uQnV0dG9uQWRhcHRlclNlcnZpY2Uuc2V0UmVzcG9uc2l2ZUNsYXNzKFxuICAgICAgdGhpcy5jb250YWluZXJSZWYsXG4gICAgICBwYXJlbnRXaWR0aFxuICAgICk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbi1jb250YWluZXJcIiAjY29udGFpbmVyPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbi1mbGV4XCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnc2t5LWFjdGlvbi1idXR0b24tZmxleC1hbGlnbi1sZWZ0JzogYWxpZ25JdGVtcyA9PT0gJ2xlZnQnLFxuICAgICAgJ3NreS1hY3Rpb24tYnV0dG9uLWZsZXgtYWxpZ24tY2VudGVyJzogYWxpZ25JdGVtcyA9PT0gJ2NlbnRlcidcbiAgICB9XCJcbiAgICAoY2RrT2JzZXJ2ZUNvbnRlbnQpPVwib25Db250ZW50Q2hhbmdlKClcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
133
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24tY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUVMLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsZUFBZSxFQUNmLFVBQVUsRUFDVixZQUFZLEVBQ1osS0FBSyxFQUdMLFFBQVEsRUFDUixTQUFTLEVBQ1QsU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUUvQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7OztBQUdyRTs7O0dBR0c7QUFRSCxNQUFNLE9BQU8saUNBQWlDO0lBMEM1QyxZQUNVLDBCQUF5RCxFQUN6RCxTQUE0QixFQUM1QixrQkFBeUMsRUFDekMsU0FBcUIsRUFDVCxRQUEwQjtRQUp0QywrQkFBMEIsR0FBMUIsMEJBQTBCLENBQStCO1FBQ3pELGNBQVMsR0FBVCxTQUFT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dGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIE9wdGlvbmFsLFxuICBRdWVyeUxpc3QsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5Q29yZUFkYXB0ZXJTZXJ2aWNlIH0gZnJvbSAnQHNreXV4L2NvcmUnO1xuaW1wb3J0IHsgU2t5VGhlbWVTZXJ2aWNlIH0gZnJvbSAnQHNreXV4L3RoZW1lJztcblxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBTa3lBY3Rpb25CdXR0b25BZGFwdGVyU2VydmljZSB9IGZyb20gJy4vYWN0aW9uLWJ1dHRvbi1hZGFwdGVyLXNlcnZpY2UnO1xuaW1wb3J0IHsgU2t5QWN0aW9uQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lBY3Rpb25CdXR0b25Db250YWluZXJBbGlnbkl0ZW1zVHlwZSB9IGZyb20gJy4vdHlwZXMvYWN0aW9uLWJ1dHRvbi1jb250YWluZXItYWxpZ24taXRlbXMtdHlwZSc7XG5cbi8qKlxuICogV3JhcHMgYWN0aW9uIGJ1dHRvbnMgdG8gZW5zdXJlcyB0aGF0IHRoZXkgaGF2ZSBjb25zaXN0ZW50IGhlaWdodCBhbmQgc3BhY2luZy5cbiAqIEByZXF1aXJlZFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktYWN0aW9uLWJ1dHRvbi1jb250YWluZXInLFxuICBzdHlsZVVybHM6IFsnLi9hY3Rpb24tYnV0dG9uLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uLWJ1dHRvbi1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBwcm92aWRlcnM6IFtTa3lBY3Rpb25CdXR0b25BZGFwdGVyU2VydmljZV0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckNvbXBvbmVudFxuICBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSwgT25Jbml0XG57XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgaG93IHRvIGRpc3BsYXkgdGhlIGFjdGlvbiBidXR0b25zIGluc2lkZSB0aGUgYWN0aW9uIGJ1dHRvbiBjb250YWluZXIuXG4gICAqIE9wdGlvbnMgYXJlIGBcImNlbnRlclwiYCBvciBgXCJsZWZ0XCJgLlxuICAgKiBAZGVmYXVsdCBcImNlbnRlclwiXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGFsaWduSXRlbXModmFsdWU6IFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckFsaWduSXRlbXNUeXBlKSB7XG4gICAgdGhpcy5fYWxpZ25JdGVtcyA9IHZhbHVlO1xuICB9XG5cbiAgcHVibGljIGdldCBhbGlnbkl0ZW1zKCk6IFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckFsaWduSXRlbXNUeXBlIHtcbiAgICByZXR1cm4gdGhpcy5fYWxpZ25JdGVtcyB8fCAnY2VudGVyJztcbiAgfVxuXG4gIEBDb250ZW50Q2hpbGRyZW4oU2t5QWN0aW9uQnV0dG9uQ29tcG9uZW50KVxuICBwcml2YXRlIGFjdGlvbkJ1dHRvbnM6IFF1ZXJ5TGlzdDxTa3lBY3Rpb25CdXR0b25Db21wb25lbnQ+O1xuXG4gIEBWaWV3Q2hpbGQoJ2NvbnRhaW5lcicsIHtcbiAgICByZWFkOiBFbGVtZW50UmVmLFxuICAgIHN0YXRpYzogdHJ1ZSxcbiAgfSlcbiAgcHJpdmF0ZSBjb250YWluZXJSZWY6IEVsZW1lbnRSZWY8YW55PjtcblxuICBwcml2YXRlIG5nVW5zdWJzY3JpYmUgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIHByaXZhdGUgc3luY01heEhlaWdodFRpbWVvdXQ/OiBudW1iZXI7XG5cbiAgcHJpdmF0ZSBzZXQgdGhlbWVOYW1lKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl90aGVtZU5hbWUgPSB2YWx1ZTtcbiAgICB0aGlzLnVwZGF0ZVJlc3BvbnNpdmVDbGFzcygpO1xuICAgIHRoaXMudXBkYXRlSGVpZ2h0KCk7XG4gIH1cblxuICBwcml2YXRlIF9hbGlnbkl0ZW1zOiBTa3lBY3Rpb25CdXR0b25Db250YWluZXJBbGlnbkl0ZW1zVHlwZTtcblxuICBwcml2YXRlIF90aGVtZU5hbWU6IHN0cmluZztcblxuICAjdmlld0luaXRpYWxpemVkID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBhY3Rpb25CdXR0b25BZGFwdGVyU2VydmljZTogU2t5QWN0aW9uQnV0dG9uQWRhcHRlclNlcnZpY2UsXG4gICAgcHJpdmF0ZSBjaGFuZ2VSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHByaXZhdGUgY29yZUFkYXB0ZXJTZXJ2aWNlOiBTa3lDb3JlQWRhcHRlclNlcnZpY2UsXG4gICAgcHJpdmF0ZSBob3N0RWxSZWY6IEVsZW1lbnRSZWYsXG4gICAgQE9wdGlvbmFsKCkgcHJpdmF0ZSB0aGVtZVN2Yz86IFNreVRoZW1lU2VydmljZVxuICApIHt9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8qIGlzdGFuYnVsIGlnbm9yZSBlbHNlICovXG4gICAgaWYgKHRoaXMudGhlbWVTdmMpIHtcbiAgICAgIHRoaXMudGhlbWVTdmMuc2V0dGluZ3NDaGFuZ2VcbiAgICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMubmdVbnN1YnNjcmliZSkpXG4gICAgICAgIC5zdWJzY3JpYmUoKHRoZW1lU2V0dGluZ3MpID0+IHtcbiAgICAgICAgICB0aGlzLnRoZW1lTmFtZSA9IHRoZW1lU2V0dGluZ3MuY3VycmVudFNldHRpbmdzLnRoZW1lLm5hbWU7XG4gICAgICAgICAgdGhpcy5jaGFuZ2VSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIC8vIFdhaXQgZm9yIGNoaWxkcmVuIGNvbXBvbmVudHMgdG8gY29tcGxldGUgcmVuZGVyaW5nIGJlZm9yZSBjb250YWluZXIgd2lkdGggaXMgZGV0ZXJtaW5lZC5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMudXBkYXRlUmVzcG9uc2l2ZUNsYXNzKCk7XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIC8vIFdhdGNoIGZvciBkeW5hbWljIGFjdGlvbiBidXR0b24gY2hhbmdlcyBhbmQgcmVjYWxjdWxhdGUgaGVpZ2h0LlxuICAgIC8qIGlzdGFuYnVsIGlnbm9yZSBlbHNlICovXG4gICAgaWYgKHRoaXMuYWN0aW9uQnV0dG9ucykge1xuICAgICAgdGhpcy5hY3Rpb25CdXR0b25zLmNoYW5nZXNcbiAgICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMubmdVbnN1YnNjcmliZSkpXG4gICAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgIHRoaXMudXBkYXRlSGVpZ2h0KCk7XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICB0aGlzLiN2aWV3SW5pdGlhbGl6ZWQgPSB0cnVlO1xuICAgIHRoaXMudXBkYXRlSGVpZ2h0KCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5uZ1Vuc3Vic2NyaWJlLm5leHQoKTtcbiAgICB0aGlzLm5nVW5zdWJzY3JpYmUuY29tcGxldGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBvbkNvbnRlbnRDaGFuZ2UoKSB7XG4gICAgdGhpcy51cGRhdGVIZWlnaHQoKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnKVxuICBwdWJsaWMgb25XaW5kb3dSZXNpemUoKTogdm9pZCB7XG4gICAgdGhpcy51cGRhdGVSZXNwb25zaXZlQ2xhc3MoKTtcbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlSGVpZ2h0KGRlbGF5ID0gMCk6IHZvaWQge1xuICAgIGlmICh0aGlzLiN2aWV3SW5pdGlhbGl6ZWQpIHtcbiAgICAgIGNvbnN0IHJlZiA9IHRoaXMuY29udGFpbmVyUmVmO1xuICAgICAgdGhpcy5jb3JlQWRhcHRlclNlcnZpY2UucmVzZXRIZWlnaHQocmVmLCAnLnNreS1hY3Rpb24tYnV0dG9uJyk7XG4gICAgICBpZiAodGhpcy5fdGhlbWVOYW1lID09PSAnbW9kZXJuJykge1xuICAgICAgICAvLyBXYWl0IGZvciBjaGlsZHJlbiBjb21wb25lbnRzIHRvIGNvbXBsZXRlIHJlbmRlcmluZyBiZWZvcmUgaGVpZ2h0IGlzIGRldGVybWluZWQuXG4gICAgICAgIGNsZWFyVGltZW91dCh0aGlzLnN5bmNNYXhIZWlnaHRUaW1lb3V0KTtcbiAgICAgICAgdGhpcy5zeW5jTWF4SGVpZ2h0VGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHNlbGVjdG9yID0gJy5za3ktYWN0aW9uLWJ1dHRvbjpub3QoW2hpZGRlbl0pJztcbiAgICAgICAgICBjb25zdCBidXR0b24gPSByZWYubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKHNlbGVjdG9yKTtcbiAgICAgICAgICBpZiAoYnV0dG9uICYmIGJ1dHRvbi5vZmZzZXRIZWlnaHQgPiAwKSB7XG4gICAgICAgICAgICB0aGlzLmNvcmVBZGFwdGVyU2VydmljZS5zeW5jTWF4SGVpZ2h0KHJlZiwgc2VsZWN0b3IpO1xuICAgICAgICAgIH0gZWxzZSBpZiAoZGVsYXkgPCAyMDApIHtcbiAgICAgICAgICAgIC8vIFdhaXQgcHJvZ3Jlc3NpdmVseSBsb25nZXIgYmV0d2VlbiByZXRyaWVzLlxuICAgICAgICAgICAgdGhpcy51cGRhdGVIZWlnaHQoZGVsYXkgKyA1MCk7XG4gICAgICAgICAgfVxuICAgICAgICB9LCBkZWxheSkgYXMgdW5rbm93biBhcyBudW1iZXI7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVSZXNwb25zaXZlQ2xhc3MoKTogdm9pZCB7XG4gICAgY29uc3QgcGFyZW50V2lkdGggPSB0aGlzLmFjdGlvbkJ1dHRvbkFkYXB0ZXJTZXJ2aWNlLmdldFBhcmVudFdpZHRoKFxuICAgICAgdGhpcy5ob3N0RWxSZWZcbiAgICApO1xuICAgIHRoaXMuYWN0aW9uQnV0dG9uQWRhcHRlclNlcnZpY2Uuc2V0UmVzcG9uc2l2ZUNsYXNzKFxuICAgICAgdGhpcy5jb250YWluZXJSZWYsXG4gICAgICBwYXJlbnRXaWR0aFxuICAgICk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbi1jb250YWluZXJcIiAjY29udGFpbmVyPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbi1mbGV4XCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnc2t5LWFjdGlvbi1idXR0b24tZmxleC1hbGlnbi1sZWZ0JzogYWxpZ25JdGVtcyA9PT0gJ2xlZnQnLFxuICAgICAgJ3NreS1hY3Rpb24tYnV0dG9uLWZsZXgtYWxpZ24tY2VudGVyJzogYWxpZ25JdGVtcyA9PT0gJ2NlbnRlcidcbiAgICB9XCJcbiAgICAoY2RrT2JzZXJ2ZUNvbnRlbnQpPVwib25Db250ZW50Q2hhbmdlKClcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
package/fesm2015/skyux-layout.mjs CHANGED
@@ -12,6 +12,7 @@ import * as i4 from '@skyux/router';
12
12
  import { SkyHrefModule } from '@skyux/router';
13
13
  import * as i3$1 from '@skyux/theme';
14
14
  import { SkyThemeModule } from '@skyux/theme';
15
+ import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
15
16
  import { Subject, BehaviorSubject, forkJoin } from 'rxjs';
16
17
  import { takeUntil, take } from 'rxjs/operators';
17
18
  import * as i1 from '@skyux/core';
@@ -112,6 +113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
112
113
  type: Output
113
114
  }] } });
114
115
 
116
+ var _SkyActionButtonContainerComponent_viewInitialized;
115
117
  /**
116
118
  * Wraps action buttons to ensures that they have consistent height and spacing.
117
119
  * @required
@@ -124,6 +126,7 @@ class SkyActionButtonContainerComponent {
124
126
  this.hostElRef = hostElRef;
125
127
  this.themeSvc = themeSvc;
126
128
  this.ngUnsubscribe = new Subject();
129
+ _SkyActionButtonContainerComponent_viewInitialized.set(this, false);
127
130
  }
128
131
  /**
129
132
  * Specifies how to display the action buttons inside the action button container.
@@ -156,7 +159,7 @@ class SkyActionButtonContainerComponent {
156
159
  this.updateResponsiveClass();
157
160
  });
158
161
  }
159
- ngAfterContentInit() {
162
+ ngAfterViewInit() {
160
163
  // Watch for dynamic action button changes and recalculate height.
161
164
  /* istanbul ignore else */
162
165
  if (this.actionButtons) {
@@ -166,6 +169,8 @@ class SkyActionButtonContainerComponent {
166
169
  this.updateHeight();
167
170
  });
168
171
  }
172
+ __classPrivateFieldSet(this, _SkyActionButtonContainerComponent_viewInitialized, true, "f");
173
+ this.updateHeight();
169
174
  }
170
175
  ngOnDestroy() {
171
176
  this.ngUnsubscribe.next();
@@ -177,14 +182,25 @@ class SkyActionButtonContainerComponent {
177
182
  onWindowResize() {
178
183
  this.updateResponsiveClass();
179
184
  }
180
- updateHeight() {
181
- this.coreAdapterService.resetHeight(this.containerRef, '.sky-action-button');
182
- if (this._themeName === 'modern') {
183
- // Wait for children components to complete rendering before height is determined.
184
- clearTimeout(this.syncMaxHeightTimeout);
185
- this.syncMaxHeightTimeout = setTimeout(() => {
186
- this.coreAdapterService.syncMaxHeight(this.containerRef, '.sky-action-button');
187
- });
185
+ updateHeight(delay = 0) {
186
+ if (__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_viewInitialized, "f")) {
187
+ const ref = this.containerRef;
188
+ this.coreAdapterService.resetHeight(ref, '.sky-action-button');
189
+ if (this._themeName === 'modern') {
190
+ // Wait for children components to complete rendering before height is determined.
191
+ clearTimeout(this.syncMaxHeightTimeout);
192
+ this.syncMaxHeightTimeout = setTimeout(() => {
193
+ const selector = '.sky-action-button:not([hidden])';
194
+ const button = ref.nativeElement.querySelector(selector);
195
+ if (button && button.offsetHeight > 0) {
196
+ this.coreAdapterService.syncMaxHeight(ref, selector);
197
+ }
198
+ else if (delay < 200) {
199
+ // Wait progressively longer between retries.
200
+ this.updateHeight(delay + 50);
201
+ }
202
+ }, delay);
203
+ }
188
204
  }
189
205
  }
190
206
  updateResponsiveClass() {
@@ -192,6 +208,7 @@ class SkyActionButtonContainerComponent {
192
208
  this.actionButtonAdapterService.setResponsiveClass(this.containerRef, parentWidth);
193
209
  }
194
210
  }
211
+ _SkyActionButtonContainerComponent_viewInitialized = new WeakMap();
195
212
  SkyActionButtonContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonContainerComponent, deps: [{ token: SkyActionButtonAdapterService }, { token: i0.ChangeDetectorRef }, { token: i1.SkyCoreAdapterService }, { token: i0.ElementRef }, { token: i3$1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
196
213
  SkyActionButtonContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", 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 }], 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></ng-content>\n </div>\n</div>\n", styles: [":host{display:block}.sky-action-button-flex sky-action-button{display:block}.sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-flex{display:block;padding:0}.sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:block;padding:0}.sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:10px 0}.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{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}\n"], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None });
197
214
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionButtonContainerComponent, decorators: [{