npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@flubs/ionic4-phone-spinner

v1.1.1

Published

[![npm](https://img.shields.io/npm/l/@flubs/ionic4-phone-spinner.svg)](https://www.npmjs.com/package/@flubs/ionic4-phone-spinner/) [![npm](https://img.shields.io/npm/dt/@flubs/ionic4-phone-spinner.svg)](https://www.npmjs.com/package/@flubs/ionic4-phone-sp

Downloads

2

Readme

ionic4-phone-spinner

npm npm npm

Index

About

This is a bad phone number picker for Angular 2+ and Ionic 4+.

Setup

Install

Install

npm i ionic4-phone-spinner --save

Import

Import within your module

import {NgModule} from '@angular/core';
import {IonicModule} from '@ionic/angular';

import {Ionic4PhoneSpinnerModule} from '@flubs/ionic4-phone-spinner';

@NgModule({
  ...
  imports: [
    ...
    IonicModule,
    Ionic4PhoneSpinnerModule,
    ...
  ]
})
export class MyBadAppModule {}

Documentation

Attributes

  • [number] - The phone number
  • [options] - Customize the lock options (see below)
  • (change) - Emitted when the phone number changes

Options

  • buttons - List of features to apply to the control buttons (see below)
  • locks - List of features to apply to the lock button (see below)
  • shuffleMilliseconds - Number of milliseconds to wait between digit changes
  • shufflesPerClick - Number of times to change unlocked digits
  • unlocks - List of features to apply to the unlock button (see below)
Button Options
  • ALLOW_RANDOM_COLORS - Adds additional random colors to buttons.
  • ALLOW_RANDOM_ICONS - Adds additional random icons to buttons.
  • CHANGE_AFTER_UNLOCK_ALL - Change button styles after unlock all.
  • CHANGE_AFTER_LOCK - Change button styles after locking a digit.
  • CHANGE_AFTER_RESTART - Change button styles after restart.
  • CHANGE_AFTER_SHUFFLE - Change button styles after shuffle.
  • CHANGE_AFTER_UNLOCK - Change button styles after unlocking a digit.
  • CHANGE_CONTINUOUSLY - Change button styles constantly and at random.
  • UPDATE_COLOR - When updating button style change the color.
  • UPDATE_FILL - When updating button style change the fill.
  • UPDATE_ICON - When updating button style change the icon.
  • UPDATE_POSITION - When updating button style change the position.
  • UPDATE_SIZE - When updating button style change the size.
  • UPDATE_TEXT - When updating button style change the text.
Lock Options
  • DIFFERENT - The incorrect digit locks/unlocks on click.
  • IGNORE - Lock/Unlock button sometimes ignores clicks
  • LIAR - Sometimes the lock/unlock is not actually unlocked/locked.
  • ORDER - The locks must be locked in order (left to right).
  • REVERT - Locks/unlocks randomly change state.
  • REVERSE - The locks must be locked in reverse order (right to left).
  • SHUFFLE - Lock toggles after each shuffle.

Issues

You're welcome! Are bugs not features? You can submit a pull request or report an issue.

Demo

Run

Go to demo directory Run npm install to get the required packages Run ionic serve to run the demo

Contributing

Thanks