@lucca-front/ng - npm Package Compare versions

Comparing version 0.3.1 to 0.3.2

CHANGELOG.md

@@ -11,2 +11,15 @@ # Changelog
 
+## v0.3.2
+### Tooling
+🔨 travis calls script travis from root package, it is then dispatched to lf packages via lerna (for now only ng package is tested)
+🔨 ng - travis script does this
+ * builds the demo in aot
+ * run tests for /src
+ * builds the demo in JIT, no minification/cachebusting for easier reverse engineering
+### Breaking changes
+- Animations :
+ 💥 renammed LfAnimationFactory to LuAnimationFactory for consistency
+### Fixes
+🐛 user-tile - use the display pipe the right way, is compatible aot
+
 ## v0.3.1
@@ -13,0 +26,0 @@ ### New features

dist/app/animations/animation.factory.d.ts

 import { AnimationTriggerMetadata } from '@angular/animations';
 export declare type AnimationType = 'scale' | 'slide' | 'fade';
 export declare const DEFAULT_LF_ANIMATION_TIMING = "250ms 0ms ease-out";
-export declare function LfAnimationFactory(type?: AnimationType, animationTiming?: string): AnimationTriggerMetadata;
-export declare function LfFadeAnimationFactory(animationTiming?: string): AnimationTriggerMetadata;
-export declare function LfScaleAnimationFactory(animationTiming?: string): AnimationTriggerMetadata;
-export declare function LfSlideAnimationFactory(animationTiming?: string): AnimationTriggerMetadata;
+export declare function LuAnimationFactory(type?: AnimationType, animationTiming?: string): AnimationTriggerMetadata;
+export declare function LuFadeAnimationFactory(animationTiming?: string): AnimationTriggerMetadata;
+export declare function LuScaleAnimationFactory(animationTiming?: string): AnimationTriggerMetadata;
+export declare function LuSlideAnimationFactory(animationTiming?: string): AnimationTriggerMetadata;

dist/app/animations/animation.factory.js

@@ -8,3 +8,3 @@ "use strict";
 exports.DEFAULT_LF_ANIMATION_TIMING = '250ms 0ms ease-out';
-function LfAnimationFactory(type, animationTiming) {
+function LuAnimationFactory(type, animationTiming) {
     if (type === void 0) { type = 'fade'; }
@@ -23,19 +23,19 @@ if (animationTiming === void 0) { animationTiming = exports.DEFAULT_LF_ANIMATION_TIMING; }
 }
-exports.LfAnimationFactory = LfAnimationFactory;
-function LfFadeAnimationFactory(animationTiming) {
+exports.LuAnimationFactory = LuAnimationFactory;
+function LuFadeAnimationFactory(animationTiming) {
     if (animationTiming === void 0) { animationTiming = exports.DEFAULT_LF_ANIMATION_TIMING; }
     return animations_1.trigger('fadeAnimation', fade_animation_1.fadingAnimations(animationTiming).slice());
 }
-exports.LfFadeAnimationFactory = LfFadeAnimationFactory;
-function LfScaleAnimationFactory(animationTiming) {
+exports.LuFadeAnimationFactory = LuFadeAnimationFactory;
+function LuScaleAnimationFactory(animationTiming) {
     if (animationTiming === void 0) { animationTiming = exports.DEFAULT_LF_ANIMATION_TIMING; }
     return animations_1.trigger('scaleAnimation', scale_animation_1.scalingAnimations(animationTiming).slice());
 }
-exports.LfScaleAnimationFactory = LfScaleAnimationFactory;
-function LfSlideAnimationFactory(animationTiming) {
+exports.LuScaleAnimationFactory = LuScaleAnimationFactory;
+function LuSlideAnimationFactory(animationTiming) {
     if (animationTiming === void 0) { animationTiming = exports.DEFAULT_LF_ANIMATION_TIMING; }
     return animations_1.trigger('slideAnimation', slide_animation_1.slidingAnimations(animationTiming).slice());
 }
-exports.LfSlideAnimationFactory = LfSlideAnimationFactory;
+exports.LuSlideAnimationFactory = LuSlideAnimationFactory;
 
 //# sourceMappingURL=animation.factory.js.map

dist/app/user/tile/user-tile.component.d.ts

 import { IUser } from '../index';
-import { LuUserDisplayPipe } from '../display';
 /**
@@ -7,3 +6,2 @@ * Displays user picture and name. IUser's role can be specified, and the footer is customizable.
 export declare class LuUserTileComponent {
-    private displayPipe;
     /**
@@ -22,4 +20,3 @@ * IUser to display.
     role: string;
-    private readonly userName;
-    constructor(displayPipe: LuUserDisplayPipe);
+    constructor();
 }

dist/app/user/tile/user-tile.component.js

@@ -14,4 +14,3 @@ "use strict";
 var LuUserTileComponent = (function () {
-    function LuUserTileComponent(displayPipe) {
-        this.displayPipe = displayPipe;
+    function LuUserTileComponent() {
         /**
@@ -23,9 +22,2 @@ * User Display format.
     }
-    Object.defineProperty(LuUserTileComponent.prototype, "userName", {
-        get: function () {
-            return this.displayPipe.transform(this.user, this.displayFormat);
-        },
-        enumerable: true,
-        configurable: true
-    });
     __decorate([
@@ -43,3 +35,3 @@ core_1.Input()
             selector: 'lu-user-tile',
-            template: "<lu-user-picture [user]=\"user\"></lu-user-picture> <div class=\"user-info\"> \t<span class=\"user-tile-label\">{{role ? role : user.jobTitle}}</span> \t<h5 class=\"user-tile-title\">{{userName}}</h5> \t<span class=\"user-tile-footnote\"><ng-content></ng-content></span> </div>",
+            template: "<lu-user-picture [user]=\"user\"></lu-user-picture> <div class=\"user-info\"> \t<span class=\"user-tile-label\">{{role ? role : user.jobTitle}}</span> \t<h5 class=\"user-tile-title\">{{user | luUserDisplay: displayFormat}}</h5> \t<span class=\"user-tile-footnote\"><ng-content></ng-content></span> </div>",
             styles: [":host {   display: flex;   align-items: center;   padding: .5em; }   :host lu-user-picture {     margin-right: .5em; }   :host .user-tile-title {     font-size: .9em;     font-weight: 600;     line-height: 1.3;     margin: 0; }   :host .user-tile-label {     display: block;     font-size: 0.85rem;     line-height: 1.1;     color: #999999; }   :host .user-tile-footnote {     display: block;     font-size: 0.85rem;     line-height: 1.3rem; }   :host .user-info {     margin: auto 0; }   :host.mod-nameOnly .user-tile-label, :host.mod-nameOnly .user-tile-footnote {     display: none; }   :host.mod-vertical {     flex-direction: column; }     :host.mod-vertical lu-user-picture {       margin-right: 0;       margin-bottom: .8em; }     :host.mod-vertical .user-info {       text-align: center; }   :host.mod-smallest lu-user-picture::ng-deep .picture {     font-size: 0.5em;     height: 2.5em;     width: 2.5em; }   :host.mod-smaller lu-user-picture::ng-deep .picture {     font-size: 0.65em;     height: 2.5em;     width: 2.5em; }   :host.mod-small lu-user-picture::ng-deep .picture {     font-size: 0.8em;     height: 2.5em;     width: 2.5em; }   :host.mod-standard lu-user-picture::ng-deep .picture {     font-size: 1em;     height: 2.5em;     width: 2.5em; }   :host.mod-large lu-user-picture::ng-deep .picture {     font-size: 1.35em;     height: 2.5em;     width: 2.5em; }   :host.mod-larger lu-user-picture::ng-deep .picture {     font-size: 1.8em;     height: 2.5em;     width: 2.5em; }   :host.mod-largest lu-user-picture::ng-deep .picture {     font-size: 3em;     height: 2.5em;     width: 2.5em; }"]
@@ -46,0 +38,0 @@ })

package.json

 {
   "name": "@lucca-front/ng",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "a library of usefull components for angular web app",
@@ -21,3 +21,3 @@ "repository": {
     "ng": "ng",
-    "prestart": "gulp generatedoc",
+    "prestart": "npm run generatedoc",
     "start": "ng serve -a=demo",
@@ -30,3 +30,10 @@ "build": "gulp build",
     "prepublish": "npm run build",
-    "publish-test": "echo 'Publishing @lucca-front/ng'"
+    "generatedoc": "gulp generatedoc",
+    "prebuild-demo": "npm run generatedoc",
+    "build-demo": "ng build -a=demo",
+    "prebuild-aot": "npm run generatedoc",
+    "build-aot": "ng build -prod -a=demo",
+    "pretravis": "npm run build-aot",
+    "travis": "npm test",
+    "posttravis": "npm run build-demo"
   },
@@ -47,4 +54,4 @@ "files": [
     "@angular/platform-browser-dynamic": "^5.0.0",
-    "@lucca-front/icons": "^0.3.1",
-    "@lucca-front/scss": "^0.3.1",
+    "@lucca-front/icons": "^0.3.2",
+    "@lucca-front/scss": "^0.3.2",
     "@ngx-translate/core": "^8.0.0",
@@ -51,0 +58,0 @@ "core-js": "^2.4.1",

src/app/animations/animation.factory.ts

@@ -10,3 +10,3 @@ import { trigger, AnimationTriggerMetadata } from '@angular/animations';
 
-export function LfAnimationFactory(type: AnimationType = 'fade', animationTiming: string = DEFAULT_LF_ANIMATION_TIMING): AnimationTriggerMetadata {
+export function LuAnimationFactory(type: AnimationType = 'fade', animationTiming: string = DEFAULT_LF_ANIMATION_TIMING): AnimationTriggerMetadata {
 	switch (type) {
@@ -24,11 +24,11 @@ case 'fade':
 
-export function LfFadeAnimationFactory(animationTiming: string = DEFAULT_LF_ANIMATION_TIMING): AnimationTriggerMetadata {
+export function LuFadeAnimationFactory(animationTiming: string = DEFAULT_LF_ANIMATION_TIMING): AnimationTriggerMetadata {
 	return trigger('fadeAnimation', [...fadingAnimations(animationTiming)]);
 }
-export function LfScaleAnimationFactory(animationTiming: string = DEFAULT_LF_ANIMATION_TIMING): AnimationTriggerMetadata {
+export function LuScaleAnimationFactory(animationTiming: string = DEFAULT_LF_ANIMATION_TIMING): AnimationTriggerMetadata {
 	return trigger('scaleAnimation', [...scalingAnimations(animationTiming)]);
 }
-export function LfSlideAnimationFactory(animationTiming: string = DEFAULT_LF_ANIMATION_TIMING): AnimationTriggerMetadata {
+export function LuSlideAnimationFactory(animationTiming: string = DEFAULT_LF_ANIMATION_TIMING): AnimationTriggerMetadata {
 	return trigger('slideAnimation', [...slidingAnimations(animationTiming)]);
 }
 

src/app/user/tile/user-tile.component.ts

@@ -30,7 +30,3 @@ import {Component, Input} from '@angular/core';
 
-	private get userName() {
-		return this.displayPipe.transform(this.user, this.displayFormat);
-	}
-
-	constructor(private displayPipe: LuUserDisplayPipe) {	}
+	constructor() {	}
 }

No alert changes

Worsened metrics

Total package byte prevSize

644764

0

Lines of code

9661

-0.14%

Dependency changes

• Updated

  @lucca-front/icons@^0.3.2

• Updated

  @lucca-front/scss@^0.3.2