@coolon/angular-ui-powerups 1.1.0 → 1.2.0

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 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.2.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.1.1...v1.2.0) (2020-05-18)
+
+
+### Features
+
+* added aup-checkbox-input component ([529447f](https://bitbucket.org/coolon/angular-ui-powerups/commit/529447f972433b8bc70a965a2df7326fe2c493be))
+
+### [1.1.1](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.1.0...v1.1.1) (2020-05-14)
+
 ## [1.1.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.0.2...v1.1.0) (2020-05-12)
 
 

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/tabs'), require('@angular/platform-browser/animations'), require('@angular/material/button'), require('@angular/material/icon'), require('@coolon/pectin'), require('@angular/cdk/portal'), require('@angular/material/dialog'), require('@angular/router'), require('@coolon/typescript-utilities'), require('lodash'), require('@angular/material/progress-spinner'), require('@angular/material/list'), require('@angular/material/tooltip'), require('@typescript-plus/fast-memoize-decorator/dist/src'), require('@typescript-plus/fast-memoize-decorator'), require('reflect-metadata'), require('@angular/animations'), require('resize-observer-polyfill'), require('rxjs')) :
-    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material/form-field', '@angular/material/input', '@angular/material/select', '@angular/material/tabs', '@angular/platform-browser/animations', '@angular/material/button', '@angular/material/icon', '@coolon/pectin', '@angular/cdk/portal', '@angular/material/dialog', '@angular/router', '@coolon/typescript-utilities', 'lodash', '@angular/material/progress-spinner', '@angular/material/list', '@angular/material/tooltip', '@typescript-plus/fast-memoize-decorator/dist/src', '@typescript-plus/fast-memoize-decorator', 'reflect-metadata', '@angular/animations', 'resize-observer-polyfill', 'rxjs'], factory) :
-    (global = global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.material.formField, global.ng.material.input, global.ng.material.select, global.ng.material.tabs, global.ng.platformBrowser.animations, global.ng.material.button, global.ng.material.icon, global.pectin, global.ng.cdk.portal, global.ng.material.dialog, global.ng.router, global.typescriptUtilities, global.___default, global.ng.material.progressSpinner, global.ng.material.list, global.ng.material.tooltip, global.src, global.fastMemoizeDecorator, null, global.ng.animations, global.ResizeObserver, global.rxjs));
-}(this, (function (exports, common, core, forms, formField, input, select, tabs, animations, button, icon, pectin, portal, dialog, router, typescriptUtilities, ___default, progressSpinner, list, tooltip, src, fastMemoizeDecorator, reflectMetadata, animations$1, ResizeObserver, rxjs) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/tabs'), require('@angular/platform-browser/animations'), require('@angular/material/checkbox'), require('@angular/material/button'), require('@angular/material/icon'), require('@coolon/pectin'), require('@angular/cdk/portal'), require('@angular/material/dialog'), require('@angular/router'), require('@coolon/typescript-utilities'), require('lodash'), require('@angular/material/progress-spinner'), require('@angular/material/list'), require('@angular/material/tooltip'), require('@typescript-plus/fast-memoize-decorator/dist/src'), require('@typescript-plus/fast-memoize-decorator'), require('reflect-metadata'), require('@angular/animations'), require('resize-observer-polyfill'), require('rxjs')) :
+    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material/form-field', '@angular/material/input', '@angular/material/select', '@angular/material/tabs', '@angular/platform-browser/animations', '@angular/material/checkbox', '@angular/material/button', '@angular/material/icon', '@coolon/pectin', '@angular/cdk/portal', '@angular/material/dialog', '@angular/router', '@coolon/typescript-utilities', 'lodash', '@angular/material/progress-spinner', '@angular/material/list', '@angular/material/tooltip', '@typescript-plus/fast-memoize-decorator/dist/src', '@typescript-plus/fast-memoize-decorator', 'reflect-metadata', '@angular/animations', 'resize-observer-polyfill', 'rxjs'], factory) :
+    (global = global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.material.formField, global.ng.material.input, global.ng.material.select, global.ng.material.tabs, global.ng.platformBrowser.animations, global.ng.material.checkbox, global.ng.material.button, global.ng.material.icon, global.pectin, global.ng.cdk.portal, global.ng.material.dialog, global.ng.router, global.typescriptUtilities, global.___default, global.ng.material.progressSpinner, global.ng.material.list, global.ng.material.tooltip, global.src, global.fastMemoizeDecorator, null, global.ng.animations, global.ResizeObserver, global.rxjs));
+}(this, (function (exports, common, core, forms, formField, input, select, tabs, animations, checkbox, button, icon, pectin, portal, dialog, router, typescriptUtilities, ___default, progressSpinner, list, tooltip, src, fastMemoizeDecorator, reflectMetadata, animations$1, ResizeObserver, rxjs) { 'use strict';
 
     var ___default__default = 'default' in ___default ? ___default['default'] : ___default;
     ResizeObserver = ResizeObserver && Object.prototype.hasOwnProperty.call(ResizeObserver, 'default') ? ResizeObserver['default'] : ResizeObserver;
@@ -648,6 +648,39 @@
         return AbstractInputComponent;
     }(DisposableComponent));
 
+    var CheckboxInputComponent = /** @class */ (function (_super) {
+        __extends(CheckboxInputComponent, _super);
+        function CheckboxInputComponent() {
+            var _this = _super.call(this) || this;
+            _this.color = 'accent';
+            _this.labelPosition = 'after';
+            return _this;
+        }
+        CheckboxInputComponent.prototype.ngOnInit = function () {
+        };
+        __decorate([
+            core.Input(), pectin.TrackExternal({ delegateTo: 'delegatingFormValueModel' }),
+            __metadata("design:type", Object)
+        ], CheckboxInputComponent.prototype, "valueModel", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], CheckboxInputComponent.prototype, "color", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], CheckboxInputComponent.prototype, "labelPosition", void 0);
+        CheckboxInputComponent = __decorate([
+            core.Component({
+                selector: 'aup-checkbox-input',
+                template: "<mat-checkbox\n  [(ngModel)]=\"valueModel.value\"\n  [color]=\"color\"\n  [labelPosition]=\"labelPosition\"\n  [disabled]=\"!isEnabled()\"\n>{{label}}</mat-checkbox>\n<mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n<mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n",
+                styles: [":host{display:inline-flex;flex-direction:column;margin-top:24px;margin-bottom:16px}mat-error,mat-hint{margin-top:4px;margin-left:24px;font-size:12px;font-weight:400;line-height:13.5px}"]
+            }),
+            __metadata("design:paramtypes", [])
+        ], CheckboxInputComponent);
+        return CheckboxInputComponent;
+    }(AbstractInputComponent));
+
     var NumberInputComponent = /** @class */ (function (_super) {
         __extends(NumberInputComponent, _super);
         function NumberInputComponent() {
@@ -656,7 +689,7 @@
         NumberInputComponent.prototype.ngOnInit = function () {
         };
         __decorate([
-            core.Input(), pectin.TrackExternal({ delegateTo: "delegatingFormValueModel" }),
+            core.Input(), pectin.TrackExternal({ delegateTo: 'delegatingFormValueModel' }),
             __metadata("design:type", Object)
         ], NumberInputComponent.prototype, "valueModel", void 0);
         NumberInputComponent = __decorate([
@@ -758,7 +791,7 @@
         StringInputComponent.prototype.ngOnInit = function () {
         };
         __decorate([
-            core.Input(), pectin.TrackExternal({ delegateTo: "delegatingFormValueModel" }),
+            core.Input(), pectin.TrackExternal({ delegateTo: 'delegatingFormValueModel' }),
             __metadata("design:type", Object)
         ], StringInputComponent.prototype, "valueModel", void 0);
         __decorate([
@@ -956,6 +989,7 @@
                     StringInputComponent,
                     PasswordInputComponent,
                     SelectInputComponent,
+                    CheckboxInputComponent,
                     ScrollContainerComponent,
                     NoopComponent,
                     AbstractInputComponent,
@@ -973,12 +1007,14 @@
                     tabs.MatTabsModule,
                     DirectivesModule,
                     icon.MatIconModule,
-                    button.MatButtonModule
+                    button.MatButtonModule,
+                    checkbox.MatCheckboxModule
                 ],
                 exports: [
                     NumberInputComponent,
                     StringInputComponent,
                     PasswordInputComponent,
+                    CheckboxInputComponent,
                     SelectInputComponent,
                     ScrollContainerComponent,
                     NoopComponent,
@@ -1528,7 +1564,7 @@
     }());
 
     var inplaceMonitorCount = 0;
-    exports.ɵz = /** @class */ (function () {
+    exports.ɵba = /** @class */ (function () {
         function InteractionService(modelInteractionContextFactory) {
             this.modelInteractionContextFactory = modelInteractionContextFactory;
             this.garbage = new pectin.GarbageCollector();
@@ -1688,7 +1724,7 @@
             return ApiAdapter;
         }());
         InteractionService.ApiAdapter = ApiAdapter;
-    })(exports.ɵz || (exports.ɵz = {}));
+    })(exports.ɵba || (exports.ɵba = {}));
 
     var InPlaceInteractionContextComponent = /** @class */ (function (_super) {
         __extends(InPlaceInteractionContextComponent, _super);
@@ -1732,7 +1768,7 @@
             return this.activityContainerComponent.startActivity(activityType, data);
         };
         InPlaceInteractionContextComponent.ctorParameters = function () { return [
-            { type: exports.ɵz }
+            { type: exports.ɵba }
         ]; };
         __decorate([
             core.ViewChild('activityContainer', { static: true }),
@@ -1744,7 +1780,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.ɵz])
+            __metadata("design:paramtypes", [exports.ɵba])
         ], InPlaceInteractionContextComponent);
         return InPlaceInteractionContextComponent;
     }(DisposableComponent));
@@ -1782,7 +1818,7 @@
                     AlertDialogComponent
                 ],
                 providers: [
-                    exports.ɵz,
+                    exports.ɵba,
                 ]
             })
         ], InteractionModule);
@@ -2901,7 +2937,7 @@
         return PopStateNavigation;
     }(AbstractPopStateNavigation));
 
-    exports.ɵbc = /** @class */ (function () {
+    exports.ɵbd = /** @class */ (function () {
         function PlaceHistory() {
             this._archive = new Map();
             this.placeHistoryDepth = 4;
@@ -3038,7 +3074,7 @@
         //   }
         //
         // }
-    })(exports.ɵbc || (exports.ɵbc = {}));
+    })(exports.ɵbd || (exports.ɵbd = {}));
 
     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.
@@ -3298,7 +3334,7 @@
             _this.navigationSessionName = chain(_this.navigationSessionModel)
                 .pluck('name')
                 .otherwise(idleStateName);
-            pectin.DebugContext.tag(_this._activeVisits, "PlaceRouter.activeVisits");
+            pectin.DebugContext.tag(_this._activeVisits, 'PlaceRouter.activeVisits');
             _this.activeVisitsByPlaceDefinition = chain(_this._activeVisits).indexBy('placeDefinition');
             // TODO: make setup the callbacks in during module initiation to make this testable.
             angularRouter.events.subscribe(function (event) {
@@ -3561,11 +3597,11 @@
         PlaceRouter.ctorParameters = function () { return [
             { type: router.Router },
             { type: common.Location },
-            { type: exports.ɵz },
+            { type: exports.ɵba },
             { type: UrlService },
-            { type: exports.ɵbc }
+            { type: exports.ɵbd }
         ]; };
-        PlaceRouter.ɵprov = core.ɵɵdefineInjectable({ factory: function PlaceRouter_Factory() { return new PlaceRouter(core.ɵɵinject(router.Router), core.ɵɵinject(common.Location), core.ɵɵinject(exports.ɵz), core.ɵɵinject(UrlService), core.ɵɵinject(exports.ɵbc)); }, 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.ɵba), core.ɵɵinject(UrlService), core.ɵɵinject(exports.ɵbd)); }, token: PlaceRouter, providedIn: "root" });
         __decorate([
             pectin.Trace(),
             __metadata("design:type", Function),
@@ -3578,9 +3614,9 @@
             }),
             __metadata("design:paramtypes", [router.Router,
                 common.Location,
-                exports.ɵz,
+                exports.ɵba,
                 UrlService,
-                exports.ɵbc])
+                exports.ɵbd])
         ], PlaceRouter);
         return PlaceRouter;
     }(pectin.GarbageCollector));
@@ -4140,7 +4176,7 @@
             var _this = _super.call(this) || this;
             _this.elementRef = elementRef;
             _this.ngZone = ngZone;
-            _this._boundsModel = new pectin.ValueHolder(new exports.Bounds(0, 0, 0, 0));
+            _this._boundsModel = new pectin.MutableValueModel(new exports.Bounds(0, 0, 0, 0));
             return _this;
         }
         ResizeAwareComponent.prototype.ngAfterViewInit = function () {
@@ -4658,7 +4694,10 @@
                     mechanics.binding.dispose();
                 }
                 if (userModel) {
-                    mechanics.binding = new pectin.Binding(mechanics.backingModel, userModel);
+                    mechanics.binding = new pectin.Binding(mechanics.backingModel, userModel, {
+                        toLeft: pectin.Functions.identity,
+                        toRight: pectin.Functions.identity
+                    });
                     if (isEmpty(userModel)) {
                         // console.log(`Push visit to model for ${tag}`, {value: mechanics.backingModel.value});
                         mechanics.binding.writeRight(); // push the visit into the user model;
@@ -4677,7 +4716,7 @@
         return function (prototype, propertyKey) {
             var param = new exports.ParameterDefinition.RouteId(propertyKey.toString(), options, type);
             typescriptUtilities.Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-            installMechanics(prototype, propertyKey, new pectin.MutableValueModel(), "@RouteId", function (m) { return m.query().isNil(); });
+            installMechanics(prototype, propertyKey, new pectin.MutableValueModel(), '@RouteId', function (m) { return m.query().isNil(); });
         };
     }
     function VisitParameter(options) {
@@ -4685,7 +4724,7 @@
         return function (prototype, propertyKey) {
             var param = new exports.ParameterDefinition.ValueParameter(propertyKey.toString(), options, opts.getOptional('storeInUrl', null));
             typescriptUtilities.Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-            installMechanics(prototype, propertyKey, new pectin.MutableValueModel(), "@VisitParameter", function (m) { return m.query().isNil(); });
+            installMechanics(prototype, propertyKey, new pectin.MutableValueModel(), '@VisitParameter', function (m) { return m.query().isNil(); });
         };
     }
     function VisitParameterList(options) {
@@ -4693,7 +4732,7 @@
         return function (prototype, propertyKey) {
             var param = new exports.ParameterDefinition.ArrayParameter(propertyKey.toString(), options, opts.getOptional('storeInUrl', null));
             typescriptUtilities.Klass.get(prototype).addToOwnMetadataList(ROUTE_PARAMETER_LIST_KEY, param);
-            installMechanics(prototype, propertyKey, new pectin.MutableListModel(), "@VisitParameterList", function (m) { return m.query().isEmpty(); });
+            installMechanics(prototype, propertyKey, new pectin.MutableListModel(), '@VisitParameterList', function (m) { return m.query().isEmpty(); });
         };
     }
 
@@ -4710,6 +4749,7 @@
     exports.AlertDialogComponent = AlertDialogComponent;
     exports.AngularUiPowerupsModule = AngularUiPowerupsModule;
     exports.BusyOverlayComponent = BusyOverlayComponent;
+    exports.CheckboxInputComponent = CheckboxInputComponent;
     exports.CommandDirective = CommandDirective;
     exports.ComponentsModule = ComponentsModule;
     exports.ConfirmThenDialogComponent = ConfirmThenDialogComponent;
@@ -4727,7 +4767,7 @@
     exports.FocusBindingDirective = FocusBindingDirective;
     exports.InPlaceInteractionContextComponent = InPlaceInteractionContextComponent;
     exports.InteractionModule = InteractionModule;
-    exports.InteractionService = exports.ɵz;
+    exports.InteractionService = exports.ɵba;
     exports.InteractionServiceRoutingAdapter = InteractionServiceRoutingAdapter;
     exports.LEFT_RIGHT_PLACE_ANIMATION = LEFT_RIGHT_PLACE_ANIMATION;
     exports.ListPlaceNavComponent = ListPlaceNavComponent;
@@ -4743,7 +4783,7 @@
     exports.PlaceComponentDeactivationHandler = PlaceComponentDeactivationHandler;
     exports.PlaceDefinition = PlaceDefinition;
     exports.PlaceGuard = PlaceGuard;
-    exports.PlaceHistory = exports.ɵbc;
+    exports.PlaceHistory = exports.ɵbd;
     exports.PlaceModule = PlaceModule;
     exports.PlaceOutletComponent = PlaceOutletComponent;
     exports.PlaceRouter = PlaceRouter;
@@ -4776,21 +4816,21 @@
     exports.slideRightOnEnterAnimation = slideRightOnEnterAnimation;
     exports.ɵa = DirectivesModule;
     exports.ɵb = CommandDirective;
-    exports.ɵba = ModalInteractionContextFactory;
-    exports.ɵbb = UrlService;
-    exports.ɵbd = TabbedPlaceNavigationComponent;
-    exports.ɵbe = AbstractPlaceNavigationComponent;
-    exports.ɵbf = ListPlaceNavComponent;
-    exports.ɵbg = InteractionModule;
-    exports.ɵbh = ActivityContainerComponent;
-    exports.ɵbi = AbstractInteractionContext;
-    exports.ɵbj = ActivityOutletComponent;
-    exports.ɵbk = ConfirmationDialogComponent;
-    exports.ɵbl = ACTIVITY_DATA;
-    exports.ɵbm = Activity;
-    exports.ɵbo = ConfirmThenDialogComponent;
-    exports.ɵbp = AlertDialogComponent;
-    exports.ɵbr = InPlaceInteractionContextComponent;
+    exports.ɵbb = ModalInteractionContextFactory;
+    exports.ɵbc = UrlService;
+    exports.ɵbe = TabbedPlaceNavigationComponent;
+    exports.ɵbf = AbstractPlaceNavigationComponent;
+    exports.ɵbg = ListPlaceNavComponent;
+    exports.ɵbh = InteractionModule;
+    exports.ɵbi = ActivityContainerComponent;
+    exports.ɵbj = AbstractInteractionContext;
+    exports.ɵbk = ActivityOutletComponent;
+    exports.ɵbl = ConfirmationDialogComponent;
+    exports.ɵbm = ACTIVITY_DATA;
+    exports.ɵbn = Activity;
+    exports.ɵbp = ConfirmThenDialogComponent;
+    exports.ɵbq = AlertDialogComponent;
+    exports.ɵbs = InPlaceInteractionContextComponent;
     exports.ɵc = FocusBindingDirective;
     exports.ɵd = DisposableComponent;
     exports.ɵe = ComponentsModule;
@@ -4799,20 +4839,21 @@
     exports.ɵh = StringInputComponent;
     exports.ɵi = PasswordInputComponent;
     exports.ɵj = SelectInputComponent;
-    exports.ɵk = ScrollContainerComponent;
-    exports.ɵl = NoopComponent;
-    exports.ɵm = SwitchCaseOption;
-    exports.ɵn = SwitchCaseWhenDirective;
-    exports.ɵo = SwitchCaseDefaultDirective;
-    exports.ɵp = SwitchCaseComponent;
-    exports.ɵq = PlaceModule;
-    exports.ɵr = EmptyStateComponent;
-    exports.ɵs = BusyOverlayComponent;
-    exports.ɵt = PlaceOutletComponent;
-    exports.ɵu = leftRightPlaceAnimation;
-    exports.ɵv = LEFT_RIGHT_PLACE_ANIMATION;
-    exports.ɵw = AUP_PLACE_CONFIG;
-    exports.ɵy = PlaceRouter;
+    exports.ɵk = CheckboxInputComponent;
+    exports.ɵl = ScrollContainerComponent;
+    exports.ɵm = NoopComponent;
+    exports.ɵn = SwitchCaseOption;
+    exports.ɵo = SwitchCaseWhenDirective;
+    exports.ɵp = SwitchCaseDefaultDirective;
+    exports.ɵq = SwitchCaseComponent;
+    exports.ɵr = PlaceModule;
+    exports.ɵs = EmptyStateComponent;
+    exports.ɵt = BusyOverlayComponent;
+    exports.ɵu = PlaceOutletComponent;
+    exports.ɵv = leftRightPlaceAnimation;
+    exports.ɵw = LEFT_RIGHT_PLACE_ANIMATION;
+    exports.ɵx = AUP_PLACE_CONFIG;
+    exports.ɵz = PlaceRouter;
 
     Object.defineProperty(exports, '__esModule', { value: true });