@starley/ion-directives 1.1.21 → 1.2.0

package/package.json

@@ -1,12 +1,16 @@
 {
   "name": "@starley/ion-directives",
-  "version": "1.1.21",
+  "version": "1.2.0",
   "description": "Directivas internas para ionic",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "main": "./dist/index.js",
+  "typings": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "build": "tsc",
-    "dev": "nodemon --watch \"src//\" --exec \"ts-node src/index.ts\" -e ts"
+    "ngc": "ngc",
+    "build": "rm -rf dist && npm run ngc",
+    "publishPackage": "npm run build && npm publish"
   },
   "peerDependencies": {
     "@angular/common": "^15.1.1 || ^11.2.4 || ~10.0.0",

package/gitignore

@@ -1,3 +0,0 @@
-dist/
-node_modules/
-package-lock.json

package/index.ts

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

package/lib/directive.module.d.ts

@@ -1,6 +0,0 @@
-/**
- * Gerencia precionamento de enventos
- * @author Starley Cazorla
- */
-export declare class DirectivesModule {
-}

package/lib/directive.module.js

@@ -1,42 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DirectivesModule = void 0;
-var core_1 = require("@angular/core");
-var press_hold_directive_1 = require("./press-hold/press-hold.directive");
-var tap_directive_1 = require("./tap/tap.directive");
-var input_mask_directive_1 = require("./input-mask/input-mask.directive");
-var common_1 = require("@angular/common");
-/**
- * Gerencia precionamento de enventos
- * @author Starley Cazorla
- */
-var DirectivesModule = /** @class */ (function () {
-    function DirectivesModule() {
-    }
-    DirectivesModule = __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
-            ],
-            schemas: [core_1.CUSTOM_ELEMENTS_SCHEMA, core_1.NO_ERRORS_SCHEMA]
-        })
-    ], DirectivesModule);
-    return DirectivesModule;
-}());
-exports.DirectivesModule = DirectivesModule;

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

@@ -1,19 +0,0 @@
-import { NgModel } from "@angular/forms";
-/**
- * Responsavel pelo mascaramento de inputs
- */
-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;
-}

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

@@ -1,78 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IonInputMaskDirective = void 0;
-var core_1 = require("@angular/core");
-var forms_1 = require("@angular/forms");
-/**
- * Responsavel pelo mascaramento de inputs
- */
-var IonInputMaskDirective = /** @class */ (function () {
-    /**
-     * Construtor
-     * @param {NgModel} model
-     * @param {string} pattern
-     */
-    function IonInputMaskDirective(model, pattern) {
-        this.model = model;
-        this.pattern = pattern;
-        console.log('Inicou inputMask');
-    }
-    /**
-     * 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 = __decorate([
-        (0, core_1.Directive)({
-            selector: '[appMask]',
-            host: {
-                '(keydown)': 'onKeyDown($event)'
-            },
-            providers: [forms_1.NgModel]
-        }),
-        __param(1, (0, core_1.Attribute)('appMask'))
-    ], IonInputMaskDirective);
-    return IonInputMaskDirective;
-}());
-exports.IonInputMaskDirective = IonInputMaskDirective;

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

@@ -1,25 +0,0 @@
-import { EventEmitter, OnInit } 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;
-}

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

@@ -1,77 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PressHoldDirective = void 0;
-var core_1 = require("@angular/core");
-/**
- * Gerencia pressHold
- * @author Starley Cazorla
- */
-var PressHoldDirective = /** @class */ (function () {
-    function PressHoldDirective() {
-        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');
-    }
-    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;
-    };
-    __decorate([
-        (0, core_1.Output)()
-    ], PressHoldDirective.prototype, "press", void 0);
-    __decorate([
-        (0, core_1.HostListener)('touchstart', ['$event']),
-        (0, core_1.HostListener)('touchend', ['$event'])
-    ], PressHoldDirective.prototype, "onPress", null);
-    PressHoldDirective = __decorate([
-        (0, core_1.Directive)({
-            selector: '[appPressHold]'
-        })
-    ], PressHoldDirective);
-    return PressHoldDirective;
-}());
-exports.PressHoldDirective = PressHoldDirective;

package/lib/tap/tap.directive.d.ts

@@ -1,29 +0,0 @@
-import { EventEmitter, OnInit } 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;
-}

package/lib/tap/tap.directive.js

@@ -1,85 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TapDirective = void 0;
-var core_1 = require("@angular/core");
-/**
- * Gerencia tap e doubleTap
- * @author Starley Cazorla
- */
-var TapDirective = /** @class */ (function () {
-    function TapDirective() {
-        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');
-    }
-    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;
-    };
-    __decorate([
-        (0, core_1.Output)()
-    ], TapDirective.prototype, "tap", void 0);
-    __decorate([
-        (0, core_1.Output)()
-    ], TapDirective.prototype, "doubleTap", void 0);
-    __decorate([
-        (0, core_1.HostListener)('click', ['$event'])
-    ], TapDirective.prototype, "handleTaps", null);
-    TapDirective = __decorate([
-        (0, core_1.Directive)({
-            selector: '[appTap]'
-        })
-    ], TapDirective);
-    return TapDirective;
-}());
-exports.TapDirective = TapDirective;

package/src/directive.module.ts

@@ -1,29 +0,0 @@
-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';
-
-/**
- * Gerencia precionamento de enventos
- * @author Starley Cazorla
- */
-
-@NgModule({
-    declarations: [
-        PressHoldDirective,
-        TapDirective,
-        IonInputMaskDirective
-    ],
-    imports: [
-        CommonModule
-    ],
-    exports: [
-        PressHoldDirective,
-        TapDirective,
-        IonInputMaskDirective
-    ],
-    schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA]
-
-})
-export class DirectivesModule { }

package/src/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('appMask') 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/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/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/tsconfig.json

@@ -1,12 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "module": "commonjs",
-    "experimentalDecorators": true,
-    "declaration": true,
-    "outDir": "./lib",
-    "strict": true
-  },
-  "include": ["src"],
-  "exclude": ["node_modules", "**/__tests__/*"]
-}

package/tslint.json

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