nmce-directives 0.0.7 → 0.0.8

package/fesm2020/nmce-directives.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"nmce-directives.mjs","sources":["../../../projects/nmce-directives/src/_directives/autofocus.ts","../../../projects/nmce-directives/src/_directives/currencyFormatter.directive.ts","../../../projects/nmce-directives/src/_directives/dataComponent.directive.ts","../../../projects/nmce-directives/src/_directives/scrollInto.directive.ts","../../../projects/nmce-directives/src/_directives/directives.module.ts","../../../projects/nmce-directives/src/public-api.ts","../../../projects/nmce-directives/src/nmce-directives.ts"],"sourcesContent":["import { AfterViewInit, Directive, DoCheck, ElementRef, Input } from '@angular/core';\r\n\r\n/**\r\n * Use as a parametered input parameter in html element.\r\n * When used inside a material dialog, this directive may be at odd against the autofocus config parameter of MatDialogConfig, \r\n * if the autofocus config is not false. Generally speaking, no need to use this directive in a component presented in a mateiral dialog.\r\n */\r\n@Directive({\r\n\tselector: '[autofocus]'\r\n})\r\nexport class AutofocusDirective implements AfterViewInit, DoCheck {\r\n\tprivate toFocus = false;\r\n\tprivate focused = false;\r\n\tprivate initialised = false;\r\n\tprivate everFocused = false;\r\n\tconstructor(private el: ElementRef) {\r\n\t\t//console.debug('autofocusDirective created.');\r\n\t}\r\n\r\n\tngAfterViewInit() {\r\n\t\tthis.initialised = true;\r\n\t\tthis.ngDoCheck();\r\n\t}\r\n\r\n\tngDoCheck() {\r\n\t\tif (!this.initialised) { return; }\r\n\t\tif (this.toFocus && !this.everFocused && !this.focused) {\r\n\t\t\tthis.el.nativeElement.focus();\r\n\t\t\tthis.focused = true;\r\n\t\t\tthis.everFocused = true;\r\n\t\t\tconsole.debug('focused now.');\r\n\t\t}\r\n\t}\r\n\r\n\t@Input() set autofocus(condition: boolean) {\r\n\t\tthis.toFocus = condition !== false;\r\n\t}\r\n}\r\n","import { Directive, ElementRef, HostListener, OnInit } from '@angular/core';\r\nimport { CurrencyFunc } from 'nmce-func';\r\n\r\n/**\r\n * Decorate HTML input for inputing and displaying currency. The input type must not be number and should be text only.\r\n * If the input type is number, the built-in validator will be fighting against this directive.\r\n */\r\n@Directive({ selector: '[currencyFormatter]' })//inspired by https://blog.ngconsultant.io/custom-input-formatting-with-simple-directives-for-angular-2-ec792082976\r\nexport class CurrencyFormatterDirective implements OnInit {\r\n\r\n\tprivate el: HTMLInputElement;\r\n\r\n\tconstructor(private elementRef: ElementRef) {\r\n\t\tthis.el = this.elementRef.nativeElement;\r\n\t}\r\n\r\n\tngOnInit() {\r\n\t\tthis.el.value = CurrencyFunc.transformCurrency(this.el.value);\r\n\t}\r\n\r\n\t@HostListener('focus', ['$event.target.value'])\r\n\tonFocus(value: string) {\r\n\t\tthis.el.value = CurrencyFunc.parseCurrency(value); // opossite of transform\r\n\t}\r\n\r\n\t@HostListener('blur', ['$event.target.value'])\r\n\tonBlur(value: string) {\r\n\t\tthis.el.value = CurrencyFunc.transformCurrency(value);\r\n\t}\r\n\r\n}\r\n\r\n","import { Directive, ViewContainerRef } from '@angular/core';\r\n\r\n@Directive({\r\n\tselector: '[dataComponentHost]',\r\n})\r\nexport class DataComponentDirective {\r\n\tconstructor(public viewContainerRef: ViewContainerRef) { }\r\n}\r\n","import { AfterViewInit, Directive, ElementRef, Input } from '@angular/core';\r\n\r\n/**\r\n * Scroll to element attached. And the element may be an Angular Material component too.\r\n */\r\n@Directive({\r\n\tselector: '[scrollInto]'\r\n})\r\nexport class ScrollIntoDirective implements AfterViewInit {\r\n\tconstructor(private el: ElementRef) {\r\n\t\t//\tconsole.debug('ScrollIntoDirective created.');\r\n\t}\r\n\r\n\t@Input()\r\n\tscrollInto: boolean = false;\r\n\r\n\tngAfterViewInit() {\r\n\t\tif (this.scrollInto) {\r\n\t\t\tthis.el.nativeElement.scrollIntoView();\r\n\t\t}\r\n\t}\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport {\r\n\tAutofocusDirective, CurrencyFormatterDirective, DataComponentDirective, ScrollIntoDirective\r\n} from './index';\r\n\r\n\r\n\r\n/**\r\n * Contain components. Other feature/lazy modules that need to access custom html element of components like my-datetimepicker still need to import this module explicitly.\r\n *\r\n */\r\n@NgModule({\r\n\timports: [\r\n\t\tCommonModule,\r\n\t\tFormsModule,\r\n\t],\r\n\r\n\tdeclarations: [\r\n\t\tAutofocusDirective,\r\n\t\tCurrencyFormatterDirective,\r\n\t\tScrollIntoDirective,\r\n\t\tDataComponentDirective,\r\n\t],\r\n\r\n\r\n\texports: [\r\n\t\tAutofocusDirective,\r\n\t\tCurrencyFormatterDirective,\r\n\t\tScrollIntoDirective,\r\n\t\tDataComponentDirective,\r\n\t]\r\n})\r\nexport class NmceDirectivesModule { }\r\n","/*\n * Public API Surface of nmce-directives\n */\n\nexport * from './_directives/index';\nexport * from './_directives/directives.module';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/nmce-directives.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="nmce-directives" />
 export * from './public-api';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nmce-directives",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "author": {
     "name": "Z"
   },
@@ -10,18 +10,30 @@
     "url": "https://github.com/zijianhuang/nmce"
   },
   "peerDependencies": {
-    "@angular/common": "^12.0.1",
-    "@angular/core": "^12.0.1"
+    "@angular/common": "^13.1.1",
+    "@angular/core": "^13.1.1"
   },
   "dependencies": {
-    "tslib": "^2.2.0"
+    "tslib": "^2.3.1"
   },
-  "main": "bundles/nmce-directives.umd.js",
-  "module": "fesm2015/nmce-directives.js",
-  "es2015": "fesm2015/nmce-directives.js",
-  "esm2015": "esm2015/nmce-directives.js",
-  "fesm2015": "fesm2015/nmce-directives.js",
+  "module": "fesm2015/nmce-directives.mjs",
+  "es2020": "fesm2020/nmce-directives.mjs",
+  "esm2020": "esm2020/nmce-directives.mjs",
+  "fesm2020": "fesm2020/nmce-directives.mjs",
+  "fesm2015": "fesm2015/nmce-directives.mjs",
   "typings": "nmce-directives.d.ts",
-  "metadata": "nmce-directives.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./nmce-directives.d.ts",
+      "esm2020": "./esm2020/nmce-directives.mjs",
+      "es2020": "./fesm2020/nmce-directives.mjs",
+      "es2015": "./fesm2015/nmce-directives.mjs",
+      "node": "./fesm2015/nmce-directives.mjs",
+      "default": "./fesm2020/nmce-directives.mjs"
+    }
+  },
   "sideEffects": false
 }

package/bundles/nmce-directives.umd.js

@@ -1,179 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('nmce-func'), require('@angular/common'), require('@angular/forms')) :
-    typeof define === 'function' && define.amd ? define('nmce-directives', ['exports', '@angular/core', 'nmce-func', '@angular/common', '@angular/forms'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['nmce-directives'] = {}, global.ng.core, global['nmce-func'], global.ng.common, global.ng.forms));
-}(this, (function (exports, core, nmceFunc, common, forms) { 'use strict';
-
-    /**
-     * Use as a parametered input parameter in html element.
-     * When used inside a material dialog, this directive may be at odd against the autofocus config parameter of MatDialogConfig,
-     * if the autofocus config is not false. Generally speaking, no need to use this directive in a component presented in a mateiral dialog.
-     */
-    var AutofocusDirective = /** @class */ (function () {
-        function AutofocusDirective(el) {
-            this.el = el;
-            this.toFocus = false;
-            this.focused = false;
-            this.initialised = false;
-            this.everFocused = false;
-            //console.debug('autofocusDirective created.');
-        }
-        AutofocusDirective.prototype.ngAfterViewInit = function () {
-            this.initialised = true;
-            this.ngDoCheck();
-        };
-        AutofocusDirective.prototype.ngDoCheck = function () {
-            if (!this.initialised) {
-                return;
-            }
-            if (this.toFocus && !this.everFocused && !this.focused) {
-                this.el.nativeElement.focus();
-                this.focused = true;
-                this.everFocused = true;
-                console.debug('focused now.');
-            }
-        };
-        Object.defineProperty(AutofocusDirective.prototype, "autofocus", {
-            set: function (condition) {
-                this.toFocus = condition !== false;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return AutofocusDirective;
-    }());
-    AutofocusDirective.decorators = [
-        { type: core.Directive, args: [{
-                    selector: '[autofocus]'
-                },] }
-    ];
-    AutofocusDirective.ctorParameters = function () { return [
-        { type: core.ElementRef }
-    ]; };
-    AutofocusDirective.propDecorators = {
-        autofocus: [{ type: core.Input }]
-    };
-
-    /**
-     * Decorate HTML input for inputing and displaying currency. The input type must not be number and should be text only.
-     * If the input type is number, the built-in validator will be fighting against this directive.
-     */
-    var CurrencyFormatterDirective = /** @class */ (function () {
-        function CurrencyFormatterDirective(elementRef) {
-            this.elementRef = elementRef;
-            this.el = this.elementRef.nativeElement;
-        }
-        CurrencyFormatterDirective.prototype.ngOnInit = function () {
-            this.el.value = nmceFunc.CurrencyFunc.transformCurrency(this.el.value);
-        };
-        CurrencyFormatterDirective.prototype.onFocus = function (value) {
-            this.el.value = nmceFunc.CurrencyFunc.parseCurrency(value); // opossite of transform
-        };
-        CurrencyFormatterDirective.prototype.onBlur = function (value) {
-            this.el.value = nmceFunc.CurrencyFunc.transformCurrency(value);
-        };
-        return CurrencyFormatterDirective;
-    }());
-    CurrencyFormatterDirective.decorators = [
-        { type: core.Directive, args: [{ selector: '[currencyFormatter]' }, //inspired by https://blog.ngconsultant.io/custom-input-formatting-with-simple-directives-for-angular-2-ec792082976
-            ] }
-    ];
-    CurrencyFormatterDirective.ctorParameters = function () { return [
-        { type: core.ElementRef }
-    ]; };
-    CurrencyFormatterDirective.propDecorators = {
-        onFocus: [{ type: core.HostListener, args: ['focus', ['$event.target.value'],] }],
-        onBlur: [{ type: core.HostListener, args: ['blur', ['$event.target.value'],] }]
-    };
-
-    var DataComponentDirective = /** @class */ (function () {
-        function DataComponentDirective(viewContainerRef) {
-            this.viewContainerRef = viewContainerRef;
-        }
-        return DataComponentDirective;
-    }());
-    DataComponentDirective.decorators = [
-        { type: core.Directive, args: [{
-                    selector: '[dataComponentHost]',
-                },] }
-    ];
-    DataComponentDirective.ctorParameters = function () { return [
-        { type: core.ViewContainerRef }
-    ]; };
-
-    /**
-     * Scroll to element attached. And the element may be an Angular Material component too.
-     */
-    var ScrollIntoDirective = /** @class */ (function () {
-        function ScrollIntoDirective(el) {
-            this.el = el;
-            this.scrollInto = false;
-            //	console.debug('ScrollIntoDirective created.');
-        }
-        ScrollIntoDirective.prototype.ngAfterViewInit = function () {
-            if (this.scrollInto) {
-                this.el.nativeElement.scrollIntoView();
-            }
-        };
-        return ScrollIntoDirective;
-    }());
-    ScrollIntoDirective.decorators = [
-        { type: core.Directive, args: [{
-                    selector: '[scrollInto]'
-                },] }
-    ];
-    ScrollIntoDirective.ctorParameters = function () { return [
-        { type: core.ElementRef }
-    ]; };
-    ScrollIntoDirective.propDecorators = {
-        scrollInto: [{ type: core.Input }]
-    };
-
-    /**
-     * Contain components. Other feature/lazy modules that need to access custom html element of components like my-datetimepicker still need to import this module explicitly.
-     *
-     */
-    var NmceDirectivesModule = /** @class */ (function () {
-        function NmceDirectivesModule() {
-        }
-        return NmceDirectivesModule;
-    }());
-    NmceDirectivesModule.decorators = [
-        { type: core.NgModule, args: [{
-                    imports: [
-                        common.CommonModule,
-                        forms.FormsModule,
-                    ],
-                    declarations: [
-                        AutofocusDirective,
-                        CurrencyFormatterDirective,
-                        ScrollIntoDirective,
-                        DataComponentDirective,
-                    ],
-                    exports: [
-                        AutofocusDirective,
-                        CurrencyFormatterDirective,
-                        ScrollIntoDirective,
-                        DataComponentDirective,
-                    ]
-                },] }
-    ];
-
-    /*
-     * Public API Surface of nmce-directives
-     */
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.AutofocusDirective = AutofocusDirective;
-    exports.CurrencyFormatterDirective = CurrencyFormatterDirective;
-    exports.DataComponentDirective = DataComponentDirective;
-    exports.NmceDirectivesModule = NmceDirectivesModule;
-    exports.ScrollIntoDirective = ScrollIntoDirective;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=nmce-directives.umd.js.map

package/bundles/nmce-directives.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nmce-directives.umd.js","sources":["../../../projects/nmce-directives/src/_directives/autofocus.ts","../../../projects/nmce-directives/src/_directives/currencyFormatter.directive.ts","../../../projects/nmce-directives/src/_directives/dataComponent.directive.ts","../../../projects/nmce-directives/src/_directives/scrollInto.directive.ts","../../../projects/nmce-directives/src/_directives/directives.module.ts","../../../projects/nmce-directives/src/public-api.ts","../../../projects/nmce-directives/src/nmce-directives.ts"],"sourcesContent":["import { AfterViewInit, Directive, DoCheck, ElementRef, Input } from '@angular/core';\r\n\r\n/**\r\n * Use as a parametered input parameter in html element.\r\n * When used inside a material dialog, this directive may be at odd against the autofocus config parameter of MatDialogConfig, \r\n * if the autofocus config is not false. Generally speaking, no need to use this directive in a component presented in a mateiral dialog.\r\n */\r\n@Directive({\r\n\tselector: '[autofocus]'\r\n})\r\nexport class AutofocusDirective implements AfterViewInit, DoCheck {\r\n\tprivate toFocus = false;\r\n\tprivate focused = false;\r\n\tprivate initialised = false;\r\n\tprivate everFocused = false;\r\n\tconstructor(private el: ElementRef) {\r\n\t\t//console.debug('autofocusDirective created.');\r\n\t}\r\n\r\n\tngAfterViewInit() {\r\n\t\tthis.initialised = true;\r\n\t\tthis.ngDoCheck();\r\n\t}\r\n\r\n\tngDoCheck() {\r\n\t\tif (!this.initialised) { return; }\r\n\t\tif (this.toFocus && !this.everFocused && !this.focused) {\r\n\t\t\tthis.el.nativeElement.focus();\r\n\t\t\tthis.focused = true;\r\n\t\t\tthis.everFocused = true;\r\n\t\t\tconsole.debug('focused now.');\r\n\t\t}\r\n\t}\r\n\r\n\t@Input() set autofocus(condition: boolean) {\r\n\t\tthis.toFocus = condition !== false;\r\n\t}\r\n}\r\n","import { Directive, ElementRef, HostListener, OnInit } from '@angular/core';\r\nimport { CurrencyFunc } from 'nmce-func';\r\n\r\n/**\r\n * Decorate HTML input for inputing and displaying currency. The input type must not be number and should be text only.\r\n * If the input type is number, the built-in validator will be fighting against this directive.\r\n */\r\n@Directive({ selector: '[currencyFormatter]' })//inspired by https://blog.ngconsultant.io/custom-input-formatting-with-simple-directives-for-angular-2-ec792082976\r\nexport class CurrencyFormatterDirective implements OnInit {\r\n\r\n\tprivate el: HTMLInputElement;\r\n\r\n\tconstructor(private elementRef: ElementRef) {\r\n\t\tthis.el = this.elementRef.nativeElement;\r\n\t}\r\n\r\n\tngOnInit() {\r\n\t\tthis.el.value = CurrencyFunc.transformCurrency(this.el.value);\r\n\t}\r\n\r\n\t@HostListener('focus', ['$event.target.value'])\r\n\tonFocus(value: string) {\r\n\t\tthis.el.value = CurrencyFunc.parseCurrency(value); // opossite of transform\r\n\t}\r\n\r\n\t@HostListener('blur', ['$event.target.value'])\r\n\tonBlur(value: string) {\r\n\t\tthis.el.value = CurrencyFunc.transformCurrency(value);\r\n\t}\r\n\r\n}\r\n\r\n","import { Directive, ViewContainerRef } from '@angular/core';\r\n\r\n@Directive({\r\n\tselector: '[dataComponentHost]',\r\n})\r\nexport class DataComponentDirective {\r\n\tconstructor(public viewContainerRef: ViewContainerRef) { }\r\n}\r\n","import { AfterViewInit, Directive, ElementRef, Input } from '@angular/core';\r\n\r\n/**\r\n * Scroll to element attached. And the element may be an Angular Material component too.\r\n */\r\n@Directive({\r\n\tselector: '[scrollInto]'\r\n})\r\nexport class ScrollIntoDirective implements AfterViewInit {\r\n\tconstructor(private el: ElementRef) {\r\n\t\t//\tconsole.debug('ScrollIntoDirective created.');\r\n\t}\r\n\r\n\t@Input()\r\n\tscrollInto: boolean = false;\r\n\r\n\tngAfterViewInit() {\r\n\t\tif (this.scrollInto) {\r\n\t\t\tthis.el.nativeElement.scrollIntoView();\r\n\t\t}\r\n\t}\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport {\r\n\tAutofocusDirective, CurrencyFormatterDirective, DataComponentDirective, ScrollIntoDirective\r\n} from './index';\r\n\r\n\r\n\r\n/**\r\n * Contain components. Other feature/lazy modules that need to access custom html element of components like my-datetimepicker still need to import this module explicitly.\r\n *\r\n */\r\n@NgModule({\r\n\timports: [\r\n\t\tCommonModule,\r\n\t\tFormsModule,\r\n\t],\r\n\r\n\tdeclarations: [\r\n\t\tAutofocusDirective,\r\n\t\tCurrencyFormatterDirective,\r\n\t\tScrollIntoDirective,\r\n\t\tDataComponentDirective,\r\n\t],\r\n\r\n\r\n\texports: [\r\n\t\tAutofocusDirective,\r\n\t\tCurrencyFormatterDirective,\r\n\t\tScrollIntoDirective,\r\n\t\tDataComponentDirective,\r\n\t]\r\n})\r\nexport class NmceDirectivesModule { }\r\n","/*\n * Public API Surface of nmce-directives\n */\n\nexport * from './_directives/index';\nexport * from './_directives/directives.module';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["Directive","ElementRef","Input","CurrencyFunc","HostListener","ViewContainerRef","NgModule","CommonModule","FormsModule"],"mappings":"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"}

package/bundles/nmce-directives.umd.min.js

@@ -1,2 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("nmce-func"),require("@angular/common"),require("@angular/forms")):"function"==typeof define&&define.amd?define("nmce-directives",["exports","@angular/core","nmce-func","@angular/common","@angular/forms"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["nmce-directives"]={},e.ng.core,e["nmce-func"],e.ng.common,e.ng.forms)}(this,(function(e,t,o,r,n){"use strict";var i=function(){function e(e){this.el=e,this.toFocus=!1,this.focused=!1,this.initialised=!1,this.everFocused=!1}return e.prototype.ngAfterViewInit=function(){this.initialised=!0,this.ngDoCheck()},e.prototype.ngDoCheck=function(){this.initialised&&(!this.toFocus||this.everFocused||this.focused||(this.el.nativeElement.focus(),this.focused=!0,this.everFocused=!0,console.debug("focused now.")))},Object.defineProperty(e.prototype,"autofocus",{set:function(e){this.toFocus=!1!==e},enumerable:!1,configurable:!0}),e}();i.decorators=[{type:t.Directive,args:[{selector:"[autofocus]"}]}],i.ctorParameters=function(){return[{type:t.ElementRef}]},i.propDecorators={autofocus:[{type:t.Input}]};var c=function(){function e(e){this.elementRef=e,this.el=this.elementRef.nativeElement}return e.prototype.ngOnInit=function(){this.el.value=o.CurrencyFunc.transformCurrency(this.el.value)},e.prototype.onFocus=function(e){this.el.value=o.CurrencyFunc.parseCurrency(e)},e.prototype.onBlur=function(e){this.el.value=o.CurrencyFunc.transformCurrency(e)},e}();c.decorators=[{type:t.Directive,args:[{selector:"[currencyFormatter]"}]}],c.ctorParameters=function(){return[{type:t.ElementRef}]},c.propDecorators={onFocus:[{type:t.HostListener,args:["focus",["$event.target.value"]]}],onBlur:[{type:t.HostListener,args:["blur",["$event.target.value"]]}]};var s=function(e){this.viewContainerRef=e};s.decorators=[{type:t.Directive,args:[{selector:"[dataComponentHost]"}]}],s.ctorParameters=function(){return[{type:t.ViewContainerRef}]};var u=function(){function e(e){this.el=e,this.scrollInto=!1}return e.prototype.ngAfterViewInit=function(){this.scrollInto&&this.el.nativeElement.scrollIntoView()},e}();u.decorators=[{type:t.Directive,args:[{selector:"[scrollInto]"}]}],u.ctorParameters=function(){return[{type:t.ElementRef}]},u.propDecorators={scrollInto:[{type:t.Input}]};var a=function(){};a.decorators=[{type:t.NgModule,args:[{imports:[r.CommonModule,n.FormsModule],declarations:[i,c,u,s],exports:[i,c,u,s]}]}],e.AutofocusDirective=i,e.CurrencyFormatterDirective=c,e.DataComponentDirective=s,e.NmceDirectivesModule=a,e.ScrollIntoDirective=u,Object.defineProperty(e,"__esModule",{value:!0})}));
-//# sourceMappingURL=nmce-directives.umd.min.js.map

package/bundles/nmce-directives.umd.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../projects/nmce-directives/src/_directives/autofocus.ts","../../../projects/nmce-directives/src/_directives/currencyFormatter.directive.ts","../../../projects/nmce-directives/src/_directives/dataComponent.directive.ts","../../../projects/nmce-directives/src/_directives/scrollInto.directive.ts","../../../projects/nmce-directives/src/_directives/directives.module.ts"],"names":["AutofocusDirective","el","this","toFocus","focused","initialised","everFocused","prototype","ngAfterViewInit","ngDoCheck","nativeElement","focus","console","debug","Object","defineProperty","condition","Directive","args","selector","ElementRef","Input","CurrencyFormatterDirective","elementRef","ngOnInit","value","CurrencyFunc","transformCurrency","onFocus","parseCurrency","onBlur","HostListener","viewContainerRef","ViewContainerRef","ScrollIntoDirective","scrollInto","scrollIntoView","NgModule","imports","CommonModule","FormsModule","declarations","DataComponentDirective","exports"],"mappings":"ufAeC,SAAAA,EAAoBC,GAAAC,KAAAD,GAAAA,EAJZC,KAAAC,SAAU,EACVD,KAAAE,SAAU,EACVF,KAAAG,aAAc,EACdH,KAAAI,aAAc,SAKtBN,EAAAO,UAAAC,gBAAA,WACCN,KAAKG,aAAc,EACnBH,KAAKO,aAGNT,EAAAO,UAAAE,UAAA,WACMP,KAAKG,eACNH,KAAKC,SAAYD,KAAKI,aAAgBJ,KAAKE,UAC9CF,KAAKD,GAAGS,cAAcC,QACtBT,KAAKE,SAAU,EACfF,KAAKI,aAAc,EACnBM,QAAQC,MAAM,mBAIhBC,OAAAC,eAAaf,EAAAO,UAAA,YAAS,KAAtB,SAAuBS,GACtBd,KAAKC,SAAwB,IAAda,4DA5BhBC,EAAAA,UAASC,KAAA,CAAC,CACVC,SAAU,2DARiCC,EAAAA,iDAkC1CC,EAAAA,0BCtBD,SAAAC,EAAoBC,GAAArB,KAAAqB,WAAAA,EACnBrB,KAAKD,GAAKC,KAAKqB,WAAWb,qBAG3BY,EAAAf,UAAAiB,SAAA,WACCtB,KAAKD,GAAGwB,MAAQC,EAAAA,aAAaC,kBAAkBzB,KAAKD,GAAGwB,QAIxDH,EAAAf,UAAAqB,QAAA,SAAQH,GACPvB,KAAKD,GAAGwB,MAAQC,EAAAA,aAAaG,cAAcJ,IAI5CH,EAAAf,UAAAuB,OAAA,SAAOL,GACNvB,KAAKD,GAAGwB,MAAQC,EAAAA,aAAaC,kBAAkBF,6BApBhDR,EAAAA,UAASC,KAAA,CAAC,CAAEC,SAAU,mEAPHC,EAAAA,+CAoBlBW,EAAAA,aAAYb,KAAA,CAAC,QAAS,CAAC,wCAKvBa,EAAAA,aAAYb,KAAA,CAAC,OAAQ,CAAC,iCCnBvB,SAAmBc,GAAA9B,KAAA8B,iBAAAA,uBAJnBf,EAAAA,UAASC,KAAA,CAAC,CACVC,SAAU,mEAHSc,EAAAA,qCCSnB,SAAAC,EAAoBjC,GAAAC,KAAAD,GAAAA,EAKpBC,KAAAiC,YAAsB,SAEtBD,EAAA3B,UAAAC,gBAAA,WACKN,KAAKiC,YACRjC,KAAKD,GAAGS,cAAc0B,2CAbxBnB,EAAAA,UAASC,KAAA,CAAC,CACVC,SAAU,4DANwBC,EAAAA,kDAajCC,EAAAA,eCqBF,iCArBCgB,EAAAA,SAAQnB,KAAA,CAAC,CACToB,QAAS,CACRC,EAAAA,aACAC,EAAAA,aAGDC,aAAc,CACbzC,EACAsB,EACAY,EACAQ,GAIDC,QAAS,CACR3C,EACAsB,EACAY,EACAQ","sourcesContent":["import { AfterViewInit, Directive, DoCheck, ElementRef, Input } from '@angular/core';\r\n\r\n/**\r\n * Use as a parametered input parameter in html element.\r\n * When used inside a material dialog, this directive may be at odd against the autofocus config parameter of MatDialogConfig, \r\n * if the autofocus config is not false. Generally speaking, no need to use this directive in a component presented in a mateiral dialog.\r\n */\r\n@Directive({\r\n\tselector: '[autofocus]'\r\n})\r\nexport class AutofocusDirective implements AfterViewInit, DoCheck {\r\n\tprivate toFocus = false;\r\n\tprivate focused = false;\r\n\tprivate initialised = false;\r\n\tprivate everFocused = false;\r\n\tconstructor(private el: ElementRef) {\r\n\t\t//console.debug('autofocusDirective created.');\r\n\t}\r\n\r\n\tngAfterViewInit() {\r\n\t\tthis.initialised = true;\r\n\t\tthis.ngDoCheck();\r\n\t}\r\n\r\n\tngDoCheck() {\r\n\t\tif (!this.initialised) { return; }\r\n\t\tif (this.toFocus && !this.everFocused && !this.focused) {\r\n\t\t\tthis.el.nativeElement.focus();\r\n\t\t\tthis.focused = true;\r\n\t\t\tthis.everFocused = true;\r\n\t\t\tconsole.debug('focused now.');\r\n\t\t}\r\n\t}\r\n\r\n\t@Input() set autofocus(condition: boolean) {\r\n\t\tthis.toFocus = condition !== false;\r\n\t}\r\n}\r\n","import { Directive, ElementRef, HostListener, OnInit } from '@angular/core';\r\nimport { CurrencyFunc } from 'nmce-func';\r\n\r\n/**\r\n * Decorate HTML input for inputing and displaying currency. The input type must not be number and should be text only.\r\n * If the input type is number, the built-in validator will be fighting against this directive.\r\n */\r\n@Directive({ selector: '[currencyFormatter]' })//inspired by https://blog.ngconsultant.io/custom-input-formatting-with-simple-directives-for-angular-2-ec792082976\r\nexport class CurrencyFormatterDirective implements OnInit {\r\n\r\n\tprivate el: HTMLInputElement;\r\n\r\n\tconstructor(private elementRef: ElementRef) {\r\n\t\tthis.el = this.elementRef.nativeElement;\r\n\t}\r\n\r\n\tngOnInit() {\r\n\t\tthis.el.value = CurrencyFunc.transformCurrency(this.el.value);\r\n\t}\r\n\r\n\t@HostListener('focus', ['$event.target.value'])\r\n\tonFocus(value: string) {\r\n\t\tthis.el.value = CurrencyFunc.parseCurrency(value); // opossite of transform\r\n\t}\r\n\r\n\t@HostListener('blur', ['$event.target.value'])\r\n\tonBlur(value: string) {\r\n\t\tthis.el.value = CurrencyFunc.transformCurrency(value);\r\n\t}\r\n\r\n}\r\n\r\n","import { Directive, ViewContainerRef } from '@angular/core';\r\n\r\n@Directive({\r\n\tselector: '[dataComponentHost]',\r\n})\r\nexport class DataComponentDirective {\r\n\tconstructor(public viewContainerRef: ViewContainerRef) { }\r\n}\r\n","import { AfterViewInit, Directive, ElementRef, Input } from '@angular/core';\r\n\r\n/**\r\n * Scroll to element attached. And the element may be an Angular Material component too.\r\n */\r\n@Directive({\r\n\tselector: '[scrollInto]'\r\n})\r\nexport class ScrollIntoDirective implements AfterViewInit {\r\n\tconstructor(private el: ElementRef) {\r\n\t\t//\tconsole.debug('ScrollIntoDirective created.');\r\n\t}\r\n\r\n\t@Input()\r\n\tscrollInto: boolean = false;\r\n\r\n\tngAfterViewInit() {\r\n\t\tif (this.scrollInto) {\r\n\t\t\tthis.el.nativeElement.scrollIntoView();\r\n\t\t}\r\n\t}\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport {\r\n\tAutofocusDirective, CurrencyFormatterDirective, DataComponentDirective, ScrollIntoDirective\r\n} from './index';\r\n\r\n\r\n\r\n/**\r\n * Contain components. Other feature/lazy modules that need to access custom html element of components like my-datetimepicker still need to import this module explicitly.\r\n *\r\n */\r\n@NgModule({\r\n\timports: [\r\n\t\tCommonModule,\r\n\t\tFormsModule,\r\n\t],\r\n\r\n\tdeclarations: [\r\n\t\tAutofocusDirective,\r\n\t\tCurrencyFormatterDirective,\r\n\t\tScrollIntoDirective,\r\n\t\tDataComponentDirective,\r\n\t],\r\n\r\n\r\n\texports: [\r\n\t\tAutofocusDirective,\r\n\t\tCurrencyFormatterDirective,\r\n\t\tScrollIntoDirective,\r\n\t\tDataComponentDirective,\r\n\t]\r\n})\r\nexport class NmceDirectivesModule { }\r\n"]}

package/esm2015/_directives/autofocus.js

@@ -1,46 +0,0 @@
-import { Directive, ElementRef, Input } from '@angular/core';
-/**
- * Use as a parametered input parameter in html element.
- * When used inside a material dialog, this directive may be at odd against the autofocus config parameter of MatDialogConfig,
- * if the autofocus config is not false. Generally speaking, no need to use this directive in a component presented in a mateiral dialog.
- */
-export class AutofocusDirective {
-    constructor(el) {
-        this.el = el;
-        this.toFocus = false;
-        this.focused = false;
-        this.initialised = false;
-        this.everFocused = false;
-        //console.debug('autofocusDirective created.');
-    }
-    ngAfterViewInit() {
-        this.initialised = true;
-        this.ngDoCheck();
-    }
-    ngDoCheck() {
-        if (!this.initialised) {
-            return;
-        }
-        if (this.toFocus && !this.everFocused && !this.focused) {
-            this.el.nativeElement.focus();
-            this.focused = true;
-            this.everFocused = true;
-            console.debug('focused now.');
-        }
-    }
-    set autofocus(condition) {
-        this.toFocus = condition !== false;
-    }
-}
-AutofocusDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[autofocus]'
-            },] }
-];
-AutofocusDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-AutofocusDirective.propDecorators = {
-    autofocus: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2ZvY3VzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbm1jZS1kaXJlY3RpdmVzL3NyYy9fZGlyZWN0aXZlcy9hdXRvZm9jdXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQVcsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVyRjs7OztHQUlHO0FBSUgsTUFBTSxPQUFPLGtCQUFrQjtJQUs5QixZQUFvQixFQUFjO1FBQWQsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUoxQixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDaEIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFM0IsK0NBQStDO0lBQ2hELENBQUM7SUFFRCxlQUFlO1FBQ2QsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7UUFDeEIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFFRCxTQUFTO1FBQ1IsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFBRSxPQUFPO1NBQUU7UUFDbEMsSUFBSSxJQUFJLENBQUMsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDdkQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDOUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7WUFDcEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7WUFDeEIsT0FBTyxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsQ0FBQztTQUM5QjtJQUNGLENBQUM7SUFFRCxJQUFhLFNBQVMsQ0FBQyxTQUFrQjtRQUN4QyxJQUFJLENBQUMsT0FBTyxHQUFHLFNBQVMsS0FBSyxLQUFLLENBQUM7SUFDcEMsQ0FBQzs7O1lBN0JELFNBQVMsU0FBQztnQkFDVixRQUFRLEVBQUUsYUFBYTthQUN2Qjs7O1lBVDJDLFVBQVU7Ozt3QkFrQ3BELEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBEaXJlY3RpdmUsIERvQ2hlY2ssIEVsZW1lbnRSZWYsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG4vKipcclxuICogVXNlIGFzIGEgcGFyYW1ldGVyZWQgaW5wdXQgcGFyYW1ldGVyIGluIGh0bWwgZWxlbWVudC5cclxuICogV2hlbiB1c2VkIGluc2lkZSBhIG1hdGVyaWFsIGRpYWxvZywgdGhpcyBkaXJlY3RpdmUgbWF5IGJlIGF0IG9kZCBhZ2FpbnN0IHRoZSBhdXRvZm9jdXMgY29uZmlnIHBhcmFtZXRlciBvZiBNYXREaWFsb2dDb25maWcsIFxyXG4gKiBpZiB0aGUgYXV0b2ZvY3VzIGNvbmZpZyBpcyBub3QgZmFsc2UuIEdlbmVyYWxseSBzcGVha2luZywgbm8gbmVlZCB0byB1c2UgdGhpcyBkaXJlY3RpdmUgaW4gYSBjb21wb25lbnQgcHJlc2VudGVkIGluIGEgbWF0ZWlyYWwgZGlhbG9nLlxyXG4gKi9cclxuQERpcmVjdGl2ZSh7XHJcblx0c2VsZWN0b3I6ICdbYXV0b2ZvY3VzXSdcclxufSlcclxuZXhwb3J0IGNsYXNzIEF1dG9mb2N1c0RpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIERvQ2hlY2sge1xyXG5cdHByaXZhdGUgdG9Gb2N1cyA9IGZhbHNlO1xyXG5cdHByaXZhdGUgZm9jdXNlZCA9IGZhbHNlO1xyXG5cdHByaXZhdGUgaW5pdGlhbGlzZWQgPSBmYWxzZTtcclxuXHRwcml2YXRlIGV2ZXJGb2N1c2VkID0gZmFsc2U7XHJcblx0Y29uc3RydWN0b3IocHJpdmF0ZSBlbDogRWxlbWVudFJlZikge1xyXG5cdFx0Ly9jb25zb2xlLmRlYnVnKCdhdXRvZm9jdXNEaXJlY3RpdmUgY3JlYXRlZC4nKTtcclxuXHR9XHJcblxyXG5cdG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuXHRcdHRoaXMuaW5pdGlhbGlzZWQgPSB0cnVlO1xyXG5cdFx0dGhpcy5uZ0RvQ2hlY2soKTtcclxuXHR9XHJcblxyXG5cdG5nRG9DaGVjaygpIHtcclxuXHRcdGlmICghdGhpcy5pbml0aWFsaXNlZCkgeyByZXR1cm47IH1cclxuXHRcdGlmICh0aGlzLnRvRm9jdXMgJiYgIXRoaXMuZXZlckZvY3VzZWQgJiYgIXRoaXMuZm9jdXNlZCkge1xyXG5cdFx0XHR0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcclxuXHRcdFx0dGhpcy5mb2N1c2VkID0gdHJ1ZTtcclxuXHRcdFx0dGhpcy5ldmVyRm9jdXNlZCA9IHRydWU7XHJcblx0XHRcdGNvbnNvbGUuZGVidWcoJ2ZvY3VzZWQgbm93LicpO1xyXG5cdFx0fVxyXG5cdH1cclxuXHJcblx0QElucHV0KCkgc2V0IGF1dG9mb2N1cyhjb25kaXRpb246IGJvb2xlYW4pIHtcclxuXHRcdHRoaXMudG9Gb2N1cyA9IGNvbmRpdGlvbiAhPT0gZmFsc2U7XHJcblx0fVxyXG59XHJcbiJdfQ==

package/esm2015/_directives/currencyFormatter.directive.js

@@ -1,33 +0,0 @@
-import { Directive, ElementRef, HostListener } from '@angular/core';
-import { CurrencyFunc } from 'nmce-func';
-/**
- * Decorate HTML input for inputing and displaying currency. The input type must not be number and should be text only.
- * If the input type is number, the built-in validator will be fighting against this directive.
- */
-export class CurrencyFormatterDirective {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.el = this.elementRef.nativeElement;
-    }
-    ngOnInit() {
-        this.el.value = CurrencyFunc.transformCurrency(this.el.value);
-    }
-    onFocus(value) {
-        this.el.value = CurrencyFunc.parseCurrency(value); // opossite of transform
-    }
-    onBlur(value) {
-        this.el.value = CurrencyFunc.transformCurrency(value);
-    }
-}
-CurrencyFormatterDirective.decorators = [
-    { type: Directive, args: [{ selector: '[currencyFormatter]' }, //inspired by https://blog.ngconsultant.io/custom-input-formatting-with-simple-directives-for-angular-2-ec792082976
-        ] }
-];
-CurrencyFormatterDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-CurrencyFormatterDirective.propDecorators = {
-    onFocus: [{ type: HostListener, args: ['focus', ['$event.target.value'],] }],
-    onBlur: [{ type: HostListener, args: ['blur', ['$event.target.value'],] }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VycmVuY3lGb3JtYXR0ZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbm1jZS1kaXJlY3RpdmVzL3NyYy9fZGlyZWN0aXZlcy9jdXJyZW5jeUZvcm1hdHRlci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFFekM7OztHQUdHO0FBRUgsTUFBTSxPQUFPLDBCQUEwQjtJQUl0QyxZQUFvQixVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3pDLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUM7SUFDekMsQ0FBQztJQUVELFFBQVE7UUFDUCxJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssR0FBRyxZQUFZLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvRCxDQUFDO0lBR0QsT0FBTyxDQUFDLEtBQWE7UUFDcEIsSUFBSSxDQUFDLEVBQUUsQ0FBQyxLQUFLLEdBQUcsWUFBWSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLHdCQUF3QjtJQUM1RSxDQUFDO0lBR0QsTUFBTSxDQUFDLEtBQWE7UUFDbkIsSUFBSSxDQUFDLEVBQUUsQ0FBQyxLQUFLLEdBQUcsWUFBWSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZELENBQUM7OztZQXJCRCxTQUFTLFNBQUMsRUFBRSxRQUFRLEVBQUUscUJBQXFCLEVBQUUsRUFBQyxtSEFBbUg7Ozs7WUFQOUksVUFBVTs7O3NCQW9CNUIsWUFBWSxTQUFDLE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO3FCQUs3QyxZQUFZLFNBQUMsTUFBTSxFQUFFLENBQUMscUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEN1cnJlbmN5RnVuYyB9IGZyb20gJ25tY2UtZnVuYyc7XHJcblxyXG4vKipcclxuICogRGVjb3JhdGUgSFRNTCBpbnB1dCBmb3IgaW5wdXRpbmcgYW5kIGRpc3BsYXlpbmcgY3VycmVuY3kuIFRoZSBpbnB1dCB0eXBlIG11c3Qgbm90IGJlIG51bWJlciBhbmQgc2hvdWxkIGJlIHRleHQgb25seS5cclxuICogSWYgdGhlIGlucHV0IHR5cGUgaXMgbnVtYmVyLCB0aGUgYnVpbHQtaW4gdmFsaWRhdG9yIHdpbGwgYmUgZmlnaHRpbmcgYWdhaW5zdCB0aGlzIGRpcmVjdGl2ZS5cclxuICovXHJcbkBEaXJlY3RpdmUoeyBzZWxlY3RvcjogJ1tjdXJyZW5jeUZvcm1hdHRlcl0nIH0pLy9pbnNwaXJlZCBieSBodHRwczovL2Jsb2cubmdjb25zdWx0YW50LmlvL2N1c3RvbS1pbnB1dC1mb3JtYXR0aW5nLXdpdGgtc2ltcGxlLWRpcmVjdGl2ZXMtZm9yLWFuZ3VsYXItMi1lYzc5MjA4Mjk3NlxyXG5leHBvcnQgY2xhc3MgQ3VycmVuY3lGb3JtYXR0ZXJEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuXHRwcml2YXRlIGVsOiBIVE1MSW5wdXRFbGVtZW50O1xyXG5cclxuXHRjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcclxuXHRcdHRoaXMuZWwgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcclxuXHR9XHJcblxyXG5cdG5nT25Jbml0KCkge1xyXG5cdFx0dGhpcy5lbC52YWx1ZSA9IEN1cnJlbmN5RnVuYy50cmFuc2Zvcm1DdXJyZW5jeSh0aGlzLmVsLnZhbHVlKTtcclxuXHR9XHJcblxyXG5cdEBIb3N0TGlzdGVuZXIoJ2ZvY3VzJywgWyckZXZlbnQudGFyZ2V0LnZhbHVlJ10pXHJcblx0b25Gb2N1cyh2YWx1ZTogc3RyaW5nKSB7XHJcblx0XHR0aGlzLmVsLnZhbHVlID0gQ3VycmVuY3lGdW5jLnBhcnNlQ3VycmVuY3kodmFsdWUpOyAvLyBvcG9zc2l0ZSBvZiB0cmFuc2Zvcm1cclxuXHR9XHJcblxyXG5cdEBIb3N0TGlzdGVuZXIoJ2JsdXInLCBbJyRldmVudC50YXJnZXQudmFsdWUnXSlcclxuXHRvbkJsdXIodmFsdWU6IHN0cmluZykge1xyXG5cdFx0dGhpcy5lbC52YWx1ZSA9IEN1cnJlbmN5RnVuYy50cmFuc2Zvcm1DdXJyZW5jeSh2YWx1ZSk7XHJcblx0fVxyXG5cclxufVxyXG5cclxuIl19

package/esm2015/_directives/dataComponent.directive.js

@@ -1,15 +0,0 @@
-import { Directive, ViewContainerRef } from '@angular/core';
-export class DataComponentDirective {
-    constructor(viewContainerRef) {
-        this.viewContainerRef = viewContainerRef;
-    }
-}
-DataComponentDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[dataComponentHost]',
-            },] }
-];
-DataComponentDirective.ctorParameters = () => [
-    { type: ViewContainerRef }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YUNvbXBvbmVudC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9ubWNlLWRpcmVjdGl2ZXMvc3JjL19kaXJlY3RpdmVzL2RhdGFDb21wb25lbnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFLNUQsTUFBTSxPQUFPLHNCQUFzQjtJQUNsQyxZQUFtQixnQkFBa0M7UUFBbEMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtJQUFJLENBQUM7OztZQUoxRCxTQUFTLFNBQUM7Z0JBQ1YsUUFBUSxFQUFFLHFCQUFxQjthQUMvQjs7O1lBSm1CLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcblx0c2VsZWN0b3I6ICdbZGF0YUNvbXBvbmVudEhvc3RdJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIERhdGFDb21wb25lbnREaXJlY3RpdmUge1xyXG5cdGNvbnN0cnVjdG9yKHB1YmxpYyB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmKSB7IH1cclxufVxyXG4iXX0=

package/esm2015/_directives/directives.module.js

@@ -1,31 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { AutofocusDirective, CurrencyFormatterDirective, DataComponentDirective, ScrollIntoDirective } from './index';
-/**
- * Contain components. Other feature/lazy modules that need to access custom html element of components like my-datetimepicker still need to import this module explicitly.
- *
- */
-export class NmceDirectivesModule {
-}
-NmceDirectivesModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                ],
-                declarations: [
-                    AutofocusDirective,
-                    CurrencyFormatterDirective,
-                    ScrollIntoDirective,
-                    DataComponentDirective,
-                ],
-                exports: [
-                    AutofocusDirective,
-                    CurrencyFormatterDirective,
-                    ScrollIntoDirective,
-                    DataComponentDirective,
-                ]
-            },] }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlyZWN0aXZlcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9ubWNlLWRpcmVjdGl2ZXMvc3JjL19kaXJlY3RpdmVzL2RpcmVjdGl2ZXMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQ04sa0JBQWtCLEVBQUUsMEJBQTBCLEVBQUUsc0JBQXNCLEVBQUUsbUJBQW1CLEVBQzNGLE1BQU0sU0FBUyxDQUFDO0FBSWpCOzs7R0FHRztBQXNCSCxNQUFNLE9BQU8sb0JBQW9COzs7WUFyQmhDLFFBQVEsU0FBQztnQkFDVCxPQUFPLEVBQUU7b0JBQ1IsWUFBWTtvQkFDWixXQUFXO2lCQUNYO2dCQUVELFlBQVksRUFBRTtvQkFDYixrQkFBa0I7b0JBQ2xCLDBCQUEwQjtvQkFDMUIsbUJBQW1CO29CQUNuQixzQkFBc0I7aUJBQ3RCO2dCQUdELE9BQU8sRUFBRTtvQkFDUixrQkFBa0I7b0JBQ2xCLDBCQUEwQjtvQkFDMUIsbUJBQW1CO29CQUNuQixzQkFBc0I7aUJBQ3RCO2FBQ0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHtcclxuXHRBdXRvZm9jdXNEaXJlY3RpdmUsIEN1cnJlbmN5Rm9ybWF0dGVyRGlyZWN0aXZlLCBEYXRhQ29tcG9uZW50RGlyZWN0aXZlLCBTY3JvbGxJbnRvRGlyZWN0aXZlXHJcbn0gZnJvbSAnLi9pbmRleCc7XHJcblxyXG5cclxuXHJcbi8qKlxyXG4gKiBDb250YWluIGNvbXBvbmVudHMuIE90aGVyIGZlYXR1cmUvbGF6eSBtb2R1bGVzIHRoYXQgbmVlZCB0byBhY2Nlc3MgY3VzdG9tIGh0bWwgZWxlbWVudCBvZiBjb21wb25lbnRzIGxpa2UgbXktZGF0ZXRpbWVwaWNrZXIgc3RpbGwgbmVlZCB0byBpbXBvcnQgdGhpcyBtb2R1bGUgZXhwbGljaXRseS5cclxuICpcclxuICovXHJcbkBOZ01vZHVsZSh7XHJcblx0aW1wb3J0czogW1xyXG5cdFx0Q29tbW9uTW9kdWxlLFxyXG5cdFx0Rm9ybXNNb2R1bGUsXHJcblx0XSxcclxuXHJcblx0ZGVjbGFyYXRpb25zOiBbXHJcblx0XHRBdXRvZm9jdXNEaXJlY3RpdmUsXHJcblx0XHRDdXJyZW5jeUZvcm1hdHRlckRpcmVjdGl2ZSxcclxuXHRcdFNjcm9sbEludG9EaXJlY3RpdmUsXHJcblx0XHREYXRhQ29tcG9uZW50RGlyZWN0aXZlLFxyXG5cdF0sXHJcblxyXG5cclxuXHRleHBvcnRzOiBbXHJcblx0XHRBdXRvZm9jdXNEaXJlY3RpdmUsXHJcblx0XHRDdXJyZW5jeUZvcm1hdHRlckRpcmVjdGl2ZSxcclxuXHRcdFNjcm9sbEludG9EaXJlY3RpdmUsXHJcblx0XHREYXRhQ29tcG9uZW50RGlyZWN0aXZlLFxyXG5cdF1cclxufSlcclxuZXhwb3J0IGNsYXNzIE5tY2VEaXJlY3RpdmVzTW9kdWxlIHsgfVxyXG4iXX0=

package/esm2015/_directives/scrollInto.directive.js

@@ -1,28 +0,0 @@
-import { Directive, ElementRef, Input } from '@angular/core';
-/**
- * Scroll to element attached. And the element may be an Angular Material component too.
- */
-export class ScrollIntoDirective {
-    constructor(el) {
-        this.el = el;
-        this.scrollInto = false;
-        //	console.debug('ScrollIntoDirective created.');
-    }
-    ngAfterViewInit() {
-        if (this.scrollInto) {
-            this.el.nativeElement.scrollIntoView();
-        }
-    }
-}
-ScrollIntoDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[scrollInto]'
-            },] }
-];
-ScrollIntoDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-ScrollIntoDirective.propDecorators = {
-    scrollInto: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsSW50by5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9ubWNlLWRpcmVjdGl2ZXMvc3JjL19kaXJlY3RpdmVzL3Njcm9sbEludG8uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUU7O0dBRUc7QUFJSCxNQUFNLE9BQU8sbUJBQW1CO0lBQy9CLFlBQW9CLEVBQWM7UUFBZCxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBS2xDLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFKM0IsaURBQWlEO0lBQ2xELENBQUM7SUFLRCxlQUFlO1FBQ2QsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ3BCLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ3ZDO0lBQ0YsQ0FBQzs7O1lBZkQsU0FBUyxTQUFDO2dCQUNWLFFBQVEsRUFBRSxjQUFjO2FBQ3hCOzs7WUFQa0MsVUFBVTs7O3lCQWEzQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIFNjcm9sbCB0byBlbGVtZW50IGF0dGFjaGVkLiBBbmQgdGhlIGVsZW1lbnQgbWF5IGJlIGFuIEFuZ3VsYXIgTWF0ZXJpYWwgY29tcG9uZW50IHRvby5cclxuICovXHJcbkBEaXJlY3RpdmUoe1xyXG5cdHNlbGVjdG9yOiAnW3Njcm9sbEludG9dJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU2Nyb2xsSW50b0RpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xyXG5cdGNvbnN0cnVjdG9yKHByaXZhdGUgZWw6IEVsZW1lbnRSZWYpIHtcclxuXHRcdC8vXHRjb25zb2xlLmRlYnVnKCdTY3JvbGxJbnRvRGlyZWN0aXZlIGNyZWF0ZWQuJyk7XHJcblx0fVxyXG5cclxuXHRASW5wdXQoKVxyXG5cdHNjcm9sbEludG86IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcblx0bmdBZnRlclZpZXdJbml0KCkge1xyXG5cdFx0aWYgKHRoaXMuc2Nyb2xsSW50bykge1xyXG5cdFx0XHR0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuc2Nyb2xsSW50b1ZpZXcoKTtcclxuXHRcdH1cclxuXHR9XHJcbn1cclxuIl19

package/fesm2015/nmce-directives.js

@@ -1,159 +0,0 @@
-import { Directive, ElementRef, Input, HostListener, ViewContainerRef, NgModule } from '@angular/core';
-import { CurrencyFunc } from 'nmce-func';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-
-/**
- * Use as a parametered input parameter in html element.
- * When used inside a material dialog, this directive may be at odd against the autofocus config parameter of MatDialogConfig,
- * if the autofocus config is not false. Generally speaking, no need to use this directive in a component presented in a mateiral dialog.
- */
-class AutofocusDirective {
-    constructor(el) {
-        this.el = el;
-        this.toFocus = false;
-        this.focused = false;
-        this.initialised = false;
-        this.everFocused = false;
-        //console.debug('autofocusDirective created.');
-    }
-    ngAfterViewInit() {
-        this.initialised = true;
-        this.ngDoCheck();
-    }
-    ngDoCheck() {
-        if (!this.initialised) {
-            return;
-        }
-        if (this.toFocus && !this.everFocused && !this.focused) {
-            this.el.nativeElement.focus();
-            this.focused = true;
-            this.everFocused = true;
-            console.debug('focused now.');
-        }
-    }
-    set autofocus(condition) {
-        this.toFocus = condition !== false;
-    }
-}
-AutofocusDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[autofocus]'
-            },] }
-];
-AutofocusDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-AutofocusDirective.propDecorators = {
-    autofocus: [{ type: Input }]
-};
-
-/**
- * Decorate HTML input for inputing and displaying currency. The input type must not be number and should be text only.
- * If the input type is number, the built-in validator will be fighting against this directive.
- */
-class CurrencyFormatterDirective {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.el = this.elementRef.nativeElement;
-    }
-    ngOnInit() {
-        this.el.value = CurrencyFunc.transformCurrency(this.el.value);
-    }
-    onFocus(value) {
-        this.el.value = CurrencyFunc.parseCurrency(value); // opossite of transform
-    }
-    onBlur(value) {
-        this.el.value = CurrencyFunc.transformCurrency(value);
-    }
-}
-CurrencyFormatterDirective.decorators = [
-    { type: Directive, args: [{ selector: '[currencyFormatter]' }, //inspired by https://blog.ngconsultant.io/custom-input-formatting-with-simple-directives-for-angular-2-ec792082976
-        ] }
-];
-CurrencyFormatterDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-CurrencyFormatterDirective.propDecorators = {
-    onFocus: [{ type: HostListener, args: ['focus', ['$event.target.value'],] }],
-    onBlur: [{ type: HostListener, args: ['blur', ['$event.target.value'],] }]
-};
-
-class DataComponentDirective {
-    constructor(viewContainerRef) {
-        this.viewContainerRef = viewContainerRef;
-    }
-}
-DataComponentDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[dataComponentHost]',
-            },] }
-];
-DataComponentDirective.ctorParameters = () => [
-    { type: ViewContainerRef }
-];
-
-/**
- * Scroll to element attached. And the element may be an Angular Material component too.
- */
-class ScrollIntoDirective {
-    constructor(el) {
-        this.el = el;
-        this.scrollInto = false;
-        //	console.debug('ScrollIntoDirective created.');
-    }
-    ngAfterViewInit() {
-        if (this.scrollInto) {
-            this.el.nativeElement.scrollIntoView();
-        }
-    }
-}
-ScrollIntoDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[scrollInto]'
-            },] }
-];
-ScrollIntoDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-ScrollIntoDirective.propDecorators = {
-    scrollInto: [{ type: Input }]
-};
-
-/**
- * Contain components. Other feature/lazy modules that need to access custom html element of components like my-datetimepicker still need to import this module explicitly.
- *
- */
-class NmceDirectivesModule {
-}
-NmceDirectivesModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                ],
-                declarations: [
-                    AutofocusDirective,
-                    CurrencyFormatterDirective,
-                    ScrollIntoDirective,
-                    DataComponentDirective,
-                ],
-                exports: [
-                    AutofocusDirective,
-                    CurrencyFormatterDirective,
-                    ScrollIntoDirective,
-                    DataComponentDirective,
-                ]
-            },] }
-];
-
-/*
- * Public API Surface of nmce-directives
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AutofocusDirective, CurrencyFormatterDirective, DataComponentDirective, NmceDirectivesModule, ScrollIntoDirective };
-//# sourceMappingURL=nmce-directives.js.map