@coolon/angular-ui-powerups 16.1.0-aplpha.23 → 16.1.0-aplpha.25

package/assets/activities/input-activities.scss

@@ -1,4 +1,3 @@
-
 @mixin apply-theme($color-config, $typography-config) {
 
   .aup-input-activity {
@@ -15,6 +14,7 @@
     &[layout=inline] {
       display: flex;
       flex-direction: row;
+      align-items: center;
     }
 
     aup-activity-actions {
@@ -27,9 +27,17 @@
     padding-left: var(--aup-activity-padding-left, var(--aup-activity-padding));
     padding-right: var(--aup-activity-padding-right, var(--aup-activity-padding));
 
+    &[layout=inline] {
+      --p: calc(var(--aup-activity-padding)/2);
+      padding-top: var(--aup-activity-padding-top, var(--p));
+      padding-bottom: var(--aup-activity-padding-bottom, var(--p));
+    }
+
     &[layout=block] {
-      padding-bottom: var(--aup-activity-padding-bottom, var(--aup-activity-padding));
+      padding-top: var(--aup-activity-padding-top, var(--aup-activity-padding));
+      padding-bottom: 0; //var(--aup-activity-padding-bottom, var(--aup-activity-padding));
     }
+
   }
 
 

package/assets/form.scss

@@ -7,6 +7,8 @@
 
   display: block;
 
+  margin-top: 4px; // HACK: make room for the float label
+
   mat-form-field, input {
     width: 100%;
 
@@ -45,7 +47,18 @@
   &.dense {
 
     mat-form-field {
+      .mat-mdc-form-field-icon-prefix > .mat-icon {
+        padding: 6px 0 6px 8px;
+      }
+      .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
+        min-height: 37px;
+        padding-top: 6px;
+        padding-bottom: 6px;
+
+      }
+
       .mat-mdc-form-field-subscript-wrapper {
+        // TODO: make it visible if there's a hint or error
         display: none;
       }
 

package/esm2022/lib/components/commands/command-face/command-face.component.mjs

@@ -55,7 +55,7 @@ export class CommandFaceComponent extends DisposableComponent {
         return this.activeColor.value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CommandFaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CommandFaceComponent, selector: "aup-command-face", inputs: { _rawFaces: ["faces", "_rawFaces"], face: "face", ignoreIcon: "ignoreIcon", ignoreText: "ignoreText", includeMissingIconInLayout: "includeMissingIconInLayout" }, host: { properties: { "class.hide-icon": "this.requiresMissingIconInLayout", "attr.color": "this.color" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n  <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n  <span *ngIf=\"face.text\">{{face.text}}</span>\n  <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n", styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "aup-icon", inputs: ["icon"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CommandFaceComponent, selector: "aup-command-face", inputs: { _rawFaces: ["faces", "_rawFaces"], face: "face", ignoreIcon: "ignoreIcon", ignoreText: "ignoreText", includeMissingIconInLayout: "includeMissingIconInLayout" }, host: { properties: { "class.hide-icon": "this.requiresMissingIconInLayout", "attr.color": "this.color" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n  <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n  <span *ngIf=\"face.text\">{{face.text}}</span>\n  <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n", styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}.mat-mdc-button-base:not(.mat-mdc-icon-button) aup-command-face{margin-top:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "aup-icon", inputs: ["icon"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 __decorate([
     StoreInListModel("faces$"),
@@ -63,7 +63,7 @@ __decorate([
 ], CommandFaceComponent.prototype, "_rawFaces", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CommandFaceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aup-command-face', encapsulation: ViewEncapsulation.None, template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n  <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n  <span *ngIf=\"face.text\">{{face.text}}</span>\n  <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n", styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}\n"] }]
+            args: [{ selector: 'aup-command-face', encapsulation: ViewEncapsulation.None, template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n  <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n  <span *ngIf=\"face.text\">{{face.text}}</span>\n  <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n", styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}.mat-mdc-button-base:not(.mat-mdc-icon-button) aup-command-face{margin-top:4px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { _rawFaces: [{
                 type: Input,
                 args: ['faces']

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

@@ -36,13 +36,13 @@ export class IconComponent {
         return `fa-${this.suffix}`;
     }
     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) 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.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+    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)}:host fa-icon{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.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             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) 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"] }]
+                    }, 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)}:host fa-icon{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"] }]
         }], propDecorators: { icon: [{
                 type: Input
             }, {

package/esm2022/lib/interaction/components/editors/edit-context.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdC1jb250ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvaW50ZXJhY3Rpb24vY29tcG9uZW50cy9lZGl0b3JzL2VkaXQtY29udGV4dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBFZGl0Q29udGV4dDxUPiB7XG4gIGluamVjdEVycm9yKGVycm9yOiBzdHJpbmcpO1xuICAvLyByZXBsYWNlVmFsdWUodmFsdWU6VCkgLy8gVE9ETzogaW1wbGVtZW50Li5cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdC1jb250ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvaW50ZXJhY3Rpb24vY29tcG9uZW50cy9lZGl0b3JzL2VkaXQtY29udGV4dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBFZGl0Q29udGV4dDxUPiB7XG4gIGluamVjdEVycm9yKGVycm9yOiBzdHJpbmcpOnZvaWQ7XG4gIC8vIHJlcGxhY2VWYWx1ZSh2YWx1ZTpUKSAvLyBUT0RPOiBpbXBsZW1lbnQuLlxufVxuIl19

package/esm2022/lib/interaction/components/input-activities/select-input-activity.mjs

@@ -28,6 +28,7 @@ export class SelectInputActivity extends InputActivity {
                       [options]="options"
                       [optionLabelFormat]="optionLabelFormat"
                       [allowNil]="activityData.allowNil"
+                      [dense]="true"
     >
       <ng-template #nilOptionTemplate>{{activityData.nilLabel}}</ng-template>
     </aup-select-input>
@@ -50,6 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
                       [options]="options"
                       [optionLabelFormat]="optionLabelFormat"
                       [allowNil]="activityData.allowNil"
+                      [dense]="true"
     >
       <ng-template #nilOptionTemplate>{{activityData.nilLabel}}</ng-template>
     </aup-select-input>
@@ -60,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
   `
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWlucHV0LWFjdGl2aXR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvaW50ZXJhY3Rpb24vY29tcG9uZW50cy9pbnB1dC1hY3Rpdml0aWVzL3NlbGVjdC1pbnB1dC1hY3Rpdml0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXhDLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQXNCL0Msa0VBQWtFO0FBQ2xFLE1BQU0sT0FBTyxtQkFBdUIsU0FBUSxhQUE2QztJQUU5RSx3QkFBd0IsR0FBRyxDQUFDLE1BQVMsRUFBRSxFQUFFO1FBQ2hELE9BQU8sTUFBTSxDQUFDLENBQUM7WUFDYixJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO2dCQUM3QixNQUFNLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLENBQUM7Z0JBQ3JDLENBQUMsQ0FBQyxNQUFNO1lBQ1YsQ0FBQyxDQUFDLEVBQUUsQ0FBQTtJQUNSLENBQUMsQ0FBQztJQUVGLElBQUksaUJBQWlCO1FBQ25CLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxpQkFBaUIsSUFBSSxJQUFJLENBQUMsd0JBQXdCLENBQUM7SUFDOUUsQ0FBQztJQUVELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLEVBQUUsS0FBSyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO0lBQzVFLENBQUM7dUdBaEJVLG1CQUFtQjsyRkFBbkIsbUJBQW1CLHdGQW5CcEI7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQlQ7OzJGQUdVLG1CQUFtQjtrQkFyQi9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JUO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtMaXN0TW9kZWx9IGZyb20gJ0Bjb29sb24vcGVjdGluJztcbmltcG9ydCB7SW5wdXRBY3Rpdml0eX0gZnJvbSAnLi9pbnB1dC1hY3Rpdml0eSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F1cC1zZWxlY3QtaW5wdXQtYWN0aXZpdHknLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxhdXAtc2VsZWN0LWlucHV0IFt2YWx1ZSRdPVwidmFsdWUkXCJcbiAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiYWN0aXZpdHlEYXRhLmxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiYWN0aXZpdHlEYXRhLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgICAgICAgICAgICBbY29tbWFuZC5lbnRlcl09XCJjb25maXJtQ29tbWFuZFwiXG4gICAgICAgICAgICAgICAgICAgICAgW2NvbW1hbmQuZXNjYXBlXT1cImNhbmNlbENvbW1hbmRcIlxuICAgICAgICAgICAgICAgICAgICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIlxuICAgICAgICAgICAgICAgICAgICAgIFtvcHRpb25MYWJlbEZvcm1hdF09XCJvcHRpb25MYWJlbEZvcm1hdFwiXG4gICAgICAgICAgICAgICAgICAgICAgW2FsbG93TmlsXT1cImFjdGl2aXR5RGF0YS5hbGxvd05pbFwiXG4gICAgPlxuICAgICAgPG5nLXRlbXBsYXRlICNuaWxPcHRpb25UZW1wbGF0ZT57e2FjdGl2aXR5RGF0YS5uaWxMYWJlbH19PC9uZy10ZW1wbGF0ZT5cbiAgICA8L2F1cC1zZWxlY3QtaW5wdXQ+XG4gICAgPGF1cC1hY3Rpdml0eS1hY3Rpb25zIFtsYXlvdXRdPVwibGF5b3V0XCIgYWxpZ249XCJlbmRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbY29uZmlybUZhY2VdPVwiY29uZmlybUZhY2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbY2FuY2VsRmFjZV09XCJjYW5jZWxGYWNlXCJcbiAgICA+PC9hdXAtYWN0aXZpdHktYWN0aW9ucz5cbiAgYFxufSlcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LWNsYXNzLXN1ZmZpeFxuZXhwb3J0IGNsYXNzIFNlbGVjdElucHV0QWN0aXZpdHk8VD4gZXh0ZW5kcyBJbnB1dEFjdGl2aXR5PFQsIFNlbGVjdElucHV0QWN0aXZpdHkuRGF0YTxUPj4ge1xuXG4gIHJlYWRvbmx5IGRlZmF1bHRPcHRpb25MYWJlbEZvcm1hdCA9IChvcHRpb246IFQpID0+IHtcbiAgICByZXR1cm4gb3B0aW9uID9cbiAgICAgIHRoaXMuYWN0aXZpdHlEYXRhLm9wdGlvbkxhYmVsID9cbiAgICAgICAgb3B0aW9uW3RoaXMuYWN0aXZpdHlEYXRhLm9wdGlvbkxhYmVsXVxuICAgICAgICA6IG9wdGlvblxuICAgICAgOiBcIlwiXG4gIH07XG5cbiAgZ2V0IG9wdGlvbkxhYmVsRm9ybWF0KCkge1xuICAgIHJldHVybiB0aGlzLmFjdGl2aXR5RGF0YS5vcHRpb25MYWJlbEZvcm1hdCA/PyB0aGlzLmRlZmF1bHRPcHRpb25MYWJlbEZvcm1hdDtcbiAgfVxuXG4gIGdldCBvcHRpb25zKCk6IHJlYWRvbmx5IFRbXSB7XG4gICAgcmV0dXJuIHRoaXMuYWN0aXZpdHlEYXRhLm9wdGlvbnNNb2RlbD8udmFsdWUgfHwgdGhpcy5hY3Rpdml0eURhdGEub3B0aW9ucztcbiAgfVxufVxuXG5leHBvcnQgbmFtZXNwYWNlIFNlbGVjdElucHV0QWN0aXZpdHkge1xuICBleHBvcnQgaW50ZXJmYWNlIERhdGE8VD4gZXh0ZW5kcyBJbnB1dEFjdGl2aXR5LkRhdGE8VD4ge1xuICAgIG9wdGlvbnM/OiBUW107XG4gICAgb3B0aW9uc01vZGVsPzogTGlzdE1vZGVsPFQ+O1xuICAgIG9wdGlvbkxhYmVsPzoga2V5b2YgVDtcbiAgICBvcHRpb25MYWJlbEZvcm1hdD86IChvcHRpb246IFQpID0+IGFueTtcbiAgICBhbGxvd05pbD86IGJvb2xlYW47XG4gICAgbmlsTGFiZWw/OiBzdHJpbmc7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWlucHV0LWFjdGl2aXR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvaW50ZXJhY3Rpb24vY29tcG9uZW50cy9pbnB1dC1hY3Rpdml0aWVzL3NlbGVjdC1pbnB1dC1hY3Rpdml0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXhDLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQXVCL0Msa0VBQWtFO0FBQ2xFLE1BQU0sT0FBTyxtQkFBdUIsU0FBUSxhQUE2QztJQUU5RSx3QkFBd0IsR0FBRyxDQUFDLE1BQVMsRUFBRSxFQUFFO1FBQ2hELE9BQU8sTUFBTSxDQUFDLENBQUM7WUFDYixJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO2dCQUM3QixNQUFNLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLENBQUM7Z0JBQ3JDLENBQUMsQ0FBQyxNQUFNO1lBQ1YsQ0FBQyxDQUFDLEVBQUUsQ0FBQTtJQUNSLENBQUMsQ0FBQztJQUVGLElBQUksaUJBQWlCO1FBQ25CLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxpQkFBaUIsSUFBSSxJQUFJLENBQUMsd0JBQXdCLENBQUM7SUFDOUUsQ0FBQztJQUVELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLEVBQUUsS0FBSyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO0lBQzVFLENBQUM7dUdBaEJVLG1CQUFtQjsyRkFBbkIsbUJBQW1CLHdGQXBCcEI7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJUOzsyRkFHVSxtQkFBbUI7a0JBdEIvQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQ7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0xpc3RNb2RlbH0gZnJvbSAnQGNvb2xvbi9wZWN0aW4nO1xuaW1wb3J0IHtJbnB1dEFjdGl2aXR5fSBmcm9tICcuL2lucHV0LWFjdGl2aXR5JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLXNlbGVjdC1pbnB1dC1hY3Rpdml0eScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGF1cC1zZWxlY3QtaW5wdXQgW3ZhbHVlJF09XCJ2YWx1ZSRcIlxuICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJhY3Rpdml0eURhdGEubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJhY3Rpdml0eURhdGEucGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICAgICAgICAgIFtjb21tYW5kLmVudGVyXT1cImNvbmZpcm1Db21tYW5kXCJcbiAgICAgICAgICAgICAgICAgICAgICBbY29tbWFuZC5lc2NhcGVdPVwiY2FuY2VsQ29tbWFuZFwiXG4gICAgICAgICAgICAgICAgICAgICAgW29wdGlvbnNdPVwib3B0aW9uc1wiXG4gICAgICAgICAgICAgICAgICAgICAgW29wdGlvbkxhYmVsRm9ybWF0XT1cIm9wdGlvbkxhYmVsRm9ybWF0XCJcbiAgICAgICAgICAgICAgICAgICAgICBbYWxsb3dOaWxdPVwiYWN0aXZpdHlEYXRhLmFsbG93TmlsXCJcbiAgICAgICAgICAgICAgICAgICAgICBbZGVuc2VdPVwidHJ1ZVwiXG4gICAgPlxuICAgICAgPG5nLXRlbXBsYXRlICNuaWxPcHRpb25UZW1wbGF0ZT57e2FjdGl2aXR5RGF0YS5uaWxMYWJlbH19PC9uZy10ZW1wbGF0ZT5cbiAgICA8L2F1cC1zZWxlY3QtaW5wdXQ+XG4gICAgPGF1cC1hY3Rpdml0eS1hY3Rpb25zIFtsYXlvdXRdPVwibGF5b3V0XCIgYWxpZ249XCJlbmRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbY29uZmlybUZhY2VdPVwiY29uZmlybUZhY2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbY2FuY2VsRmFjZV09XCJjYW5jZWxGYWNlXCJcbiAgICA+PC9hdXAtYWN0aXZpdHktYWN0aW9ucz5cbiAgYFxufSlcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LWNsYXNzLXN1ZmZpeFxuZXhwb3J0IGNsYXNzIFNlbGVjdElucHV0QWN0aXZpdHk8VD4gZXh0ZW5kcyBJbnB1dEFjdGl2aXR5PFQsIFNlbGVjdElucHV0QWN0aXZpdHkuRGF0YTxUPj4ge1xuXG4gIHJlYWRvbmx5IGRlZmF1bHRPcHRpb25MYWJlbEZvcm1hdCA9IChvcHRpb246IFQpID0+IHtcbiAgICByZXR1cm4gb3B0aW9uID9cbiAgICAgIHRoaXMuYWN0aXZpdHlEYXRhLm9wdGlvbkxhYmVsID9cbiAgICAgICAgb3B0aW9uW3RoaXMuYWN0aXZpdHlEYXRhLm9wdGlvbkxhYmVsXVxuICAgICAgICA6IG9wdGlvblxuICAgICAgOiBcIlwiXG4gIH07XG5cbiAgZ2V0IG9wdGlvbkxhYmVsRm9ybWF0KCkge1xuICAgIHJldHVybiB0aGlzLmFjdGl2aXR5RGF0YS5vcHRpb25MYWJlbEZvcm1hdCA/PyB0aGlzLmRlZmF1bHRPcHRpb25MYWJlbEZvcm1hdDtcbiAgfVxuXG4gIGdldCBvcHRpb25zKCk6IHJlYWRvbmx5IFRbXSB7XG4gICAgcmV0dXJuIHRoaXMuYWN0aXZpdHlEYXRhLm9wdGlvbnNNb2RlbD8udmFsdWUgfHwgdGhpcy5hY3Rpdml0eURhdGEub3B0aW9ucztcbiAgfVxufVxuXG5leHBvcnQgbmFtZXNwYWNlIFNlbGVjdElucHV0QWN0aXZpdHkge1xuICBleHBvcnQgaW50ZXJmYWNlIERhdGE8VD4gZXh0ZW5kcyBJbnB1dEFjdGl2aXR5LkRhdGE8VD4ge1xuICAgIG9wdGlvbnM/OiBUW107XG4gICAgb3B0aW9uc01vZGVsPzogTGlzdE1vZGVsPFQ+O1xuICAgIG9wdGlvbkxhYmVsPzoga2V5b2YgVDtcbiAgICBvcHRpb25MYWJlbEZvcm1hdD86IChvcHRpb246IFQpID0+IGFueTtcbiAgICBhbGxvd05pbD86IGJvb2xlYW47XG4gICAgbmlsTGFiZWw/OiBzdHJpbmc7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/interaction/components/input-activities/string-input-activity.mjs

@@ -11,7 +11,9 @@ export class StringInputActivity extends InputActivity {
                         [label]="activityData.label"
                         [placeholder]="activityData.placeholder"
                         [command.enter]="confirmCommand"
-                        [command.escape]="cancelCommand"></aup-string-input>
+                        [command.escape]="cancelCommand"
+                        [dense]="true"
+      ></aup-string-input>
       <aup-activity-actions [layout]="layout" align="end"
                             [confirmFace]="confirmFace"
                             [cancelFace]="cancelFace"
@@ -27,7 +29,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
                         [label]="activityData.label"
                         [placeholder]="activityData.placeholder"
                         [command.enter]="confirmCommand"
-                        [command.escape]="cancelCommand"></aup-string-input>
+                        [command.escape]="cancelCommand"
+                        [dense]="true"
+      ></aup-string-input>
       <aup-activity-actions [layout]="layout" align="end"
                             [confirmFace]="confirmFace"
                             [cancelFace]="cancelFace"
@@ -35,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
   `
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyaW5nLWlucHV0LWFjdGl2aXR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvaW50ZXJhY3Rpb24vY29tcG9uZW50cy9pbnB1dC1hY3Rpdml0aWVzL3N0cmluZy1pbnB1dC1hY3Rpdml0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQWlCL0Msa0VBQWtFO0FBQ2xFLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxhQUFxQjt1R0FBakQsbUJBQW1COzJGQUFuQixtQkFBbUIsd0ZBYnBCOzs7Ozs7Ozs7O0dBVVQ7OzJGQUdVLG1CQUFtQjtrQkFmL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7R0FVVDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7SW5wdXRBY3Rpdml0eX0gZnJvbSAnLi9pbnB1dC1hY3Rpdml0eSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLXN0cmluZy1pbnB1dC1hY3Rpdml0eScsXG4gIHRlbXBsYXRlOiBgXG4gICAgICA8YXVwLXN0cmluZy1pbnB1dCBbdmFsdWUkXT1cInZhbHVlJFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiYWN0aXZpdHlEYXRhLmxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJhY3Rpdml0eURhdGEucGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2NvbW1hbmQuZW50ZXJdPVwiY29uZmlybUNvbW1hbmRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2NvbW1hbmQuZXNjYXBlXT1cImNhbmNlbENvbW1hbmRcIj48L2F1cC1zdHJpbmctaW5wdXQ+XG4gICAgICA8YXVwLWFjdGl2aXR5LWFjdGlvbnMgW2xheW91dF09XCJsYXlvdXRcIiBhbGlnbj1cImVuZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NvbmZpcm1GYWNlXT1cImNvbmZpcm1GYWNlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY2FuY2VsRmFjZV09XCJjYW5jZWxGYWNlXCJcbiAgICAgID48L2F1cC1hY3Rpdml0eS1hY3Rpb25zPlxuICBgXG59KVxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtY2xhc3Mtc3VmZml4XG5leHBvcnQgY2xhc3MgU3RyaW5nSW5wdXRBY3Rpdml0eSBleHRlbmRzIElucHV0QWN0aXZpdHk8c3RyaW5nPiB7XG59XG5cbmV4cG9ydCBuYW1lc3BhY2UgU3RyaW5nSW5wdXRBY3Rpdml0eSB7XG4gIGV4cG9ydCBpbnRlcmZhY2UgRGF0YSBleHRlbmRzIElucHV0QWN0aXZpdHkuRGF0YTxzdHJpbmc+IHtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyaW5nLWlucHV0LWFjdGl2aXR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvaW50ZXJhY3Rpb24vY29tcG9uZW50cy9pbnB1dC1hY3Rpdml0aWVzL3N0cmluZy1pbnB1dC1hY3Rpdml0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQW1CL0Msa0VBQWtFO0FBQ2xFLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxhQUFxQjt1R0FBakQsbUJBQW1COzJGQUFuQixtQkFBbUIsd0ZBZnBCOzs7Ozs7Ozs7Ozs7R0FZVDs7MkZBR1UsbUJBQW1CO2tCQWpCL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7OztHQVlUO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtJbnB1dEFjdGl2aXR5fSBmcm9tICcuL2lucHV0LWFjdGl2aXR5JztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdXAtc3RyaW5nLWlucHV0LWFjdGl2aXR5JyxcbiAgdGVtcGxhdGU6IGBcbiAgICAgIDxhdXAtc3RyaW5nLWlucHV0IFt2YWx1ZSRdPVwidmFsdWUkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJhY3Rpdml0eURhdGEubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImFjdGl2aXR5RGF0YS5wbGFjZWhvbGRlclwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY29tbWFuZC5lbnRlcl09XCJjb25maXJtQ29tbWFuZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY29tbWFuZC5lc2NhcGVdPVwiY2FuY2VsQ29tbWFuZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGVuc2VdPVwidHJ1ZVwiXG4gICAgICA+PC9hdXAtc3RyaW5nLWlucHV0PlxuICAgICAgPGF1cC1hY3Rpdml0eS1hY3Rpb25zIFtsYXlvdXRdPVwibGF5b3V0XCIgYWxpZ249XCJlbmRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjb25maXJtRmFjZV09XCJjb25maXJtRmFjZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NhbmNlbEZhY2VdPVwiY2FuY2VsRmFjZVwiXG4gICAgICA+PC9hdXAtYWN0aXZpdHktYWN0aW9ucz5cbiAgYFxufSlcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LWNsYXNzLXN1ZmZpeFxuZXhwb3J0IGNsYXNzIFN0cmluZ0lucHV0QWN0aXZpdHkgZXh0ZW5kcyBJbnB1dEFjdGl2aXR5PHN0cmluZz4ge1xufVxuXG5leHBvcnQgbmFtZXNwYWNlIFN0cmluZ0lucHV0QWN0aXZpdHkge1xuICBleHBvcnQgaW50ZXJmYWNlIERhdGEgZXh0ZW5kcyBJbnB1dEFjdGl2aXR5LkRhdGE8c3RyaW5nPiB7XG4gIH1cbn1cbiJdfQ==

package/fesm2022/coolon-angular-ui-powerups.mjs

@@ -845,13 +845,13 @@ class IconComponent {
         return `fa-${this.suffix}`;
     }
     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) 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$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+    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)}:host fa-icon{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$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             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) 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"] }]
+                    }, 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)}:host fa-icon{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"] }]
         }], propDecorators: { icon: [{
                 type: Input
             }, {
@@ -915,7 +915,7 @@ class CommandFaceComponent extends DisposableComponent {
         return this.activeColor.value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CommandFaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CommandFaceComponent, selector: "aup-command-face", inputs: { _rawFaces: ["faces", "_rawFaces"], face: "face", ignoreIcon: "ignoreIcon", ignoreText: "ignoreText", includeMissingIconInLayout: "includeMissingIconInLayout" }, host: { properties: { "class.hide-icon": "this.requiresMissingIconInLayout", "attr.color": "this.color" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n  <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n  <span *ngIf=\"face.text\">{{face.text}}</span>\n  <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n", styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "aup-icon", inputs: ["icon"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CommandFaceComponent, selector: "aup-command-face", inputs: { _rawFaces: ["faces", "_rawFaces"], face: "face", ignoreIcon: "ignoreIcon", ignoreText: "ignoreText", includeMissingIconInLayout: "includeMissingIconInLayout" }, host: { properties: { "class.hide-icon": "this.requiresMissingIconInLayout", "attr.color": "this.color" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n  <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n  <span *ngIf=\"face.text\">{{face.text}}</span>\n  <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n", styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}.mat-mdc-button-base:not(.mat-mdc-icon-button) aup-command-face{margin-top:4px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "aup-icon", inputs: ["icon"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 __decorate([
     StoreInListModel("faces$"),
@@ -923,7 +923,7 @@ __decorate([
 ], CommandFaceComponent.prototype, "_rawFaces", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CommandFaceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aup-command-face', encapsulation: ViewEncapsulation.None, template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n  <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n  <span *ngIf=\"face.text\">{{face.text}}</span>\n  <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n", styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}\n"] }]
+            args: [{ selector: 'aup-command-face', encapsulation: ViewEncapsulation.None, template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n  <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n  <span *ngIf=\"face.text\">{{face.text}}</span>\n  <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n", styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}.mat-mdc-button-base:not(.mat-mdc-icon-button) aup-command-face{margin-top:4px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { _rawFaces: [{
                 type: Input,
                 args: ['faces']
@@ -9954,7 +9954,9 @@ class StringInputActivity extends InputActivity {
                         [label]="activityData.label"
                         [placeholder]="activityData.placeholder"
                         [command.enter]="confirmCommand"
-                        [command.escape]="cancelCommand"></aup-string-input>
+                        [command.escape]="cancelCommand"
+                        [dense]="true"
+      ></aup-string-input>
       <aup-activity-actions [layout]="layout" align="end"
                             [confirmFace]="confirmFace"
                             [cancelFace]="cancelFace"
@@ -9970,7 +9972,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
                         [label]="activityData.label"
                         [placeholder]="activityData.placeholder"
                         [command.enter]="confirmCommand"
-                        [command.escape]="cancelCommand"></aup-string-input>
+                        [command.escape]="cancelCommand"
+                        [dense]="true"
+      ></aup-string-input>
       <aup-activity-actions [layout]="layout" align="end"
                             [confirmFace]="confirmFace"
                             [cancelFace]="cancelFace"
@@ -10236,6 +10240,7 @@ class SelectInputActivity extends InputActivity {
                       [options]="options"
                       [optionLabelFormat]="optionLabelFormat"
                       [allowNil]="activityData.allowNil"
+                      [dense]="true"
     >
       <ng-template #nilOptionTemplate>{{activityData.nilLabel}}</ng-template>
     </aup-select-input>
@@ -10258,6 +10263,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
                       [options]="options"
                       [optionLabelFormat]="optionLabelFormat"
                       [allowNil]="activityData.allowNil"
+                      [dense]="true"
     >
       <ng-template #nilOptionTemplate>{{activityData.nilLabel}}</ng-template>
     </aup-select-input>