@coolon/angular-ui-powerups 1.3.6 → 1.4.0

package/fesm5/coolon-angular-ui-powerups.js

@@ -1,6 +1,6 @@
 import { __extends, __decorate, __metadata, __param, __awaiter, __generator, __spread, __assign } from 'tslib';
 import { DOCUMENT, CommonModule, Location } from '@angular/common';
-import { ElementRef, Inject, Input, HostListener, Directive, NgZone, ɵɵdefineInjectable, ɵɵinject, Injectable, NgModule, Host, HostBinding, Component, EventEmitter, Output, ContentChild, TemplateRef, ChangeDetectorRef, ContentChildren, QueryList, InjectionToken, Injector, ComponentFactoryResolver, ViewContainerRef, ViewChild, ViewChildren, Optional, SkipSelf } from '@angular/core';
+import { ElementRef, Inject, Input, HostListener, Directive, NgZone, ɵɵdefineInjectable, ɵɵinject, Injectable, NgModule, Self, HostBinding, Component, EventEmitter, Output, ContentChild, TemplateRef, ChangeDetectorRef, ContentChildren, QueryList, InjectionToken, Injector, ComponentFactoryResolver, ViewContainerRef, ViewChild, ViewChildren, Optional, SkipSelf } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
@@ -10,7 +10,7 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatIconModule } from '@angular/material/icon';
-import { DelegatingValueModel, assert, UnaryCommand, lang, Dsl, GarbageCollector, Logger, FocusManager, Trace, DelegatingFormValueModel, Command, TrackExternal, ListModel, StoreInListModel, ValueModel, StoreInValueModel, Deferred, MutableListModel, MutableValueModel, Guard, DebugContext, Binding, Functions } from '@coolon/pectin';
+import { DelegatingValueModel, assert, UnaryCommand, lang, Dsl, GarbageCollector, Logger, Command, FocusManager, DelegatingFormValueModel, TrackExternal, ListModel, StoreInListModel, ValueModel, StoreInValueModel, Deferred, Trace, MutableListModel, MutableValueModel, Guard, DebugContext, Binding, Functions } from '@coolon/pectin';
 import { PortalModule } from '@angular/cdk/portal';
 import { MatDialogModule, MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
 import { RouterModule, UrlSegment, Router, UrlSerializer, NavigationStart, NavigationEnd, NavigationError, NavigationCancel, RouterOutlet } from '@angular/router';
@@ -366,27 +366,25 @@ var FocusContainerComponent = /** @class */ (function (_super) {
     function FocusContainerComponent(focusManager) {
         var _this = _super.call(this) || this;
         _this.focusManager = focusManager;
+        _this.restoreFocusCommand = Command.create(function () {
+            _this.restoreFocus();
+        });
         _this.tabIndex = -1;
         return _this;
     }
     FocusContainerComponent.prototype.ngOnInit = function () {
     };
+    // @Trace()
     FocusContainerComponent.prototype.restoreFocus = function () {
         this.focusManager.restoreFocus();
     };
     FocusContainerComponent.ctorParameters = function () { return [
-        { type: FocusManager, decorators: [{ type: Host }] }
+        { type: FocusManager, decorators: [{ type: Self }] }
     ]; };
     __decorate([
         HostBinding('attr.tabindex'),
         __metadata("design:type", Object)
     ], FocusContainerComponent.prototype, "tabIndex", void 0);
-    __decorate([
-        Trace(),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], FocusContainerComponent.prototype, "restoreFocus", null);
     FocusContainerComponent = __decorate([
         Component({
             selector: 'aup-focus-container',
@@ -396,7 +394,7 @@ var FocusContainerComponent = /** @class */ (function (_super) {
             ],
             styles: [":host{display:block}"]
         }),
-        __param(0, Host()),
+        __param(0, Self()),
         __metadata("design:paramtypes", [FocusManager])
     ], FocusContainerComponent);
     return FocusContainerComponent;
@@ -960,6 +958,91 @@ var SwitchCaseComponent = /** @class */ (function (_super) {
     return SwitchCaseComponent;
 }(DisposableComponent));
 
+var VerticalFocusContainerComponent = /** @class */ (function (_super) {
+    __extends(VerticalFocusContainerComponent, _super);
+    function VerticalFocusContainerComponent(focusManager) {
+        var _this = _super.call(this, focusManager) || this;
+        _this.focusManager = focusManager;
+        return _this;
+    }
+    VerticalFocusContainerComponent.prototype.arrowLeft = function (event) {
+        if (this.leftArrowCommand.enabled.value) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.leftArrowCommand.execute();
+        }
+    };
+    VerticalFocusContainerComponent.prototype.arrowRight = function (event) {
+        if (this.rightArrowCommand.enabled.value) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.rightArrowCommand.execute();
+        }
+    };
+    VerticalFocusContainerComponent.prototype.arrowDown = function (event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.focusManager.focusNext();
+    };
+    VerticalFocusContainerComponent.prototype.arrowUp = function (event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.focusManager.focusPrevious();
+    };
+    VerticalFocusContainerComponent.prototype.ngOnInit = function () {
+    };
+    VerticalFocusContainerComponent.ctorParameters = function () { return [
+        { type: FocusManager, decorators: [{ type: Self }] }
+    ]; };
+    __decorate([
+        Input('command.arrowRight'),
+        TrackExternal(),
+        __metadata("design:type", Command)
+    ], VerticalFocusContainerComponent.prototype, "rightArrowCommand", void 0);
+    __decorate([
+        Input('command.arrowLeft'),
+        TrackExternal(),
+        __metadata("design:type", Command)
+    ], VerticalFocusContainerComponent.prototype, "leftArrowCommand", void 0);
+    __decorate([
+        HostListener('keyup.arrowLeft', ['$event']),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [KeyboardEvent]),
+        __metadata("design:returntype", void 0)
+    ], VerticalFocusContainerComponent.prototype, "arrowLeft", null);
+    __decorate([
+        HostListener('keyup.arrowRight', ['$event']),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [KeyboardEvent]),
+        __metadata("design:returntype", void 0)
+    ], VerticalFocusContainerComponent.prototype, "arrowRight", null);
+    __decorate([
+        HostListener('keyup.arrowDown', ['$event']),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [KeyboardEvent]),
+        __metadata("design:returntype", void 0)
+    ], VerticalFocusContainerComponent.prototype, "arrowDown", null);
+    __decorate([
+        HostListener('keyup.arrowUp', ['$event']),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [KeyboardEvent]),
+        __metadata("design:returntype", void 0)
+    ], VerticalFocusContainerComponent.prototype, "arrowUp", null);
+    VerticalFocusContainerComponent = __decorate([
+        Component({
+            selector: 'aup-vertical-focus-container',
+            template: "<ng-content></ng-content>\n",
+            providers: [
+                { provide: FocusManager }
+            ],
+            styles: [":host{display:block}"]
+        }),
+        __param(0, Self()),
+        __metadata("design:paramtypes", [FocusManager])
+    ], VerticalFocusContainerComponent);
+    return VerticalFocusContainerComponent;
+}(FocusContainerComponent));
+
 var ComponentsModule = /** @class */ (function () {
     function ComponentsModule() {
     }
@@ -978,6 +1061,7 @@ var ComponentsModule = /** @class */ (function () {
                 SwitchCaseWhenDirective,
                 SwitchCaseDefaultDirective,
                 FocusContainerComponent,
+                VerticalFocusContainerComponent,
                 FocusableComponent
             ],
             imports: [
@@ -1005,6 +1089,7 @@ var ComponentsModule = /** @class */ (function () {
                 SwitchCaseWhenDirective,
                 SwitchCaseDefaultDirective,
                 FocusContainerComponent,
+                VerticalFocusContainerComponent,
                 FocusableComponent
             ],
             providers: [
@@ -4727,5 +4812,5 @@ function VisitParameterList(options) {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputComponent, AbstractInteractionContext, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, Activity, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CheckboxInputComponent, CommandDirective, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, InPlaceInteractionContextComponent, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ModalInteractionContextFactory, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SelectInputComponent, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, UrlService, UrlSnapshot, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, DirectivesModule as ɵa, CommandDirective as ɵb, AUP_PLACE_CONFIG as ɵba, PlaceRouter as ɵbc, InteractionService as ɵbd, ModalInteractionContextFactory as ɵbe, UrlService as ɵbf, PlaceHistory as ɵbg, TabbedPlaceNavigationComponent as ɵbh, AbstractPlaceNavigationComponent as ɵbi, ListPlaceNavComponent as ɵbj, InteractionModule as ɵbk, ActivityContainerComponent as ɵbl, AbstractInteractionContext as ɵbm, ActivityOutletComponent as ɵbn, ConfirmationDialogComponent as ɵbo, ACTIVITY_DATA as ɵbp, Activity as ɵbq, ConfirmThenDialogComponent as ɵbs, AlertDialogComponent as ɵbt, InPlaceInteractionContextComponent as ɵbv, FocusBindingDirective as ɵc, DisposableComponent as ɵd, FocusBindingFactory as ɵe, ComponentsModule as ɵf, NumberInputComponent as ɵg, AbstractInputComponent as ɵh, StringInputComponent as ɵi, PasswordInputComponent as ɵj, SelectInputComponent as ɵk, CheckboxInputComponent as ɵl, ScrollContainerComponent as ɵm, NoopComponent as ɵn, SwitchCaseOption as ɵo, SwitchCaseWhenDirective as ɵp, SwitchCaseDefaultDirective as ɵq, SwitchCaseComponent as ɵr, FocusContainerComponent as ɵs, FocusableComponent as ɵt, PlaceModule as ɵu, EmptyStateComponent as ɵv, BusyOverlayComponent as ɵw, PlaceOutletComponent as ɵx, leftRightPlaceAnimation as ɵy, LEFT_RIGHT_PLACE_ANIMATION as ɵz };
+export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputComponent, AbstractInteractionContext, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, Activity, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CheckboxInputComponent, CommandDirective, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, InPlaceInteractionContextComponent, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ModalInteractionContextFactory, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SelectInputComponent, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, DirectivesModule as ɵa, CommandDirective as ɵb, LEFT_RIGHT_PLACE_ANIMATION as ɵba, AUP_PLACE_CONFIG as ɵbb, PlaceRouter as ɵbd, InteractionService as ɵbe, ModalInteractionContextFactory as ɵbf, UrlService as ɵbg, PlaceHistory as ɵbh, TabbedPlaceNavigationComponent as ɵbi, AbstractPlaceNavigationComponent as ɵbj, ListPlaceNavComponent as ɵbk, InteractionModule as ɵbl, ActivityContainerComponent as ɵbm, AbstractInteractionContext as ɵbn, ActivityOutletComponent as ɵbo, ConfirmationDialogComponent as ɵbp, ACTIVITY_DATA as ɵbq, Activity as ɵbr, ConfirmThenDialogComponent as ɵbt, AlertDialogComponent as ɵbu, InPlaceInteractionContextComponent as ɵbw, FocusBindingDirective as ɵc, DisposableComponent as ɵd, FocusBindingFactory as ɵe, ComponentsModule as ɵf, NumberInputComponent as ɵg, AbstractInputComponent as ɵh, StringInputComponent as ɵi, PasswordInputComponent as ɵj, SelectInputComponent as ɵk, CheckboxInputComponent as ɵl, ScrollContainerComponent as ɵm, NoopComponent as ɵn, SwitchCaseOption as ɵo, SwitchCaseWhenDirective as ɵp, SwitchCaseDefaultDirective as ɵq, SwitchCaseComponent as ɵr, FocusContainerComponent as ɵs, VerticalFocusContainerComponent as ɵt, FocusableComponent as ɵu, PlaceModule as ɵv, EmptyStateComponent as ɵw, BusyOverlayComponent as ɵx, PlaceOutletComponent as ɵy, leftRightPlaceAnimation as ɵz };
 //# sourceMappingURL=coolon-angular-ui-powerups.js.map