@starley/ion-directives 1.1.6 → 1.1.10

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@starley/ion-directives",
-  "version": "1.1.6",
+  "version": "1.1.10",
   "description": "Directivas internas para ionic",
   "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "module": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsc --declaration",
     "dev": "nodemon --watch \"scr//\" --exec \"ts-node dist/index.js\" -e ts"

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

@@ -1,68 +0,0 @@
-import { Attribute, Directive } from '@angular/core';
-import { NgModel } from "@angular/forms";
-
-/**
- * Responsavel pelo mascaramento de inputs
- */
-@Directive({
-    selector: '[appMask]',
-    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/input-mask/input-mask.module.ts

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { IonInputMaskDirective } from './input-mask.directive';
-
-@NgModule({
-  declarations: [IonInputMaskDirective],
-  imports: [
-  ],
-  exports: [IonInputMaskDirective]
-})
-export class IonInputMaskDirectiveModule { }

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

@@ -1,66 +0,0 @@
-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/press-hold/press-hold.module.ts

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { PressHoldDirective } from './press-hold.directive';
-
-@NgModule({
-  declarations: [PressHoldDirective],
-  imports: [
-  ],
-  exports: [PressHoldDirective]
-})
-export class PressHoldDirectiveModule { }

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

@@ -1,70 +0,0 @@
-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/directives/tap/tap.module.ts

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { TapDirective } from './tap.directive';
-
-@NgModule({
-    declarations: [TapDirective],
-    imports: [
-    ],
-    exports: [TapDirective]
-})
-export class TapDirectiveModule { }

package/src/index.ts

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

package/tsconfig.json

@@ -1,29 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "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

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