@starley/ion-directives 1.2.0 → 1.2.2

package/README.md

@@ -0,0 +1,104 @@
+
+# Ion-directives
+
+São directivas para uso em ionic, para mascramento de inputs, pressHold, tap e doubleTap!
+
+![Badge em Desenvolvimento](http://img.shields.io/static/v1?label=STATUS&message=EM%20DESENVOLVIMENTO&color=GREEN&style=for-the-badge)
+
+
+
+## Authors
+
+- [@starleydev](https://www.github.com/starleyDev)
+
+
+## Installation
+
+
+```bash
+  npm i @starley/ion-directives
+```
+    
+## Usage/Examples
+
+Importe dentro do modulo que ira utilizar 
+
+my-component.module.ts
+```typescript
+import { DirectivesModule } from '@starley/ion-directives';
+
+
+@NgModule({
+    ...
+    imports: [
+        ...,
+        DirectivesModule
+    ],
+    ...
+})
+export class MyComponent {}
+```
+
+### Para usar a mascara 'appMask'
+
+Adicione dentro do input a chamada passando após o simbolo de '=' a formatação desejada!
+
+my-component.html
+```html
+<ion-content>
+    ...
+    <ion-item>
+      <ion-label>CPF</ion-label>
+      <ion-input class="ion-text-right" [(ngModel)]="cpf" maxlength="14" type="number" placeholder="000.000.000-00" appMask="***.***.***-**"></ion-input>
+    </ion-item>
+    ...
+</ion-content>
+```
+
+Resultado --> 123.456.789-00
+
+### Para usar a pressHold 'appPressHold'
+
+O tempo minimo e de 450 milisegundos! **( Adicionarei no futuro a possibilidade de customizar esse tempo! )**
+
+Adicione a chamada de 'appPressHold' juntamente com o '(press)' pois ele será o responsavel pela ação!
+
+my-component.html
+```html
+<ion-content>
+    ...
+    <ion-item appPressHold (press)="doSomething()>
+      <ion-label>PressHold</ion-label>
+    </ion-item>
+    ...
+</ion-content>
+```
+
+### Para usar 'appTap'
+
+Adicione dentro de um elemento qualquer! Ao adicionar você tera duas opções!
+
+*O (tap) tera ação de intervalo de 250 milisegundos*
+
+*O (doubleTap) terá ação de intervalo de 300 milisegundos*
+
+my-component.html
+```html
+<ion-content>
+    ...
+   <ion-content>
+    ...
+    <ion-item appTap (tap)="doSomething()" (doubleTap)="doSomething()">
+      <ion-label>tap</ion-label>
+    </ion-item>
+    ...
+</ion-content>
+    ...
+</ion-content>
+```
+
+## License
+
+
+[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)
+

package/dist/directive.module.d.ts

@@ -0,0 +1,16 @@
+import { ModuleWithProviders } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./press-hold/press-hold.directive";
+import * as i2 from "./tap/tap.directive";
+import * as i3 from "./input-mask/input-mask.directive";
+import * as i4 from "@angular/common";
+/**
+ * Gerencia precionamento de enventos
+ * @author Starley Cazorla
+ */
+export declare class DirectivesModule {
+    static forRoot(): ModuleWithProviders<DirectivesModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DirectivesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DirectivesModule, [typeof i1.PressHoldDirective, typeof i2.TapDirective, typeof i3.IonInputMaskDirective], [typeof i4.CommonModule], [typeof i1.PressHoldDirective, typeof i2.TapDirective, typeof i3.IonInputMaskDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DirectivesModule>;
+}

package/dist/directive.module.js

@@ -0,0 +1,50 @@
+import { CUSTOM_ELEMENTS_SCHEMA, NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
+import { PressHoldDirective } from './press-hold/press-hold.directive';
+import { TapDirective } from './tap/tap.directive';
+import { IonInputMaskDirective } from './input-mask/input-mask.directive';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+/**
+ * Gerencia precionamento de enventos
+ * @author Starley Cazorla
+ */
+var DirectivesModule = /** @class */ (function () {
+    function DirectivesModule() {
+    }
+    DirectivesModule.forRoot = function () {
+        return {
+            ngModule: DirectivesModule,
+            providers: []
+        };
+    };
+    DirectivesModule.ɵfac = function DirectivesModule_Factory(t) { return new (t || DirectivesModule)(); };
+    DirectivesModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: DirectivesModule });
+    DirectivesModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule] });
+    return DirectivesModule;
+}());
+export { DirectivesModule };
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DirectivesModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    PressHoldDirective,
+                    TapDirective,
+                    IonInputMaskDirective
+                ],
+                imports: [
+                    CommonModule
+                ],
+                exports: [
+                    PressHoldDirective,
+                    TapDirective,
+                    IonInputMaskDirective
+                ],
+                schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DirectivesModule, { declarations: [PressHoldDirective,
+        TapDirective,
+        IonInputMaskDirective], imports: [CommonModule], exports: [PressHoldDirective,
+        TapDirective,
+        IonInputMaskDirective] }); })();
+//# sourceMappingURL=directive.module.js.map

package/dist/directive.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.module.js","sourceRoot":"","sources":["../src/directive.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAuB,QAAQ,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACxG,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;AAE/C;;;GAGG;AAEH;IAAA;KAwBE;IANS,wBAAO,GAAd;QACI,OAAO;YACH,QAAQ,EAAE,gBAAgB;YAC1B,SAAS,EAAE,EAAE;SAChB,CAAC;IACN,CAAC;oFANQ,gBAAgB;sEAAhB,gBAAgB;0EAVrB,YAAY;2BAlBpB;CAmCE,AAxBF,IAwBE;SAPW,gBAAgB;uFAAhB,gBAAgB;cAjB5B,QAAQ;eAAC;gBACN,YAAY,EAAE;oBACV,kBAAkB;oBAClB,YAAY;oBACZ,qBAAqB;iBACxB;gBACD,OAAO,EAAE;oBACL,YAAY;iBACf;gBACD,OAAO,EAAE;oBACL,kBAAkB;oBAClB,YAAY;oBACZ,qBAAqB;iBACxB;gBACD,OAAO,EAAE,CAAC,sBAAsB,EAAE,gBAAgB,CAAC;aAEtD;;wFACY,gBAAgB,mBAfrB,kBAAkB;QAClB,YAAY;QACZ,qBAAqB,aAGrB,YAAY,aAGZ,kBAAkB;QAClB,YAAY;QACZ,qBAAqB","sourcesContent":["import { CUSTOM_ELEMENTS_SCHEMA, ModuleWithProviders, NgModule, NO_ERRORS_SCHEMA } from '@angular/core';\nimport { PressHoldDirective } from './press-hold/press-hold.directive';\nimport { TapDirective } from './tap/tap.directive';\nimport { IonInputMaskDirective } from './input-mask/input-mask.directive';\nimport { CommonModule } from '@angular/common';\n\n/**\n * Gerencia precionamento de enventos\n * @author Starley Cazorla\n */\n\n@NgModule({\n    declarations: [\n        PressHoldDirective,\n        TapDirective,\n        IonInputMaskDirective\n    ],\n    imports: [\n        CommonModule\n    ],\n    exports: [\n        PressHoldDirective,\n        TapDirective,\n        IonInputMaskDirective\n    ],\n    schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA]\n\n})\nexport class DirectivesModule {\n    static forRoot(): ModuleWithProviders<DirectivesModule> {\n        return {\n            ngModule: DirectivesModule,\n            providers: []\n        };\n    }\n }\n"]}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './input-mask/input-mask.directive';
+export * from './press-hold/press-hold.directive';
+export * from './tap/tap.directive';
+export * from './directive.module';

package/dist/index.js

@@ -0,0 +1,5 @@
+export * from './input-mask/input-mask.directive';
+export * from './press-hold/press-hold.directive';
+export * from './tap/tap.directive';
+export * from './directive.module';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAA;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './input-mask/input-mask.directive'\nexport * from './press-hold/press-hold.directive';\nexport * from './tap/tap.directive'\nexport * from './directive.module';\n"]}

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

@@ -0,0 +1,24 @@
+import { NgModel } from "@angular/forms";
+import * as i0 from "@angular/core";
+/**
+ * Responsavel pelo mascaramento de inputs
+ * @author Thiago Przyczynski
+ * przyczynski@gmail.com
+ */
+export declare class IonInputMaskDirective {
+    model: NgModel;
+    pattern: string;
+    /**
+     * Construtor
+     * @param {NgModel} model
+     * @param {string} pattern
+     */
+    constructor(model: NgModel, pattern: string);
+    /**
+     * Listener para mudança de valor do input
+     * @param event
+     */
+    onKeyDown(event: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonInputMaskDirective, [null, { attribute: "appMask"; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IonInputMaskDirective, "[appMask]", never, {}, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,77 @@
+import { Attribute, Directive } from '@angular/core';
+import { NgModel } from "@angular/forms";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+/**
+ * Responsavel pelo mascaramento de inputs
+ * @author Thiago Przyczynski
+ * przyczynski@gmail.com
+ */
+var IonInputMaskDirective = /** @class */ (function () {
+    /**
+     * Construtor
+     * @param {NgModel} model
+     * @param {string} pattern
+     */
+    function IonInputMaskDirective(model, pattern) {
+        this.model = model;
+        this.pattern = pattern;
+    }
+    /**
+     * Listener para mudança de valor do input
+     * @param event
+     */
+    IonInputMaskDirective.prototype.onKeyDown = function (event) {
+        var value = event.target.value, pattern = this.pattern;
+        if (event.keyIdentifier === 'U+0008' || event.keyCode === 8 || event.key === 'Backspace') {
+            if (value.length) { //prevent fatal exception when backspacing empty value in progressive web app
+                //remove all trailing formatting then delete character
+                while (pattern[value.length] && pattern[value.length] !== '*') {
+                    value = value.substring(0, value.length - 1);
+                }
+                //remove all leading formatting to restore placeholder
+                if (pattern.substring(0, value.length).indexOf('*') < 0) {
+                    value = value.substring(0, value.length - 1);
+                }
+            }
+        }
+        else {
+            var maskIndex = value.length;
+            var formatted = '';
+            formatted += value;
+            if (maskIndex < pattern.length) {
+                //apply trailing formatting
+                while (pattern[maskIndex] !== '*') {
+                    formatted += pattern[maskIndex];
+                    maskIndex++;
+                }
+            }
+            value = formatted;
+        }
+        event.target.value = value;
+        if (this.model) {
+            this.model.update.emit(value);
+        }
+        return true;
+    };
+    IonInputMaskDirective.ɵfac = function IonInputMaskDirective_Factory(t) { return new (t || IonInputMaskDirective)(i0.ɵɵdirectiveInject(i1.NgModel), i0.ɵɵinjectAttribute('appMask')); };
+    IonInputMaskDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: IonInputMaskDirective, selectors: [["", "appMask", ""]], hostBindings: function IonInputMaskDirective_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown", function IonInputMaskDirective_keydown_HostBindingHandler($event) { return ctx.onKeyDown($event); });
+        } }, features: [i0.ɵɵProvidersFeature([NgModel])] });
+    return IonInputMaskDirective;
+}());
+export { IonInputMaskDirective };
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IonInputMaskDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[appMask]',
+                host: {
+                    '(keydown)': 'onKeyDown($event)'
+                },
+                providers: [NgModel]
+            }]
+    }], function () { return [{ type: i1.NgModel }, { type: undefined, decorators: [{
+                type: Attribute,
+                args: ['appMask']
+            }] }]; }, null); })();
+//# sourceMappingURL=input-mask.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-mask.directive.js","sourceRoot":"","sources":["../../src/input-mask/input-mask.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;;;AAEzC;;;;GAIG;AAEH;IAWI;;;;OAIG;IACH,+BAAmB,KAAc,EACP,OAAe;QADtB,UAAK,GAAL,KAAK,CAAS;QAE7B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IAC3B,CAAC;IAED;;;OAGG;IACH,yCAAS,GAAT,UAAU,KAAU;QAChB,IAAI,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAC1B,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC3B,IAAI,KAAK,CAAC,aAAa,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;YACtF,IAAI,KAAK,CAAC,MAAM,EAAE,EAAE,6EAA6E;gBAC7F,sDAAsD;gBACtD,OAAO,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE;oBAC3D,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;iBAChD;gBACD,sDAAsD;gBACtD,IAAI,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;oBACrD,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;iBAChD;aACJ;SACJ;aAAM;YACH,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;YAC7B,IAAI,SAAS,GAAG,EAAE,CAAC;YACnB,SAAS,IAAI,KAAK,CAAC;YACnB,IAAI,SAAS,GAAG,OAAO,CAAC,MAAM,EAAE;gBAC5B,2BAA2B;gBAC3B,OAAO,OAAO,CAAC,SAAS,CAAC,KAAK,GAAG,EAAE;oBAC/B,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC,CAAC;oBAChC,SAAS,EAAE,CAAC;iBACf;aACJ;YACD,KAAK,GAAG,SAAS,CAAC;SACrB;QACD,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;QAC3B,IAAI,IAAI,CAAC,KAAK,EAAE;YACZ,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACjC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;8FAlDQ,qBAAqB,yDAUf,SAAS;4EAVf,qBAAqB;gHAArB,qBAAiB;8CAFf,CAAC,OAAO,CAAC;gCAdxB;CAoEC,AA3DD,IA2DC;SApDY,qBAAqB;uFAArB,qBAAqB;cAPjC,SAAS;eAAC;gBACP,QAAQ,EAAE,WAAW;gBACrB,IAAI,EAAE;oBACF,WAAW,EAAE,mBAAmB;iBACnC;gBACD,SAAS,EAAE,CAAC,OAAO,CAAC;aACvB;;sBAWQ,SAAS;uBAAC,SAAS","sourcesContent":["import { Attribute, Directive } from '@angular/core';\nimport { NgModel } from \"@angular/forms\";\n\n/**\n * Responsavel pelo mascaramento de inputs\n * @author Thiago Przyczynski\n * przyczynski@gmail.com\n */\n\n@Directive({\n    selector: '[appMask]',\n    host: {\n        '(keydown)': 'onKeyDown($event)'\n    },\n    providers: [NgModel]\n})\nexport class IonInputMaskDirective {\n\n    pattern: string;\n\n    /**\n     * Construtor\n     * @param {NgModel} model\n     * @param {string} pattern\n     */\n    constructor(public model: NgModel,\n        @Attribute('appMask') pattern: string) {\n        this.pattern = pattern;\n    }\n\n    /**\n     * Listener para mudança de valor do input\n     * @param event\n     */\n    onKeyDown(event: any) {\n        let value = event.target.value,\n            pattern = this.pattern;\n        if (event.keyIdentifier === 'U+0008' || event.keyCode === 8 || event.key === 'Backspace') {\n            if (value.length) { //prevent fatal exception when backspacing empty value in progressive web app\n                //remove all trailing formatting then delete character\n                while (pattern[value.length] && pattern[value.length] !== '*') {\n                    value = value.substring(0, value.length - 1);\n                }\n                //remove all leading formatting to restore placeholder\n                if (pattern.substring(0, value.length).indexOf('*') < 0) {\n                    value = value.substring(0, value.length - 1);\n                }\n            }\n        } else {\n            let maskIndex = value.length;\n            let formatted = '';\n            formatted += value;\n            if (maskIndex < pattern.length) {\n                //apply trailing formatting\n                while (pattern[maskIndex] !== '*') {\n                    formatted += pattern[maskIndex];\n                    maskIndex++;\n                }\n            }\n            value = formatted;\n        }\n        event.target.value = value;\n        if (this.model) {\n            this.model.update.emit(value);\n        }\n        return true;\n    }\n\n}"]}

package/dist/press-hold/press-hold.directive.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Gerencia pressHold
+ * @author Starley Cazorla
+ */
+export declare class PressHoldDirective implements OnInit {
+    press: EventEmitter<any>;
+    pressGesture: {
+        name: string;
+        enabled: boolean;
+        interval: number;
+    };
+    pressTimeout: any;
+    isPressing: boolean;
+    lastTap: number;
+    tapCount: number;
+    tapTimeout: any;
+    constructor();
+    ngOnInit(): void;
+    onPress(event: {
+        type: any;
+    }): void;
+    private handlePressing;
+    private resetTaps;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PressHoldDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PressHoldDirective, "[appPressHold]", never, {}, { "press": "press"; }, never, never, false, never>;
+}

package/dist/press-hold/press-hold.directive.js

@@ -0,0 +1,75 @@
+import { Directive, EventEmitter, HostListener, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Gerencia pressHold
+ * @author Starley Cazorla
+ */
+var PressHoldDirective = /** @class */ (function () {
+    function PressHoldDirective() {
+        this.press = new EventEmitter();
+        this.pressGesture = {
+            name: 'press',
+            enabled: false,
+            interval: 350
+        };
+        this.pressTimeout = null;
+        this.isPressing = false;
+        this.lastTap = 0;
+        this.tapCount = 0;
+        this.tapTimeout = null;
+    }
+    PressHoldDirective.prototype.ngOnInit = function () {
+        this.pressGesture.enabled = true;
+    };
+    PressHoldDirective.prototype.onPress = function (event) {
+        if (!this.pressGesture.enabled) {
+            return;
+        } // Press is not enabled, don't do anything.
+        this.handlePressing(event.type);
+    };
+    PressHoldDirective.prototype.handlePressing = function (type) {
+        var _this = this;
+        if (type == 'touchstart') {
+            this.pressTimeout = setTimeout(function () {
+                _this.isPressing = true;
+            }, this.pressGesture.interval); // Considered a press if it's longer than interval (default: 251).
+        }
+        else if (type == 'touchend') {
+            clearTimeout(this.pressTimeout);
+            if (this.isPressing) {
+                this.press.emit('end');
+                this.resetTaps(); // Just incase this gets passed as a tap event too.
+            }
+            // Clicks have a natural delay of 300ms, so we have to account for that, before resetting isPressing.
+            // Otherwise a tap event is emitted.
+            setTimeout(function () { return _this.isPressing = false; }, 50);
+        }
+    };
+    PressHoldDirective.prototype.resetTaps = function () {
+        clearTimeout(this.tapTimeout); // clear the old timeout
+        this.tapCount = 0;
+        this.tapTimeout = null;
+        this.lastTap = 0;
+    };
+    PressHoldDirective.ɵfac = function PressHoldDirective_Factory(t) { return new (t || PressHoldDirective)(); };
+    PressHoldDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PressHoldDirective, selectors: [["", "appPressHold", ""]], hostBindings: function PressHoldDirective_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("touchstart", function PressHoldDirective_touchstart_HostBindingHandler($event) { return ctx.onPress($event); })("touchend", function PressHoldDirective_touchend_HostBindingHandler($event) { return ctx.onPress($event); });
+        } }, outputs: { press: "press" } });
+    return PressHoldDirective;
+}());
+export { PressHoldDirective };
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PressHoldDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[appPressHold]'
+            }]
+    }], function () { return []; }, { press: [{
+            type: Output
+        }], onPress: [{
+            type: HostListener,
+            args: ['touchstart', ['$event']]
+        }, {
+            type: HostListener,
+            args: ['touchend', ['$event']]
+        }] }); })();
+//# sourceMappingURL=press-hold.directive.js.map

package/dist/press-hold/press-hold.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"press-hold.directive.js","sourceRoot":"","sources":["../../src/press-hold/press-hold.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAU,MAAM,EAAE,MAAM,eAAe,CAAC;;AAEtF;;;GAGG;AAEH;IAiBI;QAZU,UAAK,GAAG,IAAI,YAAY,EAAE,CAAC;QACrC,iBAAY,GAAG;YACX,IAAI,EAAE,OAAO;YACb,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,GAAG;SAChB,CAAC;QACF,iBAAY,GAAQ,IAAI,CAAC;QACzB,eAAU,GAAY,KAAK,CAAC;QAC5B,YAAO,GAAG,CAAC,CAAC;QACZ,aAAQ,GAAG,CAAC,CAAC;QACb,eAAU,GAAQ,IAAI,CAAC;IAEP,CAAC;IAEjB,qCAAQ,GAAR;QACI,IAAI,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;IACrC,CAAC;IAID,oCAAO,GAFP,UAEQ,KAAqB;QACzB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YAC5B,OAAO;SACV,CAAC,2CAA2C;QAC7C,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IAEO,2CAAc,GAAtB,UAAuB,IAAY;QAAnC,iBAeC;QAdG,IAAI,IAAI,IAAI,YAAY,EAAE;YACtB,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC;gBAC3B,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YAC3B,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,kEAAkE;SACrG;aAAM,IAAI,IAAI,IAAI,UAAU,EAAE;YAC3B,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAChC,IAAI,IAAI,CAAC,UAAU,EAAE;gBACjB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACvB,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,mDAAmD;aACxE;YACD,qGAAqG;YACrG,oCAAoC;YACpC,UAAU,CAAC,cAAM,OAAA,KAAI,CAAC,UAAU,GAAG,KAAK,EAAvB,CAAuB,EAAE,EAAE,CAAC,CAAC;SACjD;IACL,CAAC;IAEO,sCAAS,GAAjB;QACI,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,wBAAwB;QACvD,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;IACrB,CAAC;wFAnDQ,kBAAkB;yEAAlB,kBAAkB;mHAAlB,mBAAe,0FAAf,mBAAe;;6BAV5B;CA+DC,AAxDD,IAwDC;SArDY,kBAAkB;uFAAlB,kBAAkB;cAH9B,SAAS;eAAC;gBACP,QAAQ,EAAE,gBAAgB;aAC7B;sCAGa,KAAK;kBAAd,MAAM;YAoBP,OAAO;kBAFN,YAAY;mBAAC,YAAY,EAAE,CAAC,QAAQ,CAAC;;kBACrC,YAAY;mBAAC,UAAU,EAAE,CAAC,QAAQ,CAAC","sourcesContent":["import { Directive, EventEmitter, HostListener, OnInit, Output } from '@angular/core';\n\n/**\n * Gerencia pressHold\n * @author Starley Cazorla\n */\n\n@Directive({\n    selector: '[appPressHold]'\n})\nexport class PressHoldDirective implements OnInit {\n\n    @Output() press = new EventEmitter();\n    pressGesture = {\n        name: 'press',\n        enabled: false,\n        interval: 350\n    };\n    pressTimeout: any = null;\n    isPressing: boolean = false;\n    lastTap = 0;\n    tapCount = 0;\n    tapTimeout: any = null;\n\n    constructor() { }\n\n    ngOnInit(): void {\n        this.pressGesture.enabled = true;\n    }\n\n    @HostListener('touchstart', ['$event'])\n    @HostListener('touchend', ['$event'])\n    onPress(event: { type: any; }) {\n        if (!this.pressGesture.enabled) {\n            return;\n        } // Press is not enabled, don't do anything.\n        this.handlePressing(event.type);\n    }\n\n    private handlePressing(type: string) { // touchend or touchstart\n        if (type == 'touchstart') {\n            this.pressTimeout = setTimeout(() => {\n                this.isPressing = true;\n            }, this.pressGesture.interval); // Considered a press if it's longer than interval (default: 251).\n        } else if (type == 'touchend') {\n            clearTimeout(this.pressTimeout);\n            if (this.isPressing) {\n                this.press.emit('end');\n                this.resetTaps(); // Just incase this gets passed as a tap event too.\n            }\n            // Clicks have a natural delay of 300ms, so we have to account for that, before resetting isPressing.\n            // Otherwise a tap event is emitted.\n            setTimeout(() => this.isPressing = false, 50);\n        }\n    }\n\n    private resetTaps() {\n        clearTimeout(this.tapTimeout); // clear the old timeout\n        this.tapCount = 0;\n        this.tapTimeout = null;\n        this.lastTap = 0;\n    }\n\n}"]}

package/dist/tap/tap.directive.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Gerencia tap e doubleTap
+ * @author Starley Cazorla
+ */
+export declare class TapDirective implements OnInit {
+    tap: EventEmitter<any>;
+    doubleTap: EventEmitter<any>;
+    lastTap: number;
+    tapCount: number;
+    tapTimeout: any;
+    tapGesture: {
+        name: string;
+        enabled: boolean;
+        interval: number;
+    };
+    doubleTapGesture: {
+        name: string;
+        enabled: boolean;
+        interval: number;
+    };
+    constructor();
+    ngOnInit(): void;
+    handleTaps(e: {
+        timeStamp: number;
+    }): void;
+    private emitTaps;
+    private resetTaps;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TapDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TapDirective, "[appTap]", never, {}, { "tap": "tap"; "doubleTap": "doubleTap"; }, never, never, false, never>;
+}

package/dist/tap/tap.directive.js

@@ -0,0 +1,80 @@
+import { Directive, EventEmitter, HostListener, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Gerencia tap e doubleTap
+ * @author Starley Cazorla
+ */
+var TapDirective = /** @class */ (function () {
+    function TapDirective() {
+        this.tap = new EventEmitter();
+        this.doubleTap = new EventEmitter();
+        this.lastTap = 0;
+        this.tapCount = 0;
+        this.tapTimeout = null;
+        this.tapGesture = {
+            name: 'tap',
+            enabled: false,
+            interval: 250,
+        };
+        this.doubleTapGesture = {
+            name: 'doubleTap',
+            enabled: false,
+            interval: 300,
+        };
+    }
+    TapDirective.prototype.ngOnInit = function () {
+        this.tapGesture.enabled = true;
+        this.doubleTapGesture.enabled = true;
+    };
+    TapDirective.prototype.handleTaps = function (e) {
+        var _this = this;
+        var tapTimestamp = Math.floor(e.timeStamp);
+        var isDoubleTap = this.lastTap + this.tapGesture.interval > tapTimestamp;
+        if (!this.tapGesture.enabled && !this.doubleTapGesture.enabled) {
+            return this.resetTaps();
+        }
+        this.tapCount++;
+        if (isDoubleTap && this.doubleTapGesture.enabled) {
+            this.emitTaps();
+        }
+        else if (!isDoubleTap) {
+            this.tapTimeout = setTimeout(function () { return _this.emitTaps(); }, this.tapGesture.interval);
+        }
+        this.lastTap = tapTimestamp;
+    };
+    TapDirective.prototype.emitTaps = function () {
+        if (this.tapCount === 1 && this.tapGesture.enabled) {
+            this.tap.emit();
+        }
+        else if (this.tapCount === 2 && this.doubleTapGesture.enabled) {
+            this.doubleTap.emit();
+        }
+        this.resetTaps();
+    };
+    TapDirective.prototype.resetTaps = function () {
+        clearTimeout(this.tapTimeout); // clear the old timeout
+        this.tapCount = 0;
+        this.tapTimeout = null;
+        this.lastTap = 0;
+    };
+    TapDirective.ɵfac = function TapDirective_Factory(t) { return new (t || TapDirective)(); };
+    TapDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TapDirective, selectors: [["", "appTap", ""]], hostBindings: function TapDirective_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("click", function TapDirective_click_HostBindingHandler($event) { return ctx.handleTaps($event); });
+        } }, outputs: { tap: "tap", doubleTap: "doubleTap" } });
+    return TapDirective;
+}());
+export { TapDirective };
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TapDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[appTap]'
+            }]
+    }], function () { return []; }, { tap: [{
+            type: Output
+        }], doubleTap: [{
+            type: Output
+        }], handleTaps: [{
+            type: HostListener,
+            args: ['click', ['$event']]
+        }] }); })();
+//# sourceMappingURL=tap.directive.js.map

package/dist/tap/tap.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tap.directive.js","sourceRoot":"","sources":["../../src/tap/tap.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAU,MAAM,EAAE,MAAM,eAAe,CAAC;;AAEtF;;;GAGG;AAEH;IAqBI;QAhBU,QAAG,GAAG,IAAI,YAAY,EAAE,CAAC;QACzB,cAAS,GAAG,IAAI,YAAY,EAAE,CAAC;QACzC,YAAO,GAAG,CAAC,CAAC;QACZ,aAAQ,GAAG,CAAC,CAAC;QACb,eAAU,GAAQ,IAAI,CAAC;QACvB,eAAU,GAAG;YACT,IAAI,EAAE,KAAK;YACX,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,GAAG;SAChB,CAAC;QACF,qBAAgB,GAAG;YACf,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,GAAG;SAChB,CAAC;IAEc,CAAC;IAEjB,+BAAQ,GAAR;QACI,IAAI,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,IAAI,CAAC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;IACzC,CAAC;IAGD,iCAAU,GADV,UACW,CAAyB;QADpC,iBAcC;QAZG,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAC7C,IAAM,WAAW,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,GAAG,YAAY,CAAC;QAC3E,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE;YAC5D,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;SAC3B;QACD,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChB,IAAI,WAAW,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE;YAC9C,IAAI,CAAC,QAAQ,EAAE,CAAC;SACnB;aAAM,IAAI,CAAC,WAAW,EAAE;YACrB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,cAAM,OAAA,KAAI,CAAC,QAAQ,EAAE,EAAf,CAAe,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;SACjF;QACD,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC;IAChC,CAAC;IAEO,+BAAQ,GAAhB;QACI,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YAChD,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;SACnB;aAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE;YAC7D,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;SACzB;QACD,IAAI,CAAC,SAAS,EAAE,CAAC;IACrB,CAAC;IAEO,gCAAS,GAAjB;QACI,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,wBAAwB;QACvD,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;IACrB,CAAC;4EAvDQ,YAAY;mEAAZ,YAAY;mGAAZ,sBAAkB;;uBAV/B;CAmEC,AA5DD,IA4DC;SAzDY,YAAY;uFAAZ,YAAY;cAHxB,SAAS;eAAC;gBACP,QAAQ,EAAE,UAAU;aACvB;sCAGa,GAAG;kBAAZ,MAAM;YACG,SAAS;kBAAlB,MAAM;YAuBP,UAAU;kBADT,YAAY;mBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC","sourcesContent":["import { Directive, EventEmitter, HostListener, OnInit, Output } from '@angular/core';\n\n/**\n * Gerencia tap e doubleTap\n * @author Starley Cazorla\n */\n\n@Directive({\n    selector: '[appTap]'\n})\nexport class TapDirective implements OnInit {\n\n    @Output() tap = new EventEmitter();\n    @Output() doubleTap = new EventEmitter();\n    lastTap = 0;\n    tapCount = 0;\n    tapTimeout: any = null;\n    tapGesture = {\n        name: 'tap',\n        enabled: false,\n        interval: 250,\n    };\n    doubleTapGesture = {\n        name: 'doubleTap',\n        enabled: false,\n        interval: 300,\n    };\n\n    constructor() { }\n\n    ngOnInit(): void {\n        this.tapGesture.enabled = true;\n        this.doubleTapGesture.enabled = true;\n    }\n\n    @HostListener('click', ['$event'])\n    handleTaps(e: { timeStamp: number; }) {\n        const tapTimestamp = Math.floor(e.timeStamp);\n        const isDoubleTap = this.lastTap + this.tapGesture.interval > tapTimestamp;\n        if (!this.tapGesture.enabled && !this.doubleTapGesture.enabled) {\n            return this.resetTaps();\n        }\n        this.tapCount++;\n        if (isDoubleTap && this.doubleTapGesture.enabled) {\n            this.emitTaps();\n        } else if (!isDoubleTap) {\n            this.tapTimeout = setTimeout(() => this.emitTaps(), this.tapGesture.interval);\n        }\n        this.lastTap = tapTimestamp;\n    }\n\n    private emitTaps() {\n        if (this.tapCount === 1 && this.tapGesture.enabled) {\n            this.tap.emit();\n        } else if (this.tapCount === 2 && this.doubleTapGesture.enabled) {\n            this.doubleTap.emit();\n        }\n        this.resetTaps();\n    }\n\n    private resetTaps() {\n        clearTimeout(this.tapTimeout); // clear the old timeout\n        this.tapCount = 0;\n        this.tapTimeout = null;\n        this.lastTap = 0;\n    }\n\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@starley/ion-directives",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Directivas internas para ionic",
   "main": "./dist/index.js",
   "typings": "./dist/index.d.ts",
@@ -37,9 +37,11 @@
   },
   "homepage": "https://github.com/StarleyDev/ion-directives#readme",
   "devDependencies": {
-    "@angular/common": "^15.1.1",
-    "@angular/core": "^15.1.1",
-    "@angular/forms": "^15.1.1",
+    "@angular/common": "^15.1.2",
+    "@angular/compiler": "^15.1.2",
+    "@angular/compiler-cli": "^15.1.2",
+    "@angular/core": "^15.1.2",
+    "@angular/forms": "^15.1.2",
     "@types/node": "^18.11.18",
     "nodemon": "^2.0.20",
     "ts-node": "^10.9.1",