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

@jchinc/ng-multiselect

v1.0.6

Published

Control de selección múltiple de elementos

Downloads

3

Readme

ng-multiselect

Control HTML SELECT ampliado con características de búsqueda, etc...

Dependencias

  • Material-Icons
  • Lodash. En caso de que en la búsqueda se requiera omitir los acentos.

tsconfig.json

Archivo para configuración typescript durante el desarrollo. Intellisense, etc...

### tsconfig-esm2015.json
Configuración typescript para compilación EcmaScript 2015.

### compilerOptions.rootDir
Se utiliza para indicar el directorio base donde se considerarán los archivos indicados en "files".

### angularCompilerOptions.skipTemplateCodegen
Evita la creación de los archivos .ngfactory.js y .ngsummary.json

### angularCompilerOptions.flatModuleOutFile, angularCompilerOptions.flatModuleId
Archivo e ID para generar el archivo FESM2015 (archivo que integra todos los módulos en un único archivo)

ROLLUP

Agrupa los módulos, clases en un sólo archivo. Reconoce formato ES2015 y ES5. Los archivos ya deben venir en el formato deseado y rollup únicamente los agrupa.

### rollup external:[]
Se utiliza para evitar que las librerías externas utilizadas se intenten compilar como parte de la librería. Considerarlos tal cual, como externas.

### rollup globals
Se utiliza para compilación en UMD, para que las referencias las lea del objeto global (window).

Saber cúal archivo se utilizará para cada plataforma

"main": "./bundles/ng-message.umd.js",
"module": "./esm5/ng-message.js",
"es2015": "./esm2015/ng-message.js",
"typings": "./ng-message.d.ts",

Pasos

"clean": "rm -rf ./dist",
"build:inline": "mkdir tmp && cp -r *.ts ./tmp && node inlineAssets.js",
"build:esm2015": "ngc -p tsconfig-esm2015.json",
"build:fesm2015": "rollup -c rollup-esm2015.conf.js",
"build:esm5": "ngc -p tsconfig-esm5.json",
"build:fesm5": "rollup -c rollup-esm5.conf.js",
"build:umd": "rollup -c rollup-umd.conf.js",
"build:min": "uglifyjs ./dist/bundles/ng-message.umd.js -c -m -o ./dist/bundles/ng-message.umd.min.js",
"move:assets": "cp -r ./tmp/esm2015/*.d.ts ./tmp/esm2015/src ./tmp/esm2015/*.json ./package.json README.md ./dist && rm -rf ./tmp"