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

dm5-topic-list

v0.14.0

Published

A DeepaMehta 5 topic list as a composable GUI component

Downloads

18

Readme

DeepaMehta 5 Topic List

Example

<dm5-topic-list :topics="resultTopics" empty-text="No Match" @topic-click="myHandler">

Properties

| Property | Type | Required | Description | | -------- | ---- | -------- | ----------- | | topics | Array of dm5.Topic or dm5.RelatedTopic, may be empty | yes | Topics to render in the list | | emptyText | String | no, default: "No Data" | Text to display when topics array is empty |

Events

| Event | Description | Argument | | ----- | ----------- | -------- | | topic-click | When the user clicks a topic in the list | The clicked topic, as in the topics array. |

Version History

0.14 -- Nov 21, 2019

  • Improvements:
    • Add sort-mode component attribute to control sort mode (topic, type, assoc) from outside
    • Emit sort-change event when user changes the sort mode

0.13 -- Jul 22, 2019

  • Chore:
    • Adapt "assoc def" -> "comp def" wording in messages
    • Change license to AGPL-3.0

0.12 -- May 27, 2019

  • Improvements:
    • Render topic icons with configured color
  • Fixes:
    • Render HTML topic values (instead displaying source)
    • Add max-width to images embedded in HTML topic values

0.11 -- Apr 1, 2019

  • Emit icon-click event
  • Refactor component templates

0.10 -- Mar 2, 2019

  • Add topics prop validator

0.9 -- Jan 29, 2019

  • Change license to GPL-3.0-or-later

0.8 -- Dec 21, 2018

  • Fix sorting of number and boolean topic values

0.7 -- Nov 24, 2018

  • Fix: sort topics within groups

0.6 -- Nov 7, 2018

  • Improvement: new component attribute no-sort-menu allows hiding the sort menu
  • Fix: no endless recursion while calculating topic groups

0.5 -- Oct 21, 2018

  • Fix: render Font Awesome icons with font-smoothing

0.4 -- Oct 6, 2018

  • Feature: new component attribute marker-ids allows rendering certain topics as "marked"

0.3 -- Jul 31, 2018

  • Add GitLab CI/CD

0.2 -- Mar 25, 2018

  • Renders plain Topics as well (besides RelatedTopics)
  • New prop empty-text allows customization of the "No Data" text

0.1 -- Mar 22, 2018

  • Factored out as a standalone component from:
    https://github.com/jri/dm5-detail-panel

Jörg Richter
Nov 21, 2019