@coolon/angular-ui-powerups 3.4.2 → 3.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,52 @@
1
1
  import { OnInit, TemplateRef } from '@angular/core';
2
2
  import { Command } from '@coolon/pectin';
3
+ import { CommandFace } from '../commands/command-face';
3
4
  import { DisposableComponent } from '../disposable-component';
4
5
  /**
5
6
  * @example
7
+ * // basic usage
8
+ * <aup-card-container>
9
+ * <my-card *ngFor="..."></my-card>
10
+ * </aup-card-container>
11
+ *
12
+ * // adds an add button with a the '+' icon to the end of the card list.
13
+ * <aup-card-container [addCardCommand]="addCard">
14
+ * <my-card *ngFor="..."></my-card>
15
+ * </aup-card-container>
16
+ *
17
+ * // adds an add button with the specified face
18
+ * <aup-card-container [addCardCommand]="addCard" [addCardFace]="i18n.addCard" >
19
+ * <my-card *ngFor="..."></my-card>
20
+ * </aup-card-container>
21
+ *
22
+ * // adds an add card component using the specified template. The template
23
+ * // will fill it's container in the grid.
24
+ * <aup-card-container>
25
+ * <my-card *ngFor="..."></my-card>
26
+ * <ng-template #addCardTemplate>
27
+ * <div>This is a new card template, it will the the size of the other cards.</div>
28
+ * </ng-template>
29
+ * </aup-card-container>
30
+ *
31
+ * // sing the default new card styles for your template
32
+ * @import "../../../../assets/styles";
33
+ * .my-new-card {
34
+ * @include aup-card-container-new-card-style();
35
+ * // OR
36
+ * @include aup-card-container-new-card-style(
37
+ * $color: rgba(0,0,0,0.54),
38
+ * $background-color: rgba(255,255,255,0.8),
39
+ * $hover-color: $color,
40
+ * $background-hover-color: white
41
+ * )
42
+ * }
43
+ * <aup-card-container>
44
+ * <my-card *ngFor="..."></my-card>
45
+ * <ng-template #addCardTemplate>
46
+ * <div class="my-new-card" >This is a new card template, it will the the size of the other cards.</div>
47
+ * </ng-template>
48
+ * </aup-card-container>
49
+ *
6
50
  * // CSS Vars
7
51
  * aup-card-container {
8
52
  * --card-gap: var(--card-gap, 16px);
@@ -11,16 +55,10 @@ import { DisposableComponent } from '../disposable-component';
11
55
  * --card-min-height: var(--card-min-height, auto);
12
56
  * --card-background: var(--card-background, #fcfcfb);
13
57
  * }
14
- *
15
- * // Content Templates:
16
- * #addCardTemplate
17
- * <ng-template #addCardTemplate>
18
- * This is a new card template, it will the the size of the other cards.
19
- * </nav-template>
20
- *
21
58
  */
22
59
  export declare class CardContainerComponent extends DisposableComponent implements OnInit {
23
60
  addCardCommand: Command<any>;
61
+ addCardFace: CommandFace;
24
62
  addCardTemplate: TemplateRef<any>;
25
63
  constructor();
26
64
  ngOnInit(): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coolon/angular-ui-powerups",
3
- "version": "3.4.2",
3
+ "version": "3.4.3",
4
4
  "schematics": "./schematics/collection.json",
5
5
  "dependencies": {
6
6
  "@coolon/typescript-utilities": "^2.0.0",
@@ -6,11 +6,11 @@
6
6
  "factory": "./ng-add/index#ngAdd"
7
7
  },
8
8
  "bootstrap": {
9
- "description": "Add angular-ui-powerup dependencies to your application.",
9
+ "description": "Add angular-ui-powerup dependencies to your project.",
10
10
  "factory": "./ng-add/index#installDependencies"
11
11
  },
12
12
  "bootstrap-app": {
13
- "description": "Add angular-ui-powerup dependencies your application.",
13
+ "description": "Add angular-ui-powerup dependencies your app.",
14
14
  "factory": "./bootstrap-app/index#bootstrapApp",
15
15
  "schema": "./bootstrap-app/schema.json"
16
16
  },
@@ -13,7 +13,7 @@ function addPlace(_options) {
13
13
  const pathToSourceRoot = [buildContext.sourceRoot].concat(componentPathParts);
14
14
  const placeModulePath = buildContext.findFileInAncestorPath(pathToSourceRoot, 'places.module.ts');
15
15
  if (!placeModulePath) {
16
- throw new Error(`Unable to find 'places.module.ts' anywhere in ${pathToSourceRoot.join('/')}`);
16
+ 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`);
17
17
  }
18
18
  const placeModule = buildContext.getSourceFile(placeModulePath);
19
19
  const newPlaceModuleContent = updatePlaceModule(placeModule);
@@ -1 +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"}
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,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"}
@@ -1,6 +1,6 @@
1
1
  import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2
2
 
3
- import { <%=capitalize(camelize(name))%>Component } from './<%=dasherize(name)%>>.component';
3
+ import { <%=capitalize(camelize(name))%>Component } from './<%=dasherize(name)%>.component';
4
4
 
5
5
  describe('<%=capitalize(camelize(name))%>Component', () => {
6
6
  let component: <%=capitalize(camelize(name))%>Component;