@coolon/angular-ui-powerups 1.6.0 → 1.7.0

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [1.7.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.6.1...v1.7.0) (2020-05-26)
+
+
+### Features
+
+* added aup-text-input component for text areas ([bf71969](https://bitbucket.org/coolon/angular-ui-powerups/commit/bf719691890a84840ea43373e2c37972eeb97661))
+* added min/max attributes to number inputs ([f7ffa51](https://bitbucket.org/coolon/angular-ui-powerups/commit/f7ffa5178ef1e65eb503863db67708600c6fb878))
+
+### [1.6.1](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.6.0...v1.6.1) (2020-05-24)
+
+
+### Bug Fixes
+
+* removed obsolete internal methods from list place nav ([098a343](https://bitbucket.org/coolon/angular-ui-powerups/commit/098a343a975af87b0c2c7c1dba968c847d30ab1e))
+* updated card container to extend disposable component ([a878141](https://bitbucket.org/coolon/angular-ui-powerups/commit/a87814137544a20c3fc2b43dbc4910878e5b6114))
+* visual tweaks to list place nav ([ca25a87](https://bitbucket.org/coolon/angular-ui-powerups/commit/ca25a87b4a03f27da5d16c2b82cabfb54bd1667e))
+
 ## [1.6.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.5.0...v1.6.0) (2020-05-22)
 
 

package/bundles/coolon-angular-ui-powerups.umd.js

@@ -842,7 +842,10 @@
     var NumberInputComponent = /** @class */ (function (_super) {
         __extends(NumberInputComponent, _super);
         function NumberInputComponent() {
-            return _super.call(this) || this;
+            var _this = _super.call(this) || this;
+            _this.min = Number.MIN_SAFE_INTEGER;
+            _this.max = Number.MAX_SAFE_INTEGER;
+            return _this;
         }
         NumberInputComponent.prototype.ngOnInit = function () {
         };
@@ -850,10 +853,18 @@
             core.Input(), pectin.TrackExternal({ delegateTo: 'delegatingFormValueModel' }),
             __metadata("design:type", Object)
         ], NumberInputComponent.prototype, "valueModel", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object)
+        ], NumberInputComponent.prototype, "min", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object)
+        ], NumberInputComponent.prototype, "max", void 0);
         NumberInputComponent = __decorate([
             core.Component({
                 selector: 'aup-number-input',
-                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"number\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"delegatingFormValueModel?.focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"number\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"delegatingFormValueModel?.focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n         [min]=\"min\"\n         [max]=\"max\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
                 styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}"]
             }),
             __metadata("design:paramtypes", [])
@@ -971,6 +982,39 @@
         return StringInputComponent;
     }(AbstractInputComponent));
 
+    var TextInputComponent = /** @class */ (function (_super) {
+        __extends(TextInputComponent, _super);
+        function TextInputComponent() {
+            var _this = _super.call(this) || this;
+            _this.rows = 2;
+            return _this;
+            // const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
+        }
+        TextInputComponent.prototype.ngOnInit = function () {
+        };
+        __decorate([
+            core.Input(), pectin.TrackExternal({ delegateTo: 'delegatingFormValueModel' }),
+            __metadata("design:type", Object)
+        ], TextInputComponent.prototype, "valueModel", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object)
+        ], TextInputComponent.prototype, "rows", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Number)
+        ], TextInputComponent.prototype, "cols", void 0);
+        TextInputComponent = __decorate([
+            core.Component({
+                selector: 'aup-text-input',
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <textarea matInput\n            placeholder=\"{{placeholder}}\"\n            [(ngModel)]=\"valueModel.value\"\n            [disabled]=\"!enabled.value\"\n            (keydown.enter)=\"notifyEnterKey()\"\n            (keydown.escape)=\"notifyEscapeKey()\"\n            [pectinFocusBinding]=\"delegatingFormValueModel.focusContext\"\n            [errorStateMatcher]=\"errorStateMatcher\"\n            [rows]=\"rows\"\n            [cols]=\"cols\"\n  >\n  </textarea>\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+                styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}button[disabled]{visibility:hidden}textarea{overflow:auto}"]
+            }),
+            __metadata("design:paramtypes", [])
+        ], TextInputComponent);
+        return TextInputComponent;
+    }(AbstractInputComponent));
+
     var NoopComponent = /** @class */ (function () {
         function NoopComponent() {
         }
@@ -1240,8 +1284,10 @@
      * </nav-template>
      *
      */
-    var CardContainerComponent = /** @class */ (function () {
+    var CardContainerComponent = /** @class */ (function (_super) {
+        __extends(CardContainerComponent, _super);
         function CardContainerComponent() {
+            return _super.call(this) || this;
         }
         CardContainerComponent.prototype.ngOnInit = function () {
         };
@@ -1263,7 +1309,7 @@
             __metadata("design:paramtypes", [])
         ], CardContainerComponent);
         return CardContainerComponent;
-    }());
+    }(DisposableComponent));
 
     var ComponentsModule = /** @class */ (function () {
         function ComponentsModule() {
@@ -1273,6 +1319,7 @@
                 declarations: [
                     NumberInputComponent,
                     StringInputComponent,
+                    TextInputComponent,
                     PasswordInputComponent,
                     SelectInputComponent,
                     CheckboxInputComponent,
@@ -1303,6 +1350,7 @@
                 exports: [
                     NumberInputComponent,
                     StringInputComponent,
+                    TextInputComponent,
                     PasswordInputComponent,
                     CheckboxInputComponent,
                     SelectInputComponent,
@@ -1861,7 +1909,7 @@
     }());
 
     var inplaceMonitorCount = 0;
-    exports.ɵbf = /** @class */ (function () {
+    exports.ɵbg = /** @class */ (function () {
         function InteractionService(modelInteractionContextFactory) {
             this.modelInteractionContextFactory = modelInteractionContextFactory;
             this.garbage = new pectin.GarbageCollector();
@@ -2021,7 +2069,7 @@
             return ApiAdapter;
         }());
         InteractionService.ApiAdapter = ApiAdapter;
-    })(exports.ɵbf || (exports.ɵbf = {}));
+    })(exports.ɵbg || (exports.ɵbg = {}));
 
     var InPlaceInteractionContextComponent = /** @class */ (function (_super) {
         __extends(InPlaceInteractionContextComponent, _super);
@@ -2065,7 +2113,7 @@
             return this.activityContainerComponent.startActivity(activityType, data);
         };
         InPlaceInteractionContextComponent.ctorParameters = function () { return [
-            { type: exports.ɵbf }
+            { type: exports.ɵbg }
         ]; };
         __decorate([
             core.ViewChild('activityContainer', { static: true }),
@@ -2077,7 +2125,7 @@
                 template: "<mat-tab-group no-tab-header [selectedIndex]=\"isActive() ? 1 : 0\" full-height-tabs [dynamicHeight]=\"false\">\n  <mat-tab>\n    <ng-content></ng-content>\n  </mat-tab>\n  <mat-tab>\n    <aup-activity-container #activityContainer [dynamicHeight]=\"false\"></aup-activity-container>\n  </mat-tab>\n</mat-tab-group>\n\n",
                 styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
             }),
-            __metadata("design:paramtypes", [exports.ɵbf])
+            __metadata("design:paramtypes", [exports.ɵbg])
         ], InPlaceInteractionContextComponent);
         return InPlaceInteractionContextComponent;
     }(DisposableComponent));
@@ -2115,7 +2163,7 @@
                     AlertDialogComponent
                 ],
                 providers: [
-                    exports.ɵbf,
+                    exports.ɵbg,
                 ]
             })
         ], InteractionModule);
@@ -3234,7 +3282,7 @@
         return PopStateNavigation;
     }(AbstractPopStateNavigation));
 
-    exports.ɵbi = /** @class */ (function () {
+    exports.ɵbj = /** @class */ (function () {
         function PlaceHistory() {
             this._archive = new Map();
             this.placeHistoryDepth = 4;
@@ -3371,7 +3419,7 @@
         //   }
         //
         // }
-    })(exports.ɵbi || (exports.ɵbi = {}));
+    })(exports.ɵbj || (exports.ɵbj = {}));
 
     exports.UrlSnapshot = /** @class */ (function () {
         // TODO: Update this accept a url Parser so it can be immutable and generate new trees on mutation using toString() are parseUrl.
@@ -3894,11 +3942,11 @@
         PlaceRouter.ctorParameters = function () { return [
             { type: router.Router },
             { type: common.Location },
-            { type: exports.ɵbf },
+            { type: exports.ɵbg },
             { type: UrlService },
-            { type: exports.ɵbi }
+            { type: exports.ɵbj }
         ]; };
-        PlaceRouter.ɵprov = core.ɵɵdefineInjectable({ factory: function PlaceRouter_Factory() { return new PlaceRouter(core.ɵɵinject(router.Router), core.ɵɵinject(common.Location), core.ɵɵinject(exports.ɵbf), core.ɵɵinject(UrlService), core.ɵɵinject(exports.ɵbi)); }, token: PlaceRouter, providedIn: "root" });
+        PlaceRouter.ɵprov = core.ɵɵdefineInjectable({ factory: function PlaceRouter_Factory() { return new PlaceRouter(core.ɵɵinject(router.Router), core.ɵɵinject(common.Location), core.ɵɵinject(exports.ɵbg), core.ɵɵinject(UrlService), core.ɵɵinject(exports.ɵbj)); }, token: PlaceRouter, providedIn: "root" });
         __decorate([
             pectin.Trace(),
             __metadata("design:type", Function),
@@ -3911,9 +3959,9 @@
             }),
             __metadata("design:paramtypes", [router.Router,
                 common.Location,
-                exports.ɵbf,
+                exports.ɵbg,
                 UrlService,
-                exports.ɵbi])
+                exports.ɵbj])
         ], PlaceRouter);
         return PlaceRouter;
     }(pectin.GarbageCollector));
@@ -4269,31 +4317,16 @@
     var ListPlaceNavComponent = /** @class */ (function (_super) {
         __extends(ListPlaceNavComponent, _super);
         function ListPlaceNavComponent(placeRouter) {
-            var _this = _super.call(this, placeRouter) || this;
-            _this.expanded = true;
-            return _this;
+            return _super.call(this, placeRouter) || this;
         }
-        ListPlaceNavComponent.prototype.expandMenu = function () {
-            this.expanded = true;
-        };
-        ListPlaceNavComponent.prototype.collapseMenu = function () {
-            this.expanded = false;
-        };
-        ListPlaceNavComponent.prototype.toggleMenu = function () {
-            this.expanded = !this.expanded;
-        };
         ListPlaceNavComponent.ctorParameters = function () { return [
             { type: PlaceRouter }
         ]; };
-        __decorate([
-            core.HostBinding('class.expanded'),
-            __metadata("design:type", Object)
-        ], ListPlaceNavComponent.prototype, "expanded", void 0);
         ListPlaceNavComponent = __decorate([
             core.Component({
                 selector: 'aup-list-place-nav',
-                template: "<mat-nav-list fxFlex>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNav(placeDefinition).tooltip()\">\n    <mat-icon *ngIf=\"getNav(placeDefinition).icon()\">{{getNav(placeDefinition).icon()}}</mat-icon>\n    <span class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n  </a>\n</mat-nav-list>\n",
-                styles: [":host{display:flex;flex-direction:column}"]
+                template: "<mat-nav-list fxFlex>\n  <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n     [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n     [class.active]=\"isActive(placeDefinition)\"\n     [matTooltip]=\"getNav(placeDefinition).tooltip()\">\n    <mat-icon *ngIf=\"getNav(placeDefinition).icon()\">{{getNav(placeDefinition).icon()}}</mat-icon>\n    <span>{{getNav(placeDefinition).title()}}</span>\n  </a>\n</mat-nav-list>\n",
+                styles: [":host{display:flex;flex-direction:column;--selected-border-color:#838383;--selected-color:inherit;--selected-background:#f1f1f1}mat-nav-list{padding-top:0}a.active{border-right:2px solid var(--selected-border-color);background:var(--selected-background);color:var(--selected-color)}"]
             }),
             __metadata("design:paramtypes", [PlaceRouter])
         ], ListPlaceNavComponent);
@@ -5149,7 +5182,7 @@
     exports.FocusableComponent = FocusableComponent;
     exports.InPlaceInteractionContextComponent = InPlaceInteractionContextComponent;
     exports.InteractionModule = InteractionModule;
-    exports.InteractionService = exports.ɵbf;
+    exports.InteractionService = exports.ɵbg;
     exports.InteractionServiceRoutingAdapter = InteractionServiceRoutingAdapter;
     exports.LEFT_RIGHT_PLACE_ANIMATION = LEFT_RIGHT_PLACE_ANIMATION;
     exports.ListPlaceNavComponent = ListPlaceNavComponent;
@@ -5165,7 +5198,7 @@
     exports.PlaceComponentDeactivationHandler = PlaceComponentDeactivationHandler;
     exports.PlaceDefinition = PlaceDefinition;
     exports.PlaceGuard = PlaceGuard;
-    exports.PlaceHistory = exports.ɵbi;
+    exports.PlaceHistory = exports.ɵbj;
     exports.PlaceModule = PlaceModule;
     exports.PlaceOutletComponent = PlaceOutletComponent;
     exports.PlaceRouter = PlaceRouter;
@@ -5186,6 +5219,7 @@
     exports.SwitchCaseWhenDirective = SwitchCaseWhenDirective;
     exports.SynchroniseInteractionContextIdsWithRoute = SynchroniseInteractionContextIdsWithRoute;
     exports.TabbedPlaceNavigationComponent = TabbedPlaceNavigationComponent;
+    exports.TextInputComponent = TextInputComponent;
     exports.UrlService = UrlService;
     exports.VerticalFocusContainerComponent = VerticalFocusContainerComponent;
     exports.Visit = Visit;
@@ -5200,26 +5234,27 @@
     exports.slideRightOnEnterAnimation = slideRightOnEnterAnimation;
     exports.ɵa = DirectivesModule;
     exports.ɵb = CommandDirective;
-    exports.ɵba = leftRightPlaceAnimation;
-    exports.ɵbb = LEFT_RIGHT_PLACE_ANIMATION;
-    exports.ɵbc = AUP_PLACE_CONFIG;
-    exports.ɵbe = PlaceRouter;
-    exports.ɵbg = ModalInteractionContextFactory;
-    exports.ɵbh = UrlService;
-    exports.ɵbj = TabbedPlaceNavigationComponent;
-    exports.ɵbk = AbstractPlaceNavigationComponent;
-    exports.ɵbl = ListPlaceNavComponent;
-    exports.ɵbm = SidePlaceNavigationComponent;
-    exports.ɵbn = InteractionModule;
-    exports.ɵbo = ActivityContainerComponent;
-    exports.ɵbp = AbstractInteractionContext;
-    exports.ɵbq = ActivityOutletComponent;
-    exports.ɵbr = ConfirmationDialogComponent;
-    exports.ɵbs = ACTIVITY_DATA;
-    exports.ɵbt = Activity;
-    exports.ɵbv = ConfirmThenDialogComponent;
-    exports.ɵbw = AlertDialogComponent;
-    exports.ɵby = InPlaceInteractionContextComponent;
+    exports.ɵba = PlaceOutletComponent;
+    exports.ɵbb = leftRightPlaceAnimation;
+    exports.ɵbc = LEFT_RIGHT_PLACE_ANIMATION;
+    exports.ɵbd = AUP_PLACE_CONFIG;
+    exports.ɵbf = PlaceRouter;
+    exports.ɵbh = ModalInteractionContextFactory;
+    exports.ɵbi = UrlService;
+    exports.ɵbk = TabbedPlaceNavigationComponent;
+    exports.ɵbl = AbstractPlaceNavigationComponent;
+    exports.ɵbm = ListPlaceNavComponent;
+    exports.ɵbn = SidePlaceNavigationComponent;
+    exports.ɵbo = InteractionModule;
+    exports.ɵbp = ActivityContainerComponent;
+    exports.ɵbq = AbstractInteractionContext;
+    exports.ɵbr = ActivityOutletComponent;
+    exports.ɵbs = ConfirmationDialogComponent;
+    exports.ɵbt = ACTIVITY_DATA;
+    exports.ɵbu = Activity;
+    exports.ɵbw = ConfirmThenDialogComponent;
+    exports.ɵbx = AlertDialogComponent;
+    exports.ɵbz = InPlaceInteractionContextComponent;
     exports.ɵc = FocusBindingDirective;
     exports.ɵd = DisposableComponent;
     exports.ɵe = FocusBindingFactory;
@@ -5227,23 +5262,23 @@
     exports.ɵg = NumberInputComponent;
     exports.ɵh = AbstractInputComponent;
     exports.ɵi = StringInputComponent;
-    exports.ɵj = PasswordInputComponent;
-    exports.ɵk = SelectInputComponent;
-    exports.ɵl = CheckboxInputComponent;
-    exports.ɵm = ScrollContainerComponent;
-    exports.ɵn = NoopComponent;
-    exports.ɵo = SwitchCaseOption;
-    exports.ɵp = SwitchCaseWhenDirective;
-    exports.ɵq = SwitchCaseDefaultDirective;
-    exports.ɵr = SwitchCaseComponent;
-    exports.ɵs = FocusContainerComponent;
-    exports.ɵt = VerticalFocusContainerComponent;
-    exports.ɵu = FocusableComponent;
-    exports.ɵv = CardContainerComponent;
-    exports.ɵw = PlaceModule;
-    exports.ɵx = EmptyStateComponent;
-    exports.ɵy = BusyOverlayComponent;
-    exports.ɵz = PlaceOutletComponent;
+    exports.ɵj = TextInputComponent;
+    exports.ɵk = PasswordInputComponent;
+    exports.ɵl = SelectInputComponent;
+    exports.ɵm = CheckboxInputComponent;
+    exports.ɵn = ScrollContainerComponent;
+    exports.ɵo = NoopComponent;
+    exports.ɵp = SwitchCaseOption;
+    exports.ɵq = SwitchCaseWhenDirective;
+    exports.ɵr = SwitchCaseDefaultDirective;
+    exports.ɵs = SwitchCaseComponent;
+    exports.ɵt = FocusContainerComponent;
+    exports.ɵu = VerticalFocusContainerComponent;
+    exports.ɵv = FocusableComponent;
+    exports.ɵw = CardContainerComponent;
+    exports.ɵx = PlaceModule;
+    exports.ɵy = EmptyStateComponent;
+    exports.ɵz = BusyOverlayComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });