@coolon/angular-ui-powerups 16.1.0-aplpha.180 → 16.1.0-aplpha.182

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

@@ -2450,6 +2450,7 @@ class NumberInputComponent extends AbstractValueInputComponent {
     get max() { return this.#max_accessor_storage; }
     set max(value) { this.#max_accessor_storage = value; }
     #significantDigits$_accessor_storage = proxify((ValueModel));
+    // TODO: rename to decimal places.   Also need to reject key presses for characters > last decimal place as the clamping rounds things up if you type a digit >= 5
     get significantDigits$() { return this.#significantDigits$_accessor_storage; }
     set significantDigits$(value) { this.#significantDigits$_accessor_storage = value; }
     #significantDigits_accessor_storage;
@@ -2733,6 +2734,7 @@ class StringInputComponent extends AbstractValueInputComponent {
     get suffixCommand() { return this.#suffixCommand_accessor_storage; }
     set suffixCommand(value) { this.#suffixCommand_accessor_storage = value; }
     inputMode = 'text';
+    trim = true;
     clearCommand;
     elementRef = this.inject(ElementRef);
     constructor() {
@@ -2750,8 +2752,11 @@ class StringInputComponent extends AbstractValueInputComponent {
     select() {
         this.elementRef.nativeElement.querySelector('input').select();
     }
+    onValueChange($event) {
+        this.componentValue$.value = this.trim ? $event?.trim() : $event;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: StringInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: StringInputComponent, selector: "aup-string-input", inputs: { autocomplete: "autocomplete", enableClear$: "enableClear$", enableClear: "enableClear", iconPrefix: "iconPrefix", suffixCommand: "suffixCommand", inputMode: "inputMode" }, usesInheritance: true, ngImport: i0, template: "<mat-form-field [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input matInput\n         placeholder=\"{{placeholder}}\"\n         [attr.inputmode]=\"inputMode\"\n         [attr.autocomplete]=\"autocomplete\"\n         [(ngModel)]=\"componentValue$.value\"\n         [disabled]=\"!enabled$.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors()\">{{firstError}}</mat-error>\n  <aup-icon *ngIf=\"iconPrefix\" matPrefix [icon]=\"iconPrefix\"></aup-icon>\n  <span matSuffix>\n    <aup-command *ngIf=\"enableClear\" [command]=\"clearCommand\" data-cy=\"clearCommand\"></aup-command>\n    <aup-command *ngIf=\"hasSuffixCommand\" [command]=\"suffixCommand\" data-cy=\"suffixCommand\"></aup-command>\n  </span>\n</mat-form-field>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$5.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$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.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: i4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: FocusBindingDirective, selector: "[pectinFocusBinding]", inputs: ["pectinFocusBinding", "focusBindingTarget"] }, { kind: "component", type: IconComponent, selector: "aup-icon", inputs: ["icon"] }, { kind: "component", type: CommandComponent, selector: "aup-command", inputs: ["command", "face$", "face", "busyFace$", "busyFace", "alignFace"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: StringInputComponent, selector: "aup-string-input", inputs: { autocomplete: "autocomplete", enableClear$: "enableClear$", enableClear: "enableClear", iconPrefix: "iconPrefix", suffixCommand: "suffixCommand", inputMode: "inputMode", trim: "trim" }, usesInheritance: true, ngImport: i0, template: "<mat-form-field [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input matInput\n         placeholder=\"{{placeholder}}\"\n         [attr.inputmode]=\"inputMode\"\n         [attr.autocomplete]=\"autocomplete\"\n         [ngModel]=\"value$.value\"\n         (ngModelChange)=\"onValueChange($event)\"\n         [disabled]=\"!enabled$.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors()\">{{firstError}}</mat-error>\n  <aup-icon *ngIf=\"iconPrefix\" matPrefix [icon]=\"iconPrefix\"></aup-icon>\n  <span matSuffix>\n    <aup-command *ngIf=\"enableClear\" [command]=\"clearCommand\" data-cy=\"clearCommand\"></aup-command>\n    <aup-command *ngIf=\"hasSuffixCommand\" [command]=\"suffixCommand\" data-cy=\"suffixCommand\"></aup-command>\n  </span>\n</mat-form-field>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$5.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$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.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: i4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: FocusBindingDirective, selector: "[pectinFocusBinding]", inputs: ["pectinFocusBinding", "focusBindingTarget"] }, { kind: "component", type: IconComponent, selector: "aup-icon", inputs: ["icon"] }, { kind: "component", type: CommandComponent, selector: "aup-command", inputs: ["command", "face$", "face", "busyFace$", "busyFace", "alignFace"] }] });
 }
 __decorate([
     Proxify(),
@@ -2767,7 +2772,7 @@ __decorate([
 ], StringInputComponent.prototype, "suffixCommand", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: StringInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aup-string-input', template: "<mat-form-field [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input matInput\n         placeholder=\"{{placeholder}}\"\n         [attr.inputmode]=\"inputMode\"\n         [attr.autocomplete]=\"autocomplete\"\n         [(ngModel)]=\"componentValue$.value\"\n         [disabled]=\"!enabled$.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors()\">{{firstError}}</mat-error>\n  <aup-icon *ngIf=\"iconPrefix\" matPrefix [icon]=\"iconPrefix\"></aup-icon>\n  <span matSuffix>\n    <aup-command *ngIf=\"enableClear\" [command]=\"clearCommand\" data-cy=\"clearCommand\"></aup-command>\n    <aup-command *ngIf=\"hasSuffixCommand\" [command]=\"suffixCommand\" data-cy=\"suffixCommand\"></aup-command>\n  </span>\n</mat-form-field>\n\n" }]
+            args: [{ selector: 'aup-string-input', template: "<mat-form-field [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input matInput\n         placeholder=\"{{placeholder}}\"\n         [attr.inputmode]=\"inputMode\"\n         [attr.autocomplete]=\"autocomplete\"\n         [ngModel]=\"value$.value\"\n         (ngModelChange)=\"onValueChange($event)\"\n         [disabled]=\"!enabled$.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors()\">{{firstError}}</mat-error>\n  <aup-icon *ngIf=\"iconPrefix\" matPrefix [icon]=\"iconPrefix\"></aup-icon>\n  <span matSuffix>\n    <aup-command *ngIf=\"enableClear\" [command]=\"clearCommand\" data-cy=\"clearCommand\"></aup-command>\n    <aup-command *ngIf=\"hasSuffixCommand\" [command]=\"suffixCommand\" data-cy=\"suffixCommand\"></aup-command>\n  </span>\n</mat-form-field>\n\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { autocomplete: [{
                 type: Input
             }], enableClear$: [{
@@ -2780,6 +2785,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
                 type: Input
             }], inputMode: [{
                 type: Input
+            }], trim: [{
+                type: Input
             }] } });
 
 class TextInputComponent extends AbstractValueInputComponent {
@@ -5268,7 +5275,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
 class LoadingMonitor extends GarbageCollector {
     watchChanges$ = new MutableValueModel(false);
     trackers = new Map();
-    createTracker(loadable) {
+    createTracker(loadable, options) {
         const existing = this.trackers.get(loadable);
         if (!existing) {
             const tracker = new LoadingMonitor.Tracker(loadable, this.watchChanges$);
@@ -5301,11 +5308,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
         watchChanges$;
         loadables = [];
         rootName;
-        constructor(root, watchChanges$) {
+        constructor(root, watchChanges$, tag) {
             super();
             this.root = root;
             this.watchChanges$ = watchChanges$;
-            this.rootName = root.constructor.name;
+            const bits = [root.constructor.name];
+            if (tag)
+                bits.push(`[${tag}]`);
+            this.rootName = bits.join('');
         }
         registerLoadableDependency(loadable) {
             const { when } = Dsl.disposeWith(this);
@@ -9545,28 +9555,31 @@ class PlaceRouter extends GarbageCollector {
         this.interactionService = interactionService;
         this.urlService = urlService;
         this.placeHistory = placeHistory;
-        if (window["Cypress"]) {
-            window["aup.PlaceRouter"] = this;
+        if (window['Cypress']) {
+            window['aup.PlaceRouter'] = this;
         }
-        this.routerInteractionAdapter = interactionService.registerPlaceRouter(this);
+        this.routerInteractionAdapter =
+            interactionService.registerPlaceRouter(this);
         // TODO: Make this an interface and use 'this' instead.
         this.navigationContext = new NavigationContext.Impl(this.urlService, this.routerInteractionAdapter, (urlSnapshot, options) => {
             return this.navigateByUrl(urlSnapshot, options);
-        }, state => {
+        }, (state) => {
             this.transitionTo(state);
-        }, segments => {
+        }, (segments) => {
             this.routingSessionFinished(segments);
         });
         const { chain } = Dsl.disposeWith(this);
         this.navigationInProgress$ = chain(this.navigationSession$).isNotNil();
-        this.interactionSyncInProgress$ = chain(this.navigationSession$).pluck("isInteractionSync").otherwise(false);
-        const idleStateName = chain(this.interactionService.active).map(active => active ? "IdleDuringInteraction" : "Idle");
+        this.interactionSyncInProgress$ = chain(this.navigationSession$)
+            .pluck('isInteractionSync')
+            .otherwise(false);
+        const idleStateName = chain(this.interactionService.active).map((active) => active ? 'IdleDuringInteraction' : 'Idle');
         this.navigationSessionName$ = chain(this.navigationSession$)
-            .pluck("name")
+            .pluck('name')
             .otherwise(idleStateName);
-        DebugContext.tag(this._activeVisit$, "PlaceRouter.activeVisit");
+        DebugContext.tag(this._activeVisit$, 'PlaceRouter.activeVisit');
         // TODO: make setup the callbacks in during module initiation to make this testable.
-        angularRouter.events.subscribe(event => {
+        angularRouter.events.subscribe((event) => {
             // Routing event sequence
             // ======================
             // NavigationStart -> .... -> NavigationCancel --> redirect, go around again in the same session
@@ -9575,7 +9588,7 @@ class PlaceRouter extends GarbageCollector {
             // =======================
             if (event instanceof NavigationStart) {
                 // console.log(`---> NavigationStart[${event.id}]: ${event.url} (${event.navigationTrigger})`);
-                if (event.navigationTrigger === "popstate") {
+                if (event.navigationTrigger === 'popstate') {
                     this.onPopState(event);
                 }
                 else {
@@ -9601,7 +9614,7 @@ class PlaceRouter extends GarbageCollector {
         });
         // The router needs to know about url changes and in some cases they are the only way the router can know if
         // the back button was clicked.
-        angularLocation.onUrlChange(url => this.onUrlChanged(url));
+        angularLocation.onUrlChange((url) => this.onUrlChanged(url));
     }
     postponeRoutingUntil(condition$) {
         this._ready$.setDelegate(condition$);
@@ -9638,22 +9651,22 @@ class PlaceRouter extends GarbageCollector {
     }
     // @Trace()
     onPopState(event) {
-        assert.isTruthy(event.navigationTrigger === "popstate");
+        assert.isTruthy(event.navigationTrigger === 'popstate');
         if (this.currentSession) {
             this.currentSession.onPopState(event);
         }
         else {
             const poppedHistoryUrl = event.url;
             const currentRouterUrl = this.urlService.getCurrentRouterUrl();
-            const session = this.interactionService.isActive() ?
-                new PopStateDuringInteractionNavigation(this.navigationContext, currentRouterUrl, poppedHistoryUrl) :
-                new PopStateNavigation(this.navigationContext, currentRouterUrl, poppedHistoryUrl);
+            const session = this.interactionService.isActive()
+                ? new PopStateDuringInteractionNavigation(this.navigationContext, currentRouterUrl, poppedHistoryUrl)
+                : new PopStateNavigation(this.navigationContext, currentRouterUrl, poppedHistoryUrl);
             this.transitionTo(session);
         }
     }
     // @Trace()
     onRouterStarted(event) {
-        assert.isFalsey(event.navigationTrigger === "popstate");
+        assert.isFalsey(event.navigationTrigger === 'popstate');
         // const inInteraction = this.interactionService.isActive();
         if (this.currentSession) {
             this.currentSession.onRouterStarted(event);
@@ -9670,7 +9683,7 @@ class PlaceRouter extends GarbageCollector {
             this.currentSession.onUrlChange(newUrl);
         }
         else {
-            console.log("FYI: url changed without a navigation session in progress");
+            console.log('FYI: url changed without a navigation session in progress');
         }
         // console.log(`<--- Url Changed`);
     }
@@ -9695,11 +9708,11 @@ class PlaceRouter extends GarbageCollector {
     // @Trace()
     async doNavigation(visit, runNavigationCommands) {
         if (this.navigationInProgress$.value) {
-            Logger.get().error("Navigation already in progress", {
+            Logger.get().error('Navigation already in progress', {
                 visit: visit,
-                session: this.navigationSession
+                session: this.navigationSession,
             });
-            lang.illegalState("Navigation already in progress");
+            lang.illegalState('Navigation already in progress');
         }
         else {
             const navigation = this.createNavigationSession(this.urlService.getCurrentRouterUrl());
@@ -9713,7 +9726,7 @@ class PlaceRouter extends GarbageCollector {
             // Check if the router has finished (in the case where no router change required) and we're still in  a
             // transient state and finish of the transition.
             if (!this.angularRouter.getCurrentNavigation() && this.currentSession) {
-                this.currentSession.onRouterEnd(new NavigationEnd(-1, "", this.urlService.getCurrentRouterUrl()));
+                this.currentSession.onRouterEnd(new NavigationEnd(-1, '', this.urlService.getCurrentRouterUrl()));
             }
         }
     }
@@ -9724,6 +9737,10 @@ class PlaceRouter extends GarbageCollector {
     get activeVisit$() {
         return this._activeVisit$.readonly$;
     }
+    filterAuthorizedPlaces(places, options) {
+        const { chain } = Dsl.disposeWith(options.disposedWith);
+        return chain(this.authService.accessGuard$).mapToList((g) => places.filter((p) => g.isAuthorised(PlaceComponent.getDefinition(p))));
+    }
     async notifyVisitSegmentChanged(is, was) {
         // console.log("PlaceRouter.notifyVisitSegmentChanged", is.toDebugString(), was.toDebugString());
         this.placeHistory.updateVisitSegment(is);
@@ -9733,16 +9750,18 @@ class PlaceRouter extends GarbageCollector {
             // TODO: can I just do a regular navigate using an updated visit?
             // const {when} = Dsl.disposeWith(this);
             await this.doNavigation(visit, () => {
-                const urlSnapshot = this.urlService.parseUrl(this.angularRouter.routerState.snapshot.url).updateVisitSegment(is);
+                const urlSnapshot = this.urlService
+                    .parseUrl(this.angularRouter.routerState.snapshot.url)
+                    .updateVisitSegment(is);
                 return this.navigateByUrl(urlSnapshot);
             });
         }
     }
     createNavigationSession(currentRouterUrl) {
         const inInteraction = this.interactionService.isActive();
-        return inInteraction ?
-            new NavigatingDuringInteraction(this.navigationContext, currentRouterUrl) :
-            new Navigating(this.navigationContext, currentRouterUrl);
+        return inInteraction
+            ? new NavigatingDuringInteraction(this.navigationContext, currentRouterUrl)
+            : new Navigating(this.navigationContext, currentRouterUrl);
     }
     // @Trace()
     transitionTo(next) {
@@ -9772,7 +9791,7 @@ class PlaceRouter extends GarbageCollector {
         session.dispose();
         this.navigationSession$.value = null;
         // console.log(`### Router Session Finished (was ${session.toString()})`);
-        this.sessionFinishedJobs.forEach(job => job());
+        this.sessionFinishedJobs.forEach((job) => job());
         this.sessionFinishedJobs = [];
     }
     runAfterRoutingSessionFinishes(func) {
@@ -9803,7 +9822,7 @@ class PlaceRouter extends GarbageCollector {
             });
         }
         else {
-            return new Promise(((resolve) => {
+            return new Promise((resolve) => {
                 // console.log(`No navigation in progress, starting synchronisation job`);
                 this.runAfterRoutingSessionFinishes(() => {
                     onSyncComplete();
@@ -9811,7 +9830,7 @@ class PlaceRouter extends GarbageCollector {
                 });
                 const session = new SynchroniseInteractionContextIdsWithRoute(this.navigationContext, this.urlService.getCurrentRouterUrl(), false);
                 this.transitionTo(session);
-            }));
+            });
         }
     }
     toVisit(visitOrPlaceComponent, params) {
@@ -9823,12 +9842,12 @@ class PlaceRouter extends GarbageCollector {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PlaceRouter, deps: [{ token: i1$5.Router }, { token: i1$1.Location }, { token: InteractionService }, { token: UrlService }, { token: PlaceHistory }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PlaceRouter, providedIn: "root" });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PlaceRouter, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: PlaceRouter, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: "root"
+                    providedIn: 'root',
                 }]
         }], ctorParameters: function () { return [{ type: i1$5.Router }, { type: i1$1.Location }, { type: InteractionService }, { type: UrlService }, { type: PlaceHistory }]; } });
 
@@ -11191,7 +11210,7 @@ class StringInputActivity extends InputActivity {
                             [confirmFace]="confirmFace"
                             [cancelFace]="cancelFace"
       ></aup-activity-actions>
-  `, isInline: true, dependencies: [{ kind: "component", type: StringInputComponent, selector: "aup-string-input", inputs: ["autocomplete", "enableClear$", "enableClear", "iconPrefix", "suffixCommand", "inputMode"] }, { kind: "component", type: ActivityActionsComponent, selector: "aup-activity-actions", inputs: ["confirmCommand", "cancelCommand", "faces", "confirmFace", "cancelFace", "style", "layout", "align", "alignContent"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: StringInputComponent, selector: "aup-string-input", inputs: ["autocomplete", "enableClear$", "enableClear", "iconPrefix", "suffixCommand", "inputMode", "trim"] }, { kind: "component", type: ActivityActionsComponent, selector: "aup-activity-actions", inputs: ["confirmCommand", "cancelCommand", "faces", "confirmFace", "cancelFace", "style", "layout", "align", "alignContent"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: StringInputActivity, decorators: [{
             type: Component,