@coolon/angular-ui-powerups 3.4.1 → 3.4.3

package/lib/components/card-container/card-container.component.d.ts

@@ -1,8 +1,52 @@
 import { OnInit, TemplateRef } from '@angular/core';
 import { Command } from '@coolon/pectin';
+import { CommandFace } from '../commands/command-face';
 import { DisposableComponent } from '../disposable-component';
 /**
  * @example
+ * // basic usage
+ * <aup-card-container>
+ *   <my-card *ngFor="..."></my-card>
+ * </aup-card-container>
+ *
+ * // adds an add button with a the '+' icon to the end of the card list.
+ * <aup-card-container [addCardCommand]="addCard">
+ *   <my-card *ngFor="..."></my-card>
+ * </aup-card-container>
+ *
+ * // adds an add button with the specified face
+ * <aup-card-container [addCardCommand]="addCard" [addCardFace]="i18n.addCard" >
+ *   <my-card *ngFor="..."></my-card>
+ * </aup-card-container>
+ *
+ * // adds an add card component using the specified template.  The template
+ * // will fill it's container in the grid.
+ * <aup-card-container>
+ *   <my-card *ngFor="..."></my-card>
+ *   <ng-template #addCardTemplate>
+ *     <div>This is a new card template, it will the the size of the other cards.</div>
+ *   </ng-template>
+ * </aup-card-container>
+ *
+ * // sing the default new card styles for your template
+ * @import "../../../../assets/styles";
+ * .my-new-card {
+ *   @include aup-card-container-new-card-style();
+ *   // OR
+ *   @include aup-card-container-new-card-style(
+ *      $color: rgba(0,0,0,0.54),
+ *      $background-color: rgba(255,255,255,0.8),
+ *      $hover-color: $color,
+ *      $background-hover-color: white
+ *   )
+ * }
+ * <aup-card-container>
+ *   <my-card *ngFor="..."></my-card>
+ *   <ng-template #addCardTemplate>
+ *     <div class="my-new-card" >This is a new card template, it will the the size of the other cards.</div>
+ *   </ng-template>
+ * </aup-card-container>
+ *
  * // CSS Vars
  * aup-card-container {
  *   --card-gap: var(--card-gap, 16px);
@@ -11,16 +55,10 @@ import { DisposableComponent } from '../disposable-component';
  *   --card-min-height: var(--card-min-height, auto);
  *   --card-background: var(--card-background, #fcfcfb);
  * }
- *
- * // Content Templates:
- * #addCardTemplate
- * <ng-template #addCardTemplate>
- *  This is a new card template, it will the the size of the other cards.
- * </nav-template>
- *
  */
 export declare class CardContainerComponent extends DisposableComponent implements OnInit {
     addCardCommand: Command<any>;
+    addCardFace: CommandFace;
     addCardTemplate: TemplateRef<any>;
     constructor();
     ngOnInit(): void;

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

@@ -3,7 +3,36 @@ import { Command } from '@coolon/pectin';
 import { CommandFace } from '../../../components/commands/command-face';
 import { DisposableComponent } from '../../../components/disposable-component';
 /**
+ * @example
+ * <aup-activity-actions
+ *     [confirmCommand]="confirm"
+ *     [cancelCommand]="cancel"
+ *     [style]="{confirm: saveFace, cancel: cancelFace}">
+ * </aup-activity-actions>
  *
+ * // Running `ng g @coolon/angular-ui-powerups:aup-i18n` will install default
+ * // style definitions
+ * <aup-activity-actions
+ *     [confirmCommand]="confirm"
+ *     [cancelCommand]="cancel"
+ *     [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
+ * </aup-activity-actions>
+ *
+ * // both commands are optional
+ * <aup-activity-actions
+ *     [confirmCommand]="confirm"
+ *     [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
+ * </aup-activity-actions>
+ *
+ * // you can also add additional content that will be displayed along with the buttons.
+ * // The location of the content depends on the alignment attribute.
+ * <aup-activity-actions
+ *     [confirmCommand]="confirm"
+ *     [cancelCommand]="cancel"
+ *     align="stretch"
+ *     [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
+ *     <span>This content will be between the two commands</span>
+ * </aup-activity-actions>
  */
 export declare class ActivityActionsComponent extends DisposableComponent implements OnInit {
     confirmCommand: Command<any>;

package/package.json

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

package/schematics/collection.json

@@ -6,11 +6,11 @@
       "factory": "./ng-add/index#ngAdd"
     },
     "bootstrap": {
-      "description": "Add angular-ui-powerup dependencies to your application.",
+      "description": "Add angular-ui-powerup dependencies to your project.",
       "factory": "./ng-add/index#installDependencies"
     },
     "bootstrap-app": {
-      "description": "Add angular-ui-powerup dependencies your application.",
+      "description": "Add angular-ui-powerup dependencies your app.",
       "factory": "./bootstrap-app/index#bootstrapApp",
       "schema": "./bootstrap-app/schema.json"
     },

package/schematics/place-add/index.js

@@ -13,7 +13,7 @@ function addPlace(_options) {
         const pathToSourceRoot = [buildContext.sourceRoot].concat(componentPathParts);
         const placeModulePath = buildContext.findFileInAncestorPath(pathToSourceRoot, 'places.module.ts');
         if (!placeModulePath) {
-            throw new Error(`Unable to find 'places.module.ts' anywhere in ${pathToSourceRoot.join('/')}`);
+            throw new Error(`Places must be created in a directory containing a 'places.module.ts' file or any subdirectory thereof.  I couldn't find one in ${pathToSourceRoot.join('/')} or in any ancestor of it`);
         }
         const placeModule = buildContext.getSourceFile(placeModulePath);
         const newPlaceModuleContent = updatePlaceModule(placeModule);

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;AACjF,0DAAsD;AAEtD,oEAA0E;AAI1E,SAAgB,QAAQ,CAAC,QAAgB;IAEvC,OAAO,CAAC,IAAU,EAAE,OAAyB,EAAE,EAAE;QAE/C,MAAM,YAAY,GAAG,4BAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QAE1E,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,UAAU,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAC9E,MAAM,eAAe,GAAG,YAAY,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;QAClG,IAAI,CAAC,eAAe,EAAE;YACpB,MAAM,IAAI,KAAK,CAAC,iDAAiD,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;SAChG;QACD,MAAM,WAAW,GAAG,YAAY,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QAChE,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAA;QAE5D,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,GAAG,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC;QAE7B,OAAO,kBAAK,CAAC,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAEjE,CAAC,CAAC;AAEJ,CAAC;AAzCD,4BAyCC;AAED,SAAS,iBAAiB,CAAC,WAAgC;IACzD,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,2DAAiF;AACjF,0DAAsD;AAEtD,oEAA0E;AAI1E,SAAgB,QAAQ,CAAC,QAAgB;IAEvC,OAAO,CAAC,IAAU,EAAE,OAAyB,EAAE,EAAE;QAE/C,MAAM,YAAY,GAAG,4BAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QAE1E,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,UAAU,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAC9E,MAAM,eAAe,GAAG,YAAY,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;QAClG,IAAI,CAAC,eAAe,EAAE;YACpB,MAAM,IAAI,KAAK,CAAC,mIAAmI,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;SAC3M;QACD,MAAM,WAAW,GAAG,YAAY,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QAChE,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAA;QAE5D,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,GAAG,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC;QAE7B,OAAO,kBAAK,CAAC,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAEjE,CAAC,CAAC;AAEJ,CAAC;AAzCD,4BAyCC;AAED,SAAS,iBAAiB,CAAC,WAAgC;IACzD,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"}

package/schematics/place-add/templates/component/__name@dasherize__.component.spec.ts.template

@@ -1,6 +1,6 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { <%=capitalize(camelize(name))%>Component } from './<%=dasherize(name)%>>.component';
+import { <%=capitalize(camelize(name))%>Component } from './<%=dasherize(name)%>.component';
 
 describe('<%=capitalize(camelize(name))%>Component', () => {
   let component: <%=capitalize(camelize(name))%>Component;