@starley/ion-directives 1.1.0

package/dist/cjs/directives/directive.module.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DirectivesModule = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+const common_1 = require("@angular/common");
+const press_hold_directive_1 = require("./press-hold/press-hold.directive");
+const tap_directive_1 = require("./tap/tap.directive");
+const input_mask_directive_1 = require("./input-mask/input-mask.directive");
+/**
+ * Gerencia precionamento de enventos
+ * @author Starley Cazorla
+ */
+let DirectivesModule = class DirectivesModule {
+};
+DirectivesModule = tslib_1.__decorate([
+    (0, core_1.NgModule)({
+        declarations: [
+            press_hold_directive_1.PressHoldDirective,
+            tap_directive_1.TapDirective,
+            input_mask_directive_1.IonInputMaskDirective
+        ],
+        imports: [
+            common_1.CommonModule
+        ],
+        exports: [
+            press_hold_directive_1.PressHoldDirective,
+            tap_directive_1.TapDirective,
+            input_mask_directive_1.IonInputMaskDirective
+        ]
+    })
+], DirectivesModule);
+exports.DirectivesModule = DirectivesModule;
+//# sourceMappingURL=directive.module.js.map

package/dist/cjs/directives/directive.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.module.js","sourceRoot":"","sources":["../../../src/directives/directive.module.ts"],"names":[],"mappings":";;;;AAAA,wCAAyC;AACzC,4CAA+C;AAC/C,4EAAuE;AACvE,uDAAmD;AACnD,4EAA0E;AAE1E;;;GAGG;AAkBI,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;CAAI,CAAA;AAApB,gBAAgB;IAhB5B,IAAA,eAAQ,EAAC;QACN,YAAY,EAAE;YACV,yCAAkB;YAClB,4BAAY;YACZ,4CAAqB;SACxB;QACD,OAAO,EAAE;YACL,qBAAY;SACf;QACD,OAAO,EAAE;YACL,yCAAkB;YAClB,4BAAY;YACZ,4CAAqB;SACxB;KAEJ,CAAC;GACW,gBAAgB,CAAI;AAApB,4CAAgB"}

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

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IonInputMaskDirective = void 0;
+const tslib_1 = require("tslib");
+/* eslint-disable @angular-eslint/no-host-metadata-property */
+/* eslint-disable @angular-eslint/directive-selector */
+const core_1 = require("@angular/core");
+const forms_1 = require("@angular/forms");
+/**
+ * Responsavel pelo mascaramento de inputs
+ */
+let IonInputMaskDirective = class IonInputMaskDirective {
+    /**
+     * Construtor
+     * @param {NgModel} model
+     * @param {string} pattern
+     */
+    constructor(model, pattern) {
+        this.model = model;
+        this.pattern = pattern;
+        console.log('Inicou inputMask');
+    }
+    /**
+     * Listener para mudança de valor do input
+     * @param event
+     */
+    onKeyDown(event) {
+        let 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 {
+            let maskIndex = value.length;
+            let 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 = tslib_1.__decorate([
+    (0, core_1.Directive)({
+        selector: '[mask]',
+        host: {
+            '(keydown)': 'onKeyDown($event)'
+        },
+        providers: [forms_1.NgModel]
+    }),
+    tslib_1.__param(1, (0, core_1.Attribute)('mask'))
+], IonInputMaskDirective);
+exports.IonInputMaskDirective = IonInputMaskDirective;
+//# sourceMappingURL=input-mask.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-mask.directive.js","sourceRoot":"","sources":["../../../../src/directives/input-mask/input-mask.directive.ts"],"names":[],"mappings":";;;;AAAA,8DAA8D;AAC9D,uDAAuD;AACvD,wCAAqD;AACrD,0CAAyC;AAEzC;;GAEG;AAQI,IAAM,qBAAqB,GAA3B,MAAM,qBAAqB;IAI9B;;;;OAIG;IACH,YAAmB,KAAc,EACV,OAAe;QADnB,UAAK,GAAL,KAAK,CAAS;QAE7B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IACpC,CAAC;IAED;;;OAGG;IACH,SAAS,CAAC,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;CAEJ,CAAA;AAtDY,qBAAqB;IAPjC,IAAA,gBAAS,EAAC;QACP,QAAQ,EAAE,QAAQ;QAClB,IAAI,EAAE;YACF,WAAW,EAAE,mBAAmB;SACnC;QACD,SAAS,EAAE,CAAC,eAAO,CAAC;KACvB,CAAC;IAWO,mBAAA,IAAA,gBAAS,EAAC,MAAM,CAAC,CAAA;GAVb,qBAAqB,CAsDjC;AAtDY,sDAAqB"}

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

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PressHoldDirective = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+/**
+ * Gerencia pressHold
+ * @author Starley Cazorla
+ */
+let PressHoldDirective = class PressHoldDirective {
+    constructor() {
+        this.press = new core_1.EventEmitter();
+        this.pressGesture = {
+            name: 'press',
+            enabled: false,
+            interval: 350
+        };
+        this.pressTimeout = null;
+        this.isPressing = false;
+        this.lastTap = 0;
+        this.tapCount = 0;
+        this.tapTimeout = null;
+        console.log('Inicou appPressHold');
+    }
+    ngOnInit() {
+        this.pressGesture.enabled = true;
+    }
+    onPress(event) {
+        if (!this.pressGesture.enabled) {
+            return;
+        } // Press is not enabled, don't do anything.
+        this.handlePressing(event.type);
+    }
+    handlePressing(type) {
+        if (type == 'touchstart') {
+            this.pressTimeout = setTimeout(() => {
+                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(() => this.isPressing = false, 50);
+        }
+    }
+    resetTaps() {
+        clearTimeout(this.tapTimeout); // clear the old timeout
+        this.tapCount = 0;
+        this.tapTimeout = null;
+        this.lastTap = 0;
+    }
+};
+tslib_1.__decorate([
+    (0, core_1.Output)()
+], PressHoldDirective.prototype, "press", void 0);
+tslib_1.__decorate([
+    (0, core_1.HostListener)('touchstart', ['$event']),
+    (0, core_1.HostListener)('touchend', ['$event'])
+], PressHoldDirective.prototype, "onPress", null);
+PressHoldDirective = tslib_1.__decorate([
+    (0, core_1.Directive)({
+        selector: '[appPressHold]'
+    })
+], PressHoldDirective);
+exports.PressHoldDirective = PressHoldDirective;
+//# sourceMappingURL=press-hold.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"press-hold.directive.js","sourceRoot":"","sources":["../../../../src/directives/press-hold/press-hold.directive.ts"],"names":[],"mappings":";;;;AAAA,wCAAsF;AAEtF;;;GAGG;AAKI,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IAc3B;QAZU,UAAK,GAAG,IAAI,mBAAY,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;QAGnB,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;IACtC,CAAC;IAEF,QAAQ;QACJ,IAAI,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;IACrC,CAAC;IAID,OAAO,CAAC,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,cAAc,CAAC,IAAY;QAC/B,IAAI,IAAI,IAAI,YAAY,EAAE;YACtB,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;gBAChC,IAAI,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,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC;SACjD;IACL,CAAC;IAEO,SAAS;QACb,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;CAEJ,CAAA;AArDa;IAAT,IAAA,aAAM,GAAE;iDAA4B;AAsBrC;IAFC,IAAA,mBAAY,EAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,CAAC;IACtC,IAAA,mBAAY,EAAC,UAAU,EAAE,CAAC,QAAQ,CAAC,CAAC;iDAMpC;AA7BQ,kBAAkB;IAH9B,IAAA,gBAAS,EAAC;QACP,QAAQ,EAAE,gBAAgB;KAC7B,CAAC;GACW,kBAAkB,CAuD9B;AAvDY,gDAAkB"}

package/dist/cjs/directives/tap/tap.directive.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TapDirective = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+/**
+ * Gerencia tap e doubleTap
+ * @author Starley Cazorla
+ */
+let TapDirective = class TapDirective {
+    constructor() {
+        this.tap = new core_1.EventEmitter();
+        this.doubleTap = new core_1.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,
+        };
+        console.log('Inicou appTap');
+    }
+    ngOnInit() {
+        this.tapGesture.enabled = true;
+        this.doubleTapGesture.enabled = true;
+    }
+    handleTaps(e) {
+        const tapTimestamp = Math.floor(e.timeStamp);
+        const 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(() => this.emitTaps(), this.tapGesture.interval);
+        }
+        this.lastTap = tapTimestamp;
+    }
+    emitTaps() {
+        if (this.tapCount === 1 && this.tapGesture.enabled) {
+            this.tap.emit();
+        }
+        else if (this.tapCount === 2 && this.doubleTapGesture.enabled) {
+            this.doubleTap.emit();
+        }
+        this.resetTaps();
+    }
+    resetTaps() {
+        clearTimeout(this.tapTimeout); // clear the old timeout
+        this.tapCount = 0;
+        this.tapTimeout = null;
+        this.lastTap = 0;
+    }
+};
+tslib_1.__decorate([
+    (0, core_1.Output)()
+], TapDirective.prototype, "tap", void 0);
+tslib_1.__decorate([
+    (0, core_1.Output)()
+], TapDirective.prototype, "doubleTap", void 0);
+tslib_1.__decorate([
+    (0, core_1.HostListener)('click', ['$event'])
+], TapDirective.prototype, "handleTaps", null);
+TapDirective = tslib_1.__decorate([
+    (0, core_1.Directive)({
+        selector: '[appTap]'
+    })
+], TapDirective);
+exports.TapDirective = TapDirective;
+//# sourceMappingURL=tap.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tap.directive.js","sourceRoot":"","sources":["../../../../src/directives/tap/tap.directive.ts"],"names":[],"mappings":";;;;AAAA,wCAAsF;AAEtF;;;GAGG;AAKI,IAAM,YAAY,GAAlB,MAAM,YAAY;IAkBrB;QAhBU,QAAG,GAAG,IAAI,mBAAY,EAAE,CAAC;QACzB,cAAS,GAAG,IAAI,mBAAY,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;QAGE,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACjC,CAAC;IAED,QAAQ;QACJ,IAAI,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,IAAI,CAAC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;IACzC,CAAC;IAGD,UAAU,CAAC,CAAyB;QAChC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAC7C,MAAM,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,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;SACjF;QACD,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC;IAChC,CAAC;IAEO,QAAQ;QACZ,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,SAAS;QACb,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;CAEJ,CAAA;AAzDa;IAAT,IAAA,aAAM,GAAE;yCAA0B;AACzB;IAAT,IAAA,aAAM,GAAE;+CAAgC;AAyBzC;IADC,IAAA,mBAAY,EAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC;8CAcjC;AAzCQ,YAAY;IAHxB,IAAA,gBAAS,EAAC;QACP,QAAQ,EAAE,UAAU;KACvB,CAAC;GACW,YAAY,CA2DxB;AA3DY,oCAAY"}

package/dist/cjs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./directives/directive.module"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,wEAA8C"}

package/dist/directives/directive.module.js

@@ -0,0 +1,31 @@
+import { __decorate } from "tslib";
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PressHoldDirective } from './press-hold/press-hold.directive';
+import { TapDirective } from './tap/tap.directive';
+import { IonInputMaskDirective } from './input-mask/input-mask.directive';
+/**
+ * Gerencia precionamento de enventos
+ * @author Starley Cazorla
+ */
+let DirectivesModule = class DirectivesModule {
+};
+DirectivesModule = __decorate([
+    NgModule({
+        declarations: [
+            PressHoldDirective,
+            TapDirective,
+            IonInputMaskDirective
+        ],
+        imports: [
+            CommonModule
+        ],
+        exports: [
+            PressHoldDirective,
+            TapDirective,
+            IonInputMaskDirective
+        ]
+    })
+], DirectivesModule);
+export { DirectivesModule };
+//# sourceMappingURL=directive.module.js.map

package/dist/directives/directive.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.module.js","sourceRoot":"","sources":["../../src/directives/directive.module.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE1E;;;GAGG;AAkBI,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;CAAI,CAAA;AAApB,gBAAgB;IAhB5B,QAAQ,CAAC;QACN,YAAY,EAAE;YACV,kBAAkB;YAClB,YAAY;YACZ,qBAAqB;SACxB;QACD,OAAO,EAAE;YACL,YAAY;SACf;QACD,OAAO,EAAE;YACL,kBAAkB;YAClB,YAAY;YACZ,qBAAqB;SACxB;KAEJ,CAAC;GACW,gBAAgB,CAAI;SAApB,gBAAgB"}

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

@@ -0,0 +1,69 @@
+import { __decorate, __param } from "tslib";
+/* eslint-disable @angular-eslint/no-host-metadata-property */
+/* eslint-disable @angular-eslint/directive-selector */
+import { Attribute, Directive } from '@angular/core';
+import { NgModel } from "@angular/forms";
+/**
+ * Responsavel pelo mascaramento de inputs
+ */
+let IonInputMaskDirective = class IonInputMaskDirective {
+    /**
+     * Construtor
+     * @param {NgModel} model
+     * @param {string} pattern
+     */
+    constructor(model, pattern) {
+        this.model = model;
+        this.pattern = pattern;
+        console.log('Inicou inputMask');
+    }
+    /**
+     * Listener para mudança de valor do input
+     * @param event
+     */
+    onKeyDown(event) {
+        let 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 {
+            let maskIndex = value.length;
+            let 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 = __decorate([
+    Directive({
+        selector: '[mask]',
+        host: {
+            '(keydown)': 'onKeyDown($event)'
+        },
+        providers: [NgModel]
+    }),
+    __param(1, Attribute('mask'))
+], IonInputMaskDirective);
+export { IonInputMaskDirective };
+//# sourceMappingURL=input-mask.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-mask.directive.js","sourceRoot":"","sources":["../../../src/directives/input-mask/input-mask.directive.ts"],"names":[],"mappings":";AAAA,8DAA8D;AAC9D,uDAAuD;AACvD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC;;GAEG;AAQI,IAAM,qBAAqB,GAA3B,MAAM,qBAAqB;IAI9B;;;;OAIG;IACH,YAAmB,KAAc,EACV,OAAe;QADnB,UAAK,GAAL,KAAK,CAAS;QAE7B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IACpC,CAAC;IAED;;;OAGG;IACH,SAAS,CAAC,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;CAEJ,CAAA;AAtDY,qBAAqB;IAPjC,SAAS,CAAC;QACP,QAAQ,EAAE,QAAQ;QAClB,IAAI,EAAE;YACF,WAAW,EAAE,mBAAmB;SACnC;QACD,SAAS,EAAE,CAAC,OAAO,CAAC;KACvB,CAAC;IAWO,WAAA,SAAS,CAAC,MAAM,CAAC,CAAA;GAVb,qBAAqB,CAsDjC;SAtDY,qBAAqB"}

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

@@ -0,0 +1,68 @@
+import { __decorate } from "tslib";
+import { Directive, EventEmitter, HostListener, Output } from '@angular/core';
+/**
+ * Gerencia pressHold
+ * @author Starley Cazorla
+ */
+let PressHoldDirective = class PressHoldDirective {
+    constructor() {
+        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;
+        console.log('Inicou appPressHold');
+    }
+    ngOnInit() {
+        this.pressGesture.enabled = true;
+    }
+    onPress(event) {
+        if (!this.pressGesture.enabled) {
+            return;
+        } // Press is not enabled, don't do anything.
+        this.handlePressing(event.type);
+    }
+    handlePressing(type) {
+        if (type == 'touchstart') {
+            this.pressTimeout = setTimeout(() => {
+                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(() => this.isPressing = false, 50);
+        }
+    }
+    resetTaps() {
+        clearTimeout(this.tapTimeout); // clear the old timeout
+        this.tapCount = 0;
+        this.tapTimeout = null;
+        this.lastTap = 0;
+    }
+};
+__decorate([
+    Output()
+], PressHoldDirective.prototype, "press", void 0);
+__decorate([
+    HostListener('touchstart', ['$event']),
+    HostListener('touchend', ['$event'])
+], PressHoldDirective.prototype, "onPress", null);
+PressHoldDirective = __decorate([
+    Directive({
+        selector: '[appPressHold]'
+    })
+], PressHoldDirective);
+export { PressHoldDirective };
+//# sourceMappingURL=press-hold.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"press-hold.directive.js","sourceRoot":"","sources":["../../../src/directives/press-hold/press-hold.directive.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAU,MAAM,EAAE,MAAM,eAAe,CAAC;AAEtF;;;GAGG;AAKI,IAAM,kBAAkB,GAAxB,MAAM,kBAAkB;IAc3B;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;QAGnB,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;IACtC,CAAC;IAEF,QAAQ;QACJ,IAAI,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;IACrC,CAAC;IAID,OAAO,CAAC,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,cAAc,CAAC,IAAY;QAC/B,IAAI,IAAI,IAAI,YAAY,EAAE;YACtB,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;gBAChC,IAAI,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,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC;SACjD;IACL,CAAC;IAEO,SAAS;QACb,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;CAEJ,CAAA;AArDa;IAAT,MAAM,EAAE;iDAA4B;AAsBrC;IAFC,YAAY,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,CAAC;IACtC,YAAY,CAAC,UAAU,EAAE,CAAC,QAAQ,CAAC,CAAC;iDAMpC;AA7BQ,kBAAkB;IAH9B,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;KAC7B,CAAC;GACW,kBAAkB,CAuD9B;SAvDY,kBAAkB"}

package/dist/directives/tap/tap.directive.js

@@ -0,0 +1,76 @@
+import { __decorate } from "tslib";
+import { Directive, EventEmitter, HostListener, Output } from '@angular/core';
+/**
+ * Gerencia tap e doubleTap
+ * @author Starley Cazorla
+ */
+let TapDirective = class TapDirective {
+    constructor() {
+        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,
+        };
+        console.log('Inicou appTap');
+    }
+    ngOnInit() {
+        this.tapGesture.enabled = true;
+        this.doubleTapGesture.enabled = true;
+    }
+    handleTaps(e) {
+        const tapTimestamp = Math.floor(e.timeStamp);
+        const 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(() => this.emitTaps(), this.tapGesture.interval);
+        }
+        this.lastTap = tapTimestamp;
+    }
+    emitTaps() {
+        if (this.tapCount === 1 && this.tapGesture.enabled) {
+            this.tap.emit();
+        }
+        else if (this.tapCount === 2 && this.doubleTapGesture.enabled) {
+            this.doubleTap.emit();
+        }
+        this.resetTaps();
+    }
+    resetTaps() {
+        clearTimeout(this.tapTimeout); // clear the old timeout
+        this.tapCount = 0;
+        this.tapTimeout = null;
+        this.lastTap = 0;
+    }
+};
+__decorate([
+    Output()
+], TapDirective.prototype, "tap", void 0);
+__decorate([
+    Output()
+], TapDirective.prototype, "doubleTap", void 0);
+__decorate([
+    HostListener('click', ['$event'])
+], TapDirective.prototype, "handleTaps", null);
+TapDirective = __decorate([
+    Directive({
+        selector: '[appTap]'
+    })
+], TapDirective);
+export { TapDirective };
+//# sourceMappingURL=tap.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tap.directive.js","sourceRoot":"","sources":["../../../src/directives/tap/tap.directive.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAU,MAAM,EAAE,MAAM,eAAe,CAAC;AAEtF;;;GAGG;AAKI,IAAM,YAAY,GAAlB,MAAM,YAAY;IAkBrB;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;QAGE,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACjC,CAAC;IAED,QAAQ;QACJ,IAAI,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,IAAI,CAAC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;IACzC,CAAC;IAGD,UAAU,CAAC,CAAyB;QAChC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAC7C,MAAM,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,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;SACjF;QACD,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC;IAChC,CAAC;IAEO,QAAQ;QACZ,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,SAAS;QACb,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;CAEJ,CAAA;AAzDa;IAAT,MAAM,EAAE;yCAA0B;AACzB;IAAT,MAAM,EAAE;+CAAgC;AAyBzC;IADC,YAAY,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC;8CAcjC;AAzCQ,YAAY;IAHxB,SAAS,CAAC;QACP,QAAQ,EAAE,UAAU;KACvB,CAAC;GACW,YAAY,CA2DxB;SA3DY,YAAY"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from './directives/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,+BAA+B,CAAC"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@starley/ion-directives",
+  "version": "1.1.0",
+  "description": "Directivas internas para ionic",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "rm -rf dist/ && npm run build:esm && npm run build:cjs",
+    "build:esm": "tsc",
+    "build:cjs": "tsc --module CommonJS --outDir dist/cjs"
+  },
+  "peerDependencies": {
+    "@angular/common": "^15.1.1 || ^11.2.4 || ~10.0.0",
+    "@angular/core": "^15.1.1 || ^11.2.4 || ~10.0.0",
+    "@angular/forms": "^15.1.1 || ^11.2.4 || ~10.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/StarleyDev/ion-directives.git"
+  },
+  "keywords": [
+    "ionic",
+    "mask",
+    "mascara",
+    "input",
+    "presshold",
+    "tap",
+    "doubletap"
+  ],
+  "author": "Starley Cazorla",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/StarleyDev/ion-directives/issues"
+  },
+  "homepage": "https://github.com/StarleyDev/ion-directives#readme",
+  "devDependencies": {
+    "@angular/common": "^15.1.1",
+    "@angular/core": "^15.1.1",
+    "@angular/forms": "^15.1.1",
+    "@types/node": "^18.11.18",
+    "nodemon": "^2.0.20",
+    "ts-node": "^10.9.1",
+    "typescript": "^4.9.4"
+  },
+  "dependencies": {
+    "tslib": "^2.4.1"
+  }
+}

package/src/directives/directive.module.ts

@@ -0,0 +1,28 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PressHoldDirective } from './press-hold/press-hold.directive';
+import { TapDirective } from './tap/tap.directive';
+import { IonInputMaskDirective } from './input-mask/input-mask.directive';
+
+/**
+ * Gerencia precionamento de enventos
+ * @author Starley Cazorla
+ */
+
+@NgModule({
+    declarations: [
+        PressHoldDirective,
+        TapDirective,
+        IonInputMaskDirective
+    ],
+    imports: [
+        CommonModule
+    ],
+    exports: [
+        PressHoldDirective,
+        TapDirective,
+        IonInputMaskDirective
+    ]
+
+})
+export class DirectivesModule { }

package/src/directives/input-mask/input-mask.directive.ts

@@ -0,0 +1,70 @@
+/* eslint-disable @angular-eslint/no-host-metadata-property */
+/* eslint-disable @angular-eslint/directive-selector */
+import { Attribute, Directive } from '@angular/core';
+import { NgModel } from "@angular/forms";
+
+/**
+ * Responsavel pelo mascaramento de inputs
+ */
+@Directive({
+    selector: '[mask]',
+    host: {
+        '(keydown)': 'onKeyDown($event)'
+    },
+    providers: [NgModel]
+})
+export class IonInputMaskDirective {
+
+    pattern: string;
+
+    /**
+     * Construtor
+     * @param {NgModel} model
+     * @param {string} pattern
+     */
+    constructor(public model: NgModel,
+        @Attribute('mask') pattern: string) {
+        this.pattern = pattern;
+
+        console.log('Inicou inputMask');
+    }
+
+    /**
+     * Listener para mudança de valor do input
+     * @param event
+     */
+    onKeyDown(event: any) {
+        let 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 {
+            let maskIndex = value.length;
+            let 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;
+    }
+
+}

package/src/directives/press-hold/press-hold.directive.ts

@@ -0,0 +1,66 @@
+import { Directive, EventEmitter, HostListener, OnInit, Output } from '@angular/core';
+
+/**
+ * Gerencia pressHold
+ * @author Starley Cazorla
+ */
+
+@Directive({
+    selector: '[appPressHold]'
+})
+export class PressHoldDirective implements OnInit {
+
+    @Output() press = new EventEmitter();
+    pressGesture = {
+        name: 'press',
+        enabled: false,
+        interval: 350
+    };
+    pressTimeout: any = null;
+    isPressing: boolean = false;
+    lastTap = 0;
+    tapCount = 0;
+    tapTimeout: any = null;
+
+    constructor() {
+        console.log('Inicou appPressHold');
+     }
+
+    ngOnInit(): void {
+        this.pressGesture.enabled = true;
+    }
+
+    @HostListener('touchstart', ['$event'])
+    @HostListener('touchend', ['$event'])
+    onPress(event: { type: any; }) {
+        if (!this.pressGesture.enabled) {
+            return;
+        } // Press is not enabled, don't do anything.
+        this.handlePressing(event.type);
+    }
+
+    private handlePressing(type: string) { // touchend or touchstart
+        if (type == 'touchstart') {
+            this.pressTimeout = setTimeout(() => {
+                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(() => this.isPressing = false, 50);
+        }
+    }
+
+    private resetTaps() {
+        clearTimeout(this.tapTimeout); // clear the old timeout
+        this.tapCount = 0;
+        this.tapTimeout = null;
+        this.lastTap = 0;
+    }
+
+}

package/src/directives/tap/tap.directive.ts

@@ -0,0 +1,70 @@
+import { Directive, EventEmitter, HostListener, OnInit, Output } from '@angular/core';
+
+/**
+ * Gerencia tap e doubleTap
+ * @author Starley Cazorla
+ */
+
+@Directive({
+    selector: '[appTap]'
+})
+export class TapDirective implements OnInit {
+
+    @Output() tap = new EventEmitter();
+    @Output() doubleTap = new EventEmitter();
+    lastTap = 0;
+    tapCount = 0;
+    tapTimeout: any = null;
+    tapGesture = {
+        name: 'tap',
+        enabled: false,
+        interval: 250,
+    };
+    doubleTapGesture = {
+        name: 'doubleTap',
+        enabled: false,
+        interval: 300,
+    };
+
+    constructor() {
+        console.log('Inicou appTap');
+    }
+
+    ngOnInit(): void {
+        this.tapGesture.enabled = true;
+        this.doubleTapGesture.enabled = true;
+    }
+
+    @HostListener('click', ['$event'])
+    handleTaps(e: { timeStamp: number; }) {
+        const tapTimestamp = Math.floor(e.timeStamp);
+        const 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(() => this.emitTaps(), this.tapGesture.interval);
+        }
+        this.lastTap = tapTimestamp;
+    }
+
+    private emitTaps() {
+        if (this.tapCount === 1 && this.tapGesture.enabled) {
+            this.tap.emit();
+        } else if (this.tapCount === 2 && this.doubleTapGesture.enabled) {
+            this.doubleTap.emit();
+        }
+        this.resetTaps();
+    }
+
+    private resetTaps() {
+        clearTimeout(this.tapTimeout); // clear the old timeout
+        this.tapCount = 0;
+        this.tapTimeout = null;
+        this.lastTap = 0;
+    }
+
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from './directives/directive.module';

package/tsconfig.json

@@ -0,0 +1,30 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist",
+    "forceConsistentCasingInFileNames": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "sourceMap": true,
+    "declaration": false,
+    "downlevelIteration": true,
+    "experimentalDecorators": true,
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "target": "es2015",
+    "module": "es2020",
+    "lib": [
+      "es2018",
+      "dom"
+    ],
+    "useDefineForClassFields": false
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "**/*.test.ts"]
+}

package/tslint.json

@@ -0,0 +1,17 @@
+{
+  "extends": "../../../tslint.json",
+  "rules": {
+    "directive-selector": [
+      true,
+      "attribute",
+      "lib",
+      "camelCase"
+    ],
+    "component-selector": [
+      true,
+      "element",
+      "lib",
+      "kebab-case"
+    ]
+  }
+}