@lucca-front/ng - npm Package Compare versions

Comparing version 0.1.5 to 0.1.6

CHANGELOG.md

 # Changelog
 
 ## In Dev
+
+## v0.1.6
 ### New features
 - `LFAnimationFactory` generates simple Angular animations. Three major types are available: `fade`, `scale`, `slide`.
 
+### Fixs
+- `ng-formly` forgot setvalue in formly autocomplete
+
 ## v0.1.5
@@ -8,0 +13,0 @@

dist/app/api/picker/api-picker.template.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var popover_template_1 = require("../../popover/popover.template");
+var popover_1 = require("../../popover");
 var contentPlaceholder = '######## This is where the option goes #######';
 var pickerTemplate = "\n<ul class=\"api-picker-options\">\n\t<li\n\t*ngFor=\"let option of (options$ | async); let i = index\"\n\t(click)=\"selectOption(option)\"\n\t[ngClass]=\"{'is-focus': (i === (highlightIndex$ | async))}\"\n\tclass=\"api-picker-option\">\n\t\t" + contentPlaceholder + "\n\t</li>\n</ul>\n";
 function customApiPickerTemplate(content) {
-    return popover_template_1.customPopoverTemplate(pickerTemplate.replace(contentPlaceholder, content));
+    return popover_1.customPopoverTemplate(pickerTemplate.replace(contentPlaceholder, content));
 }
@@ -9,0 +9,0 @@ exports.customApiPickerTemplate = customApiPickerTemplate;

dist/app/api/picker/index.d.ts

 export { LuApiPickerModule } from './api-picker.module';
 export { LuApiPickerDirective } from './api-picker.directive';
 export { LuApiPickerComponent } from './api-picker.component';
-export { customApiPickerTemplate } from './api-picker.template';
+export { customApiPickerTemplate, standardApiPickerTemplate } from './api-picker.template';

dist/app/api/picker/index.js

@@ -11,3 +11,4 @@ "use strict";
 exports.customApiPickerTemplate = api_picker_template_1.customApiPickerTemplate;
+exports.standardApiPickerTemplate = api_picker_template_1.standardApiPickerTemplate;
 
 //# sourceMappingURL=index.js.map

dist/app/formly/formly.config.js

@@ -60,4 +60,3 @@ "use strict";
             name: 'select',
-            // component: LuFormlyFieldSelect,
-            component: autocomplete_1.LuFormlyFieldAutocomplete,
+            component: select_1.LuFormlyFieldSelect,
             wrappers: ['textfield-layout'],
@@ -64,0 +63,0 @@ },

dist/app/formly/types/autocomplete.d.ts

@@ -6,2 +6,3 @@ import { OnInit } from '@angular/core';
 import 'rxjs/add/operator/map';
+import { MatAutocompleteSelectedEvent } from '@angular/material';
 export interface IOption {
@@ -21,2 +22,3 @@ id: number;
     search(clue?: string): void;
+    select($event: MatAutocompleteSelectedEvent): void;
 }

dist/app/formly/types/autocomplete.js

@@ -66,2 +66,5 @@ "use strict";
     };
+    LuFormlyFieldAutocomplete.prototype.select = function ($event) {
+        this.formControl.setValue($event.option.value);
+    };
     LuFormlyFieldAutocomplete = __decorate([
@@ -71,3 +74,3 @@ core_1.Component({
             styles: [":host {   width: 100%;   display: inherit;   align-items: inherit;   flex-direction: inherit; }"],
-            template: "<input matInput [matAutocomplete]=\"auto\" [formControl]=\"searchControl\" luEmpty class=\"textfield-input\" [formlyAttributes]=\"field\" (focus)=\"focus()\" (blur)=\"blur()\"> <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\"> \t<mat-option *ngFor=\"let option of (options$ | async)\" [value]=\"option\"> \t\t<span>{{ option.name }}</span> \t</mat-option> </mat-autocomplete> <label [attr.for]=\"id\" class=\"textfield-label\">{{ to.label }}</label>",
+            template: "<input matInput [matAutocomplete]=\"auto\" [formControl]=\"searchControl\" luEmpty class=\"textfield-input\" [formlyAttributes]=\"field\" (focus)=\"focus()\" (blur)=\"blur()\"> <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayFn\" (optionSelected)=\"select($event)\"> \t<mat-option *ngFor=\"let option of (options$ | async)\" [value]=\"option\"> \t\t<span>{{ option.name }}</span> \t</mat-option> </mat-autocomplete> <label [attr.for]=\"id\" class=\"textfield-label\">{{ to.label }}</label>",
         })
@@ -74,0 +77,0 @@ ], LuFormlyFieldAutocomplete);

dist/app/popover/index.d.ts

@@ -7,1 +7,2 @@ export { LuPopoverModule } from './popover.module';
 export { transformPopover } from './popover.animations';
+export { customPopoverTemplate, standardPopoverTemplate } from './popover.template';

dist/app/popover/index.js

@@ -13,3 +13,6 @@ "use strict";
 exports.transformPopover = popover_animations_1.transformPopover;
+var popover_template_1 = require("./popover.template");
+exports.customPopoverTemplate = popover_template_1.customPopoverTemplate;
+exports.standardPopoverTemplate = popover_template_1.standardPopoverTemplate;
 
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@lucca-front/ng",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "a library of usefull components for angular web app",
@@ -44,4 +44,4 @@ "repository": {
     "@angular/platform-browser-dynamic": "^5.0.0",
-    "@lucca-front/icons": "^0.1.5",
-    "@lucca-front/scss": "^0.1.5",
+    "@lucca-front/icons": "^0.1.6",
+    "@lucca-front/scss": "^0.1.6",
     "@ngx-translate/core": "^8.0.0",
@@ -92,4 +92,4 @@ "core-js": "^2.4.1",
     "@angular/material": "^5.0.0-rc0",
-    "@lucca-front/icons": "^0.1.5",
-    "@lucca-front/scss": "^0.1.5",
+    "@lucca-front/icons": "^0.1.6",
+    "@lucca-front/scss": "^0.1.6",
     "@ngx-formly/core": "^2.0.0-beta.3",
@@ -96,0 +96,0 @@ "moment": "^2.19.1"

src/app/api/picker/api-picker.template.ts

@@ -1,2 +0,2 @@
-import { customPopoverTemplate } from '../../popover/popover.template';
+import { customPopoverTemplate } from '../../popover';
 const contentPlaceholder = '######## This is where the option goes #######';
@@ -3,0 +3,0 @@ const pickerTemplate = `

src/app/api/picker/index.ts

 export { LuApiPickerModule } from './api-picker.module';
 export { LuApiPickerDirective } from './api-picker.directive';
 export { LuApiPickerComponent } from './api-picker.component';
-export { customApiPickerTemplate } from './api-picker.template';
+export { customApiPickerTemplate, standardApiPickerTemplate } from './api-picker.template';

src/app/formly/formly.config.ts

@@ -64,4 +64,3 @@ import { ConfigOption } from '@ngx-formly/core';
 			name: 'select',
-			// component: LuFormlyFieldSelect,
-			component: LuFormlyFieldAutocomplete,
+			component: LuFormlyFieldSelect,
 			wrappers: ['textfield-layout'],
@@ -68,0 +67,0 @@ },

src/app/formly/types/autocomplete.ts

@@ -7,2 +7,3 @@ import { Component, OnInit } from '@angular/core';
 import 'rxjs/add/operator/map';
+import { MatAutocompleteSelectedEvent } from '@angular/material';
 export interface IOption {
@@ -53,2 +54,5 @@ id: number;
 	}
+	select($event: MatAutocompleteSelectedEvent) {
+		this.formControl.setValue($event.option.value);
+	}
 }

src/app/popover/index.ts

@@ -13,1 +13,2 @@ export { LuPopoverModule } from './popover.module';
 export { transformPopover } from './popover.animations';
+export { customPopoverTemplate, standardPopoverTemplate } from './popover.template';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

438864

increased by0.32%

Lines of code

6293

increased by0.21%

Dependency changes

• Updated@lucca-front/icons@^0.1.6

• Updated@lucca-front/scss@^0.1.6