@coolon/angular-ui-powerups 1.19.1 → 1.20.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 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.20.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.19.1...v1.20.0) (2020-06-26)
+
+
+### Features
+
+* adde more styling options to aup-add-item-interaction-context ([d1253f5](https://bitbucket.org/coolon/angular-ui-powerups/commit/d1253f566659a2603c21093fa84e581e2bd3b62b))
+* added section-header component ([ec2ca50](https://bitbucket.org/coolon/angular-ui-powerups/commit/ec2ca50818b22f5b19985a5ce0a53ca932d046ed))
+
 ### [1.19.1](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.19.0...v1.19.1) (2020-06-25)
 
 

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

@@ -1139,6 +1139,28 @@
         return ScrollContainerComponent;
     }());
 
+    var SectionHeaderComponent = /** @class */ (function () {
+        function SectionHeaderComponent() {
+            this.underline = false;
+        }
+        SectionHeaderComponent.prototype.ngOnInit = function () {
+        };
+        __decorate([
+            core.Input(),
+            core.HostBinding('class.underline'),
+            __metadata("design:type", Object)
+        ], SectionHeaderComponent.prototype, "underline", void 0);
+        SectionHeaderComponent = __decorate([
+            core.Component({
+                selector: 'aup-section-header',
+                template: "<ng-content></ng-content>\n",
+                styles: [":host{--def-border-bottom-color:var(--border-bottom-color, rgba(0, 0, 0, 0.07));display:block;padding:8px 16px;font-size:12px;line-height:12px;color:rgba(0,0,0,.5)}:host.underline{border-bottom:1px solid var(--def-border-bottom-color)}"]
+            }),
+            __metadata("design:paramtypes", [])
+        ], SectionHeaderComponent);
+        return SectionHeaderComponent;
+    }());
+
     var SwitchCaseOption = /** @class */ (function () {
         function SwitchCaseOption(templateRef) {
             this.templateRef = templateRef;
@@ -2498,7 +2520,8 @@
                     DefaultHeaderCellRendererComponent,
                     TableHeaderCellRendererComponent,
                     MultipleSelectInputComponent,
-                    IconComponent
+                    IconComponent,
+                    SectionHeaderComponent
                 ],
                 imports: [
                     common.CommonModule,
@@ -2537,7 +2560,8 @@
                     EditRowControls,
                     ColumnTemplateDirective,
                     MultipleSelectInputComponent,
-                    IconComponent
+                    IconComponent,
+                    SectionHeaderComponent
                 ],
                 providers: [
                     FocusBindingFactory,
@@ -3181,7 +3205,7 @@
     }());
 
     var inplaceMonitorCount = 0;
-    exports.ɵbu = /** @class */ (function () {
+    exports.ɵbv = /** @class */ (function () {
         function InteractionService(modelInteractionContextFactory) {
             this.modelInteractionContextFactory = modelInteractionContextFactory;
             this.garbage = new pectin.GarbageCollector();
@@ -3326,7 +3350,7 @@
             return ApiAdapter;
         }());
         InteractionService.ApiAdapter = ApiAdapter;
-    })(exports.ɵbu || (exports.ɵbu = {}));
+    })(exports.ɵbv || (exports.ɵbv = {}));
 
     var InPlaceInteractionContextComponent = /** @class */ (function (_super) {
         __extends(InPlaceInteractionContextComponent, _super);
@@ -3384,7 +3408,7 @@
             return this.activityContainerComponent.startActivity(activityType, data, options);
         };
         InPlaceInteractionContextComponent.ctorParameters = function () { return [
-            { type: exports.ɵbu },
+            { type: exports.ɵbv },
             { type: undefined, decorators: [{ type: core.Inject, args: [tabs.MAT_TABS_CONFIG,] }, { type: core.Optional }] }
         ]; };
         __decorate([
@@ -3402,7 +3426,7 @@
                 styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
             }),
             __param(1, core.Inject(tabs.MAT_TABS_CONFIG)), __param(1, core.Optional()),
-            __metadata("design:paramtypes", [exports.ɵbu, Object])
+            __metadata("design:paramtypes", [exports.ɵbv, Object])
         ], InPlaceInteractionContextComponent);
         return InPlaceInteractionContextComponent;
     }(DisposableComponent));
@@ -3411,6 +3435,7 @@
         __extends(AddItemInteractionContextComponent, _super);
         function AddItemInteractionContextComponent() {
             var _this = _super.call(this) || this;
+            _this.icon = "mat:add";
             _this.tabindex = 0;
             _this.clickCommand = pectin.Command.create(function (context) {
                 if (_this.activityClass) {
@@ -3440,6 +3465,10 @@
             core.Input(),
             __metadata("design:type", String)
         ], AddItemInteractionContextComponent.prototype, "label", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object)
+        ], AddItemInteractionContextComponent.prototype, "icon", void 0);
         __decorate([
             core.Input(),
             __metadata("design:type", Object)
@@ -3469,8 +3498,8 @@
         AddItemInteractionContextComponent = __decorate([
             core.Component({
                 selector: 'aup-add-item-interaction-context',
-                template: "<aup-in-place-interaction-context #interactionContext [animateFirstActivity]=\"false\">\n    <a part=\"link\" class=\"link\" [pectinCommand]=\"clickCommand\"><aup-icon icon=\"mat:add\"></aup-icon> {{label}}</a>\n</aup-in-place-interaction-context>\n",
-                styles: [":host{--def-link-color:var(--link-color, currentColor);--def-link-backgound:var(--link-background, rgba(0, 0, 0, 0.05));--def-link-border-radius:var(--link-border-radius, 4px);--def-link-padding:var(--link-padding, calc(var(--aup-default-padding) / 2));display:flex;flex-direction:column;border-radius:var(--def-link-border-radius);box-sizing:border-box;outline:0}:host:hover{--link-background:rgba(0,0,0,0.1)}aup-in-place-interaction-context{border-radius:var(--def-link-border-radius)}a.link{display:flex;flex-direction:row;align-items:center;border-radius:var(--def-link-border-radius);color:var(--def-link-color);background:var(--def-link-backgound);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}"]
+                template: "<aup-in-place-interaction-context [animateFirstActivity]=\"false\">\n    <a part=\"link\" class=\"link\" [pectinCommand]=\"clickCommand\"><aup-icon [icon]=\"icon\"></aup-icon> {{label}}</a>\n</aup-in-place-interaction-context>\n",
+                styles: [":host{--def-link-color:var(--link-color, currentColor);--def-link-color-hover:var(--link-color-hover, currentColor);--def-link-backgound:var(--link-background, transparent);--def-link-backgound-hover:var(--link-background-hover, rgba(0, 0, 0, 0.05));--def-link-border-radius:var(--link-border-radius, 4px);--def-link-padding:var(--link-padding, calc(var(--aup-default-padding) / 2));display:flex;flex-direction:column;border-radius:var(--def-link-border-radius);box-sizing:border-box;outline:0}:host:hover a.link{color:var(--def-link-color-hover);background-color:var(--def-link-backgound-hover)}aup-in-place-interaction-context{border-radius:var(--def-link-border-radius)}a.link{display:flex;flex-direction:row;align-items:center;border-radius:var(--def-link-border-radius);color:var(--def-link-color);background:var(--def-link-backgound);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}"]
             }),
             __metadata("design:paramtypes", [])
         ], AddItemInteractionContextComponent);
@@ -3927,7 +3956,7 @@
                     AlertDialogComponent
                 ],
                 providers: [
-                    exports.ɵbu
+                    exports.ɵbv
                     // {
                     //   provide: MAT_TABS_CONFIG, useValue: { animationDuration: "2s" }
                     // }
@@ -5049,7 +5078,7 @@
         return PopStateNavigation;
     }(AbstractPopStateNavigation));
 
-    exports.ɵbx = /** @class */ (function () {
+    exports.ɵby = /** @class */ (function () {
         function PlaceHistory() {
             this._archive = new Map();
             this.placeHistoryDepth = 4;
@@ -5186,7 +5215,7 @@
         //   }
         //
         // }
-    })(exports.ɵbx || (exports.ɵbx = {}));
+    })(exports.ɵby || (exports.ɵby = {}));
 
     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.
@@ -5709,11 +5738,11 @@
         PlaceRouter.ctorParameters = function () { return [
             { type: router.Router },
             { type: common.Location },
-            { type: exports.ɵbu },
+            { type: exports.ɵbv },
             { type: UrlService },
-            { type: exports.ɵbx }
+            { type: exports.ɵby }
         ]; };
-        PlaceRouter.ɵprov = core.ɵɵdefineInjectable({ factory: function PlaceRouter_Factory() { return new PlaceRouter(core.ɵɵinject(router.Router), core.ɵɵinject(common.Location), core.ɵɵinject(exports.ɵbu), core.ɵɵinject(UrlService), core.ɵɵinject(exports.ɵbx)); }, 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.ɵbv), core.ɵɵinject(UrlService), core.ɵɵinject(exports.ɵby)); }, token: PlaceRouter, providedIn: "root" });
         __decorate([
             pectin.Trace(),
             __metadata("design:type", Function),
@@ -5726,9 +5755,9 @@
             }),
             __metadata("design:paramtypes", [router.Router,
                 common.Location,
-                exports.ɵbu,
+                exports.ɵbv,
                 UrlService,
-                exports.ɵbx])
+                exports.ɵby])
         ], PlaceRouter);
         return PlaceRouter;
     }(pectin.GarbageCollector));
@@ -6862,7 +6891,7 @@
     exports.InPlaceInteractionContextComponent = InPlaceInteractionContextComponent;
     exports.InteractionContextTriggerFor = InteractionContextTriggerFor;
     exports.InteractionModule = InteractionModule;
-    exports.InteractionService = exports.ɵbu;
+    exports.InteractionService = exports.ɵbv;
     exports.InteractionServiceRoutingAdapter = InteractionServiceRoutingAdapter;
     exports.LEFT_RIGHT_PLACE_ANIMATION = LEFT_RIGHT_PLACE_ANIMATION;
     exports.ListPlaceNavComponent = ListPlaceNavComponent;
@@ -6882,7 +6911,7 @@
     exports.PlaceComponentDeactivationHandler = PlaceComponentDeactivationHandler;
     exports.PlaceDefinition = PlaceDefinition;
     exports.PlaceGuard = PlaceGuard;
-    exports.PlaceHistory = exports.ɵbx;
+    exports.PlaceHistory = exports.ɵby;
     exports.PlaceModule = PlaceModule;
     exports.PlaceOutletComponent = PlaceOutletComponent;
     exports.PlaceRouter = PlaceRouter;
@@ -6896,6 +6925,7 @@
     exports.ResizeAwareComponent = ResizeAwareComponent;
     exports.RouteId = RouteId;
     exports.ScrollContainerComponent = ScrollContainerComponent;
+    exports.SectionHeaderComponent = SectionHeaderComponent;
     exports.SelectCellRendererComponent = SelectCellRendererComponent;
     exports.SelectHeaderCellRendererComponent = SelectHeaderCellRendererComponent;
     exports.SelectInputActivity = SelectInputActivity;
@@ -6941,39 +6971,40 @@
     exports.ɵbh = TableHeaderCellRendererComponent;
     exports.ɵbi = MultipleSelectInputComponent;
     exports.ɵbj = IconComponent;
-    exports.ɵbk = PlaceModule;
-    exports.ɵbl = ComponentsModule;
-    exports.ɵbm = EmptyStateComponent;
-    exports.ɵbn = BusyOverlayComponent;
-    exports.ɵbo = PlaceOutletComponent;
-    exports.ɵbp = leftRightPlaceAnimation;
-    exports.ɵbq = LEFT_RIGHT_PLACE_ANIMATION;
-    exports.ɵbr = AUP_PLACE_CONFIG;
-    exports.ɵbt = PlaceRouter;
-    exports.ɵbv = ModalInteractionContextFactory;
-    exports.ɵbw = UrlService;
-    exports.ɵby = TabbedPlaceNavigationComponent;
-    exports.ɵbz = AbstractPlaceNavigationComponent;
+    exports.ɵbk = SectionHeaderComponent;
+    exports.ɵbl = PlaceModule;
+    exports.ɵbm = ComponentsModule;
+    exports.ɵbn = EmptyStateComponent;
+    exports.ɵbo = BusyOverlayComponent;
+    exports.ɵbp = PlaceOutletComponent;
+    exports.ɵbq = leftRightPlaceAnimation;
+    exports.ɵbr = LEFT_RIGHT_PLACE_ANIMATION;
+    exports.ɵbs = AUP_PLACE_CONFIG;
+    exports.ɵbu = PlaceRouter;
+    exports.ɵbw = ModalInteractionContextFactory;
+    exports.ɵbx = UrlService;
+    exports.ɵbz = TabbedPlaceNavigationComponent;
     exports.ɵc = FocusBindingDirective;
-    exports.ɵca = ListPlaceNavComponent;
-    exports.ɵcb = SidePlaceNavigationComponent;
-    exports.ɵcc = InteractionModule;
-    exports.ɵcd = ActivityContainerComponent;
-    exports.ɵce = AbstractInteractionContext;
-    exports.ɵcf = ActivityOutletComponent;
-    exports.ɵcg = ConfirmationDialogComponent;
-    exports.ɵch = ACTIVITY_DATA;
-    exports.ɵci = Activity;
-    exports.ɵck = ConfirmThenDialogComponent;
-    exports.ɵcl = AlertDialogComponent;
-    exports.ɵcn = InPlaceInteractionContextComponent;
-    exports.ɵco = AddItemInteractionContextComponent;
-    exports.ɵcp = ActivityActionsComponent;
-    exports.ɵcq = PopupInteractionContextComponent;
-    exports.ɵcr = StringInputActivity;
-    exports.ɵcs = AbstractInputActivity;
-    exports.ɵct = SelectInputActivity;
-    exports.ɵcu = InteractionContextTriggerFor;
+    exports.ɵca = AbstractPlaceNavigationComponent;
+    exports.ɵcb = ListPlaceNavComponent;
+    exports.ɵcc = SidePlaceNavigationComponent;
+    exports.ɵcd = InteractionModule;
+    exports.ɵce = ActivityContainerComponent;
+    exports.ɵcf = AbstractInteractionContext;
+    exports.ɵcg = ActivityOutletComponent;
+    exports.ɵch = ConfirmationDialogComponent;
+    exports.ɵci = ACTIVITY_DATA;
+    exports.ɵcj = Activity;
+    exports.ɵcl = ConfirmThenDialogComponent;
+    exports.ɵcm = AlertDialogComponent;
+    exports.ɵco = InPlaceInteractionContextComponent;
+    exports.ɵcp = AddItemInteractionContextComponent;
+    exports.ɵcq = ActivityActionsComponent;
+    exports.ɵcr = PopupInteractionContextComponent;
+    exports.ɵcs = StringInputActivity;
+    exports.ɵct = AbstractInputActivity;
+    exports.ɵcu = SelectInputActivity;
+    exports.ɵcv = InteractionContextTriggerFor;
     exports.ɵd = DisposableComponent;
     exports.ɵe = FocusBindingFactory;
     exports.ɵf = ComponentsModule;