@alauda/ui 6.4.2-beta.1 → 6.4.2-beta.4

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.
@@ -2899,7 +2899,7 @@ CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
2899
2899
  useExisting: forwardRef(() => CheckboxComponent),
2900
2900
  multi: true,
2901
2901
  },
2902
- ], viewQueries: [{ propertyName: "elRef", first: true, predicate: ["elRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n #elRef\n class=\"aui-checkbox\"\n [class.isDisabled]=\"disabled\"\n [class.isChecked]=\"model\"\n [class.isIndeterminate]=\"indeterminate\"\n [class.isTag]=\"type === 'tag'\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-checkbox__input\"\n type=\"checkbox\"\n [checked]=\"model\"\n [disabled]=\"disabled\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <label\n class=\"aui-checkbox__label\"\n [for]=\"id\"\n >\n <i class=\"aui-checkbox__pointer\">\n <aui-icon\n [icon]=\"indeterminate ? 'square_s' : 'check_s'\"\n [hidden]=\"!model && !indeterminate\"\n ></aui-icon>\n </i>\n <span class=\"aui-checkbox__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-checkbox{margin-right:var(--aui-spacing-xxxl);display:inline-flex;width:-moz-fit-content;width:fit-content;height:var(--aui-inline-height-m);position:relative;vertical-align:bottom}.aui-checkbox__label{display:flex;align-items:center;cursor:pointer}.aui-checkbox__label:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-checkbox.isTag{margin-right:var(--aui-spacing-m);height:var(--aui-inline-height-s);padding:0 var(--aui-spacing-l);line-height:var(--aui-inline-height-s);background-color:rgb(var(--aui-color-n-8));border-radius:calc(var(--aui-inline-height-s) / 2);font-size:var(--aui-font-size-m);display:inline-flex}.aui-checkbox.isTag:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox.isTag:hover,.aui-checkbox.isTag.isChecked{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-checkbox__input{position:absolute;opacity:0;z-index:-1}.aui-checkbox__pointer{display:inline-block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-checkbox__pointer .aui-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0}.aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-checkbox.isChecked .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isChecked.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isDisabled .aui-checkbox__label{cursor:not-allowed}.aui-checkbox.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}.aui-checkbox.isDisabled .aui-checkbox__content{color:rgb(var(--aui-color-disabled-text))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer{color:rgb(var(--aui-color-main-bg));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2902
+ ], viewQueries: [{ propertyName: "elRef", first: true, predicate: ["elRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n #elRef\n class=\"aui-checkbox\"\n [class.isDisabled]=\"disabled\"\n [class.isChecked]=\"model\"\n [class.isIndeterminate]=\"indeterminate\"\n [class.isTag]=\"type === 'tag'\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-checkbox__input\"\n type=\"checkbox\"\n [checked]=\"model\"\n [disabled]=\"disabled\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <label\n class=\"aui-checkbox__label\"\n [for]=\"id\"\n >\n <i class=\"aui-checkbox__pointer\">\n <aui-icon\n [icon]=\"indeterminate ? 'square_s' : 'check_s'\"\n [hidden]=\"!model && !indeterminate\"\n ></aui-icon>\n </i>\n <span class=\"aui-checkbox__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-checkbox{margin-right:var(--aui-spacing-xxxl);display:inline-flex;width:-moz-fit-content;width:fit-content;height:var(--aui-inline-height-m);position:relative;vertical-align:bottom}.aui-checkbox__label{display:flex;align-items:center;cursor:pointer}.aui-checkbox__label:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-checkbox.isTag{margin-right:var(--aui-spacing-m);height:var(--aui-inline-height-s);padding:0 var(--aui-spacing-l);line-height:var(--aui-inline-height-s);background-color:rgb(var(--aui-color-n-8));border-radius:calc(var(--aui-inline-height-s) / 2);font-size:var(--aui-font-size-m);display:inline-flex}.aui-checkbox.isTag:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox.isTag:hover,.aui-checkbox.isTag.isChecked{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-checkbox__input{position:absolute;opacity:0;z-index:-1}.aui-checkbox__pointer{display:inline-block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-checkbox__pointer .aui-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0}.aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-checkbox.isChecked .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isChecked.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isDisabled .aui-checkbox__label{cursor:not-allowed}.aui-checkbox.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer{color:rgb(var(--aui-color-main-bg));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
2903
2903
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CheckboxComponent, decorators: [{
2904
2904
  type: Component,
2905
2905
  args: [{ selector: 'aui-checkbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, providers: [
@@ -2908,7 +2908,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
2908
2908
  useExisting: forwardRef(() => CheckboxComponent),
2909
2909
  multi: true,
2910
2910
  },
2911
- ], template: "<div\n #elRef\n class=\"aui-checkbox\"\n [class.isDisabled]=\"disabled\"\n [class.isChecked]=\"model\"\n [class.isIndeterminate]=\"indeterminate\"\n [class.isTag]=\"type === 'tag'\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-checkbox__input\"\n type=\"checkbox\"\n [checked]=\"model\"\n [disabled]=\"disabled\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <label\n class=\"aui-checkbox__label\"\n [for]=\"id\"\n >\n <i class=\"aui-checkbox__pointer\">\n <aui-icon\n [icon]=\"indeterminate ? 'square_s' : 'check_s'\"\n [hidden]=\"!model && !indeterminate\"\n ></aui-icon>\n </i>\n <span class=\"aui-checkbox__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-checkbox{margin-right:var(--aui-spacing-xxxl);display:inline-flex;width:-moz-fit-content;width:fit-content;height:var(--aui-inline-height-m);position:relative;vertical-align:bottom}.aui-checkbox__label{display:flex;align-items:center;cursor:pointer}.aui-checkbox__label:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-checkbox.isTag{margin-right:var(--aui-spacing-m);height:var(--aui-inline-height-s);padding:0 var(--aui-spacing-l);line-height:var(--aui-inline-height-s);background-color:rgb(var(--aui-color-n-8));border-radius:calc(var(--aui-inline-height-s) / 2);font-size:var(--aui-font-size-m);display:inline-flex}.aui-checkbox.isTag:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox.isTag:hover,.aui-checkbox.isTag.isChecked{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-checkbox__input{position:absolute;opacity:0;z-index:-1}.aui-checkbox__pointer{display:inline-block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-checkbox__pointer .aui-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0}.aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-checkbox.isChecked .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isChecked.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isDisabled .aui-checkbox__label{cursor:not-allowed}.aui-checkbox.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}.aui-checkbox.isDisabled .aui-checkbox__content{color:rgb(var(--aui-color-disabled-text))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer{color:rgb(var(--aui-color-main-bg));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}\n"] }]
2911
+ ], template: "<div\n #elRef\n class=\"aui-checkbox\"\n [class.isDisabled]=\"disabled\"\n [class.isChecked]=\"model\"\n [class.isIndeterminate]=\"indeterminate\"\n [class.isTag]=\"type === 'tag'\"\n>\n <input\n [name]=\"name\"\n [id]=\"id\"\n class=\"aui-checkbox__input\"\n type=\"checkbox\"\n [checked]=\"model\"\n [disabled]=\"disabled\"\n (click)=\"onClick()\"\n (blur)=\"onBlur()\"\n />\n <label\n class=\"aui-checkbox__label\"\n [for]=\"id\"\n >\n <i class=\"aui-checkbox__pointer\">\n <aui-icon\n [icon]=\"indeterminate ? 'square_s' : 'check_s'\"\n [hidden]=\"!model && !indeterminate\"\n ></aui-icon>\n </i>\n <span class=\"aui-checkbox__content\"><ng-content></ng-content></span>\n </label>\n</div>\n", styles: [".aui-checkbox{margin-right:var(--aui-spacing-xxxl);display:inline-flex;width:-moz-fit-content;width:fit-content;height:var(--aui-inline-height-m);position:relative;vertical-align:bottom}.aui-checkbox__label{display:flex;align-items:center;cursor:pointer}.aui-checkbox__label:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox__content{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-checkbox.isTag{margin-right:var(--aui-spacing-m);height:var(--aui-inline-height-s);padding:0 var(--aui-spacing-l);line-height:var(--aui-inline-height-s);background-color:rgb(var(--aui-color-n-8));border-radius:calc(var(--aui-inline-height-s) / 2);font-size:var(--aui-font-size-m);display:inline-flex}.aui-checkbox.isTag:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox.isTag:hover,.aui-checkbox.isTag.isChecked{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-checkbox__input{position:absolute;opacity:0;z-index:-1}.aui-checkbox__pointer{display:inline-block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:1px solid rgb(var(--aui-color-n-7));color:#fff;background-color:rgb(var(--aui-color-main-bg));position:relative;vertical-align:middle;transition:all .3s ease}.aui-checkbox__pointer .aui-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0}.aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}:root .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-checkbox.isChecked .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isChecked.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isDisabled .aui-checkbox__label{cursor:not-allowed}.aui-checkbox.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}}html[aui-theme-mode=dark] .aui-checkbox.isDisabled .aui-checkbox__pointer{color:rgb(var(--aui-color-n-4))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer{color:rgb(var(--aui-color-main-bg));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}\n"] }]
2912
2912
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: CheckboxGroupComponent, decorators: [{
2913
2913
  type: Optional
2914
2914
  }, {
@@ -8536,21 +8536,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
8536
8536
  class TablePlaceholderDefDirective {
8537
8537
  constructor(templateRef) {
8538
8538
  this.templateRef = templateRef;
8539
+ this.def$$ = new BehaviorSubject(true);
8540
+ this.def$ = this.def$$.asObservable().pipe(distinctUntilChanged());
8541
+ }
8542
+ set auiTablePlaceholderDef(show) {
8543
+ this.def$$.next(!!show);
8539
8544
  }
8540
8545
  }
8541
8546
  TablePlaceholderDefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TablePlaceholderDefDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
8542
- TablePlaceholderDefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: TablePlaceholderDefDirective, selector: "ng-template[auiTablePlaceholderDef]", ngImport: i0 });
8547
+ TablePlaceholderDefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: TablePlaceholderDefDirective, selector: "ng-template[auiTablePlaceholderDef]", inputs: { auiTablePlaceholderDef: "auiTablePlaceholderDef" }, ngImport: i0 });
8543
8548
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TablePlaceholderDefDirective, decorators: [{
8544
8549
  type: Directive,
8545
8550
  args: [{
8546
8551
  selector: 'ng-template[auiTablePlaceholderDef]',
8547
8552
  }]
8548
- }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
8553
+ }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; }, propDecorators: { auiTablePlaceholderDef: [{
8554
+ type: Input
8555
+ }] } });
8549
8556
  class TablePlaceholderOutletDirective {
8550
8557
  constructor(viewContainer, elementRef) {
8551
8558
  this.viewContainer = viewContainer;
8552
8559
  this.elementRef = elementRef;
8553
8560
  }
8561
+ register(def) {
8562
+ if (this.def) {
8563
+ this.viewContainer.clear();
8564
+ }
8565
+ this.def = def;
8566
+ this.viewContainer.createEmbeddedView(def.templateRef);
8567
+ }
8554
8568
  }
8555
8569
  TablePlaceholderOutletDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TablePlaceholderOutletDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
8556
8570
  TablePlaceholderOutletDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: TablePlaceholderOutletDirective, selector: "[auiTablePlaceholderOutlet]", ngImport: i0 });
@@ -8574,12 +8588,9 @@ class TableComponent extends CdkTable {
8574
8588
  this._createPlaceholder();
8575
8589
  }
8576
8590
  _createPlaceholder() {
8577
- const footerRow = this._placeholderDef;
8578
- if (!this._placeholderDef) {
8579
- return;
8591
+ if (this._placeholderOutlet && this._placeholderDef) {
8592
+ this._placeholderDef.def$.subscribe(def => def && this._placeholderOutlet.register(this._placeholderDef));
8580
8593
  }
8581
- const container = this._placeholderOutlet.viewContainer;
8582
- container.createEmbeddedView(footerRow.templateRef);
8583
8594
  }
8584
8595
  _clearPlaceholder() {
8585
8596
  this._placeholderOutlet.viewContainer.clear();