@coolon/angular-ui-powerups 16.1.0-aplpha.24 → 16.1.0-aplpha.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/activities/input-activities.scss +10 -2
- package/assets/form.scss +4 -0
- package/esm2022/lib/components/commands/command-face/command-face.component.mjs +2 -2
- package/esm2022/lib/components/icon/icon.component.mjs +2 -2
- package/esm2022/lib/interaction/components/editors/edit-context.mjs +1 -1
- package/esm2022/lib/interaction/components/input-activities/select-input-activity.mjs +3 -1
- package/esm2022/lib/interaction/components/input-activities/string-input-activity.mjs +7 -3
- package/fesm2022/coolon-angular-ui-powerups.mjs +12 -6
- package/fesm2022/coolon-angular-ui-powerups.mjs.map +1 -1
- package/lib/interaction/components/editors/edit-context.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
1
|
@mixin apply-theme($color-config, $typography-config) {
|
|
3
2
|
|
|
4
3
|
.aup-input-activity {
|
|
@@ -15,6 +14,7 @@
|
|
|
15
14
|
&[layout=inline] {
|
|
16
15
|
display: flex;
|
|
17
16
|
flex-direction: row;
|
|
17
|
+
align-items: center;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
aup-activity-actions {
|
|
@@ -27,9 +27,17 @@
|
|
|
27
27
|
padding-left: var(--aup-activity-padding-left, var(--aup-activity-padding));
|
|
28
28
|
padding-right: var(--aup-activity-padding-right, var(--aup-activity-padding));
|
|
29
29
|
|
|
30
|
+
&[layout=inline] {
|
|
31
|
+
--p: calc(var(--aup-activity-padding)/2);
|
|
32
|
+
padding-top: var(--aup-activity-padding-top, var(--p));
|
|
33
|
+
padding-bottom: var(--aup-activity-padding-bottom, var(--p));
|
|
34
|
+
}
|
|
35
|
+
|
|
30
36
|
&[layout=block] {
|
|
31
|
-
padding-
|
|
37
|
+
padding-top: var(--aup-activity-padding-top, var(--aup-activity-padding));
|
|
38
|
+
padding-bottom: 0; //var(--aup-activity-padding-bottom, var(--aup-activity-padding));
|
|
32
39
|
}
|
|
40
|
+
|
|
33
41
|
}
|
|
34
42
|
|
|
35
43
|
|
package/assets/form.scss
CHANGED
|
@@ -7,6 +7,8 @@
|
|
|
7
7
|
|
|
8
8
|
display: block;
|
|
9
9
|
|
|
10
|
+
margin-top: 4px; // HACK: make room for the float label
|
|
11
|
+
|
|
10
12
|
mat-form-field, input {
|
|
11
13
|
width: 100%;
|
|
12
14
|
|
|
@@ -54,7 +56,9 @@
|
|
|
54
56
|
padding-bottom: 6px;
|
|
55
57
|
|
|
56
58
|
}
|
|
59
|
+
|
|
57
60
|
.mat-mdc-form-field-subscript-wrapper {
|
|
61
|
+
// TODO: make it visible if there's a hint or error
|
|
58
62
|
display: none;
|
|
59
63
|
}
|
|
60
64
|
|
|
@@ -55,7 +55,7 @@ export class CommandFaceComponent extends DisposableComponent {
|
|
|
55
55
|
return this.activeColor.value;
|
|
56
56
|
}
|
|
57
57
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CommandFaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
58
|
-
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 });
|
|
58
|
+
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 });
|
|
59
59
|
}
|
|
60
60
|
__decorate([
|
|
61
61
|
StoreInListModel("faces$"),
|
|
@@ -63,7 +63,7 @@ __decorate([
|
|
|
63
63
|
], CommandFaceComponent.prototype, "_rawFaces", null);
|
|
64
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CommandFaceComponent, decorators: [{
|
|
65
65
|
type: Component,
|
|
66
|
-
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"] }]
|
|
66
|
+
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"] }]
|
|
67
67
|
}], ctorParameters: function () { return []; }, propDecorators: { _rawFaces: [{
|
|
68
68
|
type: Input,
|
|
69
69
|
args: ['faces']
|
|
@@ -36,13 +36,13 @@ export class IconComponent {
|
|
|
36
36
|
return `fa-${this.suffix}`;
|
|
37
37
|
}
|
|
38
38
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
-
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
|
|
39
|
+
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"] }] });
|
|
40
40
|
}
|
|
41
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: IconComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
43
43
|
args: [{ selector: 'aup-icon', host: {
|
|
44
44
|
class: "mat-icon" // this ensures angular form styles that target mat icon also work with us
|
|
45
|
-
}, 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
|
|
45
|
+
}, 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"] }]
|
|
46
46
|
}], propDecorators: { icon: [{
|
|
47
47
|
type: Input
|
|
48
48
|
}, {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdC1jb250ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvaW50ZXJhY3Rpb24vY29tcG9uZW50cy9lZGl0b3JzL2VkaXQtY29udGV4dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBFZGl0Q29udGV4dDxUPiB7XG4gIGluamVjdEVycm9yKGVycm9yOiBzdHJpbmcpOnZvaWQ7XG4gIC8vIHJlcGxhY2VWYWx1ZSh2YWx1ZTpUKSAvLyBUT0RPOiBpbXBsZW1lbnQuLlxufVxuIl19
|
|
@@ -28,6 +28,7 @@ export class SelectInputActivity extends InputActivity {
|
|
|
28
28
|
[options]="options"
|
|
29
29
|
[optionLabelFormat]="optionLabelFormat"
|
|
30
30
|
[allowNil]="activityData.allowNil"
|
|
31
|
+
[dense]="true"
|
|
31
32
|
>
|
|
32
33
|
<ng-template #nilOptionTemplate>{{activityData.nilLabel}}</ng-template>
|
|
33
34
|
</aup-select-input>
|
|
@@ -50,6 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
50
51
|
[options]="options"
|
|
51
52
|
[optionLabelFormat]="optionLabelFormat"
|
|
52
53
|
[allowNil]="activityData.allowNil"
|
|
54
|
+
[dense]="true"
|
|
53
55
|
>
|
|
54
56
|
<ng-template #nilOptionTemplate>{{activityData.nilLabel}}</ng-template>
|
|
55
57
|
</aup-select-input>
|
|
@@ -60,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
60
62
|
`
|
|
61
63
|
}]
|
|
62
64
|
}] });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWlucHV0LWFjdGl2aXR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvaW50ZXJhY3Rpb24vY29tcG9uZW50cy9pbnB1dC1hY3Rpdml0aWVzL3NlbGVjdC1pbnB1dC1hY3Rpdml0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXhDLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQXVCL0Msa0VBQWtFO0FBQ2xFLE1BQU0sT0FBTyxtQkFBdUIsU0FBUSxhQUE2QztJQUU5RSx3QkFBd0IsR0FBRyxDQUFDLE1BQVMsRUFBRSxFQUFFO1FBQ2hELE9BQU8sTUFBTSxDQUFDLENBQUM7WUFDYixJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO2dCQUM3QixNQUFNLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLENBQUM7Z0JBQ3JDLENBQUMsQ0FBQyxNQUFNO1lBQ1YsQ0FBQyxDQUFDLEVBQUUsQ0FBQTtJQUNSLENBQUMsQ0FBQztJQUVGLElBQUksaUJBQWlCO1FBQ25CLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxpQkFBaUIsSUFBSSxJQUFJLENBQUMsd0JBQXdCLENBQUM7SUFDOUUsQ0FBQztJQUVELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLEVBQUUsS0FBSyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO0lBQzVFLENBQUM7dUdBaEJVLG1CQUFtQjsyRkFBbkIsbUJBQW1CLHdGQXBCcEI7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJUOzsyRkFHVSxtQkFBbUI7a0JBdEIvQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQ7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0xpc3RNb2RlbH0gZnJvbSAnQGNvb2xvbi9wZWN0aW4nO1xuaW1wb3J0IHtJbnB1dEFjdGl2aXR5fSBmcm9tICcuL2lucHV0LWFjdGl2aXR5JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLXNlbGVjdC1pbnB1dC1hY3Rpdml0eScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGF1cC1zZWxlY3QtaW5wdXQgW3ZhbHVlJF09XCJ2YWx1ZSRcIlxuICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJhY3Rpdml0eURhdGEubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJhY3Rpdml0eURhdGEucGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICAgICAgICAgIFtjb21tYW5kLmVudGVyXT1cImNvbmZpcm1Db21tYW5kXCJcbiAgICAgICAgICAgICAgICAgICAgICBbY29tbWFuZC5lc2NhcGVdPVwiY2FuY2VsQ29tbWFuZFwiXG4gICAgICAgICAgICAgICAgICAgICAgW29wdGlvbnNdPVwib3B0aW9uc1wiXG4gICAgICAgICAgICAgICAgICAgICAgW29wdGlvbkxhYmVsRm9ybWF0XT1cIm9wdGlvbkxhYmVsRm9ybWF0XCJcbiAgICAgICAgICAgICAgICAgICAgICBbYWxsb3dOaWxdPVwiYWN0aXZpdHlEYXRhLmFsbG93TmlsXCJcbiAgICAgICAgICAgICAgICAgICAgICBbZGVuc2VdPVwidHJ1ZVwiXG4gICAgPlxuICAgICAgPG5nLXRlbXBsYXRlICNuaWxPcHRpb25UZW1wbGF0ZT57e2FjdGl2aXR5RGF0YS5uaWxMYWJlbH19PC9uZy10ZW1wbGF0ZT5cbiAgICA8L2F1cC1zZWxlY3QtaW5wdXQ+XG4gICAgPGF1cC1hY3Rpdml0eS1hY3Rpb25zIFtsYXlvdXRdPVwibGF5b3V0XCIgYWxpZ249XCJlbmRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbY29uZmlybUZhY2VdPVwiY29uZmlybUZhY2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbY2FuY2VsRmFjZV09XCJjYW5jZWxGYWNlXCJcbiAgICA+PC9hdXAtYWN0aXZpdHktYWN0aW9ucz5cbiAgYFxufSlcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LWNsYXNzLXN1ZmZpeFxuZXhwb3J0IGNsYXNzIFNlbGVjdElucHV0QWN0aXZpdHk8VD4gZXh0ZW5kcyBJbnB1dEFjdGl2aXR5PFQsIFNlbGVjdElucHV0QWN0aXZpdHkuRGF0YTxUPj4ge1xuXG4gIHJlYWRvbmx5IGRlZmF1bHRPcHRpb25MYWJlbEZvcm1hdCA9IChvcHRpb246IFQpID0+IHtcbiAgICByZXR1cm4gb3B0aW9uID9cbiAgICAgIHRoaXMuYWN0aXZpdHlEYXRhLm9wdGlvbkxhYmVsID9cbiAgICAgICAgb3B0aW9uW3RoaXMuYWN0aXZpdHlEYXRhLm9wdGlvbkxhYmVsXVxuICAgICAgICA6IG9wdGlvblxuICAgICAgOiBcIlwiXG4gIH07XG5cbiAgZ2V0IG9wdGlvbkxhYmVsRm9ybWF0KCkge1xuICAgIHJldHVybiB0aGlzLmFjdGl2aXR5RGF0YS5vcHRpb25MYWJlbEZvcm1hdCA/PyB0aGlzLmRlZmF1bHRPcHRpb25MYWJlbEZvcm1hdDtcbiAgfVxuXG4gIGdldCBvcHRpb25zKCk6IHJlYWRvbmx5IFRbXSB7XG4gICAgcmV0dXJuIHRoaXMuYWN0aXZpdHlEYXRhLm9wdGlvbnNNb2RlbD8udmFsdWUgfHwgdGhpcy5hY3Rpdml0eURhdGEub3B0aW9ucztcbiAgfVxufVxuXG5leHBvcnQgbmFtZXNwYWNlIFNlbGVjdElucHV0QWN0aXZpdHkge1xuICBleHBvcnQgaW50ZXJmYWNlIERhdGE8VD4gZXh0ZW5kcyBJbnB1dEFjdGl2aXR5LkRhdGE8VD4ge1xuICAgIG9wdGlvbnM/OiBUW107XG4gICAgb3B0aW9uc01vZGVsPzogTGlzdE1vZGVsPFQ+O1xuICAgIG9wdGlvbkxhYmVsPzoga2V5b2YgVDtcbiAgICBvcHRpb25MYWJlbEZvcm1hdD86IChvcHRpb246IFQpID0+IGFueTtcbiAgICBhbGxvd05pbD86IGJvb2xlYW47XG4gICAgbmlsTGFiZWw/OiBzdHJpbmc7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -11,7 +11,9 @@ export class StringInputActivity extends InputActivity {
|
|
|
11
11
|
[label]="activityData.label"
|
|
12
12
|
[placeholder]="activityData.placeholder"
|
|
13
13
|
[command.enter]="confirmCommand"
|
|
14
|
-
[command.escape]="cancelCommand"
|
|
14
|
+
[command.escape]="cancelCommand"
|
|
15
|
+
[dense]="true"
|
|
16
|
+
></aup-string-input>
|
|
15
17
|
<aup-activity-actions [layout]="layout" align="end"
|
|
16
18
|
[confirmFace]="confirmFace"
|
|
17
19
|
[cancelFace]="cancelFace"
|
|
@@ -27,7 +29,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
27
29
|
[label]="activityData.label"
|
|
28
30
|
[placeholder]="activityData.placeholder"
|
|
29
31
|
[command.enter]="confirmCommand"
|
|
30
|
-
[command.escape]="cancelCommand"
|
|
32
|
+
[command.escape]="cancelCommand"
|
|
33
|
+
[dense]="true"
|
|
34
|
+
></aup-string-input>
|
|
31
35
|
<aup-activity-actions [layout]="layout" align="end"
|
|
32
36
|
[confirmFace]="confirmFace"
|
|
33
37
|
[cancelFace]="cancelFace"
|
|
@@ -35,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
35
39
|
`
|
|
36
40
|
}]
|
|
37
41
|
}] });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyaW5nLWlucHV0LWFjdGl2aXR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvaW50ZXJhY3Rpb24vY29tcG9uZW50cy9pbnB1dC1hY3Rpdml0aWVzL3N0cmluZy1pbnB1dC1hY3Rpdml0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQW1CL0Msa0VBQWtFO0FBQ2xFLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxhQUFxQjt1R0FBakQsbUJBQW1COzJGQUFuQixtQkFBbUIsd0ZBZnBCOzs7Ozs7Ozs7Ozs7R0FZVDs7MkZBR1UsbUJBQW1CO2tCQWpCL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7OztHQVlUO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtJbnB1dEFjdGl2aXR5fSBmcm9tICcuL2lucHV0LWFjdGl2aXR5JztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdXAtc3RyaW5nLWlucHV0LWFjdGl2aXR5JyxcbiAgdGVtcGxhdGU6IGBcbiAgICAgIDxhdXAtc3RyaW5nLWlucHV0IFt2YWx1ZSRdPVwidmFsdWUkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJhY3Rpdml0eURhdGEubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImFjdGl2aXR5RGF0YS5wbGFjZWhvbGRlclwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY29tbWFuZC5lbnRlcl09XCJjb25maXJtQ29tbWFuZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY29tbWFuZC5lc2NhcGVdPVwiY2FuY2VsQ29tbWFuZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGVuc2VdPVwidHJ1ZVwiXG4gICAgICA+PC9hdXAtc3RyaW5nLWlucHV0PlxuICAgICAgPGF1cC1hY3Rpdml0eS1hY3Rpb25zIFtsYXlvdXRdPVwibGF5b3V0XCIgYWxpZ249XCJlbmRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjb25maXJtRmFjZV09XCJjb25maXJtRmFjZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NhbmNlbEZhY2VdPVwiY2FuY2VsRmFjZVwiXG4gICAgICA+PC9hdXAtYWN0aXZpdHktYWN0aW9ucz5cbiAgYFxufSlcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LWNsYXNzLXN1ZmZpeFxuZXhwb3J0IGNsYXNzIFN0cmluZ0lucHV0QWN0aXZpdHkgZXh0ZW5kcyBJbnB1dEFjdGl2aXR5PHN0cmluZz4ge1xufVxuXG5leHBvcnQgbmFtZXNwYWNlIFN0cmluZ0lucHV0QWN0aXZpdHkge1xuICBleHBvcnQgaW50ZXJmYWNlIERhdGEgZXh0ZW5kcyBJbnB1dEFjdGl2aXR5LkRhdGE8c3RyaW5nPiB7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -845,13 +845,13 @@ class IconComponent {
|
|
|
845
845
|
return `fa-${this.suffix}`;
|
|
846
846
|
}
|
|
847
847
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
848
|
-
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
|
|
848
|
+
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"] }] });
|
|
849
849
|
}
|
|
850
850
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: IconComponent, decorators: [{
|
|
851
851
|
type: Component,
|
|
852
852
|
args: [{ selector: 'aup-icon', host: {
|
|
853
853
|
class: "mat-icon" // this ensures angular form styles that target mat icon also work with us
|
|
854
|
-
}, 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
|
|
854
|
+
}, 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"] }]
|
|
855
855
|
}], propDecorators: { icon: [{
|
|
856
856
|
type: Input
|
|
857
857
|
}, {
|
|
@@ -915,7 +915,7 @@ class CommandFaceComponent extends DisposableComponent {
|
|
|
915
915
|
return this.activeColor.value;
|
|
916
916
|
}
|
|
917
917
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CommandFaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
918
|
-
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 });
|
|
918
|
+
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 });
|
|
919
919
|
}
|
|
920
920
|
__decorate([
|
|
921
921
|
StoreInListModel("faces$"),
|
|
@@ -923,7 +923,7 @@ __decorate([
|
|
|
923
923
|
], CommandFaceComponent.prototype, "_rawFaces", null);
|
|
924
924
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CommandFaceComponent, decorators: [{
|
|
925
925
|
type: Component,
|
|
926
|
-
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"] }]
|
|
926
|
+
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"] }]
|
|
927
927
|
}], ctorParameters: function () { return []; }, propDecorators: { _rawFaces: [{
|
|
928
928
|
type: Input,
|
|
929
929
|
args: ['faces']
|
|
@@ -9954,7 +9954,9 @@ class StringInputActivity extends InputActivity {
|
|
|
9954
9954
|
[label]="activityData.label"
|
|
9955
9955
|
[placeholder]="activityData.placeholder"
|
|
9956
9956
|
[command.enter]="confirmCommand"
|
|
9957
|
-
[command.escape]="cancelCommand"
|
|
9957
|
+
[command.escape]="cancelCommand"
|
|
9958
|
+
[dense]="true"
|
|
9959
|
+
></aup-string-input>
|
|
9958
9960
|
<aup-activity-actions [layout]="layout" align="end"
|
|
9959
9961
|
[confirmFace]="confirmFace"
|
|
9960
9962
|
[cancelFace]="cancelFace"
|
|
@@ -9970,7 +9972,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
9970
9972
|
[label]="activityData.label"
|
|
9971
9973
|
[placeholder]="activityData.placeholder"
|
|
9972
9974
|
[command.enter]="confirmCommand"
|
|
9973
|
-
[command.escape]="cancelCommand"
|
|
9975
|
+
[command.escape]="cancelCommand"
|
|
9976
|
+
[dense]="true"
|
|
9977
|
+
></aup-string-input>
|
|
9974
9978
|
<aup-activity-actions [layout]="layout" align="end"
|
|
9975
9979
|
[confirmFace]="confirmFace"
|
|
9976
9980
|
[cancelFace]="cancelFace"
|
|
@@ -10236,6 +10240,7 @@ class SelectInputActivity extends InputActivity {
|
|
|
10236
10240
|
[options]="options"
|
|
10237
10241
|
[optionLabelFormat]="optionLabelFormat"
|
|
10238
10242
|
[allowNil]="activityData.allowNil"
|
|
10243
|
+
[dense]="true"
|
|
10239
10244
|
>
|
|
10240
10245
|
<ng-template #nilOptionTemplate>{{activityData.nilLabel}}</ng-template>
|
|
10241
10246
|
</aup-select-input>
|
|
@@ -10258,6 +10263,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
10258
10263
|
[options]="options"
|
|
10259
10264
|
[optionLabelFormat]="optionLabelFormat"
|
|
10260
10265
|
[allowNil]="activityData.allowNil"
|
|
10266
|
+
[dense]="true"
|
|
10261
10267
|
>
|
|
10262
10268
|
<ng-template #nilOptionTemplate>{{activityData.nilLabel}}</ng-template>
|
|
10263
10269
|
</aup-select-input>
|