@starley/ion-directives 1.3.6 → 1.3.7

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# Changelog
+This changelog document tracks the changes in the project since `v1.3.7`.
+
+This project adheres to [semver](https://semver.org/).
+
+## [1.3.7](https://github.com/StarleyDev/ion-directives/releases/tag/v5.3.4)
+* Fix output of `appRemoveFromInput`

package/dist/input-remove/input-remove.directive.d.ts

@@ -1,32 +1,22 @@
 import { NgModel } from "@angular/forms";
 import * as i0 from "@angular/core";
-/**
- * Remove any text from input
- * @author Starley Cazorla
- */
 export declare class IonInputRemoveDirective {
     model: NgModel;
     pattern: string;
-    /**
-     * Construtor
-     * @param {NgModel} model
-     * @param {string} pattern
-     */
     constructor(model: NgModel);
     /**
-     * Determines whether key down on
+     * Determines whether ion input on
      * @author Starley Cazorla
      * @param event
-     * @returns
      */
-    onKeyDown(event: any): boolean;
+    onIonInput(event: any): void;
     /**
-     * Gets pattern to remove or set the text to remove
+     * Gets pattern
      * @author Starley Cazorla
-     * @param typePatter - letter - number - special - punctuation
-     * @returns
+     * @param typePatter
+     * @returns pattern - letter - number - special - punctuation
      */
-    getPattern(typePatter: string): string | RegExp;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IonInputRemoveDirective, never>;
+    getPattern(typePatter: string): RegExp;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonInputRemoveDirective, [{ host: true; self: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<IonInputRemoveDirective, "[appRemoveFromInput]", never, { "pattern": { "alias": "appRemoveFromInput"; "required": false; }; }, {}, never, never, false, never>;
 }

package/dist/input-remove/input-remove.directive.js

@@ -1,58 +1,49 @@
-import { Directive, Input } from '@angular/core';
-import { NgModel } from "@angular/forms";
+import { Directive, Host, Input, Self } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
-/**
- * Remove any text from input
- * @author Starley Cazorla
- */
 var IonInputRemoveDirective = /** @class */ (function () {
-    /**
-     * Construtor
-     * @param {NgModel} model
-     * @param {string} pattern
-     */
     function IonInputRemoveDirective(model) {
         this.model = model;
     }
     /**
-     * Determines whether key down on
+     * Determines whether ion input on
      * @author Starley Cazorla
      * @param event
-     * @returns
      */
-    IonInputRemoveDirective.prototype.onKeyDown = function (event) {
-        var value = event.target.value;
-        if (this.pattern && this.pattern !== undefined && this.pattern !== null && this.pattern !== '') {
+    IonInputRemoveDirective.prototype.onIonInput = function (event) {
+        var input = event.target;
+        var value = input.value;
+        if (this.pattern) {
             value = value.normalize('NFD').replace(this.getPattern(this.pattern), '');
+            input.value = value;
+            this.model.control.setValue(value, {
+                emitEvent: true,
+                emitModelToViewChange: true,
+                emitViewToModelChange: true
+            });
         }
-        event.target.value = value;
-        if (this.model) {
-            this.model.update.emit(value);
-        }
-        return true;
     };
     /**
-     * Gets pattern to remove or set the text to remove
+     * Gets pattern
      * @author Starley Cazorla
-     * @param typePatter - letter - number - special - punctuation
-     * @returns
+     * @param typePatter
+     * @returns pattern - letter - number - special - punctuation
      */
     IonInputRemoveDirective.prototype.getPattern = function (typePatter) {
         if (typePatter === 'letter')
             return /[a-zA-Z]+/g;
         if (typePatter === 'number')
-            return /[0-9]/;
+            return /[0-9]/g;
         if (typePatter === 'special')
             return /[^a-zA-Z0-9\s.,!?'"():;]/g;
         if (typePatter === 'punctuation')
             return /[.,!?'"():;_-]/g;
-        return typePatter;
+        return new RegExp(typePatter, 'g');
     };
-    IonInputRemoveDirective.ɵfac = function IonInputRemoveDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IonInputRemoveDirective)(i0.ɵɵdirectiveInject(i1.NgModel)); };
+    IonInputRemoveDirective.ɵfac = function IonInputRemoveDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IonInputRemoveDirective)(i0.ɵɵdirectiveInject(i1.NgModel, 3)); };
     IonInputRemoveDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: IonInputRemoveDirective, selectors: [["", "appRemoveFromInput", ""]], hostBindings: function IonInputRemoveDirective_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("keydown", function IonInputRemoveDirective_keydown_HostBindingHandler($event) { return ctx.onKeyDown($event); });
-        } }, inputs: { pattern: [0, "appRemoveFromInput", "pattern"] }, standalone: false, features: [i0.ɵɵProvidersFeature([NgModel])] });
+            i0.ɵɵlistener("ionInput", function IonInputRemoveDirective_ionInput_HostBindingHandler($event) { return ctx.onIonInput($event); });
+        } }, inputs: { pattern: [0, "appRemoveFromInput", "pattern"] }, standalone: false });
     return IonInputRemoveDirective;
 }());
 export { IonInputRemoveDirective };
@@ -61,11 +52,14 @@ export { IonInputRemoveDirective };
         args: [{
                 selector: '[appRemoveFromInput]',
                 host: {
-                    '(keydown)': 'onKeyDown($event)'
-                },
-                providers: [NgModel]
+                    '(ionInput)': 'onIonInput($event)'
+                }
             }]
-    }], function () { return [{ type: i1.NgModel }]; }, { pattern: [{
+    }], function () { return [{ type: i1.NgModel, decorators: [{
+                type: Host
+            }, {
+                type: Self
+            }] }]; }, { pattern: [{
             type: Input,
             args: ['appRemoveFromInput']
         }] }); })();

package/dist/input-remove/input-remove.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-remove.directive.js","sourceRoot":"","sources":["../../src/input-remove/input-remove.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;;;AAEzC;;;GAGG;AAEH;IAWI;;;;OAIG;IACH,iCAAmB,KAAc;QAAd,UAAK,GAAL,KAAK,CAAS;IACjC,CAAC;IAED;;;;;OAKG;IACH,2CAAS,GAAT,UAAU,KAAU;QAChB,IAAI,KAAK,GAAQ,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAEpC,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,EAAE,EAAE,CAAC;YAC7F,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;QAC9E,CAAC;QAED,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;QAC3B,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClC,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED;;;;;OAKG;IACH,4CAAU,GAAV,UAAW,UAAkB;QACzB,IAAI,UAAU,KAAK,QAAQ;YAAE,OAAO,YAAY,CAAC;QACjD,IAAI,UAAU,KAAK,QAAQ;YAAE,OAAO,OAAO,CAAC;QAC5C,IAAI,UAAU,KAAK,SAAS;YAAE,OAAO,2BAA2B,CAAC;QACjE,IAAI,UAAU,KAAK,aAAa;YAAE,OAAO,iBAAiB,CAAC;QAC3D,OAAO,UAAU,CAAC;IACtB,CAAC;kIA5CQ,uBAAuB;8EAAvB,uBAAuB;YAAvB,sGAAA,qBAAiB,IAAM;4HAFrB,CAAC,OAAO,CAAC;kCAbxB;CA6DC,AArDD,IAqDC;SA9CY,uBAAuB;uFAAvB,uBAAuB;cAPnC,SAAS;eAAC;gBACP,QAAQ,EAAE,sBAAsB;gBAChC,IAAI,EAAE;oBACF,WAAW,EAAE,mBAAmB;iBACnC;gBACD,SAAS,EAAE,CAAC,OAAO,CAAC;aACvB;0DAGgC,OAAO;kBAAnC,KAAK;mBAAC,oBAAoB","sourcesContent":["import { Directive, Input } from '@angular/core';\nimport { NgModel } from \"@angular/forms\";\n\n/**\n * Remove any text from input\n * @author Starley Cazorla\n */\n\n@Directive({\n    selector: '[appRemoveFromInput]',\n    host: {\n        '(keydown)': 'onKeyDown($event)'\n    },\n    providers: [NgModel]\n})\nexport class IonInputRemoveDirective {\n\n    @Input('appRemoveFromInput') pattern: string;\n\n    /**\n     * Construtor\n     * @param {NgModel} model\n     * @param {string} pattern\n     */\n    constructor(public model: NgModel) {\n    }\n\n    /**\n     * Determines whether key down on\n     * @author Starley Cazorla\n     * @param event\n     * @returns\n     */\n    onKeyDown(event: any) {\n        let value: any = event.target.value;\n\n        if (this.pattern && this.pattern !== undefined && this.pattern !== null && this.pattern !== '') {\n            value = value.normalize('NFD').replace(this.getPattern(this.pattern), '');\n        }\n\n        event.target.value = value;\n        if (this.model) {\n            this.model.update.emit(value);\n        }\n        return true;\n    }\n\n    /**\n     * Gets pattern to remove or set the text to remove\n     * @author Starley Cazorla\n     * @param typePatter - letter - number - special - punctuation\n     * @returns\n     */\n    getPattern(typePatter: string) {\n        if (typePatter === 'letter') return /[a-zA-Z]+/g;\n        if (typePatter === 'number') return /[0-9]/;\n        if (typePatter === 'special') return /[^a-zA-Z0-9\\s.,!?'\"():;]/g;\n        if (typePatter === 'punctuation') return /[.,!?'\"():;_-]/g;\n        return typePatter;\n    }\n\n}\n"]}
+{"version":3,"file":"input-remove.directive.js","sourceRoot":"","sources":["../../src/input-remove/input-remove.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;;;AAG7D;IASI,iCAAmC,KAAc;QAAd,UAAK,GAAL,KAAK,CAAS;IAAI,CAAC;IAEtD;;;;OAIG;IACH,4CAAU,GAAV,UAAW,KAAU;QACjB,IAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QAExB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;YAC1E,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;YAEpB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,EAAE;gBAC/B,SAAS,EAAE,IAAI;gBACf,qBAAqB,EAAE,IAAI;gBAC3B,qBAAqB,EAAE,IAAI;aAC9B,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,4CAAU,GAAV,UAAW,UAAkB;QACzB,IAAI,UAAU,KAAK,QAAQ;YAAE,OAAO,YAAY,CAAC;QACjD,IAAI,UAAU,KAAK,QAAQ;YAAE,OAAO,QAAQ,CAAC;QAC7C,IAAI,UAAU,KAAK,SAAS;YAAE,OAAO,2BAA2B,CAAC;QACjE,IAAI,UAAU,KAAK,aAAa;YAAE,OAAO,iBAAiB,CAAC;QAC3D,OAAO,IAAI,MAAM,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IACvC,CAAC;kIAtCQ,uBAAuB;8EAAvB,uBAAuB;YAAvB,wGAAA,sBAAkB,IAAK;;kCATpC;CAgDC,AA7CD,IA6CC;SAvCY,uBAAuB;uFAAvB,uBAAuB;cANnC,SAAS;eAAC;gBACP,QAAQ,EAAE,sBAAsB;gBAChC,IAAI,EAAE;oBACF,YAAY,EAAE,oBAAoB;iBACrC;aACJ;;sBAIgB,IAAI;;sBAAI,IAAI;wBAFI,OAAO;kBAAnC,KAAK;mBAAC,oBAAoB","sourcesContent":["import { Directive, Host, Input, Self } from '@angular/core';\nimport { NgModel } from \"@angular/forms\";\n\n@Directive({\n    selector: '[appRemoveFromInput]',\n    host: {\n        '(ionInput)': 'onIonInput($event)'\n    }\n})\nexport class IonInputRemoveDirective {\n    @Input('appRemoveFromInput') pattern: string;\n\n    constructor(@Host() @Self() public model: NgModel) { }\n\n    /**\n     * Determines whether ion input on\n     * @author Starley Cazorla\n     * @param event\n     */\n    onIonInput(event: any) {\n        const input = event.target as HTMLInputElement;\n        let value = input.value;\n\n        if (this.pattern) {\n            value = value.normalize('NFD').replace(this.getPattern(this.pattern), '');\n            input.value = value;\n\n            this.model.control.setValue(value, {\n                emitEvent: true,\n                emitModelToViewChange: true,\n                emitViewToModelChange: true\n            });\n        }\n    }\n\n    /**\n     * Gets pattern\n     * @author Starley Cazorla\n     * @param typePatter\n     * @returns pattern - letter - number - special - punctuation\n     */\n    getPattern(typePatter: string): RegExp {\n        if (typePatter === 'letter') return /[a-zA-Z]+/g;\n        if (typePatter === 'number') return /[0-9]/g;\n        if (typePatter === 'special') return /[^a-zA-Z0-9\\s.,!?'\"():;]/g;\n        if (typePatter === 'punctuation') return /[.,!?'\"():;_-]/g;\n        return new RegExp(typePatter, 'g');\n    }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@starley/ion-directives",
-  "version": "1.3.6",
+  "version": "1.3.7",
   "description": "Directivas internas para ionic",
   "main": "./dist/index.js",
   "typings": "./dist/index.d.ts",