@coolon/angular-ui-powerups 1.11.1 → 1.11.3

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 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.11.3](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.11.2...v1.11.3) (2020-06-10)
+
+
+### Bug Fixes
+
+* updated imports to not use the barrel file ([de431a1](https://bitbucket.org/coolon/angular-ui-powerups/commit/de431a1b95a1de236dad3447db7d70226a40cb0e))
+
+### [1.11.2](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.11.1...v1.11.2) (2020-06-10)
+
+
+### Bug Fixes
+
+* updated build to package all styles sheets ([71c4298](https://bitbucket.org/coolon/angular-ui-powerups/commit/71c4298425a5a7a878b01f7ef22011d570ac9ef8))
+
 ### [1.11.1](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.11.0...v1.11.1) (2020-06-10)
 
 

package/assets/form.scss

@@ -0,0 +1,37 @@
+.aup-input-component {
+
+  display: block;
+
+  mat-form-field, input {
+    width: 100%;
+
+    mat-hint.faux-error {
+      color: mat-color(mat-palette($mat-red));
+    }
+  }
+}
+
+aup-table-cell-renderer > .aup-input-component {
+
+  // TODO: enter/exit animations for the editor size.
+
+  .mat-form-field-flex {
+    padding-top: 0;
+  }
+
+  .mat-form-field-infix {
+    width: 0; // ensure it doesn't expand the cell.
+    //border-top: none; // remove label space
+  }
+
+  .mat-form-field-label-wrapper { // hide the label
+    display: none;
+  }
+
+  .mat-form-field-subscript-wrapper {
+
+  }
+}
+
+
+

package/assets/interaction.scss

@@ -0,0 +1,22 @@
+.dialog-interaction-context {
+  max-width: 95vw !important;
+  max-height: 95vh !important;
+
+  mat-dialog-container {
+    max-width: 95vw !important;
+    max-height: 95vh !important;
+    padding: 0;
+  }
+}
+
+
+.aup-popup-interaction-panel {
+  background: var(--aup-default-background, white);
+  @include mat-elevation(1);
+  @include mat-elevation-transition;
+}
+
+.aup-input-activity {
+  padding: calc(var(--aup-default-padding)/2);
+}
+

package/assets/mixins.scss

@@ -0,0 +1,28 @@
+@mixin elevate-on-hover($height:2) {
+  @include mat-elevation-transition;
+  //@include mat-elevation(2);
+  &:hover {
+    @include mat-elevation($height);
+  }
+}
+
+@mixin new-card-placeholder-style($color: rgba(0,0,0,0.54), $background-color: rgba(255,255,255,0.8), $hover-color: $color, $background-hover-color: white) {
+  box-sizing: border-box;
+  border: 2px dashed rgba(0, 0, 0, 0.1);
+  border-radius: 6px;
+
+  font-weight: 300;
+  cursor: pointer;
+  color: $color;
+  background-color: $background-color;
+  transition: all $mat-elevation-transition-duration $mat-elevation-transition-timing-function;
+
+  &:hover {
+    @include elevate-on-hover(4);
+    transition: all $mat-elevation-transition-duration $mat-elevation-transition-timing-function;
+    border-color: transparent;
+    background-color: $background-hover-color;
+    color: $hover-color;
+  }
+}
+

package/assets/router.scss

@@ -0,0 +1,9 @@
+.router-outlet-container {
+  > * {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+  }
+}

package/assets/table.scss

@@ -0,0 +1,9 @@
+aup-table {
+  --default-column-gap: var(--column-gap, 24px);
+
+  aup-table-cell-renderer, aup-table-header-cell-renderer {
+    &:not(.first-column) {
+      padding-left: var(--default-column-gap);
+    }
+  }
+}

package/assets/tabs.scss

@@ -0,0 +1,17 @@
+[no-tab-header] {
+  > mat-tab-header {
+    display: none;
+  }
+}
+
+[full-height-tabs], mat-tab-group.full-height-tabs {
+  .mat-tab-body-wrapper {
+    flex: 1;
+    mat-tab-body, .mat-tab-body-content  {
+      display: flex;
+      flex-direction: column;
+      justify-content: stretch;
+    }
+  }
+}
+

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

@@ -1316,76 +1316,6 @@
         return ActivityContainerComponent;
     }(AbstractInteractionContext));
 
-    var AddItemInteractionContextComponent = /** @class */ (function (_super) {
-        __extends(AddItemInteractionContextComponent, _super);
-        function AddItemInteractionContextComponent() {
-            var _this = _super.call(this) || this;
-            _this.tabindex = 0;
-            _this.clickCommand = pectin.Command.create(function (context) {
-                if (_this.activityClass) {
-                    _this.startActivity(_this.activityClass, _this.activityData).catch(function (e) {
-                        //  don't care.
-                    });
-                }
-                else {
-                    _this.addCommand.withContext(context).execute();
-                }
-            });
-            return _this;
-        }
-        Object.defineProperty(AddItemInteractionContextComponent.prototype, "active", {
-            get: function () {
-                return this.interactionContext ? this.interactionContext.isActive() : false;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        AddItemInteractionContextComponent.prototype.startActivity = function (activityType, data) {
-            return this.interactionContext.startActivity(activityType, data);
-        };
-        AddItemInteractionContextComponent.prototype.ngOnInit = function () {
-        };
-        __decorate([
-            core.Input(),
-            __metadata("design:type", String)
-        ], AddItemInteractionContextComponent.prototype, "label", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], AddItemInteractionContextComponent.prototype, "activityClass", void 0);
-        __decorate([
-            core.Input(),
-            __metadata("design:type", Object)
-        ], AddItemInteractionContextComponent.prototype, "activityData", void 0);
-        __decorate([
-            core.Input(),
-            pectin.TrackExternal(),
-            __metadata("design:type", pectin.Command)
-        ], AddItemInteractionContextComponent.prototype, "addCommand", void 0);
-        __decorate([
-            core.ViewChild(InPlaceInteractionContextComponent),
-            __metadata("design:type", InPlaceInteractionContextComponent)
-        ], AddItemInteractionContextComponent.prototype, "interactionContext", void 0);
-        __decorate([
-            core.HostBinding('class.interaction-active'),
-            __metadata("design:type", Boolean),
-            __metadata("design:paramtypes", [])
-        ], AddItemInteractionContextComponent.prototype, "active", null);
-        __decorate([
-            core.HostBinding('tabindex'),
-            __metadata("design:type", Object)
-        ], AddItemInteractionContextComponent.prototype, "tabindex", void 0);
-        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\"><mat-icon>add</mat-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}"]
-            }),
-            __metadata("design:paramtypes", [])
-        ], AddItemInteractionContextComponent);
-        return AddItemInteractionContextComponent;
-    }(DisposableComponent));
-
     var InteractionServiceRoutingAdapter = /** @class */ (function () {
         function InteractionServiceRoutingAdapter(activeInteractionContextIds, activeModalContext, createExclusiveInteractionContext) {
             this.activeInteractionContextIds = activeInteractionContextIds;
@@ -1649,6 +1579,76 @@
         return InPlaceInteractionContextComponent;
     }(DisposableComponent));
 
+    var AddItemInteractionContextComponent = /** @class */ (function (_super) {
+        __extends(AddItemInteractionContextComponent, _super);
+        function AddItemInteractionContextComponent() {
+            var _this = _super.call(this) || this;
+            _this.tabindex = 0;
+            _this.clickCommand = pectin.Command.create(function (context) {
+                if (_this.activityClass) {
+                    _this.startActivity(_this.activityClass, _this.activityData).catch(function (e) {
+                        //  don't care.
+                    });
+                }
+                else {
+                    _this.addCommand.withContext(context).execute();
+                }
+            });
+            return _this;
+        }
+        Object.defineProperty(AddItemInteractionContextComponent.prototype, "active", {
+            get: function () {
+                return this.interactionContext ? this.interactionContext.isActive() : false;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        AddItemInteractionContextComponent.prototype.startActivity = function (activityType, data) {
+            return this.interactionContext.startActivity(activityType, data);
+        };
+        AddItemInteractionContextComponent.prototype.ngOnInit = function () {
+        };
+        __decorate([
+            core.Input(),
+            __metadata("design:type", String)
+        ], AddItemInteractionContextComponent.prototype, "label", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object)
+        ], AddItemInteractionContextComponent.prototype, "activityClass", void 0);
+        __decorate([
+            core.Input(),
+            __metadata("design:type", Object)
+        ], AddItemInteractionContextComponent.prototype, "activityData", void 0);
+        __decorate([
+            core.Input(),
+            pectin.TrackExternal(),
+            __metadata("design:type", pectin.Command)
+        ], AddItemInteractionContextComponent.prototype, "addCommand", void 0);
+        __decorate([
+            core.ViewChild(InPlaceInteractionContextComponent),
+            __metadata("design:type", InPlaceInteractionContextComponent)
+        ], AddItemInteractionContextComponent.prototype, "interactionContext", void 0);
+        __decorate([
+            core.HostBinding('class.interaction-active'),
+            __metadata("design:type", Boolean),
+            __metadata("design:paramtypes", [])
+        ], AddItemInteractionContextComponent.prototype, "active", null);
+        __decorate([
+            core.HostBinding('tabindex'),
+            __metadata("design:type", Object)
+        ], AddItemInteractionContextComponent.prototype, "tabindex", void 0);
+        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\"><mat-icon>add</mat-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}"]
+            }),
+            __metadata("design:paramtypes", [])
+        ], AddItemInteractionContextComponent);
+        return AddItemInteractionContextComponent;
+    }(DisposableComponent));
+
     var PopupInteractionContextComponent = /** @class */ (function (_super) {
         __extends(PopupInteractionContextComponent, _super);
         function PopupInteractionContextComponent(_element, _overlay) {
@@ -4631,7 +4631,7 @@
         return PopStateNavigation;
     }(AbstractPopStateNavigation));
 
-    exports.ɵco = /** @class */ (function () {
+    exports.ɵcn = /** @class */ (function () {
         function PlaceHistory() {
             this._archive = new Map();
             this.placeHistoryDepth = 4;
@@ -4768,7 +4768,7 @@
         //   }
         //
         // }
-    })(exports.ɵco || (exports.ɵco = {}));
+    })(exports.ɵcn || (exports.ɵcn = {}));
 
     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.
@@ -5293,9 +5293,9 @@
             { type: common.Location },
             { type: exports.ɵbw },
             { type: UrlService },
-            { type: exports.ɵco }
+            { type: exports.ɵcn }
         ]; };
-        PlaceRouter.ɵprov = core.ɵɵdefineInjectable({ factory: function PlaceRouter_Factory() { return new PlaceRouter(core.ɵɵinject(router.Router), core.ɵɵinject(common.Location), core.ɵɵinject(exports.ɵbw), core.ɵɵinject(UrlService), core.ɵɵinject(exports.ɵco)); }, 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.ɵbw), core.ɵɵinject(UrlService), core.ɵɵinject(exports.ɵcn)); }, token: PlaceRouter, providedIn: "root" });
         __decorate([
             pectin.Trace(),
             __metadata("design:type", Function),
@@ -5310,7 +5310,7 @@
                 common.Location,
                 exports.ɵbw,
                 UrlService,
-                exports.ɵco])
+                exports.ɵcn])
         ], PlaceRouter);
         return PlaceRouter;
     }(pectin.GarbageCollector));
@@ -6351,7 +6351,7 @@
     exports.PlaceComponentDeactivationHandler = PlaceComponentDeactivationHandler;
     exports.PlaceDefinition = PlaceDefinition;
     exports.PlaceGuard = PlaceGuard;
-    exports.PlaceHistory = exports.ɵco;
+    exports.PlaceHistory = exports.ɵcn;
     exports.PlaceModule = PlaceModule;
     exports.PlaceOutletComponent = PlaceOutletComponent;
     exports.PlaceRouter = PlaceRouter;
@@ -6418,25 +6418,24 @@
     exports.ɵbv = InPlaceInteractionContextComponent;
     exports.ɵbx = ModalInteractionContextFactory;
     exports.ɵby = AddItemInteractionContextComponent;
-    exports.ɵbz = DisposableComponent;
+    exports.ɵbz = ActivityActionsComponent;
     exports.ɵc = FocusBindingDirective;
-    exports.ɵca = InPlaceInteractionContextComponent;
-    exports.ɵcb = ActivityActionsComponent;
-    exports.ɵcc = PopupInteractionContextComponent;
-    exports.ɵcd = InteractionContextTriggerFor;
-    exports.ɵce = PlaceModule;
-    exports.ɵcf = EmptyStateComponent;
-    exports.ɵcg = BusyOverlayComponent;
-    exports.ɵch = PlaceOutletComponent;
-    exports.ɵci = leftRightPlaceAnimation;
-    exports.ɵcj = LEFT_RIGHT_PLACE_ANIMATION;
-    exports.ɵck = AUP_PLACE_CONFIG;
-    exports.ɵcm = PlaceRouter;
-    exports.ɵcn = UrlService;
-    exports.ɵcp = TabbedPlaceNavigationComponent;
-    exports.ɵcq = AbstractPlaceNavigationComponent;
-    exports.ɵcr = ListPlaceNavComponent;
-    exports.ɵcs = SidePlaceNavigationComponent;
+    exports.ɵca = DisposableComponent;
+    exports.ɵcb = PopupInteractionContextComponent;
+    exports.ɵcc = InteractionContextTriggerFor;
+    exports.ɵcd = PlaceModule;
+    exports.ɵce = EmptyStateComponent;
+    exports.ɵcf = BusyOverlayComponent;
+    exports.ɵcg = PlaceOutletComponent;
+    exports.ɵch = leftRightPlaceAnimation;
+    exports.ɵci = LEFT_RIGHT_PLACE_ANIMATION;
+    exports.ɵcj = AUP_PLACE_CONFIG;
+    exports.ɵcl = PlaceRouter;
+    exports.ɵcm = UrlService;
+    exports.ɵco = TabbedPlaceNavigationComponent;
+    exports.ɵcp = AbstractPlaceNavigationComponent;
+    exports.ɵcq = ListPlaceNavComponent;
+    exports.ɵcr = SidePlaceNavigationComponent;
     exports.ɵd = DisposableComponent;
     exports.ɵe = FocusBindingFactory;
     exports.ɵf = ComponentsModule;