cff-version: 1.2.0
message: "If you use this software, please cite it as below."
type: software
title: CL-web-components
abstract: "CL-web-components provides a collection of Web Components used by Caltech Library across sites and projects.

The following are the components currently provided.

`footer-global`
: This component provides a standard footer with detailed information about the library

`footer-global-lite`
: This component provides a lighter weight version of the `footer-global` component

`ul-a-to-z`
: This component takes an innerHTML containing a UL list. The UL list is then turned into an A to Z navigatable UL List. If JavaScript is unavailable then the innerHTML UL remains as a fallback.

`textarea-csv`
: This is a textarea like component who's innerHTML content is CSV data. The component will display this as an editable table. 

`textarea-agent-list`
: This element wraps a textarea containing a list of agents expressed as JSON. 

`table-sortable`
: This is a component that takes an innerHTML containing table. It makes the table sortable by the column headings and provides a filter input that lets you enter text to filter by and pick a column to filter on."
authors:
  - family-names: Doiel
    given-names: R. S.
    orcid: https://orcid.org/0000-0003-0900-6903
    email: rsdoiel@caltech.edu
  - family-names: Smith
    given-names: Twila
    orcid: https://orcid.org/0009-0003-7975-1922
    email: twila@caltech.edu

contacts:
  - family-names: Doiel
    given-names: R. S.
    orcid: https://orcid.org/0000-0003-0900-6903
    email: rsdoiel@caltech.edu

repository-code: "https://github.com/caltechlibrary/CL-web-components"
version: 0.0.15
date-released: 2025-08-07

license-url: "https://caltechlibrary.github.io/CL-web-components/LICENSE"
keywords:
  - HTML
  - CSS
  - JavaScript
  - ES6
  - Web Components

{
  "@context": "https://w3id.org/codemeta/3.0",
  "type": "SoftwareSourceCode",
  "codeRepository": "https://github.com/caltechlibrary/CL-web-components",
  "author": [
    {
      "id": "https://orcid.org/0000-0003-0900-6903",
      "type": "Person",
      "givenName": "R. S.",
      "familyName": "Doiel",
      "email": "rsdoiel@caltech.edu"
    },
    {
      "id": "https://orcid.org/0009-0003-7975-1922",
      "type": "Person",
      "givenName": "Twila",
      "familyName": "Smith",
      "email": "twila@caltech.edu"
    }
  ],
  "maintainer": [
    {
      "id": "https://orcid.org/0000-0003-0900-6903",
      "type": "Person",
      "givenName": "R. S.",
      "familyName": "Doiel",
      "email": "rsdoiel@caltech.edu"
    }
  ],
  "dateCreated": "2025-02-26",
  "dateModified": "2025-08-07",
  "datePublished": "2025-08-07",
  "description": "CL-web-components provides a collection of Web Components used by Caltech Library across sites and projects.\n\nThe following are the components currently provided.\n\n`footer-global`\n: This component provides a standard footer with detailed information about the library\n\n`footer-global-lite`\n: This component provides a lighter weight version of the `footer-global` component\n\n`ul-a-to-z`\n: This component takes an innerHTML containing a UL list. The UL list is then turned into an A to Z navigatable UL List. If JavaScript is unavailable then the innerHTML UL remains as a fallback.\n\n`textarea-csv`\n: This is a textarea like component who's innerHTML content is CSV data. The component will display this as an editable table. \n\n`textarea-agent-list`\n: This element wraps a textarea containing a list of agents expressed as JSON. \n\n`table-sortable`\n: This is a component that takes an innerHTML containing table. It makes the table sortable by the column headings and provides a filter input that lets you enter text to filter by and pick a column to filter on.",
  "funder": [
    "Caltech Library"
  ],
  "keywords": [
    "HTML",
    "CSS",
    "JavaScript",
    "ES6",
    "Web Components"
  ],
  "name": "CL-web-components",
  "license": "https://caltechlibrary.github.io/CL-web-components/LICENSE",
  "programmingLanguage": [
    "JavaScript",
    "HTML",
    "CSS"
  ],
  "relatedLink": [
    "https://github.com/caltechlibrary/csvtextarea",
    "https://github.com/caltechlibrary/a_to_z_ul"
  ],
  "runtimePlatform": "HTML5-compatible web browser",
  "softwareRequirements": [
    "Deno >= 2.4.3 (for bundling dependencies)"
  ],
  "softwareSuggestions": [
    "CMTools >= 0.0.40",
    "Pandoc >= 3.1",
    "PageFind >= 1.3"
  ],
  "version": "0.0.15",
  "developmentStatus": "wip",
  "issueTracker": "https://github.com/caltechlibrary/CL-web-components/issues",
  "downloadUrl": "https://github.com/caltechlibrary/CL-web-components/releases",
  "releaseNotes": "This release includes an improved `<footer-global>` component. This include better support for social media representation.\n\nA new CSS file was added, `css/code-blocks.css` and JavaScript modules, `copyToClipboard.js` for enhancing codeblocks.\n\nA publish_to_s3.bash script was added to make management more convient for where we retrieve our production assets.",
  "copyrightYear": 2025,
  "copyrightHolder": "California Institute of Technology"
}