@coolon/angular-ui-powerups 16.1.0-aplpha.5 → 16.1.0-aplpha.50

package/esm2022/lib/components/forms/text-input/text-input.component.mjs

@@ -3,8 +3,8 @@ import { AbstractValueInputComponent } from '../abstract-value-input.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
-import * as i3 from "@angular/material/legacy-form-field";
-import * as i4 from "@angular/material/legacy-input";
+import * as i3 from "@angular/material/input";
+import * as i4 from "@angular/material/form-field";
 import * as i5 from "../../../directives/focus-binding.directive";
 export class TextInputComponent extends AbstractValueInputComponent {
     // @Input() @Proxify({ delegateTo: 'inputModel' })
@@ -15,15 +15,15 @@ export class TextInputComponent extends AbstractValueInputComponent {
         super();
         // const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: TextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: TextInputComponent, selector: "aup-text-input", inputs: { rows: "rows", cols: "cols" }, usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <textarea matInput\n            placeholder=\"{{placeholder}}\"\n            [(ngModel)]=\"componentValue$.value\"\n            [disabled]=\"!enabled$.value\"\n            (keydown.enter)=\"notifyEnterKey()\"\n            (keydown.escape)=\"notifyEscapeKey()\"\n            [pectinFocusBinding]=\"focusContext\"\n            [errorStateMatcher]=\"errorStateMatcher\"\n            [rows]=\"rows\"\n            [cols]=\"cols\"\n  >\n  </textarea>\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n", styles: ["button[disabled]{visibility:hidden}textarea{overflow:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.MatLegacyError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i3.MatLegacyFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLegacyHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatLegacyLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: i5.FocusBindingDirective, selector: "[pectinFocusBinding]", inputs: ["pectinFocusBinding", "focusBindingTarget"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TextInputComponent, selector: "aup-text-input", inputs: { rows: "rows", cols: "cols" }, usesInheritance: true, ngImport: i0, template: "<mat-form-field [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <textarea matInput\n            placeholder=\"{{placeholder}}\"\n            [(ngModel)]=\"componentValue$.value\"\n            [disabled]=\"!enabled$.value\"\n            (keydown.enter)=\"notifyEnterKey()\"\n            (keydown.escape)=\"notifyEscapeKey()\"\n            [pectinFocusBinding]=\"focusContext\"\n            [errorStateMatcher]=\"errorStateMatcher\"\n            [rows]=\"rows\"\n            [cols]=\"cols\"\n  >\n  </textarea>\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n", styles: ["button[disabled]{visibility:hidden}textarea{overflow:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5.FocusBindingDirective, selector: "[pectinFocusBinding]", inputs: ["pectinFocusBinding", "focusBindingTarget"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: TextInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TextInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aup-text-input', template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <textarea matInput\n            placeholder=\"{{placeholder}}\"\n            [(ngModel)]=\"componentValue$.value\"\n            [disabled]=\"!enabled$.value\"\n            (keydown.enter)=\"notifyEnterKey()\"\n            (keydown.escape)=\"notifyEscapeKey()\"\n            [pectinFocusBinding]=\"focusContext\"\n            [errorStateMatcher]=\"errorStateMatcher\"\n            [rows]=\"rows\"\n            [cols]=\"cols\"\n  >\n  </textarea>\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n", styles: ["button[disabled]{visibility:hidden}textarea{overflow:auto}\n"] }]
+            args: [{ selector: 'aup-text-input', template: "<mat-form-field [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <textarea matInput\n            placeholder=\"{{placeholder}}\"\n            [(ngModel)]=\"componentValue$.value\"\n            [disabled]=\"!enabled$.value\"\n            (keydown.enter)=\"notifyEnterKey()\"\n            (keydown.escape)=\"notifyEscapeKey()\"\n            [pectinFocusBinding]=\"focusContext\"\n            [errorStateMatcher]=\"errorStateMatcher\"\n            [rows]=\"rows\"\n            [cols]=\"cols\"\n  >\n  </textarea>\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n", styles: ["button[disabled]{visibility:hidden}textarea{overflow:auto}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { rows: [{
                 type: Input
             }], cols: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm1zL3RleHQtaW5wdXQvdGV4dC1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm1zL3RleHQtaW5wdXQvdGV4dC1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7OztBQU9oRixNQUFNLE9BQU8sa0JBQW1CLFNBQVEsMkJBQW1DO0lBRXpFLGtEQUFrRDtJQUNsRCx1RUFBdUU7SUFFOUQsSUFBSSxHQUFHLENBQUMsQ0FBQztJQUNULElBQUksQ0FBUztJQUV0QjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBQ1IsNEZBQTRGO0lBQzlGLENBQUM7dUdBWFUsa0JBQWtCOzJGQUFsQixrQkFBa0IscUhDUi9CLGtzQkFrQkE7OzJGRFZhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxnQkFBZ0I7MEVBU2pCLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0VmFsdWVJbnB1dENvbXBvbmVudCB9IGZyb20gJy4uL2Fic3RyYWN0LXZhbHVlLWlucHV0LmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F1cC10ZXh0LWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHQtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90ZXh0LWlucHV0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGV4dElucHV0Q29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RWYWx1ZUlucHV0Q29tcG9uZW50PHN0cmluZz4ge1xuXG4gIC8vIEBJbnB1dCgpIEBQcm94aWZ5KHsgZGVsZWdhdGVUbzogJ2lucHV0TW9kZWwnIH0pXG4gIC8vIHZhbHVlTW9kZWw6IEZvcm0uVmFsdWVNb2RlbEJhc2U8c3RyaW5nPiB8IE11dGFibGVWYWx1ZU1vZGVsPHN0cmluZz47XG5cbiAgQElucHV0KCkgcm93cyA9IDI7XG4gIEBJbnB1dCgpIGNvbHM6IG51bWJlcjtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIC8vIGNvbnN0IHsgY2hhaW4sIHZhbHVlT2YsIGJlZm9yZSwgd2hlbiwgYWZ0ZXIsIG9ic2VydmUsIHN3aXRjaE9uIH0gPSBEc2wuZGlzcG9zZVdpdGgodGhpcyk7XG4gIH1cblxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJzdGFuZGFyZFwiIFtmbG9hdExhYmVsXT1cImZsb2F0TGFiZWxcIj5cbiAgPG1hdC1sYWJlbCAqbmdJZj1cImxhYmVsXCI+e3tsYWJlbH19PC9tYXQtbGFiZWw+XG4gIDx0ZXh0YXJlYSBtYXRJbnB1dFxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJ7e3BsYWNlaG9sZGVyfX1cIlxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJjb21wb25lbnRWYWx1ZSQudmFsdWVcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFlbmFibGVkJC52YWx1ZVwiXG4gICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJub3RpZnlFbnRlcktleSgpXCJcbiAgICAgICAgICAgIChrZXlkb3duLmVzY2FwZSk9XCJub3RpZnlFc2NhcGVLZXkoKVwiXG4gICAgICAgICAgICBbcGVjdGluRm9jdXNCaW5kaW5nXT1cImZvY3VzQ29udGV4dFwiXG4gICAgICAgICAgICBbZXJyb3JTdGF0ZU1hdGNoZXJdPVwiZXJyb3JTdGF0ZU1hdGNoZXJcIlxuICAgICAgICAgICAgW3Jvd3NdPVwicm93c1wiXG4gICAgICAgICAgICBbY29sc109XCJjb2xzXCJcbiAgPlxuICA8L3RleHRhcmVhPlxuICA8bWF0LWhpbnQgKm5nSWY9XCJzaG93SGludFwiPnt7aGludH19PC9tYXQtaGludD5cbiAgPG1hdC1lcnJvciAqbmdJZj1cImhhc0Vycm9yc1wiPnt7Zmlyc3RFcnJvcn19PC9tYXQtZXJyb3I+XG48L21hdC1mb3JtLWZpZWxkPlxuXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm1zL3RleHQtaW5wdXQvdGV4dC1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm1zL3RleHQtaW5wdXQvdGV4dC1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMvQyxPQUFPLEVBQUMsMkJBQTJCLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQzs7Ozs7OztBQU85RSxNQUFNLE9BQU8sa0JBQW1CLFNBQVEsMkJBQW1DO0lBRXpFLGtEQUFrRDtJQUNsRCx1RUFBdUU7SUFFOUQsSUFBSSxHQUFHLENBQUMsQ0FBQztJQUNULElBQUksQ0FBUztJQUV0QjtRQUNFLEtBQUssRUFBRSxDQUFDO1FBQ1IsNEZBQTRGO0lBQzlGLENBQUM7dUdBWFUsa0JBQWtCOzJGQUFsQixrQkFBa0IscUhDUi9CLDBxQkFrQkE7OzJGRFZhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxnQkFBZ0I7MEVBU2pCLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFZhbHVlSW5wdXRDb21wb25lbnR9IGZyb20gJy4uL2Fic3RyYWN0LXZhbHVlLWlucHV0LmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F1cC10ZXh0LWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHQtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90ZXh0LWlucHV0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGV4dElucHV0Q29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RWYWx1ZUlucHV0Q29tcG9uZW50PHN0cmluZz4ge1xuXG4gIC8vIEBJbnB1dCgpIEBQcm94aWZ5KHsgZGVsZWdhdGVUbzogJ2lucHV0TW9kZWwnIH0pXG4gIC8vIHZhbHVlTW9kZWw6IEZvcm0uVmFsdWVNb2RlbEJhc2U8c3RyaW5nPiB8IE11dGFibGVWYWx1ZU1vZGVsPHN0cmluZz47XG5cbiAgQElucHV0KCkgcm93cyA9IDI7XG4gIEBJbnB1dCgpIGNvbHM6IG51bWJlcjtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIC8vIGNvbnN0IHsgY2hhaW4sIHZhbHVlT2YsIGJlZm9yZSwgd2hlbiwgYWZ0ZXIsIG9ic2VydmUsIHN3aXRjaE9uIH0gPSBEc2wuZGlzcG9zZVdpdGgodGhpcyk7XG4gIH1cblxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFtmbG9hdExhYmVsXT1cImZsb2F0TGFiZWxcIj5cbiAgPG1hdC1sYWJlbCAqbmdJZj1cImxhYmVsXCI+e3tsYWJlbH19PC9tYXQtbGFiZWw+XG4gIDx0ZXh0YXJlYSBtYXRJbnB1dFxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJ7e3BsYWNlaG9sZGVyfX1cIlxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJjb21wb25lbnRWYWx1ZSQudmFsdWVcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFlbmFibGVkJC52YWx1ZVwiXG4gICAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJub3RpZnlFbnRlcktleSgpXCJcbiAgICAgICAgICAgIChrZXlkb3duLmVzY2FwZSk9XCJub3RpZnlFc2NhcGVLZXkoKVwiXG4gICAgICAgICAgICBbcGVjdGluRm9jdXNCaW5kaW5nXT1cImZvY3VzQ29udGV4dFwiXG4gICAgICAgICAgICBbZXJyb3JTdGF0ZU1hdGNoZXJdPVwiZXJyb3JTdGF0ZU1hdGNoZXJcIlxuICAgICAgICAgICAgW3Jvd3NdPVwicm93c1wiXG4gICAgICAgICAgICBbY29sc109XCJjb2xzXCJcbiAgPlxuICA8L3RleHRhcmVhPlxuICA8bWF0LWhpbnQgKm5nSWY9XCJzaG93SGludFwiPnt7aGludH19PC9tYXQtaGludD5cbiAgPG1hdC1lcnJvciAqbmdJZj1cImhhc0Vycm9yc1wiPnt7Zmlyc3RFcnJvcn19PC9tYXQtZXJyb3I+XG48L21hdC1mb3JtLWZpZWxkPlxuXG4iXX0=

package/esm2022/lib/components/icon/icon.component.mjs

@@ -1,9 +1,10 @@
+/* eslint-disable @angular-eslint/no-host-metadata-property */
 import { Component, HostBinding, Input } from '@angular/core';
 import { Enum } from 'typescript-string-enums';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/material/icon";
-import * as i3 from "@angular/material/legacy-tooltip";
+import * as i3 from "@angular/material/tooltip";
 export class IconComponent {
     _icon;
     prefix;
@@ -34,12 +35,14 @@ export class IconComponent {
     get faIcon() {
         return `fa-${this.suffix}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: IconComponent, selector: "aup-icon", inputs: { icon: "icon" }, host: { properties: { "attr.icon": "this.icon" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"prefix\">\n\n  <mat-icon *ngSwitchCase=\"iconPrefix.SVG\"\n            [svgIcon]=\"suffix\"\n            class=\"svgIcon\">\n  </mat-icon>\n\n  <mat-icon *ngSwitchCase=\"iconPrefix.MATERIAL\">\n    {{suffix}}\n  </mat-icon>\n\n  <div *ngSwitchCase=\"iconPrefix.FONT_AWESOME\" class=\"faIconWrapper\">\n    <i class=\"fa-solid\" [class]=\"faIcon\"></i>\n  </div>\n\n  <mat-icon *ngSwitchDefault\n            [matTooltip]=\"errorMessage\">\n    bug_report\n  </mat-icon>\n\n</ng-container>\n\n", styles: [":host{display:inline-flex;--resolved-size: var(--aup-icon-size, 24px);width:var(--resolved-size) fa-icon;width-vertical-align:middle}:host .faIconWrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;width:var(--resolved-size);height:var(--resolved-size)}:host .svgIcon{width:var(--resolved-size);height:var(--resolved-size)}:host :host(.mat-chip-remove){--aup-icon-size: 18px}:host mat-icon{font-size:var(--resolved-size);width:var(--resolved-size);height:var(--resolved-size);margin-right:0!important}\n"], dependencies: [{ 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: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatLegacyTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: IconComponent, selector: "aup-icon", inputs: { icon: "icon" }, host: { properties: { "attr.icon": "this.icon" }, classAttribute: "mat-icon" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"prefix\">\n\n  <mat-icon *ngSwitchCase=\"iconPrefix.SVG\"\n            [svgIcon]=\"suffix\"\n            class=\"svgIcon\">\n  </mat-icon>\n\n  <mat-icon *ngSwitchCase=\"iconPrefix.MATERIAL\">\n    {{suffix}}\n  </mat-icon>\n\n  <div *ngSwitchCase=\"iconPrefix.FONT_AWESOME\" class=\"faIconWrapper\">\n    <i class=\"fa-solid\" [class]=\"faIcon\"></i>\n  </div>\n\n  <mat-icon *ngSwitchDefault\n            [matTooltip]=\"errorMessage\">\n    bug_report\n  </mat-icon>\n\n</ng-container>\n\n", styles: [":host{display:inline-flex;--resolved-size: var(--aup-icon-size, 24px);width:var(--resolved-size)!important;height:var(--resolved-size)!important}:host fa-icon{vertical-align:middle}:host .faIconWrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;width:var(--resolved-size)!important;height:var(--resolved-size)!important}:host .svgIcon{width:var(--resolved-size)!important;height:var(--resolved-size)!important}:host :host(.mat-chip-remove){--aup-icon-size: 18px}:host mat-icon{font-size:var(--resolved-size)!important;width:var(--resolved-size)!important;height:var(--resolved-size)!important;margin-right:0!important}\n"], dependencies: [{ 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: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: IconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aup-icon', template: "<ng-container [ngSwitch]=\"prefix\">\n\n  <mat-icon *ngSwitchCase=\"iconPrefix.SVG\"\n            [svgIcon]=\"suffix\"\n            class=\"svgIcon\">\n  </mat-icon>\n\n  <mat-icon *ngSwitchCase=\"iconPrefix.MATERIAL\">\n    {{suffix}}\n  </mat-icon>\n\n  <div *ngSwitchCase=\"iconPrefix.FONT_AWESOME\" class=\"faIconWrapper\">\n    <i class=\"fa-solid\" [class]=\"faIcon\"></i>\n  </div>\n\n  <mat-icon *ngSwitchDefault\n            [matTooltip]=\"errorMessage\">\n    bug_report\n  </mat-icon>\n\n</ng-container>\n\n", styles: [":host{display:inline-flex;--resolved-size: var(--aup-icon-size, 24px);width:var(--resolved-size) fa-icon;width-vertical-align:middle}:host .faIconWrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;width:var(--resolved-size);height:var(--resolved-size)}:host .svgIcon{width:var(--resolved-size);height:var(--resolved-size)}:host :host(.mat-chip-remove){--aup-icon-size: 18px}:host mat-icon{font-size:var(--resolved-size);width:var(--resolved-size);height:var(--resolved-size);margin-right:0!important}\n"] }]
+            args: [{ selector: 'aup-icon', host: {
+                        class: "mat-icon" // this ensures angular form styles that target mat icon also work with us
+                    }, template: "<ng-container [ngSwitch]=\"prefix\">\n\n  <mat-icon *ngSwitchCase=\"iconPrefix.SVG\"\n            [svgIcon]=\"suffix\"\n            class=\"svgIcon\">\n  </mat-icon>\n\n  <mat-icon *ngSwitchCase=\"iconPrefix.MATERIAL\">\n    {{suffix}}\n  </mat-icon>\n\n  <div *ngSwitchCase=\"iconPrefix.FONT_AWESOME\" class=\"faIconWrapper\">\n    <i class=\"fa-solid\" [class]=\"faIcon\"></i>\n  </div>\n\n  <mat-icon *ngSwitchDefault\n            [matTooltip]=\"errorMessage\">\n    bug_report\n  </mat-icon>\n\n</ng-container>\n\n", styles: [":host{display:inline-flex;--resolved-size: var(--aup-icon-size, 24px);width:var(--resolved-size)!important;height:var(--resolved-size)!important}:host fa-icon{vertical-align:middle}:host .faIconWrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;width:var(--resolved-size)!important;height:var(--resolved-size)!important}:host .svgIcon{width:var(--resolved-size)!important;height:var(--resolved-size)!important}:host :host(.mat-chip-remove){--aup-icon-size: 18px}:host mat-icon{font-size:var(--resolved-size)!important;width:var(--resolved-size)!important;height:var(--resolved-size)!important;margin-right:0!important}\n"] }]
         }], propDecorators: { icon: [{
                 type: Input
             }, {
@@ -53,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
         MATERIAL: 'mat'
     });
 })(IconComponent || (IconComponent = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQTJCLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7QUFPN0MsTUFBTSxPQUFPLGFBQWE7SUFFeEIsS0FBSyxDQUFTO0lBRWQsTUFBTSxDQUFTO0lBQ2YsTUFBTSxDQUFTO0lBQ2YsWUFBWSxDQUFTO0lBRXJCLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDMUUsVUFBVSxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUM7SUFFdEMsSUFFSSxJQUFJLENBQUMsUUFBZ0I7UUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxRQUFRLENBQUM7UUFDdEIsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLElBQUksQ0FBQyxZQUFZLEdBQUcsYUFBYSxDQUFDO1lBQ2xDLElBQUksQ0FBQyxNQUFNLEdBQUcsU0FBUyxDQUFDO1lBQ3hCLE9BQU87U0FDUjtRQUVELE1BQU0sVUFBVSxHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDekMsSUFBSSxVQUFVLEdBQUcsQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxDQUFDO1lBQzdDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDO1NBQy9DO1FBQ0QsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLFlBQVksR0FBRyxpQkFBaUIsUUFBUSxHQUFHLENBQUM7U0FDbEQ7UUFDRCxJQUFJLENBQUMsWUFBWSxHQUFHLHlDQUF5QyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBVSxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUM7SUFDdkgsQ0FBQztJQUVELElBQUksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBRUQsSUFBSSxNQUFNO1FBQ1IsT0FBTyxNQUFNLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUM3QixDQUFDO3VHQXRDVSxhQUFhOzJGQUFiLGFBQWEsOEhDUjFCLHdnQkFzQkE7OzJGRGRhLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsVUFBVTs4QkFpQmhCLElBQUk7c0JBRlAsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxXQUFXOztBQStCMUIsV0FBaUIsYUFBYTtJQUVmLHdCQUFVLEdBQUcsSUFBSSxDQUFDO1FBQzdCLEdBQUcsRUFBRSxLQUFLO1FBQ1YsWUFBWSxFQUFFLElBQUk7UUFDbEIsUUFBUSxFQUFFLEtBQUs7S0FDaEIsQ0FBQyxDQUFDO0FBR0wsQ0FBQyxFQVRnQixhQUFhLEtBQWIsYUFBYSxRQVM3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlc30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0VudW19IGZyb20gJ3R5cGVzY3JpcHQtc3RyaW5nLWVudW1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLWljb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ljb24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBJY29uQ29tcG9uZW50IHtcblxuICBfaWNvbjogc3RyaW5nO1xuXG4gIHByZWZpeDogc3RyaW5nO1xuICBzdWZmaXg6IHN0cmluZztcbiAgZXJyb3JNZXNzYWdlOiBzdHJpbmc7XG5cbiAgYWxsb3dlZFByZWZpeGVzID0gRW51bS52YWx1ZXMoSWNvbkNvbXBvbmVudC5JY29uUHJlZml4KS5tYXAocCA9PiBgJHtwfTpgKTtcbiAgaWNvblByZWZpeCA9IEljb25Db21wb25lbnQuSWNvblByZWZpeDtcblxuICBASW5wdXQoKVxuICBASG9zdEJpbmRpbmcoXCJhdHRyLmljb25cIilcbiAgc2V0IGljb24oaWNvbk5hbWU6IHN0cmluZykge1xuICAgIHRoaXMuX2ljb24gPSBpY29uTmFtZTtcbiAgICBpZiAoIWljb25OYW1lKSB7XG4gICAgICB0aGlzLmVycm9yTWVzc2FnZSA9ICdpY29uIGlzIG5pbCc7XG4gICAgICB0aGlzLnByZWZpeCA9IHVuZGVmaW5lZDtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBjb2xvbkluZGV4ID0gaWNvbk5hbWUuaW5kZXhPZignOicpO1xuICAgIGlmIChjb2xvbkluZGV4ID4gMCkge1xuICAgICAgdGhpcy5wcmVmaXggPSB0aGlzLmljb24uc2xpY2UoMCwgY29sb25JbmRleCk7XG4gICAgICB0aGlzLnN1ZmZpeCA9IHRoaXMuaWNvbi5zbGljZShjb2xvbkluZGV4ICsgMSk7XG4gICAgfVxuICAgIGlmICh0aGlzLnByZWZpeCkge1xuICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSBgVW5rbm93biBpY29uIFwiJHtpY29uTmFtZX1cImA7XG4gICAgfVxuICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gYFVua25vd24gaWNvbiBwcmVmaXgsIGV4cGVjdGVkIG9uZSBvZiBbJHt0aGlzLmFsbG93ZWRQcmVmaXhlcy5qb2luKCcsJyl9XSBnb3QgXCIke3RoaXMucHJlZml4fTpcImA7XG4gIH1cblxuICBnZXQgaWNvbigpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9pY29uO1xuICB9XG5cbiAgZ2V0IGZhSWNvbigpOnN0cmluZyB7XG4gICAgcmV0dXJuIGBmYS0ke3RoaXMuc3VmZml4fWA7XG4gIH1cblxufVxuXG5cbmV4cG9ydCBuYW1lc3BhY2UgSWNvbkNvbXBvbmVudCB7XG5cbiAgZXhwb3J0IGNvbnN0IEljb25QcmVmaXggPSBFbnVtKHtcbiAgICBTVkc6ICdzdmcnLFxuICAgIEZPTlRfQVdFU09NRTogJ2ZhJyxcbiAgICBNQVRFUklBTDogJ21hdCdcbiAgfSk7XG4gIGV4cG9ydCB0eXBlIEljb25QcmVmaXggPSBFbnVtPHR5cGVvZiBJY29uUHJlZml4PjtcblxufVxuIiwiPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwicHJlZml4XCI+XG5cbiAgPG1hdC1pY29uICpuZ1N3aXRjaENhc2U9XCJpY29uUHJlZml4LlNWR1wiXG4gICAgICAgICAgICBbc3ZnSWNvbl09XCJzdWZmaXhcIlxuICAgICAgICAgICAgY2xhc3M9XCJzdmdJY29uXCI+XG4gIDwvbWF0LWljb24+XG5cbiAgPG1hdC1pY29uICpuZ1N3aXRjaENhc2U9XCJpY29uUHJlZml4Lk1BVEVSSUFMXCI+XG4gICAge3tzdWZmaXh9fVxuICA8L21hdC1pY29uPlxuXG4gIDxkaXYgKm5nU3dpdGNoQ2FzZT1cImljb25QcmVmaXguRk9OVF9BV0VTT01FXCIgY2xhc3M9XCJmYUljb25XcmFwcGVyXCI+XG4gICAgPGkgY2xhc3M9XCJmYS1zb2xpZFwiIFtjbGFzc109XCJmYUljb25cIj48L2k+XG4gIDwvZGl2PlxuXG4gIDxtYXQtaWNvbiAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICAgICAgICBbbWF0VG9vbHRpcF09XCJlcnJvck1lc3NhZ2VcIj5cbiAgICBidWdfcmVwb3J0XG4gIDwvbWF0LWljb24+XG5cbjwvbmctY29udGFpbmVyPlxuXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4REFBOEQ7QUFDOUQsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7QUFVN0MsTUFBTSxPQUFPLGFBQWE7SUFFeEIsS0FBSyxDQUFTO0lBRWQsTUFBTSxDQUFTO0lBQ2YsTUFBTSxDQUFTO0lBQ2YsWUFBWSxDQUFTO0lBRXJCLGVBQWUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDMUUsVUFBVSxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUM7SUFFdEMsSUFFSSxJQUFJLENBQUMsUUFBZ0I7UUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxRQUFRLENBQUM7UUFDdEIsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLElBQUksQ0FBQyxZQUFZLEdBQUcsYUFBYSxDQUFDO1lBQ2xDLElBQUksQ0FBQyxNQUFNLEdBQUcsU0FBUyxDQUFDO1lBQ3hCLE9BQU87U0FDUjtRQUVELE1BQU0sVUFBVSxHQUFHLFFBQVEsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDekMsSUFBSSxVQUFVLEdBQUcsQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxDQUFDO1lBQzdDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDO1NBQy9DO1FBQ0QsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLFlBQVksR0FBRyxpQkFBaUIsUUFBUSxHQUFHLENBQUM7U0FDbEQ7UUFDRCxJQUFJLENBQUMsWUFBWSxHQUFHLHlDQUF5QyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBVSxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUM7SUFDdkgsQ0FBQztJQUVELElBQUksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBRUQsSUFBSSxNQUFNO1FBQ1IsT0FBTyxNQUFNLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUM3QixDQUFDO3VHQXRDVSxhQUFhOzJGQUFiLGFBQWEsMEpDWjFCLHdnQkFzQkE7OzJGRFZhLGFBQWE7a0JBUnpCLFNBQVM7K0JBQ0UsVUFBVSxRQUdkO3dCQUNKLEtBQUssRUFBRSxVQUFVLENBQUUsMEVBQTBFO3FCQUM5Rjs4QkFlRyxJQUFJO3NCQUZQLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsV0FBVzs7QUErQjFCLFdBQWlCLGFBQWE7SUFFZix3QkFBVSxHQUFHLElBQUksQ0FBQztRQUM3QixHQUFHLEVBQUUsS0FBSztRQUNWLFlBQVksRUFBRSxJQUFJO1FBQ2xCLFFBQVEsRUFBRSxLQUFLO0tBQ2hCLENBQUMsQ0FBQztBQUdMLENBQUMsRUFUZ0IsYUFBYSxLQUFiLGFBQWEsUUFTN0IiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAYW5ndWxhci1lc2xpbnQvbm8taG9zdC1tZXRhZGF0YS1wcm9wZXJ0eSAqL1xuaW1wb3J0IHtDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0VudW19IGZyb20gJ3R5cGVzY3JpcHQtc3RyaW5nLWVudW1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLWljb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ljb24uY29tcG9uZW50LnNjc3MnXSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiBcIm1hdC1pY29uXCIgIC8vIHRoaXMgZW5zdXJlcyBhbmd1bGFyIGZvcm0gc3R5bGVzIHRoYXQgdGFyZ2V0IG1hdCBpY29uIGFsc28gd29yayB3aXRoIHVzXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgSWNvbkNvbXBvbmVudCB7XG5cbiAgX2ljb246IHN0cmluZztcblxuICBwcmVmaXg6IHN0cmluZztcbiAgc3VmZml4OiBzdHJpbmc7XG4gIGVycm9yTWVzc2FnZTogc3RyaW5nO1xuXG4gIGFsbG93ZWRQcmVmaXhlcyA9IEVudW0udmFsdWVzKEljb25Db21wb25lbnQuSWNvblByZWZpeCkubWFwKHAgPT4gYCR7cH06YCk7XG4gIGljb25QcmVmaXggPSBJY29uQ29tcG9uZW50Lkljb25QcmVmaXg7XG5cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKFwiYXR0ci5pY29uXCIpXG4gIHNldCBpY29uKGljb25OYW1lOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9pY29uID0gaWNvbk5hbWU7XG4gICAgaWYgKCFpY29uTmFtZSkge1xuICAgICAgdGhpcy5lcnJvck1lc3NhZ2UgPSAnaWNvbiBpcyBuaWwnO1xuICAgICAgdGhpcy5wcmVmaXggPSB1bmRlZmluZWQ7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgY29sb25JbmRleCA9IGljb25OYW1lLmluZGV4T2YoJzonKTtcbiAgICBpZiAoY29sb25JbmRleCA+IDApIHtcbiAgICAgIHRoaXMucHJlZml4ID0gdGhpcy5pY29uLnNsaWNlKDAsIGNvbG9uSW5kZXgpO1xuICAgICAgdGhpcy5zdWZmaXggPSB0aGlzLmljb24uc2xpY2UoY29sb25JbmRleCArIDEpO1xuICAgIH1cbiAgICBpZiAodGhpcy5wcmVmaXgpIHtcbiAgICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gYFVua25vd24gaWNvbiBcIiR7aWNvbk5hbWV9XCJgO1xuICAgIH1cbiAgICB0aGlzLmVycm9yTWVzc2FnZSA9IGBVbmtub3duIGljb24gcHJlZml4LCBleHBlY3RlZCBvbmUgb2YgWyR7dGhpcy5hbGxvd2VkUHJlZml4ZXMuam9pbignLCcpfV0gZ290IFwiJHt0aGlzLnByZWZpeH06XCJgO1xuICB9XG5cbiAgZ2V0IGljb24oKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5faWNvbjtcbiAgfVxuXG4gIGdldCBmYUljb24oKTpzdHJpbmcge1xuICAgIHJldHVybiBgZmEtJHt0aGlzLnN1ZmZpeH1gO1xuICB9XG5cbn1cblxuXG5leHBvcnQgbmFtZXNwYWNlIEljb25Db21wb25lbnQge1xuXG4gIGV4cG9ydCBjb25zdCBJY29uUHJlZml4ID0gRW51bSh7XG4gICAgU1ZHOiAnc3ZnJyxcbiAgICBGT05UX0FXRVNPTUU6ICdmYScsXG4gICAgTUFURVJJQUw6ICdtYXQnXG4gIH0pO1xuICBleHBvcnQgdHlwZSBJY29uUHJlZml4ID0gRW51bTx0eXBlb2YgSWNvblByZWZpeD47XG5cbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInByZWZpeFwiPlxuXG4gIDxtYXQtaWNvbiAqbmdTd2l0Y2hDYXNlPVwiaWNvblByZWZpeC5TVkdcIlxuICAgICAgICAgICAgW3N2Z0ljb25dPVwic3VmZml4XCJcbiAgICAgICAgICAgIGNsYXNzPVwic3ZnSWNvblwiPlxuICA8L21hdC1pY29uPlxuXG4gIDxtYXQtaWNvbiAqbmdTd2l0Y2hDYXNlPVwiaWNvblByZWZpeC5NQVRFUklBTFwiPlxuICAgIHt7c3VmZml4fX1cbiAgPC9tYXQtaWNvbj5cblxuICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCJpY29uUHJlZml4LkZPTlRfQVdFU09NRVwiIGNsYXNzPVwiZmFJY29uV3JhcHBlclwiPlxuICAgIDxpIGNsYXNzPVwiZmEtc29saWRcIiBbY2xhc3NdPVwiZmFJY29uXCI+PC9pPlxuICA8L2Rpdj5cblxuICA8bWF0LWljb24gKm5nU3dpdGNoRGVmYXVsdFxuICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiZXJyb3JNZXNzYWdlXCI+XG4gICAgYnVnX3JlcG9ydFxuICA8L21hdC1pY29uPlxuXG48L25nLWNvbnRhaW5lcj5cblxuIl19

package/esm2022/lib/components/labelled-value/labelled-value.component.mjs

@@ -8,13 +8,13 @@ export class LabelledValueComponent extends DisposableComponent {
         super();
         // const {chain} = Dsl.disposeWith(this);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: LabelledValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: LabelledValueComponent, selector: "aup-labelled-value", inputs: { label: "label" }, usesInheritance: true, ngImport: i0, template: "<label>{{label}}</label>\n<ng-content></ng-content>\n", styles: [":host{display:inline-flex;flex-direction:column;align-items:flex-start}label{font-weight:400;font-size:12px;color:#00000091;margin-bottom:6px;white-space:nowrap}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: LabelledValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: LabelledValueComponent, selector: "aup-labelled-value", inputs: { label: "label" }, usesInheritance: true, ngImport: i0, template: "<label>{{label}}</label>\n<ng-content></ng-content>\n", styles: [":host{display:inline-flex;flex-direction:column;align-items:flex-start}label{font-weight:400;font-size:12px;color:#00000091;margin-bottom:6px;white-space:nowrap}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: LabelledValueComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: LabelledValueComponent, decorators: [{
             type: Component,
             args: [{ selector: 'aup-labelled-value', template: "<label>{{label}}</label>\n<ng-content></ng-content>\n", styles: [":host{display:inline-flex;flex-direction:column;align-items:flex-start}label{font-weight:400;font-size:12px;color:#00000091;margin-bottom:6px;white-space:nowrap}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { label: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWxsZWQtdmFsdWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvY29tcG9uZW50cy9sYWJlbGxlZC12YWx1ZS9sYWJlbGxlZC12YWx1ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL2xhYmVsbGVkLXZhbHVlL2xhYmVsbGVkLXZhbHVlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQU85RCxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsbUJBQW1CO0lBRTdELDZEQUE2RDtJQUc3RCxLQUFLLENBQVM7SUFFZDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBQ1IseUNBQXlDO0lBQzNDLENBQUM7dUdBVlUsc0JBQXNCOzJGQUF0QixzQkFBc0IsNkdDUm5DLHVEQUVBOzsyRkRNYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0Usb0JBQW9COzBFQVM5QixLQUFLO3NCQURKLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpc3Bvc2FibGVDb21wb25lbnQgfSBmcm9tICcuLi9kaXNwb3NhYmxlLWNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F1cC1sYWJlbGxlZC12YWx1ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9sYWJlbGxlZC12YWx1ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xhYmVsbGVkLXZhbHVlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTGFiZWxsZWRWYWx1ZUNvbXBvbmVudCBleHRlbmRzIERpc3Bvc2FibGVDb21wb25lbnQge1xuXG4gIC8vIHJlYWRvbmx5IGkxOG4gPSBJMThuTWFyc1VpLmNvbXBvbmVudHMubGF5b3V0LnZhbHVlRGlzcGxheTtcblxuICBASW5wdXQoKVxuICBsYWJlbDogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgLy8gY29uc3Qge2NoYWlufSA9IERzbC5kaXNwb3NlV2l0aCh0aGlzKTtcbiAgfVxuXG59XG4iLCI8bGFiZWw+e3tsYWJlbH19PC9sYWJlbD5cbjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWxsZWQtdmFsdWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvY29tcG9uZW50cy9sYWJlbGxlZC12YWx1ZS9sYWJlbGxlZC12YWx1ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL2xhYmVsbGVkLXZhbHVlL2xhYmVsbGVkLXZhbHVlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHlCQUF5QixDQUFDOztBQU81RCxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsbUJBQW1CO0lBRTdELDZEQUE2RDtJQUc3RCxLQUFLLENBQVM7SUFFZDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBQ1IseUNBQXlDO0lBQzNDLENBQUM7dUdBVlUsc0JBQXNCOzJGQUF0QixzQkFBc0IsNkdDUm5DLHVEQUVBOzsyRkRNYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0Usb0JBQW9COzBFQVM5QixLQUFLO3NCQURKLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtEaXNwb3NhYmxlQ29tcG9uZW50fSBmcm9tICcuLi9kaXNwb3NhYmxlLWNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F1cC1sYWJlbGxlZC12YWx1ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9sYWJlbGxlZC12YWx1ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xhYmVsbGVkLXZhbHVlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTGFiZWxsZWRWYWx1ZUNvbXBvbmVudCBleHRlbmRzIERpc3Bvc2FibGVDb21wb25lbnQge1xuXG4gIC8vIHJlYWRvbmx5IGkxOG4gPSBJMThuTWFyc1VpLmNvbXBvbmVudHMubGF5b3V0LnZhbHVlRGlzcGxheTtcblxuICBASW5wdXQoKVxuICBsYWJlbDogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgLy8gY29uc3Qge2NoYWlufSA9IERzbC5kaXNwb3NlV2l0aCh0aGlzKTtcbiAgfVxuXG59XG4iLCI8bGFiZWw+e3tsYWJlbH19PC9sYWJlbD5cbjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==

package/esm2022/lib/components/loadable-component.mjs

@@ -0,0 +1,47 @@
+import { Directive, inject } from '@angular/core';
+import { MutableValueModel } from '@coolon/pectin';
+import { DisposableComponent } from "./disposable-component";
+import * as i0 from "@angular/core";
+export class LoadableComponent extends DisposableComponent {
+    #_loaded$ = new MutableValueModel();
+    #asyncLoadables = [];
+    #awaitedLoadables = [];
+    get loaded$() {
+        return this.#_loaded$.readonly$;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.#asyncLoadables.forEach(it => it.ensureLoaded());
+        if (this.#awaitedLoadables.length > 0) {
+            Promise.all(this.#awaitedLoadables.map(it => {
+                return it.ensureLoaded(); //.then(() => console.log(`${it.constructor.name} loaded`));
+            })).then(() => {
+                this.#_loaded$.value = true;
+            });
+        }
+        else {
+            this.#_loaded$.value = true;
+        }
+    }
+    injectLoadable(token, options) {
+        const loadable = inject(token);
+        if (this.loaded$.value) {
+            loadable.ensureLoaded();
+        }
+        else {
+            if (!options || options.wait === true) {
+                this.#awaitedLoadables.push(loadable);
+            }
+            else {
+                this.#asyncLoadables.push(loadable);
+            }
+        }
+        return loadable;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: LoadableComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: LoadableComponent, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: LoadableComponent, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGFibGUtY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvY29tcG9uZW50cy9sb2FkYWJsZS1jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQWdCLE1BQU0sZUFBZSxDQUFDO0FBQy9ELE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ2pELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHdCQUF3QixDQUFDOztBQUkzRCxNQUFNLE9BQU8saUJBQWtCLFNBQVEsbUJBQW1CO0lBRXhELFNBQVMsR0FBRyxJQUFJLGlCQUFpQixFQUFXLENBQUM7SUFDN0MsZUFBZSxHQUFlLEVBQUUsQ0FBQztJQUNqQyxpQkFBaUIsR0FBZSxFQUFFLENBQUM7SUFFbkMsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQTtJQUNqQyxDQUFDO0lBRVEsUUFBUTtRQUNmLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQTtRQUNoQixJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO1FBQ3RELElBQUksSUFBSSxDQUFDLGlCQUFpQixDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDckMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxFQUFFO2dCQUMxQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFBLDREQUE0RDtZQUN2RixDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUU7Z0JBQ1osSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1lBQzlCLENBQUMsQ0FBQyxDQUFDO1NBQ0o7YUFBTTtZQUNMLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztTQUM3QjtJQUNILENBQUM7SUFHUyxjQUFjLENBQXFCLEtBQXVCLEVBQUUsT0FBeUI7UUFDN0YsTUFBTSxRQUFRLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQy9CLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUU7WUFDdEIsUUFBUSxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3pCO2FBQU07WUFDTCxJQUFJLENBQUMsT0FBTyxJQUFJLE9BQU8sQ0FBQyxJQUFJLEtBQUssSUFBSSxFQUFFO2dCQUNyQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFBO2FBQ3RDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFBO2FBQ3BDO1NBQ0Y7UUFDRCxPQUFRLFFBQVEsQ0FBQztJQUNuQixDQUFDO3VHQXJDVSxpQkFBaUI7MkZBQWpCLGlCQUFpQjs7MkZBQWpCLGlCQUFpQjtrQkFEN0IsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBpbmplY3QsIFByb3ZpZGVyVG9rZW59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNdXRhYmxlVmFsdWVNb2RlbH0gZnJvbSAnQGNvb2xvbi9wZWN0aW4nO1xuaW1wb3J0IHtEaXNwb3NhYmxlQ29tcG9uZW50fSBmcm9tIFwiLi9kaXNwb3NhYmxlLWNvbXBvbmVudFwiO1xuaW1wb3J0IHtMb2FkYWJsZX0gZnJvbSBcIi4vdHlwZXMvbG9hZGFibGVcIjtcblxuQERpcmVjdGl2ZSgpXG5leHBvcnQgY2xhc3MgTG9hZGFibGVDb21wb25lbnQgZXh0ZW5kcyBEaXNwb3NhYmxlQ29tcG9uZW50IHtcblxuICAjX2xvYWRlZCQgPSBuZXcgTXV0YWJsZVZhbHVlTW9kZWw8Ym9vbGVhbj4oKTtcbiAgI2FzeW5jTG9hZGFibGVzOiBMb2FkYWJsZVtdID0gW107XG4gICNhd2FpdGVkTG9hZGFibGVzOiBMb2FkYWJsZVtdID0gW107XG5cbiAgZ2V0IGxvYWRlZCQoKSB7XG4gICAgcmV0dXJuIHRoaXMuI19sb2FkZWQkLnJlYWRvbmx5JFxuICB9XG5cbiAgb3ZlcnJpZGUgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkluaXQoKVxuICAgIHRoaXMuI2FzeW5jTG9hZGFibGVzLmZvckVhY2goaXQgPT4gaXQuZW5zdXJlTG9hZGVkKCkpO1xuICAgIGlmICh0aGlzLiNhd2FpdGVkTG9hZGFibGVzLmxlbmd0aCA+IDApIHtcbiAgICAgIFByb21pc2UuYWxsKHRoaXMuI2F3YWl0ZWRMb2FkYWJsZXMubWFwKGl0ID0+IHtcbiAgICAgICAgcmV0dXJuIGl0LmVuc3VyZUxvYWRlZCgpOy8vLnRoZW4oKCkgPT4gY29uc29sZS5sb2coYCR7aXQuY29uc3RydWN0b3IubmFtZX0gbG9hZGVkYCkpO1xuICAgICAgfSkpLnRoZW4oKCkgPT4ge1xuICAgICAgICB0aGlzLiNfbG9hZGVkJC52YWx1ZSA9IHRydWU7XG4gICAgICB9KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy4jX2xvYWRlZCQudmFsdWUgPSB0cnVlO1xuICAgIH1cbiAgfVxuXG5cbiAgcHJvdGVjdGVkIGluamVjdExvYWRhYmxlPFQgZXh0ZW5kcyBMb2FkYWJsZT4odG9rZW46IFByb3ZpZGVyVG9rZW48VD4sIG9wdGlvbnM/OiB7d2FpdDogYm9vbGVhbn0pOlQge1xuICAgIGNvbnN0IGxvYWRhYmxlID0gaW5qZWN0KHRva2VuKTtcbiAgICBpZiAodGhpcy5sb2FkZWQkLnZhbHVlKSB7XG4gICAgICBsb2FkYWJsZS5lbnN1cmVMb2FkZWQoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgaWYgKCFvcHRpb25zIHx8IG9wdGlvbnMud2FpdCA9PT0gdHJ1ZSkge1xuICAgICAgICB0aGlzLiNhd2FpdGVkTG9hZGFibGVzLnB1c2gobG9hZGFibGUpXG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLiNhc3luY0xvYWRhYmxlcy5wdXNoKGxvYWRhYmxlKVxuICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gIGxvYWRhYmxlO1xuICB9XG5cbn1cbiJdfQ==

package/esm2022/lib/components/loading-container/loading-container.component.mjs

@@ -1,9 +1,9 @@
 import { __decorate, __metadata } from "tslib";
 import { Component, HostBinding, Input } from '@angular/core';
-import { GarbageCollector, StoreInValueModel, Proxify, ValueModel, proxify } from '@coolon/pectin';
+import { GarbageCollector, Proxify, proxify, StoreInValueModel, ValueModel } from '@coolon/pectin';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/legacy-progress-bar";
+import * as i2 from "@angular/material/progress-bar";
 export class LoadingContainerComponent extends GarbageCollector {
     #loading$_accessor_storage = proxify((ValueModel));
     get loading$() { return this.#loading$_accessor_storage; }
@@ -20,13 +20,8 @@ export class LoadingContainerComponent extends GarbageCollector {
     get state() {
         return this.loading$.value ? "loaded" : "loading";
     }
-    constructor() {
-        super();
-    }
-    ngOnInit() {
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: LoadingContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: LoadingContainerComponent, selector: "aup-loading-container", inputs: { loading$: "loading$", loading: "loading", message$: "message$", message: "message" }, host: { properties: { "class": "this.state" } }, usesInheritance: true, ngImport: i0, template: "<ng-content *ngIf=\"!loading$.value\"></ng-content>\n<section *ngIf=\"loading$.value\" class=\"loading-indicator-overlay\">\n  <div class=\"loading-message\">\n    <p>{{message$.value}}</p>\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n  </div>\n</section>\n", styles: [":host{display:block;position:relative}section.loading-indicator-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-message{display:inline-block;text-align:center;width:10em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatLegacyProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: LoadingContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: LoadingContainerComponent, selector: "aup-loading-container", inputs: { loading$: "loading$", loading: "loading", message$: "message$", message: "message" }, host: { properties: { "class": "this.state" } }, usesInheritance: true, ngImport: i0, template: "<ng-content *ngIf=\"!loading$.value\"></ng-content>\n<section *ngIf=\"loading$.value\" class=\"loading-indicator-overlay\">\n  <div class=\"loading-message\">\n    <p>{{message$.value}}</p>\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n  </div>\n</section>\n", styles: [":host{display:block;position:relative}section.loading-indicator-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-message{display:inline-block;text-align:center;width:10em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] });
 }
 __decorate([
     Proxify(),
@@ -44,10 +39,10 @@ __decorate([
     StoreInValueModel(),
     __metadata("design:type", String)
 ], LoadingContainerComponent.prototype, "message", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: LoadingContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: LoadingContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'aup-loading-container', template: "<ng-content *ngIf=\"!loading$.value\"></ng-content>\n<section *ngIf=\"loading$.value\" class=\"loading-indicator-overlay\">\n  <div class=\"loading-message\">\n    <p>{{message$.value}}</p>\n    <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n  </div>\n</section>\n", styles: [":host{display:block;position:relative}section.loading-indicator-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-message{display:inline-block;text-align:center;width:10em}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { loading$: [{
+        }], propDecorators: { loading$: [{
                 type: Input
             }], loading: [{
                 type: Input
@@ -59,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                 type: HostBinding,
                 args: ["class"]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvY29tcG9uZW50cy9sb2FkaW5nLWNvbnRhaW5lci9sb2FkaW5nLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL2xvYWRpbmctY29udGFpbmVyL2xvYWRpbmctY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDdEUsT0FBTyxFQUFDLGdCQUFnQixFQUFFLGlCQUFpQixFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFPakcsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGdCQUFnQjtJQUdwRCw2QkFBVyxPQUFPLENBQUMsQ0FBQSxVQUFtQixDQUFBLENBQUMsQ0FBQztJQUF4QyxJQUFBLFFBQVEsOENBQWdDO0lBQXhDLElBQUEsUUFBUSxvREFBZ0M7SUFHeEMsMEJBQWlCO0lBQWpCLElBQUEsT0FBTyw2Q0FBVTtJQUFqQixJQUFBLE9BQU8sbURBQVU7SUFHakIsNkJBQVcsT0FBTyxDQUFDLENBQUEsVUFBa0IsQ0FBQSxDQUFDLENBQUM7SUFBdkMsSUFBQSxRQUFRLDhDQUErQjtJQUF2QyxJQUFBLFFBQVEsb0RBQStCO0lBR3ZDLDBCQUFnQjtJQUFoQixJQUFBLE9BQU8sNkNBQVM7SUFBaEIsSUFBQSxPQUFPLG1EQUFTO0lBRXpCLElBQ0ksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3BELENBQUM7SUFFRDtRQUNFLEtBQUssRUFBRSxDQUFBO0lBQ1QsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDO3VHQXhCVSx5QkFBeUI7MkZBQXpCLHlCQUF5QixxT0NSdEMseVJBT0E7O0FESVc7SUFEQyxPQUFPLEVBQUU7O3lEQUM4QjtBQUd4QztJQURDLGlCQUFpQixFQUFFOzt3REFDSDtBQUdqQjtJQURDLE9BQU8sRUFBRTs7eURBQzZCO0FBR3ZDO0lBREMsaUJBQWlCLEVBQUU7O3dEQUNKOzJGQVpkLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx1QkFBdUI7MEVBT3hCLFFBQVE7c0JBRGhCLEtBQUs7Z0JBSUcsT0FBTztzQkFEZixLQUFLO2dCQUlHLFFBQVE7c0JBRGhCLEtBQUs7Z0JBSUcsT0FBTztzQkFEZixLQUFLO2dCQUlGLEtBQUs7c0JBRFIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtHYXJiYWdlQ29sbGVjdG9yLCBTdG9yZUluVmFsdWVNb2RlbCwgUHJveGlmeSwgVmFsdWVNb2RlbCwgcHJveGlmeX0gZnJvbSAnQGNvb2xvbi9wZWN0aW4nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdXAtbG9hZGluZy1jb250YWluZXInLFxuICB0ZW1wbGF0ZVVybDogYC4vbG9hZGluZy1jb250YWluZXIuY29tcG9uZW50Lmh0bWxgLFxuICBzdHlsZVVybHM6IFsnLi9sb2FkaW5nLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdDb250YWluZXJDb21wb25lbnQgZXh0ZW5kcyBHYXJiYWdlQ29sbGVjdG9yIGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSBAUHJveGlmeSgpXG4gIGFjY2Vzc29yIGxvYWRpbmckID0gcHJveGlmeShWYWx1ZU1vZGVsPGJvb2xlYW4+KTtcblxuICBASW5wdXQoKSBAU3RvcmVJblZhbHVlTW9kZWwoKVxuICBhY2Nlc3NvciBsb2FkaW5nOiBib29sZWFuO1xuXG4gIEBJbnB1dCgpIEBQcm94aWZ5KClcbiAgYWNjZXNzb3IgbWVzc2FnZSQgPSBwcm94aWZ5KFZhbHVlTW9kZWw8c3RyaW5nPik7XG5cbiAgQElucHV0KCkgQFN0b3JlSW5WYWx1ZU1vZGVsKClcbiAgYWNjZXNzb3IgbWVzc2FnZTogc3RyaW5nO1xuXG4gIEBIb3N0QmluZGluZyhcImNsYXNzXCIpXG4gIGdldCBzdGF0ZSgpOnN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMubG9hZGluZyQudmFsdWUgPyBcImxvYWRlZFwiIDogXCJsb2FkaW5nXCI7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpXG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG59XG4iLCI8bmctY29udGVudCAqbmdJZj1cIiFsb2FkaW5nJC52YWx1ZVwiPjwvbmctY29udGVudD5cbjxzZWN0aW9uICpuZ0lmPVwibG9hZGluZyQudmFsdWVcIiBjbGFzcz1cImxvYWRpbmctaW5kaWNhdG9yLW92ZXJsYXlcIj5cbiAgPGRpdiBjbGFzcz1cImxvYWRpbmctbWVzc2FnZVwiPlxuICAgIDxwPnt7bWVzc2FnZSQudmFsdWV9fTwvcD5cbiAgICA8bWF0LXByb2dyZXNzLWJhciBtb2RlPVwiaW5kZXRlcm1pbmF0ZVwiPjwvbWF0LXByb2dyZXNzLWJhcj5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvY29tcG9uZW50cy9sb2FkaW5nLWNvbnRhaW5lci9sb2FkaW5nLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL2xvYWRpbmctY29udGFpbmVyL2xvYWRpbmctY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFDLGdCQUFnQixFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsVUFBVSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFPakcsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGdCQUFnQjtJQUdwRCw2QkFBVyxPQUFPLENBQUMsQ0FBQSxVQUFtQixDQUFBLENBQUMsQ0FBQztJQUF4QyxJQUFBLFFBQVEsOENBQWdDO0lBQXhDLElBQUEsUUFBUSxvREFBZ0M7SUFHeEMsMEJBQWlCO0lBQWpCLElBQUEsT0FBTyw2Q0FBVTtJQUFqQixJQUFBLE9BQU8sbURBQVU7SUFHakIsNkJBQVcsT0FBTyxDQUFDLENBQUEsVUFBa0IsQ0FBQSxDQUFDLENBQUM7SUFBdkMsSUFBQSxRQUFRLDhDQUErQjtJQUF2QyxJQUFBLFFBQVEsb0RBQStCO0lBR3ZDLDBCQUFnQjtJQUFoQixJQUFBLE9BQU8sNkNBQVM7SUFBaEIsSUFBQSxPQUFPLG1EQUFTO0lBRXpCLElBQ0ksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3BELENBQUM7dUdBakJVLHlCQUF5QjsyRkFBekIseUJBQXlCLHFPQ1J0Qyx5UkFPQTs7QURJVztJQURDLE9BQU8sRUFBRTs7eURBQzhCO0FBR3hDO0lBREMsaUJBQWlCLEVBQUU7O3dEQUNIO0FBR2pCO0lBREMsT0FBTyxFQUFFOzt5REFDNkI7QUFHdkM7SUFEQyxpQkFBaUIsRUFBRTs7d0RBQ0o7MkZBWmQseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHVCQUF1Qjs4QkFPeEIsUUFBUTtzQkFEaEIsS0FBSztnQkFJRyxPQUFPO3NCQURmLEtBQUs7Z0JBSUcsUUFBUTtzQkFEaEIsS0FBSztnQkFJRyxPQUFPO3NCQURmLEtBQUs7Z0JBSUYsS0FBSztzQkFEUixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7R2FyYmFnZUNvbGxlY3RvciwgUHJveGlmeSwgcHJveGlmeSwgU3RvcmVJblZhbHVlTW9kZWwsIFZhbHVlTW9kZWx9IGZyb20gJ0Bjb29sb24vcGVjdGluJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLWxvYWRpbmctY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6IGAuL2xvYWRpbmctY29udGFpbmVyLmNvbXBvbmVudC5odG1sYCxcbiAgc3R5bGVVcmxzOiBbJy4vbG9hZGluZy1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBMb2FkaW5nQ29udGFpbmVyQ29tcG9uZW50IGV4dGVuZHMgR2FyYmFnZUNvbGxlY3RvciB7XG5cbiAgQElucHV0KCkgQFByb3hpZnkoKVxuICBhY2Nlc3NvciBsb2FkaW5nJCA9IHByb3hpZnkoVmFsdWVNb2RlbDxib29sZWFuPik7XG5cbiAgQElucHV0KCkgQFN0b3JlSW5WYWx1ZU1vZGVsKClcbiAgYWNjZXNzb3IgbG9hZGluZzogYm9vbGVhbjtcblxuICBASW5wdXQoKSBAUHJveGlmeSgpXG4gIGFjY2Vzc29yIG1lc3NhZ2UkID0gcHJveGlmeShWYWx1ZU1vZGVsPHN0cmluZz4pO1xuXG4gIEBJbnB1dCgpIEBTdG9yZUluVmFsdWVNb2RlbCgpXG4gIGFjY2Vzc29yIG1lc3NhZ2U6IHN0cmluZztcblxuICBASG9zdEJpbmRpbmcoXCJjbGFzc1wiKVxuICBnZXQgc3RhdGUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5sb2FkaW5nJC52YWx1ZSA/IFwibG9hZGVkXCIgOiBcImxvYWRpbmdcIjtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQgKm5nSWY9XCIhbG9hZGluZyQudmFsdWVcIj48L25nLWNvbnRlbnQ+XG48c2VjdGlvbiAqbmdJZj1cImxvYWRpbmckLnZhbHVlXCIgY2xhc3M9XCJsb2FkaW5nLWluZGljYXRvci1vdmVybGF5XCI+XG4gIDxkaXYgY2xhc3M9XCJsb2FkaW5nLW1lc3NhZ2VcIj5cbiAgICA8cD57e21lc3NhZ2UkLnZhbHVlfX08L3A+XG4gICAgPG1hdC1wcm9ncmVzcy1iYXIgbW9kZT1cImluZGV0ZXJtaW5hdGVcIj48L21hdC1wcm9ncmVzcy1iYXI+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19

package/esm2022/lib/components/noop/noop.component.mjs

@@ -1,13 +1,11 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class NoopComponent {
-    constructor() {
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NoopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: NoopComponent, selector: "aup-noop", ngImport: i0, template: "", styles: [":host{display:block}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NoopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NoopComponent, selector: "aup-noop", ngImport: i0, template: "", styles: [":host{display:block}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: NoopComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NoopComponent, decorators: [{
             type: Component,
             args: [{ selector: 'aup-noop', template: "", styles: [":host{display:block}\n"] }]
-        }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9vcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL25vb3Avbm9vcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL25vb3Avbm9vcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sYUFBYTtJQUN4QjtJQUNBLENBQUM7dUdBRlUsYUFBYTsyRkFBYixhQUFhLGdEQ1AxQixFQUFBOzsyRkRPYSxhQUFhO2tCQUx6QixTQUFTOytCQUNFLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLW5vb3AnLFxuICB0ZW1wbGF0ZVVybDogJy4vbm9vcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vb3AuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBOb29wQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IoKSB7XG4gIH1cbn1cbiIsIiJdfQ==
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9vcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL25vb3Avbm9vcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL25vb3Avbm9vcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQU94QyxNQUFNLE9BQU8sYUFBYTt1R0FBYixhQUFhOzJGQUFiLGFBQWEsZ0RDUDFCLEVBQUE7OzJGRE9hLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLW5vb3AnLFxuICB0ZW1wbGF0ZVVybDogJy4vbm9vcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vb3AuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBOb29wQ29tcG9uZW50IHtcbn1cbiIsIiJdfQ==

package/esm2022/lib/components/resize-aware.component.mjs

@@ -1,29 +1,18 @@
 import { Directive, ElementRef, NgZone } from '@angular/core';
-import { MutableValueModel } from '@coolon/pectin';
+import { Dsl, GarbageCollector, MutableValueModel } from '@coolon/pectin';
 import ResizeObserver from 'resize-observer-polyfill';
 import { DisposableComponent } from './disposable-component';
 import { Bounds } from './types/bounds.class';
 import * as i0 from "@angular/core";
 export class ResizeAwareComponent extends DisposableComponent {
-    elementRef;
-    ngZone;
-    _boundsModel = new MutableValueModel(new Bounds(0, 0, 0, 0));
-    constructor(elementRef, ngZone) {
-        super();
-        this.elementRef = elementRef;
-        this.ngZone = ngZone;
-    }
+    elementRef = this.inject(ElementRef);
+    ngZone = this.inject(NgZone);
+    boundsTracker = new ResizeAwareComponent.ResizeTracker(this.elementRef, this.ngZone);
     ngAfterViewInit() {
-        const element = this.elementRef.nativeElement;
-        const ro = new ResizeObserver((entries, observer) => {
-            this.ngZone.run(() => this._updateBounds());
-        });
-        ro.observe(element);
-        this.onDispose(() => ro.disconnect());
-        setTimeout(() => this._updateBounds());
+        this.boundsTracker.notifyViewReady();
     }
-    get boundsModel() {
-        return this._boundsModel.readonly$;
+    get bounds$() {
+        return this.boundsTracker.bounds$;
     }
     get nativeElement() {
         return this.elementRef.nativeElement;
@@ -33,15 +22,63 @@ export class ResizeAwareComponent extends DisposableComponent {
         return this.bounds.relativePositionOf(point);
     }
     get bounds() {
-        return this._boundsModel.value;
-    }
-    _updateBounds() {
-        this._boundsModel.value = Bounds.ofElement(this.nativeElement);
+        return this.bounds$.value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ResizeAwareComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.1", type: ResizeAwareComponent, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ResizeAwareComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: ResizeAwareComponent, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ResizeAwareComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ResizeAwareComponent, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXplLWF3YXJlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci11aS1wb3dlcnVwcy9zcmMvbGliL2NvbXBvbmVudHMvcmVzaXplLWF3YXJlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFBRSxpQkFBaUIsRUFBYyxNQUFNLGdCQUFnQixDQUFDO0FBQy9ELE9BQU8sY0FBYyxNQUFNLDBCQUEwQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFJOUMsTUFBTSxPQUFPLG9CQUFxQixTQUFRLG1CQUFtQjtJQUk1QjtJQUEyQztJQUZsRSxZQUFZLEdBQUcsSUFBSSxpQkFBaUIsQ0FBUyxJQUFJLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRTdFLFlBQStCLFVBQXNCLEVBQXFCLE1BQWM7UUFDdEYsS0FBSyxFQUFFLENBQUM7UUFEcUIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFxQixXQUFNLEdBQU4sTUFBTSxDQUFRO0lBRXhGLENBQUM7SUFFRCxlQUFlO1FBQ2IsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUM7UUFDOUMsTUFBTSxFQUFFLEdBQUcsSUFBSSxjQUFjLENBQUMsQ0FBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLEVBQUU7WUFDbEQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUM7UUFDOUMsQ0FBQyxDQUFDLENBQUM7UUFDSCxFQUFFLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUM7UUFDdEMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDO0lBQ3JDLENBQUM7SUFFRCxJQUFJLGFBQWE7UUFDZixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxxQ0FBcUM7SUFDOUIsa0JBQWtCLENBQUMsS0FBNEM7UUFDcEUsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFRCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDO0lBQ2pDLENBQUM7SUFFTyxhQUFhO1FBQ25CLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ2pFLENBQUM7dUdBckNVLG9CQUFvQjsyRkFBcEIsb0JBQW9COzsyRkFBcEIsb0JBQW9CO2tCQURoQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBOZ1pvbmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE11dGFibGVWYWx1ZU1vZGVsLCBWYWx1ZU1vZGVsIH0gZnJvbSAnQGNvb2xvbi9wZWN0aW4nO1xuaW1wb3J0IFJlc2l6ZU9ic2VydmVyIGZyb20gJ3Jlc2l6ZS1vYnNlcnZlci1wb2x5ZmlsbCc7XG5pbXBvcnQgeyBEaXNwb3NhYmxlQ29tcG9uZW50IH0gZnJvbSAnLi9kaXNwb3NhYmxlLWNvbXBvbmVudCc7XG5pbXBvcnQgeyBCb3VuZHMgfSBmcm9tICcuL3R5cGVzL2JvdW5kcy5jbGFzcyc7XG5pbXBvcnQgeyBQb2ludCB9IGZyb20gJy4vdHlwZXMvcG9pbnQuY2xhc3MnO1xuXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBjbGFzcyBSZXNpemVBd2FyZUNvbXBvbmVudCBleHRlbmRzIERpc3Bvc2FibGVDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblxuICBwcml2YXRlIF9ib3VuZHNNb2RlbCA9IG5ldyBNdXRhYmxlVmFsdWVNb2RlbDxCb3VuZHM+KG5ldyBCb3VuZHMoMCwgMCwgMCwgMCkpO1xuXG4gIGNvbnN0cnVjdG9yKHByb3RlY3RlZCByZWFkb25seSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwcm90ZWN0ZWQgcmVhZG9ubHkgbmdab25lOiBOZ1pvbmUpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCBybyA9IG5ldyBSZXNpemVPYnNlcnZlcigoZW50cmllcywgb2JzZXJ2ZXIpID0+IHtcbiAgICAgIHRoaXMubmdab25lLnJ1bigoKSA9PiB0aGlzLl91cGRhdGVCb3VuZHMoKSk7XG4gICAgfSk7XG4gICAgcm8ub2JzZXJ2ZShlbGVtZW50KTtcbiAgICB0aGlzLm9uRGlzcG9zZSgoKSA9PiByby5kaXNjb25uZWN0KCkpO1xuICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5fdXBkYXRlQm91bmRzKCkpO1xuICB9XG5cbiAgZ2V0IGJvdW5kc01vZGVsKCk6IFZhbHVlTW9kZWw8Qm91bmRzPiB7XG4gICAgcmV0dXJuIHRoaXMuX2JvdW5kc01vZGVsLnJlYWRvbmx5JDtcbiAgfVxuXG4gIGdldCBuYXRpdmVFbGVtZW50KCkge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIC8vIFRPRE86IE1ha2UgdGhpcyBoYW5kbGUgYm9keSBzY3JvbGxcbiAgcHVibGljIHJlbGF0aXZlUG9zaXRpb25PZihwb2ludDogeyB4OiBudW1iZXIsIHk6IG51bWJlciB9IHwgTW91c2VFdmVudCk6IFBvaW50IHtcbiAgICByZXR1cm4gdGhpcy5ib3VuZHMucmVsYXRpdmVQb3NpdGlvbk9mKHBvaW50KTtcbiAgfVxuXG4gIGdldCBib3VuZHMoKTogQm91bmRzIHtcbiAgICByZXR1cm4gdGhpcy5fYm91bmRzTW9kZWwudmFsdWU7XG4gIH1cblxuICBwcml2YXRlIF91cGRhdGVCb3VuZHMoKSB7XG4gICAgdGhpcy5fYm91bmRzTW9kZWwudmFsdWUgPSBCb3VuZHMub2ZFbGVtZW50KHRoaXMubmF0aXZlRWxlbWVudCk7XG4gIH1cblxufVxuXG5leHBvcnQgbmFtZXNwYWNlIFJlc2l6ZUF3YXJlQ29tcG9uZW50IHtcblxufVxuIl19
+        }] });
+(function (ResizeAwareComponent) {
+    class ResizeTracker extends GarbageCollector {
+        elementRef;
+        ngZone;
+        _bounds$ = new MutableValueModel(new Bounds(0, 0, 0, 0));
+        width$;
+        height$;
+        top$;
+        left$;
+        bottom$;
+        right$;
+        constructor(elementRef, ngZone) {
+            super();
+            this.elementRef = elementRef;
+            this.ngZone = ngZone;
+            const { chain } = Dsl.disposeWith(this);
+            this.width$ = chain(this.bounds$).pluck("width");
+            this.height$ = chain(this.bounds$).pluck("height");
+            this.top$ = chain(this.bounds$).pluck("top");
+            this.left$ = chain(this.bounds$).pluck("left");
+            this.bottom$ = chain.numericValue(this.top$).add(this.height$);
+            this.right$ = chain.numericValue(this.left$).add(this.width$);
+        }
+        notifyViewReady() {
+            const element = this.elementRef.nativeElement;
+            const ro = new ResizeObserver((entries, observer) => {
+                this.ngZone.run(() => this._updateBounds());
+            });
+            ro.observe(element);
+            this.onDispose(() => ro.disconnect());
+            setTimeout(() => this._updateBounds());
+        }
+        get bounds$() {
+            return this._bounds$.readonly$;
+        }
+        get nativeElement() {
+            return this.elementRef.nativeElement;
+        }
+        // TODO: Make this handle body scroll
+        relativePositionOf(point) {
+            return this.bounds.relativePositionOf(point);
+        }
+        get bounds() {
+            return this._bounds$.value;
+        }
+        _updateBounds() {
+            this._bounds$.value = Bounds.ofElement(this.nativeElement);
+        }
+    }
+    ResizeAwareComponent.ResizeTracker = ResizeTracker;
+})(ResizeAwareComponent || (ResizeAwareComponent = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXplLWF3YXJlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci11aS1wb3dlcnVwcy9zcmMvbGliL2NvbXBvbmVudHMvcmVzaXplLWF3YXJlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWdCLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzNFLE9BQU8sRUFBQyxHQUFHLEVBQUUsZ0JBQWdCLEVBQUUsaUJBQWlCLEVBQWEsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRixPQUFPLGNBQWMsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUMzRCxPQUFPLEVBQUMsTUFBTSxFQUFDLE1BQU0sc0JBQXNCLENBQUM7O0FBSTVDLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxtQkFBbUI7SUFFeEMsVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDckMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFdEMsYUFBYSxHQUFHLElBQUksb0JBQW9CLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRS9GLGVBQWU7UUFDYixJQUFJLENBQUMsYUFBYSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxJQUFJLGFBQWE7UUFDZixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxxQ0FBcUM7SUFDOUIsa0JBQWtCLENBQUMsS0FBNEM7UUFDcEUsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFRCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO0lBQzVCLENBQUM7dUdBMUJVLG9CQUFvQjsyRkFBcEIsb0JBQW9COzsyRkFBcEIsb0JBQW9CO2tCQURoQyxTQUFTOztBQStCVixXQUFpQixvQkFBb0I7SUFHbkMsTUFBYSxhQUFjLFNBQVEsZ0JBQWdCO1FBVWxCO1FBQTJDO1FBUmxFLFFBQVEsR0FBRyxJQUFJLGlCQUFpQixDQUFTLElBQUksTUFBTSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDaEUsTUFBTSxDQUFxQjtRQUMzQixPQUFPLENBQXFCO1FBQzVCLElBQUksQ0FBcUI7UUFDekIsS0FBSyxDQUFxQjtRQUMxQixPQUFPLENBQXFCO1FBQzVCLE1BQU0sQ0FBcUI7UUFFcEMsWUFBK0IsVUFBc0IsRUFBcUIsTUFBYztZQUN0RixLQUFLLEVBQUUsQ0FBQztZQURxQixlQUFVLEdBQVYsVUFBVSxDQUFZO1lBQXFCLFdBQU0sR0FBTixNQUFNLENBQVE7WUFFdEYsTUFBTSxFQUFDLEtBQUssRUFBQyxHQUFHLEdBQUcsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDdEMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQTtZQUNoRCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFBO1lBQ2xELElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUE7WUFDNUMsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQTtZQUM5QyxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUE7WUFDOUQsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFBO1FBQy9ELENBQUM7UUFFRCxlQUFlO1lBQ2IsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUM7WUFDOUMsTUFBTSxFQUFFLEdBQUcsSUFBSSxjQUFjLENBQUMsQ0FBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLEVBQUU7Z0JBQ2xELElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDO1lBQzlDLENBQUMsQ0FBQyxDQUFDO1lBQ0gsRUFBRSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUNwQixJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDO1lBQ3RDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUMsQ0FBQztRQUN6QyxDQUFDO1FBRUQsSUFBSSxPQUFPO1lBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQztRQUNqQyxDQUFDO1FBRUQsSUFBSSxhQUFhO1lBQ2YsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztRQUN2QyxDQUFDO1FBRUQscUNBQXFDO1FBQzlCLGtCQUFrQixDQUFDLEtBQTRDO1lBQ3BFLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMvQyxDQUFDO1FBRUQsSUFBSSxNQUFNO1lBQ1IsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQztRQUM3QixDQUFDO1FBRU8sYUFBYTtZQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUM3RCxDQUFDO0tBRUY7SUFwRFksa0NBQWEsZ0JBb0R6QixDQUFBO0FBQ0gsQ0FBQyxFQXhEZ0Isb0JBQW9CLEtBQXBCLG9CQUFvQixRQXdEcEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FmdGVyVmlld0luaXQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgTmdab25lfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7RHNsLCBHYXJiYWdlQ29sbGVjdG9yLCBNdXRhYmxlVmFsdWVNb2RlbCwgVmFsdWVNb2RlbH0gZnJvbSAnQGNvb2xvbi9wZWN0aW4nO1xuaW1wb3J0IFJlc2l6ZU9ic2VydmVyIGZyb20gJ3Jlc2l6ZS1vYnNlcnZlci1wb2x5ZmlsbCc7XG5pbXBvcnQge0Rpc3Bvc2FibGVDb21wb25lbnR9IGZyb20gJy4vZGlzcG9zYWJsZS1jb21wb25lbnQnO1xuaW1wb3J0IHtCb3VuZHN9IGZyb20gJy4vdHlwZXMvYm91bmRzLmNsYXNzJztcbmltcG9ydCB7UG9pbnR9IGZyb20gJy4vdHlwZXMvcG9pbnQuY2xhc3MnO1xuXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBjbGFzcyBSZXNpemVBd2FyZUNvbXBvbmVudCBleHRlbmRzIERpc3Bvc2FibGVDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZWxlbWVudFJlZiA9IHRoaXMuaW5qZWN0KEVsZW1lbnRSZWYpO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgbmdab25lID0gdGhpcy5pbmplY3QoTmdab25lKTtcblxuICBwcm90ZWN0ZWQgYm91bmRzVHJhY2tlciA9IG5ldyBSZXNpemVBd2FyZUNvbXBvbmVudC5SZXNpemVUcmFja2VyKHRoaXMuZWxlbWVudFJlZiwgdGhpcy5uZ1pvbmUpO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmJvdW5kc1RyYWNrZXIubm90aWZ5Vmlld1JlYWR5KCk7XG4gIH1cblxuICBnZXQgYm91bmRzJCgpOiBWYWx1ZU1vZGVsPEJvdW5kcz4ge1xuICAgIHJldHVybiB0aGlzLmJvdW5kc1RyYWNrZXIuYm91bmRzJDtcbiAgfVxuXG4gIGdldCBuYXRpdmVFbGVtZW50KCkge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gIC8vIFRPRE86IE1ha2UgdGhpcyBoYW5kbGUgYm9keSBzY3JvbGxcbiAgcHVibGljIHJlbGF0aXZlUG9zaXRpb25PZihwb2ludDogeyB4OiBudW1iZXIsIHk6IG51bWJlciB9IHwgTW91c2VFdmVudCk6IFBvaW50IHtcbiAgICByZXR1cm4gdGhpcy5ib3VuZHMucmVsYXRpdmVQb3NpdGlvbk9mKHBvaW50KTtcbiAgfVxuXG4gIGdldCBib3VuZHMoKTogQm91bmRzIHtcbiAgICByZXR1cm4gdGhpcy5ib3VuZHMkLnZhbHVlO1xuICB9XG5cbn1cblxuZXhwb3J0IG5hbWVzcGFjZSBSZXNpemVBd2FyZUNvbXBvbmVudCB7XG5cblxuICBleHBvcnQgY2xhc3MgUmVzaXplVHJhY2tlciBleHRlbmRzIEdhcmJhZ2VDb2xsZWN0b3Ige1xuXG4gICAgcHJpdmF0ZSBfYm91bmRzJCA9IG5ldyBNdXRhYmxlVmFsdWVNb2RlbDxCb3VuZHM+KG5ldyBCb3VuZHMoMCwgMCwgMCwgMCkpO1xuICAgIHJlYWRvbmx5IHdpZHRoJDogVmFsdWVNb2RlbDxudW1iZXI+O1xuICAgIHJlYWRvbmx5IGhlaWdodCQ6IFZhbHVlTW9kZWw8bnVtYmVyPjtcbiAgICByZWFkb25seSB0b3AkOiBWYWx1ZU1vZGVsPG51bWJlcj47XG4gICAgcmVhZG9ubHkgbGVmdCQ6IFZhbHVlTW9kZWw8bnVtYmVyPjtcbiAgICByZWFkb25seSBib3R0b20kOiBWYWx1ZU1vZGVsPG51bWJlcj47XG4gICAgcmVhZG9ubHkgcmlnaHQkOiBWYWx1ZU1vZGVsPG51bWJlcj47XG5cbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHJvdGVjdGVkIHJlYWRvbmx5IG5nWm9uZTogTmdab25lKSB7XG4gICAgICBzdXBlcigpO1xuICAgICAgY29uc3Qge2NoYWlufSA9IERzbC5kaXNwb3NlV2l0aCh0aGlzKTtcbiAgICAgIHRoaXMud2lkdGgkID0gY2hhaW4odGhpcy5ib3VuZHMkKS5wbHVjayhcIndpZHRoXCIpXG4gICAgICB0aGlzLmhlaWdodCQgPSBjaGFpbih0aGlzLmJvdW5kcyQpLnBsdWNrKFwiaGVpZ2h0XCIpXG4gICAgICB0aGlzLnRvcCQgPSBjaGFpbih0aGlzLmJvdW5kcyQpLnBsdWNrKFwidG9wXCIpXG4gICAgICB0aGlzLmxlZnQkID0gY2hhaW4odGhpcy5ib3VuZHMkKS5wbHVjayhcImxlZnRcIilcbiAgICAgIHRoaXMuYm90dG9tJCA9IGNoYWluLm51bWVyaWNWYWx1ZSh0aGlzLnRvcCQpLmFkZCh0aGlzLmhlaWdodCQpXG4gICAgICB0aGlzLnJpZ2h0JCA9IGNoYWluLm51bWVyaWNWYWx1ZSh0aGlzLmxlZnQkKS5hZGQodGhpcy53aWR0aCQpXG4gICAgfVxuXG4gICAgbm90aWZ5Vmlld1JlYWR5KCkge1xuICAgICAgY29uc3QgZWxlbWVudCA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICAgICAgY29uc3Qgcm8gPSBuZXcgUmVzaXplT2JzZXJ2ZXIoKGVudHJpZXMsIG9ic2VydmVyKSA9PiB7XG4gICAgICAgIHRoaXMubmdab25lLnJ1bigoKSA9PiB0aGlzLl91cGRhdGVCb3VuZHMoKSk7XG4gICAgICB9KTtcbiAgICAgIHJvLm9ic2VydmUoZWxlbWVudCk7XG4gICAgICB0aGlzLm9uRGlzcG9zZSgoKSA9PiByby5kaXNjb25uZWN0KCkpO1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLl91cGRhdGVCb3VuZHMoKSk7XG4gICAgfVxuXG4gICAgZ2V0IGJvdW5kcyQoKTogVmFsdWVNb2RlbDxCb3VuZHM+IHtcbiAgICAgIHJldHVybiB0aGlzLl9ib3VuZHMkLnJlYWRvbmx5JDtcbiAgICB9XG5cbiAgICBnZXQgbmF0aXZlRWxlbWVudCgpIHtcbiAgICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgICB9XG5cbiAgICAvLyBUT0RPOiBNYWtlIHRoaXMgaGFuZGxlIGJvZHkgc2Nyb2xsXG4gICAgcHVibGljIHJlbGF0aXZlUG9zaXRpb25PZihwb2ludDogeyB4OiBudW1iZXIsIHk6IG51bWJlciB9IHwgTW91c2VFdmVudCk6IFBvaW50IHtcbiAgICAgIHJldHVybiB0aGlzLmJvdW5kcy5yZWxhdGl2ZVBvc2l0aW9uT2YocG9pbnQpO1xuICAgIH1cblxuICAgIGdldCBib3VuZHMoKTogQm91bmRzIHtcbiAgICAgIHJldHVybiB0aGlzLl9ib3VuZHMkLnZhbHVlO1xuICAgIH1cblxuICAgIHByaXZhdGUgX3VwZGF0ZUJvdW5kcygpIHtcbiAgICAgIHRoaXMuX2JvdW5kcyQudmFsdWUgPSBCb3VuZHMub2ZFbGVtZW50KHRoaXMubmF0aXZlRWxlbWVudCk7XG4gICAgfVxuXG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/components/scroll-container/scroll-container.component.mjs

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from "tslib";
 import { Component, HostBinding, Input } from "@angular/core";
-import { StoreInValueModel, Proxify, ValueModel, proxify } from "@coolon/pectin";
+import { Proxify, proxify, StoreInValueModel, ValueModel } from "@coolon/pectin";
 import { DisposableComponent } from "../disposable-component";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/scrolling";
@@ -14,8 +14,8 @@ export class ScrollContainerComponent extends DisposableComponent {
     constructor() {
         super();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ScrollContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: ScrollContainerComponent, selector: "aup-scroll-container", inputs: { disableScroll$: "disableScroll$", disableScroll: "disableScroll" }, host: { properties: { "class.disable-scroll": "this.disableScroll" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"scroll-container\" cdkScrollable>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host:not(.disable-scroll){min-height:0}:host:not(.disable-scroll)>.scroll-container{flex-basis:0;overflow-y:scroll;align-items:stretch}:host>.scroll-container{display:flex;flex-direction:column;flex:1}\n"], dependencies: [{ kind: "directive", type: i1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ScrollContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: ScrollContainerComponent, selector: "aup-scroll-container", inputs: { disableScroll$: "disableScroll$", disableScroll: "disableScroll" }, host: { properties: { "class.disable-scroll": "this.disableScroll" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"scroll-container\" cdkScrollable>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host:not(.disable-scroll){min-height:0}:host:not(.disable-scroll)>.scroll-container{flex-basis:0;overflow-y:scroll;align-items:stretch}:host>.scroll-container{display:flex;flex-direction:column;flex:1}\n"], dependencies: [{ kind: "directive", type: i1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }] });
 }
 __decorate([
     Proxify(),
@@ -25,7 +25,7 @@ __decorate([
     StoreInValueModel(),
     __metadata("design:type", Object)
 ], ScrollContainerComponent.prototype, "disableScroll", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ScrollContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ScrollContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: "aup-scroll-container", template: "<div class=\"scroll-container\" cdkScrollable>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host:not(.disable-scroll){min-height:0}:host:not(.disable-scroll)>.scroll-container{flex-basis:0;overflow-y:scroll;align-items:stretch}:host>.scroll-container{display:flex;flex-direction:column;flex:1}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { disableScroll$: [{
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                 type: HostBinding,
                 args: ["class.disable-scroll"]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL3Njcm9sbC1jb250YWluZXIvc2Nyb2xsLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL3Njcm9sbC1jb250YWluZXIvc2Nyb2xsLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3RFLE9BQU8sRUFBQyxpQkFBaUIsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7QUFPOUQsTUFBTSxPQUFPLHdCQUF5QixTQUFRLG1CQUFtQjtJQUd0RCxtQ0FBaUIsT0FBTyxDQUFDLENBQUEsVUFBbUIsQ0FBQSxDQUFDLENBQUU7SUFBL0MsSUFBQSxjQUFjLG9EQUFpQztJQUEvQyxJQUFBLGNBQWMsMERBQWlDO0lBSS9DLGtDQUFnQixLQUFLLENBQUM7SUFBdEIsSUFBQSxhQUFhLG1EQUFTO0lBQXRCLElBQUEsYUFBYSx5REFBUztJQUUvQjtRQUNFLEtBQUssRUFBRSxDQUFDO0lBQ1YsQ0FBQzt1R0FYVSx3QkFBd0I7MkZBQXhCLHdCQUF3Qix5T0NUckMsdUZBR0E7O0FEU1c7SUFEQyxPQUFPLEVBQUU7OzhEQUNxQztBQUkvQztJQUZDLGlCQUFpQixFQUFFOzs2REFFRTsyRkFQcEIsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLHNCQUFzQjswRUFPdkIsY0FBYztzQkFEdEIsS0FBSztnQkFLRyxhQUFhO3NCQUZyQixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHtTdG9yZUluVmFsdWVNb2RlbCwgUHJveGlmeSwgVmFsdWVNb2RlbCwgcHJveGlmeX0gZnJvbSBcIkBjb29sb24vcGVjdGluXCI7XG5pbXBvcnQgeyBEaXNwb3NhYmxlQ29tcG9uZW50IH0gZnJvbSBcIi4uL2Rpc3Bvc2FibGUtY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJhdXAtc2Nyb2xsLWNvbnRhaW5lclwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3Njcm9sbC1jb250YWluZXIuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuL3Njcm9sbC1jb250YWluZXIuY29tcG9uZW50LnNjc3NcIl1cbn0pXG5leHBvcnQgY2xhc3MgU2Nyb2xsQ29udGFpbmVyQ29tcG9uZW50IGV4dGVuZHMgRGlzcG9zYWJsZUNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgQFByb3hpZnkoKVxuICBhY2Nlc3NvciBkaXNhYmxlU2Nyb2xsJCA9IHByb3hpZnkoVmFsdWVNb2RlbDxib29sZWFuPikgO1xuXG4gIEBJbnB1dCgpIEBTdG9yZUluVmFsdWVNb2RlbCgpXG4gIEBIb3N0QmluZGluZyhcImNsYXNzLmRpc2FibGUtc2Nyb2xsXCIpXG4gIGFjY2Vzc29yIGRpc2FibGVTY3JvbGwgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJzY3JvbGwtY29udGFpbmVyXCIgY2RrU2Nyb2xsYWJsZT5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL3Njcm9sbC1jb250YWluZXIvc2Nyb2xsLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL3Njcm9sbC1jb250YWluZXIvc2Nyb2xsLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFVBQVUsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQy9FLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHlCQUF5QixDQUFDOzs7QUFPNUQsTUFBTSxPQUFPLHdCQUF5QixTQUFRLG1CQUFtQjtJQUd0RCxtQ0FBaUIsT0FBTyxDQUFDLENBQUEsVUFBbUIsQ0FBQSxDQUFDLENBQUU7SUFBL0MsSUFBQSxjQUFjLG9EQUFpQztJQUEvQyxJQUFBLGNBQWMsMERBQWlDO0lBSS9DLGtDQUFnQixLQUFLLENBQUM7SUFBdEIsSUFBQSxhQUFhLG1EQUFTO0lBQXRCLElBQUEsYUFBYSx5REFBUztJQUUvQjtRQUNFLEtBQUssRUFBRSxDQUFDO0lBQ1YsQ0FBQzt1R0FYVSx3QkFBd0I7MkZBQXhCLHdCQUF3Qix5T0NUckMsdUZBR0E7O0FEU1c7SUFEQyxPQUFPLEVBQUU7OzhEQUNxQztBQUkvQztJQUZDLGlCQUFpQixFQUFFOzs2REFFRTsyRkFQcEIsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLHNCQUFzQjswRUFPdkIsY0FBYztzQkFEdEIsS0FBSztnQkFLRyxhQUFhO3NCQUZyQixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXR9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQge1Byb3hpZnksIHByb3hpZnksIFN0b3JlSW5WYWx1ZU1vZGVsLCBWYWx1ZU1vZGVsfSBmcm9tIFwiQGNvb2xvbi9wZWN0aW5cIjtcbmltcG9ydCB7RGlzcG9zYWJsZUNvbXBvbmVudH0gZnJvbSBcIi4uL2Rpc3Bvc2FibGUtY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJhdXAtc2Nyb2xsLWNvbnRhaW5lclwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3Njcm9sbC1jb250YWluZXIuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuL3Njcm9sbC1jb250YWluZXIuY29tcG9uZW50LnNjc3NcIl1cbn0pXG5leHBvcnQgY2xhc3MgU2Nyb2xsQ29udGFpbmVyQ29tcG9uZW50IGV4dGVuZHMgRGlzcG9zYWJsZUNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgQFByb3hpZnkoKVxuICBhY2Nlc3NvciBkaXNhYmxlU2Nyb2xsJCA9IHByb3hpZnkoVmFsdWVNb2RlbDxib29sZWFuPikgO1xuXG4gIEBJbnB1dCgpIEBTdG9yZUluVmFsdWVNb2RlbCgpXG4gIEBIb3N0QmluZGluZyhcImNsYXNzLmRpc2FibGUtc2Nyb2xsXCIpXG4gIGFjY2Vzc29yIGRpc2FibGVTY3JvbGwgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJzY3JvbGwtY29udGFpbmVyXCIgY2RrU2Nyb2xsYWJsZT5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/section-header/section-header.component.mjs

@@ -9,10 +9,10 @@ export class SectionHeaderComponent extends DisposableComponent {
     constructor() {
         super();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SectionHeaderComponent, selector: "aup-section-header", inputs: { size: "size", borderTop: "borderTop", borderBottom: "borderBottom" }, host: { properties: { "class": "this.size", "class.border-top": "this.borderTop", "class.border-bottom": "this.borderBottom" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"container-start\"><ng-content select=\"[header-start]\"></ng-content><ng-content></ng-content></span>\n<span class=\"container-middle\"><ng-content select=\"[header-center]\"></ng-content></span>\n<span class=\"container-end\"><ng-content select=\"[header-end]\"></ng-content></span>\n", styles: [":host{display:flex;flex-direction:row;align-items:center;--resolved-padding: var(--padding, var(--default-padding));--resolved-padding-right: var(--padding-right, calc(var(--default-padding)/2));padding-left:var(--resolved-padding);padding-right:var(--resolved-padding-right);box-sizing:border-box}:host.has-back-button{padding-left:0}:host.toolbar{height:56px;min-height:56px}:host.toolbar span{font-weight:500;font-size:18px;color:#000000ab}:host.large{height:48px;min-height:48px}:host.large span{font-weight:500;font-size:14px;color:#000000ab}:host.medium{height:48px;min-height:48px}:host.medium span{font-weight:500;font-size:13px;color:#000000ab}:host.small{height:30px;min-height:30px}:host.small span{font-weight:300;font-size:12px;color:#000000ab}:host.border-top{border-top:var(--pinstripe-border)}:host.border-bottom{border-bottom:var(--pinstripe-border)}span{white-space:nowrap;display:inline-flex;flex-direction:row;align-items:center}span.container-start{justify-content:flex-start}span.container-middle{justify-content:center;flex:1;width:0;overflow:hidden}span.container-end{justify-content:flex-end}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: SectionHeaderComponent, selector: "aup-section-header", inputs: { size: "size", borderTop: "borderTop", borderBottom: "borderBottom" }, host: { properties: { "class": "this.size", "class.border-top": "this.borderTop", "class.border-bottom": "this.borderBottom" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"container-start\"><ng-content select=\"[header-start]\"></ng-content><ng-content></ng-content></span>\n<span class=\"container-middle\"><ng-content select=\"[header-center]\"></ng-content></span>\n<span class=\"container-end\"><ng-content select=\"[header-end]\"></ng-content></span>\n", styles: [":host{display:flex;flex-direction:row;align-items:center;--resolved-padding: var(--padding, var(--default-padding));--resolved-padding-right: var(--padding-right, calc(var(--default-padding)/2));padding-left:var(--resolved-padding);padding-right:var(--resolved-padding-right);box-sizing:border-box}:host.has-back-button{padding-left:0}:host.toolbar{height:56px;min-height:56px}:host.toolbar span{font-weight:500;font-size:18px;color:#000000ab}:host.large{height:48px;min-height:48px}:host.large span{font-weight:500;font-size:14px;color:#000000ab}:host.medium{height:48px;min-height:48px}:host.medium span{font-weight:500;font-size:13px;color:#000000ab}:host.small{height:30px;min-height:30px}:host.small span{font-weight:300;font-size:12px;color:#000000ab}:host.border-top{border-top:var(--pinstripe-border)}:host.border-bottom{border-bottom:var(--pinstripe-border)}span{white-space:nowrap;display:inline-flex;flex-direction:row;align-items:center}span.container-start{justify-content:flex-start}span.container-middle{justify-content:center;flex:1;width:0;overflow:hidden}span.container-end{justify-content:flex-end}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SectionHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SectionHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'aup-section-header', template: "<span class=\"container-start\"><ng-content select=\"[header-start]\"></ng-content><ng-content></ng-content></span>\n<span class=\"container-middle\"><ng-content select=\"[header-center]\"></ng-content></span>\n<span class=\"container-end\"><ng-content select=\"[header-end]\"></ng-content></span>\n", styles: [":host{display:flex;flex-direction:row;align-items:center;--resolved-padding: var(--padding, var(--default-padding));--resolved-padding-right: var(--padding-right, calc(var(--default-padding)/2));padding-left:var(--resolved-padding);padding-right:var(--resolved-padding-right);box-sizing:border-box}:host.has-back-button{padding-left:0}:host.toolbar{height:56px;min-height:56px}:host.toolbar span{font-weight:500;font-size:18px;color:#000000ab}:host.large{height:48px;min-height:48px}:host.large span{font-weight:500;font-size:14px;color:#000000ab}:host.medium{height:48px;min-height:48px}:host.medium span{font-weight:500;font-size:13px;color:#000000ab}:host.small{height:30px;min-height:30px}:host.small span{font-weight:300;font-size:12px;color:#000000ab}:host.border-top{border-top:var(--pinstripe-border)}:host.border-bottom{border-bottom:var(--pinstripe-border)}span{white-space:nowrap;display:inline-flex;flex-direction:row;align-items:center}span.container-start{justify-content:flex-start}span.container-middle{justify-content:center;flex:1;width:0;overflow:hidden}span.container-end{justify-content:flex-end}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { size: [{
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                 type: HostBinding,
                 args: ['class.border-bottom']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvY29tcG9uZW50cy9zZWN0aW9uLWhlYWRlci9zZWN0aW9uLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL3NlY3Rpb24taGVhZGVyL3NlY3Rpb24taGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN0RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFPOUQsTUFBTSxPQUFPLHNCQUF1QixTQUFRLG1CQUFtQjtJQUU3RCx1REFBdUQ7SUFJdkQsSUFBSSxHQUE2QyxRQUFRLENBQUM7SUFJMUQsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUlsQixZQUFZLEdBQUcsS0FBSyxDQUFDO0lBRXJCO1FBQ0UsS0FBSyxFQUFFLENBQUM7SUFDVixDQUFDO3VHQWxCVSxzQkFBc0I7MkZBQXRCLHNCQUFzQixtU0NSbkMsNlNBR0E7OzJGREthLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxvQkFBb0I7MEVBVTlCLElBQUk7c0JBRkgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxPQUFPO2dCQUtwQixTQUFTO3NCQUZSLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsa0JBQWtCO2dCQUsvQixZQUFZO3NCQUZYLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGlzcG9zYWJsZUNvbXBvbmVudCB9IGZyb20gJy4uL2Rpc3Bvc2FibGUtY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLXNlY3Rpb24taGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlY3Rpb24taGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2VjdGlvbi1oZWFkZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTZWN0aW9uSGVhZGVyQ29tcG9uZW50IGV4dGVuZHMgRGlzcG9zYWJsZUNvbXBvbmVudCB7XG5cbiAgLy8gcmVhZG9ubHkgaTE4biA9IEkxOG5NYXJzVWkuY29tcG9uZW50cy5sYXlvdXQuaGVhZGVyO1xuXG4gIEBJbnB1dCgpXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBzaXplOiAndG9vbGJhcicgfCAnbGFyZ2UnIHwgJ21lZGl1bScgfCAnc21hbGwnID0gJ21lZGl1bSc7XG5cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5ib3JkZXItdG9wJylcbiAgYm9yZGVyVG9wID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5ib3JkZXItYm90dG9tJylcbiAgYm9yZGVyQm90dG9tID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG59XG4iLCI8c3BhbiBjbGFzcz1cImNvbnRhaW5lci1zdGFydFwiPjxuZy1jb250ZW50IHNlbGVjdD1cIltoZWFkZXItc3RhcnRdXCI+PC9uZy1jb250ZW50PjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3NwYW4+XG48c3BhbiBjbGFzcz1cImNvbnRhaW5lci1taWRkbGVcIj48bmctY29udGVudCBzZWxlY3Q9XCJbaGVhZGVyLWNlbnRlcl1cIj48L25nLWNvbnRlbnQ+PC9zcGFuPlxuPHNwYW4gY2xhc3M9XCJjb250YWluZXItZW5kXCI+PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2hlYWRlci1lbmRdXCI+PC9uZy1jb250ZW50Pjwvc3Bhbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvY29tcG9uZW50cy9zZWN0aW9uLWhlYWRlci9zZWN0aW9uLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL3NlY3Rpb24taGVhZGVyL3NlY3Rpb24taGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQzs7QUFPNUQsTUFBTSxPQUFPLHNCQUF1QixTQUFRLG1CQUFtQjtJQUU3RCx1REFBdUQ7SUFJdkQsSUFBSSxHQUE2QyxRQUFRLENBQUM7SUFJMUQsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUlsQixZQUFZLEdBQUcsS0FBSyxDQUFDO0lBRXJCO1FBQ0UsS0FBSyxFQUFFLENBQUM7SUFDVixDQUFDO3VHQWxCVSxzQkFBc0I7MkZBQXRCLHNCQUFzQixtU0NSbkMsNlNBR0E7OzJGREthLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxvQkFBb0I7MEVBVTlCLElBQUk7c0JBRkgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxPQUFPO2dCQUtwQixTQUFTO3NCQUZSLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsa0JBQWtCO2dCQUsvQixZQUFZO3NCQUZYLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Rpc3Bvc2FibGVDb21wb25lbnR9IGZyb20gJy4uL2Rpc3Bvc2FibGUtY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLXNlY3Rpb24taGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlY3Rpb24taGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2VjdGlvbi1oZWFkZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTZWN0aW9uSGVhZGVyQ29tcG9uZW50IGV4dGVuZHMgRGlzcG9zYWJsZUNvbXBvbmVudCB7XG5cbiAgLy8gcmVhZG9ubHkgaTE4biA9IEkxOG5NYXJzVWkuY29tcG9uZW50cy5sYXlvdXQuaGVhZGVyO1xuXG4gIEBJbnB1dCgpXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBzaXplOiAndG9vbGJhcicgfCAnbGFyZ2UnIHwgJ21lZGl1bScgfCAnc21hbGwnID0gJ21lZGl1bSc7XG5cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5ib3JkZXItdG9wJylcbiAgYm9yZGVyVG9wID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5ib3JkZXItYm90dG9tJylcbiAgYm9yZGVyQm90dG9tID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG59XG4iLCI8c3BhbiBjbGFzcz1cImNvbnRhaW5lci1zdGFydFwiPjxuZy1jb250ZW50IHNlbGVjdD1cIltoZWFkZXItc3RhcnRdXCI+PC9uZy1jb250ZW50PjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3NwYW4+XG48c3BhbiBjbGFzcz1cImNvbnRhaW5lci1taWRkbGVcIj48bmctY29udGVudCBzZWxlY3Q9XCJbaGVhZGVyLWNlbnRlcl1cIj48L25nLWNvbnRlbnQ+PC9zcGFuPlxuPHNwYW4gY2xhc3M9XCJjb250YWluZXItZW5kXCI+PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2hlYWRlci1lbmRdXCI+PC9uZy1jb250ZW50Pjwvc3Bhbj5cbiJdfQ==