@coolon/angular-ui-powerups 3.17.3 → 3.18.1

package/lib/interaction/components/{activity-content → activity-body}/activity-body.component.d.ts

@@ -1,5 +1,6 @@
 import { OnInit } from '@angular/core';
 import { DisposableComponent } from '../../../components/disposable-component';
 export declare class ActivityBodyComponent extends DisposableComponent implements OnInit {
+    fullWidth: boolean;
     ngOnInit(): void;
 }

package/lib/interaction/components/activity-title/activity-title.component.d.ts

@@ -1,5 +1,16 @@
 import { OnInit } from '@angular/core';
+import { ThemePalette } from '@angular/material/core';
 import { DisposableComponent } from '../../../components/disposable-component';
 export declare class ActivityTitleComponent extends DisposableComponent implements OnInit {
+    private _color;
+    private _hasUserTransparentBackground;
+    /**
+     * Adjusts layout to ensure the title and body are cleanly separated with even
+     * gaps for teh case where the title component has a painted background.
+     */
+    set hasTransparentBackground(value: boolean);
+    get hasTransparentBackground(): boolean;
+    set color(color: ThemePalette);
+    get color(): ThemePalette;
     ngOnInit(): void;
 }

package/lib/interaction/components/confirm-then-dialog/confirm-then-dialog.component.d.ts

@@ -10,6 +10,7 @@ export declare class ConfirmThenDialogComponent<D, R, E> extends Activity<Confir
     constructor(config: ConfirmThenDialogComponent.Data<D, R, E>);
     ngOnInit(): void;
     get confirm(): Confirm;
+    get titleColor(): string;
     isDestructive(): boolean;
 }
 export declare namespace ConfirmThenDialogComponent {

package/lib/interaction/components/confirmation-dialog/confirmation-dialog.component.d.ts

@@ -8,5 +8,6 @@ export declare class ConfirmationDialogComponent extends Activity<Confirm, void>
     readonly cancelFace: CommandFace;
     constructor(confirm: Confirm);
     ngOnInit(): void;
+    get titleColor(): string;
     isDestructive(): boolean;
 }

package/lib/interaction/exports.d.ts

@@ -11,9 +11,9 @@ export * from "./interaction.module";
 export * from "./result";
 export * from "./route-synchronisation-adapter";
 export * from "./components/activity-actions/activity-actions.component";
+export * from "./components/activity-body/activity-body.component";
 export * from "./components/activity-container/activity-container.component";
 export * from "./components/activity-container/activity-outlet/activity-outlet.component";
-export * from "./components/activity-content/activity-body.component";
 export * from "./components/activity-title/activity-title.component";
 export * from "./components/add-item-interaction-context/add-item-interaction-context.component";
 export * from "./components/alert-dialog/alert-dialog.component";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "3.17.3",
+  "version": "3.18.1",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "@coolon/typescript-utilities": "^2.2.0",

package/schematics/bootstrap-app/templates/styles/global-variables.scss.template

@@ -10,3 +10,4 @@
   --sub-header-height: 48px;
 }
 
+

package/schematics/bootstrap-app/templates/styles.scss.template

@@ -1,10 +1,17 @@
 /* You can add global styles to this file, and also import other style files */
 
+@use '~@angular/material/theming' as ng;
+@use "~@coolon/angular-ui-powerups/assets/styles" as aup;
+@use "./styles/global-variables";
+
+$primary: ng.mat-palette(ng.$mat-indigo);
+$accent: ng.mat-palette(ng.$mat-pink);
+
+@include aup.apply-light-theme($primary, $accent);
+
 @import "./assets/fonts/material-design-icons/material-icons.css";
 @import "~roboto-fontface/css/roboto/roboto-fontface.css";
-@import "./styles/theme";
-@import "./styles/global-variables";
-@import "~@coolon/angular-ui-powerups/assets/styles";
+
 
 html, body {
   height: 100%;

package/schematics/place-add/index.js

@@ -16,8 +16,12 @@ function addPlace(_options) {
         if (!placeModulePath) {
             throw new Error(`Places must be created in or under a directory containing a 'places.module.ts'.  I couldn't find one in ${pathToSourceRoot.join('/')} or in any ancestor of it. You can run ng g @coolon/angular-ui-powerups:place-bootstrap --dir=<directory> to initialise one`);
         }
-        const placeModule = buildContext.getSourceFile(placeModulePath);
-        const newPlaceModuleContent = updatePlaceModule(placeModule);
+        // we'll let angular do it by just create a default component then we'll clobber it with our real templates later.
+        const updateModule = schematics_1.externalSchematic('@schematics/angular', 'component', {
+            project: _options.project,
+            name: _options.name,
+            module: placeModulePath.slice(buildContext.sourceCodeRoot.length)
+        });
         const componentFiles = template_utilities_1.applyTemplatesWithOverwrite(tree, 'templates/component', {
             name: componentName,
             selectorPrefix: buildContext.selectorPrefix,
@@ -26,15 +30,8 @@ function addPlace(_options) {
         const additionalFiles = template_utilities_1.applyTemplatesWithOverwrite(tree, 'templates/files', {
             name: componentName
         }, buildContext.sourceRoot);
-        return schematics_1.chain([componentFiles, additionalFiles])(tree, context);
+        return schematics_1.chain([updateModule, componentFiles, additionalFiles])(tree, context);
     };
 }
 exports.addPlace = addPlace;
-function updatePlaceModule(placeModule) {
-    // TODO: Make this work.
-    // const imports = placeModule.getImportDeclarations();
-    const moduleClass = placeModule.findClassWithDecorator('@NgModule');
-    const decorator = moduleClass.getClassDecoratorNode('@NgModule');
-    return placeModule.getFullText();
-}
 //# sourceMappingURL=index.js.map

package/schematics/place-add/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/schematics/place-add/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiF;AAGjF,oEAA0E;AAC1E,kDAA+C;AAI/C,SAAgB,QAAQ,CAAC,QAAgB;IAEvC,OAAO,CAAC,IAAU,EAAE,OAAyB,EAAE,EAAE;QAE/C,MAAM,SAAS,GAAG,qBAAS,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAChD,MAAM,YAAY,GAAG,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEhE,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC3C,MAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACtD,MAAM,kBAAkB,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACpE,MAAM,gBAAgB,GAAG,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAClF,MAAM,eAAe,GAAG,YAAY,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;QAClG,IAAI,CAAC,eAAe,EAAE;YACpB,MAAM,IAAI,KAAK,CAAC,2GAA2G,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,6HAA6H,CAAC,CAAC;SACrR;QACD,MAAM,WAAW,GAAG,YAAY,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QAChE,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAE7D,MAAM,cAAc,GAAG,gDAA2B,CAChD,IAAI,EACJ,qBAAqB,EACrB;YACE,IAAI,EAAE,aAAa;YACnB,cAAc,EAAE,YAAY,CAAC,cAAc;YAC3C,UAAU,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;SACtD,EACD,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,aAAa,EAAE,CACnD,CAAC;QAGF,MAAM,eAAe,GAAG,gDAA2B,CACjD,IAAI,EACJ,iBAAiB,EACjB;YACE,IAAI,EAAE,aAAa;SACpB,EACD,YAAY,CAAC,UAAU,CAAC,CAAC;QAE3B,OAAO,kBAAK,CAAC,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAEjE,CAAC,CAAC;AAEJ,CAAC;AA1CD,4BA0CC;AAED,SAAS,iBAAiB,CAAC,WAAgC;IAEzD,wBAAwB;IAExB,uDAAuD;IACvD,MAAM,WAAW,GAAG,WAAW,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC;IACpE,MAAM,SAAS,GAAG,WAAW,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC;IAEjE,OAAO,WAAW,CAAC,WAAW,EAAE,CAAC;AACnC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/schematics/place-add/index.ts"],"names":[],"mappings":";;;AAAA,2DAAoG;AAIpG,oEAA0E;AAC1E,kDAA+C;AAI/C,SAAgB,QAAQ,CAAC,QAAgB;IAEvC,OAAO,CAAC,IAAU,EAAE,OAAyB,EAAE,EAAE;QAE/C,MAAM,SAAS,GAAG,qBAAS,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAChD,MAAM,YAAY,GAAG,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEhE,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC3C,MAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACtD,MAAM,kBAAkB,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACpE,MAAM,gBAAgB,GAAG,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAClF,MAAM,eAAe,GAAG,YAAY,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;QAClG,IAAI,CAAC,eAAe,EAAE;YACpB,MAAM,IAAI,KAAK,CAAC,2GAA2G,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,6HAA6H,CAAC,CAAC;SACrR;QACD,kHAAkH;QAClH,MAAM,YAAY,GAAG,8BAAiB,CAAC,qBAAqB,EAAE,WAAW,EAAE;YACzE,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,IAAI,EAAE,QAAQ,CAAC,IAAI;YACnB,MAAM,EAAE,eAAe,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,MAAM,CAAC;SAClE,CAAC,CAAC;QAEH,MAAM,cAAc,GAAG,gDAA2B,CAChD,IAAI,EACJ,qBAAqB,EACrB;YACE,IAAI,EAAE,aAAa;YACnB,cAAc,EAAE,YAAY,CAAC,cAAc;YAC3C,UAAU,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;SACtD,EACD,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,aAAa,EAAE,CACnD,CAAC;QAGF,MAAM,eAAe,GAAG,gDAA2B,CACjD,IAAI,EACJ,iBAAiB,EACjB;YACE,IAAI,EAAE,aAAa;SACpB,EACD,YAAY,CAAC,UAAU,CAAC,CAAC;QAE3B,OAAO,kBAAK,CAAC,CAAC,YAAY,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAE/E,CAAC,CAAC;AAEJ,CAAC;AA9CD,4BA8CC"}

package/schematics/utils/template-utilities.js

@@ -9,16 +9,8 @@ function applyTemplatesWithOverwrite(tree, templateUrl, templateData, outDir) {
     const newFiles = schematics_1.apply(schematics_1.url(templateUrl), [
         schematics_1.applyTemplates(Object.assign(Object.assign({}, templateData), core_1.strings)),
         schematics_1.move(`${outDir}`),
-        // @see https://github.com/angular/angular-cli/issues/11337#issuecomment-448259549
-        schematics_1.forEach((fileEntry) => {
-            // this.context.logger.info(fileEntry.path);
-            if (tree.exists(fileEntry.path)) {
-                tree.overwrite(fileEntry.path, fileEntry.content);
-            }
-            return fileEntry;
-        })
     ]);
-    return schematics_1.mergeWith(newFiles);
+    return schematics_1.mergeWith(newFiles, schematics_1.MergeStrategy.Overwrite);
 }
 exports.applyTemplatesWithOverwrite = applyTemplatesWithOverwrite;
 //# sourceMappingURL=template-utilities.js.map

package/schematics/utils/template-utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"template-utilities.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/schematics/utils/template-utilities.ts"],"names":[],"mappings":";;;AAAA,+CAA+C;AAC/C,2DAUoC;AAEpC,SAAgB,2BAA2B,CAAC,IAAU,EAAE,WAAmB,EAAE,YAAoB,EAAE,MAAc;IAC/G,uFAAuF;IACvF,2CAA2C;IAC3C,MAAM,QAAQ,GAAG,kBAAK,CACpB,gBAAG,CAAC,WAAW,CAAC,EAChB;QACE,2BAAc,iCACT,YAAY,GACZ,cAAO,EACV;QACF,iBAAI,CAAC,GAAG,MAAM,EAAE,CAAC;QACjB,kFAAkF;QAClF,oBAAO,CAAC,CAAC,SAAoB,EAAE,EAAE;YAC/B,4CAA4C;YAC5C,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;gBAC/B,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;aACnD;YACD,OAAO,SAAS,CAAC;QACnB,CAAC,CAAC;KACH,CAAC,CAAC;IACL,OAAO,sBAAS,CAAC,QAAQ,CAAC,CAAC;AAC7B,CAAC;AArBD,kEAqBC"}
+{"version":3,"file":"template-utilities.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/schematics/utils/template-utilities.ts"],"names":[],"mappings":";;;AAAA,+CAA+C;AAC/C,2DAWoC;AAEpC,SAAgB,2BAA2B,CAAC,IAAU,EAAE,WAAmB,EAAE,YAAoB,EAAE,MAAc;IAC/G,uFAAuF;IACvF,2CAA2C;IAC3C,MAAM,QAAQ,GAAG,kBAAK,CACpB,gBAAG,CAAC,WAAW,CAAC,EAChB;QACE,2BAAc,iCACT,YAAY,GACZ,cAAO,EACV;QACF,iBAAI,CAAC,GAAG,MAAM,EAAE,CAAC;KASlB,CAAC,CAAC;IACL,OAAO,sBAAS,CAAC,QAAQ,EAAE,0BAAa,CAAC,SAAS,CAAC,CAAC;AACtD,CAAC;AArBD,kEAqBC"}

package/assets/typography.scss

@@ -1,5 +0,0 @@
-@import "~@angular/material/theming";
-
-// Create a config with the default typography levels.
-$typographyConfig: mat-typography-config();
-

package/esm2015/lib/interaction/components/activity-content/activity-body.component.html.shim.ngstyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity-body.component.html.shim.ngstyle.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-content/activity-body.component.html.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm2015/lib/interaction/components/activity-content/activity-body.component.js

@@ -1,26 +0,0 @@
-import { Component } from '@angular/core';
-import { DisposableComponent } from '../../../components/disposable-component';
-export class ActivityBodyComponent extends DisposableComponent {
-    // @Input()
-    // align: 'start' | 'end' | 'stretch' = 'start';
-    //
-    // @HostBinding('class.align-end')
-    // get alignEnd():boolean {
-    //   return this.align === 'end'
-    // }
-    //
-    // @HostBinding('class.align-stretch')
-    // get alignStretch():boolean {
-    //   return this.align === 'stretch'
-    // }
-    ngOnInit() {
-    }
-}
-ActivityBodyComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aup-activity-body',
-                template: "<ng-content></ng-content>\n",
-                styles: ["<ng-content></ng-content>\n"]
-            },] }
-];
-//# sourceMappingURL=activity-body.component.js.map

package/esm2015/lib/interaction/components/activity-content/activity-body.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity-body.component.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-content/activity-body.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA8B,MAAM,eAAe,CAAC;AAItE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAO/E,MAAM,OAAO,qBAAsB,SAAQ,mBAAmB;IAE5D,WAAW;IACX,gDAAgD;IAChD,EAAE;IACF,kCAAkC;IAClC,2BAA2B;IAC3B,gCAAgC;IAChC,IAAI;IACJ,EAAE;IACF,sCAAsC;IACtC,+BAA+B;IAC/B,oCAAoC;IACpC,IAAI;IAEJ,QAAQ;IACR,CAAC;;;YArBF,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,uCAA6C;;aAE9C","sourcesContent":["import { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { Command, DelegatingCommand, TrackExternal } from '@coolon/pectin';\nimport _ from 'lodash';\nimport { CommandFace } from '../../../components/commands/command-face';\nimport { DisposableComponent } from '../../../components/disposable-component';\n\n@Component({\n  selector: 'aup-activity-body',\n  templateUrl: './activity-body.component.html',\n  styleUrls: ['./activity-body.component.html'],\n})\nexport class ActivityBodyComponent extends DisposableComponent implements OnInit {\n\n  // @Input()\n  // align: 'start' | 'end' | 'stretch' = 'start';\n  //\n  // @HostBinding('class.align-end')\n  // get alignEnd():boolean {\n  //   return this.align === 'end'\n  // }\n  //\n  // @HostBinding('class.align-stretch')\n  // get alignStretch():boolean {\n  //   return this.align === 'stretch'\n  // }\n\n  ngOnInit() {\n  }\n\n}\n"]}

package/esm2015/lib/interaction/components/activity-content/activity-body.component.ngfactory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity-body.component.ngfactory.js","sourceRoot":"","sources":["../../../../../../../../libs/angular-ui-powerups/src/lib/interaction/components/activity-content/activity-body.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/schematics/bootstrap-app/templates/styles/theme.scss.template

@@ -1,37 +0,0 @@
-@import '~@angular/material/theming';
-// Plus imports for other components in your app.
-
-// Include the common styles for Angular Material. We include this here so that you only
-// have to load a single css file for Angular Material in your app.
-// Be sure that you only ever include this mixin once!
-@include mat-core();
-
-// Define the palettes for your theme using the Material Design palettes available in palette.scss
-// (imported above). For each palette, you can optionally specify a default, lighter, and darker
-// hue. Available color palettes: https://material.io/design/color/
-$tester-app-primary: mat-palette($mat-indigo);
-$tester-app-accent:  mat-palette($mat-pink, A200, A100, A400);
-
-// The warn palette is optional (defaults to red).
-$tester-app-warn:    mat-palette($mat-red);
-
-// Create the theme object (a Sass map containing all of the palettes).
-$tester-app-theme: mat-light-theme($tester-app-primary, $tester-app-accent, $tester-app-warn);
-
-// Include theme styles for core and each component used in your app.
-// Alternatively, you can import and @include the theme mixins for each component
-// that you are using.
-@include angular-material-theme($tester-app-theme);
-
-:root {
-  --theme-primary-color: #{mat-color(map-get($tester-app-theme, primary))};
-  --theme-forground-color: #{mat-color(map-get($tester-app-theme, foreground))};
-  --theme-background-color: #{mat-color(map-get($tester-app-theme, background))};
-  --theme-warn-color: #{mat-color(map-get($tester-app-theme, warn))};
-  //--theme-warn-background-color: #{mat-color(map-get($tester-app-theme, warn))};
-  --theme-warn-background-color: #{mat-color(map-get($tester-app-theme, warn), 0.4)};
-  --theme-warn-color-default-contrast: #{mat-color(map-get($tester-app-theme, warn), default-contrast)};
-  --theme-selected-item-background-color: #{mat-color(map-get($tester-app-theme, primary), 0.15)};
-  --theme-selected-item-border-color: #{mat-color(map-get($tester-app-theme, primary), 0.6)};
-  --theme-selected-item-background-hover-color: #{mat-color(map-get($tester-app-theme, primary), 0.05)};
-}