@starley/ion-directives 1.1.13 → 1.1.15

package/dist/index.js

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

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":";;;AAAA,gFAAqD;AACrD,gFAAsD;AACtD,kEAAuC;AACvC,iEAAuC"}

package/dist/src/directive.module.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DirectivesModule = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular/core");
+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: [],
+        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/src/directive.module.js.map

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

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

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IonInputMaskDirective = void 0;
+const tslib_1 = require("tslib");
+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: '[appMask]',
+        host: {
+            '(keydown)': 'onKeyDown($event)'
+        },
+        providers: [forms_1.NgModel]
+    }),
+    tslib_1.__param(1, (0, core_1.Attribute)('appMask'))
+], IonInputMaskDirective);
+exports.IonInputMaskDirective = IonInputMaskDirective;
+//# sourceMappingURL=input-mask.directive.js.map

package/dist/src/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,wCAAqD;AACrD,0CAAyC;AAEzC;;GAEG;AAQI,IAAM,qBAAqB,GAA3B,MAAM,qBAAqB;IAI9B;;;;OAIG;IACH,YAAmB,KAAc,EACP,OAAe;QADtB,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,WAAW;QACrB,IAAI,EAAE;YACF,WAAW,EAAE,mBAAmB;SACnC;QACD,SAAS,EAAE,CAAC,eAAO,CAAC;KACvB,CAAC;IAWO,mBAAA,IAAA,gBAAS,EAAC,SAAS,CAAC,CAAA;GAVhB,qBAAqB,CAsDjC;AAtDY,sDAAqB"}

package/dist/src/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/src/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,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/src/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/src/tap/tap.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tap.directive.js","sourceRoot":"","sources":["../../../src/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@starley/ion-directives",
-  "version": "1.1.13",
+  "version": "1.1.15",
   "description": "Directivas internas para ionic",
   "main": "dist/index.js",
   "module": "dist/index.d.ts",
@@ -8,7 +8,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsc --declaration",
+    "build": "tsc --module CommonJS",
     "dev": "nodemon --watch \"scr//\" --exec \"ts-node dist/index.js\" -e ts"
   },
   "peerDependencies": {