@substrate-system/input 0.0.0

package/LICENSE

@@ -0,0 +1,121 @@
+# PolyForm Small Business License 1.0.0
+
+<https://polyformproject.org/licenses/small-business/1.0.0>
+
+## Acceptance
+
+In order to get any license under these terms, you must agree
+to them as both strict obligations and conditions to all
+your licenses.
+
+## Copyright License
+
+The licensor grants you a copyright license for the
+software to do everything you might do with the software
+that would otherwise infringe the licensor's copyright
+in it for any permitted purpose.  However, you may
+only distribute the software according to [Distribution
+License](#distribution-license) and make changes or new works
+based on the software according to [Changes and New Works
+License](#changes-and-new-works-license).
+
+## Distribution License
+
+The licensor grants you an additional copyright license
+to distribute copies of the software.  Your license
+to distribute covers distributing the software with
+changes and new works permitted by [Changes and New Works
+License](#changes-and-new-works-license).
+
+## Notices
+
+You must ensure that anyone who gets a copy of any part of
+the software from you also gets a copy of these terms or the
+URL for them above, as well as copies of any plain-text lines
+beginning with `Required Notice:` that the licensor provided
+with the software.  For example:
+
+> Required Notice: Copyright Nick Thomas (https://nichoth.com)
+
+## Changes and New Works License
+
+The licensor grants you an additional copyright license to
+make changes and new works based on the software for any
+permitted purpose.
+
+## Patent License
+
+The licensor grants you a patent license for the software that
+covers patent claims the licensor can license, or becomes able
+to license, that you would infringe by using the software.
+
+## Fair Use
+
+You may have "fair use" rights for the software under the
+law. These terms do not limit them.
+
+## Small Business
+
+Use of the software for the benefit of your company is use for
+a permitted purpose if your company has fewer than 100 total
+individuals working as employees and independent contractors,
+and less than 1,000,000 USD (2019) total revenue in the prior
+tax year.  Adjust this revenue threshold for inflation according
+to the United States Bureau of Labor Statistics' consumer price
+index for all urban consumers, U.S. city average, for all items,
+not seasonally adjusted, with 1982–1984=100 reference base.
+
+## No Other Rights
+
+These terms do not allow you to sublicense or transfer any of
+your licenses to anyone else, or prevent the licensor from
+granting licenses to anyone else.  These terms do not imply
+any other licenses.
+
+## Patent Defense
+
+If you make any written claim that the software infringes or
+contributes to infringement of any patent, your patent license
+for the software granted under these terms ends immediately. If
+your company makes such a claim, your patent license ends
+immediately for work on behalf of your company.
+
+## Violations
+
+The first time you are notified in writing that you have
+violated any of these terms, or done anything with the software
+not covered by your licenses, your licenses can nonetheless
+continue if you come into full compliance with these terms,
+and take practical steps to correct past violations, within
+32 days of receiving notice.  Otherwise, all your licenses
+end immediately.
+
+## No Liability
+
+***As far as the law allows, the software comes as is, without
+any warranty or condition, and the licensor will not be liable
+to you for any damages arising out of these terms or the use
+or nature of the software, under any kind of legal claim.***
+
+## Definitions
+
+The **licensor** is the individual or entity offering these
+terms, and the **software** is the software the licensor makes
+available under these terms.
+
+**You** refers to the individual or entity agreeing to these
+terms.
+
+**Your company** is any legal entity, sole proprietorship,
+or other kind of organization that you work for, plus all
+organizations that have control over, are under the control of,
+or are under common control with that organization.  **Control**
+means ownership of substantially all the assets of an entity,
+or the power to direct its management and policies by vote,
+contract, or otherwise.  Control can be direct or indirect.
+
+**Your licenses** are all the licenses granted to you for the
+software under these terms.
+
+**Use** means anything you do with the software requiring one
+of your licenses.

package/README.md

@@ -0,0 +1,47 @@
+# input
+![tests](https://github.com/substrate-system/input/actions/workflows/nodejs.yml/badge.svg)
+[![types](https://img.shields.io/npm/types/@substrate-system/input?style=flat-square)](README.md)
+[![module](https://img.shields.io/badge/module-ESM%2FCJS-blue?style=flat-square)](README.md)
+[![install size](https://packagephobia.com/badge?p=@substrate-system/input)](https://packagephobia.com/result?p=@substrate-system/input)
+<!-- [![GZip size](https://img.badgesize.io/https%3A%2F%2Fesm.sh%2F%40substrate-system%2Finput%2Fes2022%2Finput.mjs?style=flat-square&compression=gzip)](https://esm.sh/@substrate-system/input/es2022/input.mjs) -->
+[![dependencies](https://img.shields.io/badge/dependencies-zero-brightgreen.svg?style=flat-square)](package.json)
+[![semantic versioning](https://img.shields.io/badge/semver-2.0.0-blue?logo=semver&style=flat-square)](https://semver.org/)
+[![Common Changelog](https://nichoth.github.io/badge/common-changelog.svg)](./CHANGELOG.md)
+[![license](https://img.shields.io/badge/license-Polyform_Small_Business-249fbc?style=flat-square)](LICENSE)
+
+
+A parent web component to inherit from.
+
+[See a live demo](https://substrate-system.github.io/input/)
+
+<!-- toc -->
+
+## install
+
+```sh
+npm i -S @substrate-system/input
+```
+
+## API
+
+This exposes ESM and common JS via [package.json `exports` field](https://nodejs.org/api/packages.html#exports).
+
+### ESM
+```js
+import { Input } from '@substrate-system/input'
+```
+
+### Common JS
+```js
+const { Input } = require('@substrate-system/input')
+```
+
+-----------------
+
+## Use
+Inherit from this module. It has some methods for common event handling.
+
+### JS
+```js
+import { Input } from '@substrate-system/input'
+```

package/dist/index.cjs

@@ -0,0 +1,176 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+__export(index_exports, {
+  Input: () => Input
+});
+module.exports = __toCommonJS(index_exports);
+var import_debug = require("@substrate-system/debug");
+const debug = (0, import_debug.createDebug)();
+class Input extends HTMLElement {
+  static {
+    __name(this, "Input");
+  }
+  // Define the attributes to observe
+  // need this for `attributeChangedCallback`
+  static observedAttributes = ["autofocus", "disabled", "spinning"];
+  static tag;
+  static define() {
+    if (!("customElements" in window)) return;
+    if (customElements.get(this.tag)) return;
+    return customElements.define(this.tag, this);
+  }
+  constructor() {
+    super();
+    const disabled = this.getAttribute("disabled");
+    if (disabled !== null) {
+      setTimeout(() => {
+        this.disabled = true;
+      }, 0);
+    }
+    setTimeout(() => {
+      const attr = this.getAttribute("value");
+      if (attr) {
+        this.value = attr;
+      }
+    }, 0);
+  }
+  get input() {
+    return this.querySelector("input");
+  }
+  get tabindex() {
+    const i = this.input?.getAttribute("tabindex");
+    if (!i) return 0;
+    return parseInt(i);
+  }
+  /**
+   * Remove from `this` element and also child.
+   */
+  _removeAttribute(name) {
+    this.removeAttribute(name);
+    this.input?.removeAttribute(name);
+  }
+  get disabled() {
+    return !!this.input?.hasAttribute("disabled");
+  }
+  set disabled(disabledValue) {
+    if (!disabledValue) {
+      this._removeAttribute("disabled");
+      this.input?.setAttribute("aria-disabled", "false");
+    } else {
+      this.input?.setAttribute("disabled", "");
+      this.input?.setAttribute("aria-disabled", "true");
+    }
+  }
+  /**
+   * Handle 'example' attribute changes
+   * @see {@link https://gomakethings.com/how-to-detect-when-attributes-change-on-a-web-component/#organizing-your-code Go Make Things article}
+   *
+   * @param  {string} oldValue The old attribute value
+   * @param  {string} newValue The new attribute value
+   */
+  handleChange_disabled(oldValue, newValue) {
+    debug("changing disabled", oldValue, newValue);
+    if (!this.input) {
+      debug("not input");
+      setTimeout(() => {
+        if (newValue === null) {
+          this.disabled = false;
+        } else {
+          this.disabled = true;
+        }
+      }, 0);
+    } else {
+      debug("input");
+      if (newValue === null) {
+        debug("is null");
+        this.disabled = false;
+      } else {
+        this.disabled = true;
+      }
+    }
+  }
+  /**
+   * Runs when the value of an attribute is changed
+   *
+   * @param  {string} name     The attribute name
+   * @param  {string} oldValue The old attribute value
+   * @param  {string} newValue The new attribute value
+   */
+  attributeChangedCallback(name, oldValue, newValue) {
+    const handler = this[`handleChange_${name}`];
+    handler && handler.call(this, oldValue, newValue);
+    this.render();
+  }
+  connectedCallback() {
+    this.render();
+  }
+  get type() {
+    return this.input?.getAttribute("type");
+  }
+  set type(value) {
+    this._setAttribute("type", value);
+  }
+  get value() {
+    return this.input?.value;
+  }
+  set value(text) {
+    if (!text) this.input?.removeAttribute("value");
+    else {
+      this.input.value = text;
+    }
+  }
+  /**
+   * Set attributes on the internal input element.
+   */
+  _setAttribute(name, value) {
+    if (!value) {
+      return this._removeAttribute(name);
+    }
+    if (value === true) {
+      return this.input?.setAttribute(name, "");
+    }
+    this.input?.setAttribute(name, value);
+  }
+  render() {
+    const {
+      type,
+      autofocus,
+      tabindex,
+      disabled,
+      value
+    } = this;
+    const classes = ["substrate-input"];
+    const btn = !!(this.type === "submit" || this.type === "button");
+    const props = [
+      `class="${classes.filter(Boolean).join(" ")}"`,
+      disabled ? "disabled" : "",
+      autofocus ? "autofocus" : "",
+      type ? `type="${this.type}"` : "",
+      tabindex ? `tabindex="${tabindex}"` : 'tabindex="0"',
+      btn ? 'role="button"' : "",
+      value ? `value=${value}` : ""
+    ].filter(Boolean).join(" ");
+    this.innerHTML = `<input
+            ${props}
+        />`;
+  }
+}
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts"],
+  "sourcesContent": ["import { createDebug } from '@substrate-system/debug'\nconst debug = createDebug()\n\nexport abstract class Input extends HTMLElement {\n    // Define the attributes to observe\n    // need this for `attributeChangedCallback`\n    static observedAttributes = ['autofocus', 'disabled', 'spinning']\n    static tag:string\n\n    static define (this:((new (...args:any[]) => Input) & typeof Input)) {\n        if (!('customElements' in window)) return\n        if (customElements.get(this.tag)) return  // only define it once\n\n        return customElements.define(this.tag, this)\n    }\n\n    constructor () {\n        super()\n        const disabled = this.getAttribute('disabled')\n        if (disabled !== null) {\n            setTimeout(() => {\n                // need to wait for it to render\n                this.disabled = true\n            }, 0)\n        }\n\n        setTimeout(() => {\n            const attr = this.getAttribute('value')\n            if (attr) {\n                this.value = attr\n            }\n        }, 0)\n    }\n\n    get input ():HTMLInputElement|null {\n        return this.querySelector('input')\n    }\n\n    get tabindex ():number {\n        const i = this.input?.getAttribute('tabindex')\n        if (!i) return 0\n        return parseInt(i)\n    }\n\n    /**\n     * Remove from `this` element and also child.\n     */\n    _removeAttribute (name:string) {\n        this.removeAttribute(name)\n        this.input?.removeAttribute(name)\n    }\n\n    get disabled ():boolean {\n        return !!(this.input?.hasAttribute('disabled'))\n    }\n\n    set disabled (disabledValue:boolean) {\n        if (!disabledValue) {\n            this._removeAttribute('disabled')\n            this.input?.setAttribute('aria-disabled', 'false')\n        } else {\n            this.input?.setAttribute('disabled', '')\n            this.input?.setAttribute('aria-disabled', 'true')\n        }\n    }\n\n    /**\n     * Handle 'example' attribute changes\n     * @see {@link https://gomakethings.com/how-to-detect-when-attributes-change-on-a-web-component/#organizing-your-code Go Make Things article}\n     *\n     * @param  {string} oldValue The old attribute value\n     * @param  {string} newValue The new attribute value\n     */\n    handleChange_disabled (oldValue:string, newValue:string) {\n        debug('changing disabled', oldValue, newValue)\n        if (!this.input) {\n            debug('not input')\n            setTimeout(() => {\n                if (newValue === null) {\n                    // [example] was removed\n                    this.disabled = false\n                } else {\n                    // set [example] attribute\n                    this.disabled = true\n                }\n            }, 0)  // wait to render\n        } else {\n            debug('input')\n            if (newValue === null) {\n                debug('is null')\n                this.disabled = false\n            } else {\n                this.disabled = true\n            }\n        }\n    }\n\n    /**\n     * Runs when the value of an attribute is changed\n     *\n     * @param  {string} name     The attribute name\n     * @param  {string} oldValue The old attribute value\n     * @param  {string} newValue The new attribute value\n     */\n    attributeChangedCallback (name:string, oldValue:string, newValue:string) {\n        const handler = this[`handleChange_${name}`];\n        (handler && handler.call(this, oldValue, newValue))\n        this.render()\n    }\n\n    connectedCallback () {\n        this.render()\n    }\n\n    get type ():string|null|undefined {\n        return this.input?.getAttribute('type')\n    }\n\n    set type (value:string) {\n        this._setAttribute('type', value)\n    }\n\n    get value () {\n        return this.input?.value\n    }\n\n    set value (text:string|undefined|null) {\n        if (!text) this.input?.removeAttribute('value')\n        else {\n            this.input!.value = text\n        }\n    }\n\n    /**\n     * Set attributes on the internal input element.\n     */\n    _setAttribute (name:string, value:boolean|string|null):void {\n        if (!value) {\n            return this._removeAttribute(name)\n        }\n\n        if (value === true) {\n            // true means set the attribute with no value\n            return this.input?.setAttribute(name, '')\n        }\n\n        // else, set the value\n        this.input?.setAttribute(name, value)\n    }\n\n    render () {\n        const {\n            type,\n            autofocus,\n            tabindex,\n            disabled,\n            value\n        } = this\n\n        const classes:string[] = ['substrate-input']\n\n        const btn = !!(this.type === 'submit' || this.type === 'button')\n\n        const props = ([\n            `class=\"${classes.filter(Boolean).join(' ')}\"`,\n            disabled ? 'disabled' : '',\n            autofocus ? 'autofocus' : '',\n            type ? `type=\"${this.type}\"` : '',\n            tabindex ? `tabindex=\"${tabindex}\"` : 'tabindex=\"0\"',\n            btn ? 'role=\"button\"' : '',\n            value ? `value=${value}` : ''\n        ]).filter(Boolean).join(' ')\n\n        this.innerHTML = `<input\n            ${props}\n        />`\n    }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/index.css

@@ -0,0 +1,5 @@
+input {
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSw2RUFBNkU7QUFDakYiLCJmaWxlIjoic3JjL2luZGV4LmNzcyIsInNvdXJjZXNDb250ZW50IjpbImlucHV0IHtcbiAgICBmb250LWZhbWlseTogJ0dpbGwgU2FucycsICdHaWxsIFNhbnMgTVQnLCBDYWxpYnJpLCAnVHJlYnVjaGV0IE1TJywgc2Fucy1zZXJpZjtcbn1cbiJdfQ== */

package/dist/index.d.ts

@@ -0,0 +1,41 @@
+export declare abstract class Input extends HTMLElement {
+    static observedAttributes: string[];
+    static tag: string;
+    static define(this: ((new (...args: any[]) => Input) & typeof Input)): void;
+    constructor();
+    get input(): HTMLInputElement | null;
+    get tabindex(): number;
+    /**
+     * Remove from `this` element and also child.
+     */
+    _removeAttribute(name: string): void;
+    get disabled(): boolean;
+    set disabled(disabledValue: boolean);
+    /**
+     * Handle 'example' attribute changes
+     * @see {@link https://gomakethings.com/how-to-detect-when-attributes-change-on-a-web-component/#organizing-your-code Go Make Things article}
+     *
+     * @param  {string} oldValue The old attribute value
+     * @param  {string} newValue The new attribute value
+     */
+    handleChange_disabled(oldValue: string, newValue: string): void;
+    /**
+     * Runs when the value of an attribute is changed
+     *
+     * @param  {string} name     The attribute name
+     * @param  {string} oldValue The old attribute value
+     * @param  {string} newValue The new attribute value
+     */
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    connectedCallback(): void;
+    get type(): string | null | undefined;
+    set type(value: string);
+    get value(): string | undefined | null;
+    set value(text: string | undefined | null);
+    /**
+     * Set attributes on the internal input element.
+     */
+    _setAttribute(name: string, value: boolean | string | null): void;
+    render(): void;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,8BAAsB,KAAM,SAAQ,WAAW;IAG3C,MAAM,CAAC,kBAAkB,WAAwC;IACjE,MAAM,CAAC,GAAG,EAAC,MAAM,CAAA;IAEjB,MAAM,CAAC,MAAM,CAAE,IAAI,EAAC,CAAC,CAAC,KAAK,GAAG,IAAI,EAAC,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,OAAO,KAAK,CAAC;;IAyBnE,IAAI,KAAK,IAAI,gBAAgB,GAAC,IAAI,CAEjC;IAED,IAAI,QAAQ,IAAI,MAAM,CAIrB;IAED;;OAEG;IACH,gBAAgB,CAAE,IAAI,EAAC,MAAM;IAK7B,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAE,aAAa,EAAC,OAAO,EAQlC;IAED;;;;;;OAMG;IACH,qBAAqB,CAAE,QAAQ,EAAC,MAAM,EAAE,QAAQ,EAAC,MAAM;IAwBvD;;;;;;OAMG;IACH,wBAAwB,CAAE,IAAI,EAAC,MAAM,EAAE,QAAQ,EAAC,MAAM,EAAE,QAAQ,EAAC,MAAM;IAMvE,iBAAiB;IAIjB,IAAI,IAAI,IAAI,MAAM,GAAC,IAAI,GAAC,SAAS,CAEhC;IAED,IAAI,IAAI,CAAE,KAAK,EAAC,MAAM,EAErB;IAED,IAAI,KAAK,IAIO,MAAM,GAAC,SAAS,GAAC,IAAI,CAFpC;IAED,IAAI,KAAK,CAAE,IAAI,EAAC,MAAM,GAAC,SAAS,GAAC,IAAI,EAKpC;IAED;;OAEG;IACH,aAAa,CAAE,IAAI,EAAC,MAAM,EAAE,KAAK,EAAC,OAAO,GAAC,MAAM,GAAC,IAAI,GAAE,IAAI;IAc3D,MAAM;CA2BT"}

package/dist/index.js

@@ -0,0 +1,157 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { createDebug } from "@substrate-system/debug";
+const debug = createDebug();
+class Input extends HTMLElement {
+  static {
+    __name(this, "Input");
+  }
+  // Define the attributes to observe
+  // need this for `attributeChangedCallback`
+  static observedAttributes = ["autofocus", "disabled", "spinning"];
+  static tag;
+  static define() {
+    if (!("customElements" in window)) return;
+    if (customElements.get(this.tag)) return;
+    return customElements.define(this.tag, this);
+  }
+  constructor() {
+    super();
+    const disabled = this.getAttribute("disabled");
+    if (disabled !== null) {
+      setTimeout(() => {
+        this.disabled = true;
+      }, 0);
+    }
+    setTimeout(() => {
+      const attr = this.getAttribute("value");
+      if (attr) {
+        this.value = attr;
+      }
+    }, 0);
+  }
+  get input() {
+    return this.querySelector("input");
+  }
+  get tabindex() {
+    const i = this.input?.getAttribute("tabindex");
+    if (!i) return 0;
+    return parseInt(i);
+  }
+  /**
+   * Remove from `this` element and also child.
+   */
+  _removeAttribute(name) {
+    this.removeAttribute(name);
+    this.input?.removeAttribute(name);
+  }
+  get disabled() {
+    return !!this.input?.hasAttribute("disabled");
+  }
+  set disabled(disabledValue) {
+    if (!disabledValue) {
+      this._removeAttribute("disabled");
+      this.input?.setAttribute("aria-disabled", "false");
+    } else {
+      this.input?.setAttribute("disabled", "");
+      this.input?.setAttribute("aria-disabled", "true");
+    }
+  }
+  /**
+   * Handle 'example' attribute changes
+   * @see {@link https://gomakethings.com/how-to-detect-when-attributes-change-on-a-web-component/#organizing-your-code Go Make Things article}
+   *
+   * @param  {string} oldValue The old attribute value
+   * @param  {string} newValue The new attribute value
+   */
+  handleChange_disabled(oldValue, newValue) {
+    debug("changing disabled", oldValue, newValue);
+    if (!this.input) {
+      debug("not input");
+      setTimeout(() => {
+        if (newValue === null) {
+          this.disabled = false;
+        } else {
+          this.disabled = true;
+        }
+      }, 0);
+    } else {
+      debug("input");
+      if (newValue === null) {
+        debug("is null");
+        this.disabled = false;
+      } else {
+        this.disabled = true;
+      }
+    }
+  }
+  /**
+   * Runs when the value of an attribute is changed
+   *
+   * @param  {string} name     The attribute name
+   * @param  {string} oldValue The old attribute value
+   * @param  {string} newValue The new attribute value
+   */
+  attributeChangedCallback(name, oldValue, newValue) {
+    const handler = this[`handleChange_${name}`];
+    handler && handler.call(this, oldValue, newValue);
+    this.render();
+  }
+  connectedCallback() {
+    this.render();
+  }
+  get type() {
+    return this.input?.getAttribute("type");
+  }
+  set type(value) {
+    this._setAttribute("type", value);
+  }
+  get value() {
+    return this.input?.value;
+  }
+  set value(text) {
+    if (!text) this.input?.removeAttribute("value");
+    else {
+      this.input.value = text;
+    }
+  }
+  /**
+   * Set attributes on the internal input element.
+   */
+  _setAttribute(name, value) {
+    if (!value) {
+      return this._removeAttribute(name);
+    }
+    if (value === true) {
+      return this.input?.setAttribute(name, "");
+    }
+    this.input?.setAttribute(name, value);
+  }
+  render() {
+    const {
+      type,
+      autofocus,
+      tabindex,
+      disabled,
+      value
+    } = this;
+    const classes = ["substrate-input"];
+    const btn = !!(this.type === "submit" || this.type === "button");
+    const props = [
+      `class="${classes.filter(Boolean).join(" ")}"`,
+      disabled ? "disabled" : "",
+      autofocus ? "autofocus" : "",
+      type ? `type="${this.type}"` : "",
+      tabindex ? `tabindex="${tabindex}"` : 'tabindex="0"',
+      btn ? 'role="button"' : "",
+      value ? `value=${value}` : ""
+    ].filter(Boolean).join(" ");
+    this.innerHTML = `<input
+            ${props}
+        />`;
+  }
+}
+export {
+  Input
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts"],
+  "sourcesContent": ["import { createDebug } from '@substrate-system/debug'\nconst debug = createDebug()\n\nexport abstract class Input extends HTMLElement {\n    // Define the attributes to observe\n    // need this for `attributeChangedCallback`\n    static observedAttributes = ['autofocus', 'disabled', 'spinning']\n    static tag:string\n\n    static define (this:((new (...args:any[]) => Input) & typeof Input)) {\n        if (!('customElements' in window)) return\n        if (customElements.get(this.tag)) return  // only define it once\n\n        return customElements.define(this.tag, this)\n    }\n\n    constructor () {\n        super()\n        const disabled = this.getAttribute('disabled')\n        if (disabled !== null) {\n            setTimeout(() => {\n                // need to wait for it to render\n                this.disabled = true\n            }, 0)\n        }\n\n        setTimeout(() => {\n            const attr = this.getAttribute('value')\n            if (attr) {\n                this.value = attr\n            }\n        }, 0)\n    }\n\n    get input ():HTMLInputElement|null {\n        return this.querySelector('input')\n    }\n\n    get tabindex ():number {\n        const i = this.input?.getAttribute('tabindex')\n        if (!i) return 0\n        return parseInt(i)\n    }\n\n    /**\n     * Remove from `this` element and also child.\n     */\n    _removeAttribute (name:string) {\n        this.removeAttribute(name)\n        this.input?.removeAttribute(name)\n    }\n\n    get disabled ():boolean {\n        return !!(this.input?.hasAttribute('disabled'))\n    }\n\n    set disabled (disabledValue:boolean) {\n        if (!disabledValue) {\n            this._removeAttribute('disabled')\n            this.input?.setAttribute('aria-disabled', 'false')\n        } else {\n            this.input?.setAttribute('disabled', '')\n            this.input?.setAttribute('aria-disabled', 'true')\n        }\n    }\n\n    /**\n     * Handle 'example' attribute changes\n     * @see {@link https://gomakethings.com/how-to-detect-when-attributes-change-on-a-web-component/#organizing-your-code Go Make Things article}\n     *\n     * @param  {string} oldValue The old attribute value\n     * @param  {string} newValue The new attribute value\n     */\n    handleChange_disabled (oldValue:string, newValue:string) {\n        debug('changing disabled', oldValue, newValue)\n        if (!this.input) {\n            debug('not input')\n            setTimeout(() => {\n                if (newValue === null) {\n                    // [example] was removed\n                    this.disabled = false\n                } else {\n                    // set [example] attribute\n                    this.disabled = true\n                }\n            }, 0)  // wait to render\n        } else {\n            debug('input')\n            if (newValue === null) {\n                debug('is null')\n                this.disabled = false\n            } else {\n                this.disabled = true\n            }\n        }\n    }\n\n    /**\n     * Runs when the value of an attribute is changed\n     *\n     * @param  {string} name     The attribute name\n     * @param  {string} oldValue The old attribute value\n     * @param  {string} newValue The new attribute value\n     */\n    attributeChangedCallback (name:string, oldValue:string, newValue:string) {\n        const handler = this[`handleChange_${name}`];\n        (handler && handler.call(this, oldValue, newValue))\n        this.render()\n    }\n\n    connectedCallback () {\n        this.render()\n    }\n\n    get type ():string|null|undefined {\n        return this.input?.getAttribute('type')\n    }\n\n    set type (value:string) {\n        this._setAttribute('type', value)\n    }\n\n    get value () {\n        return this.input?.value\n    }\n\n    set value (text:string|undefined|null) {\n        if (!text) this.input?.removeAttribute('value')\n        else {\n            this.input!.value = text\n        }\n    }\n\n    /**\n     * Set attributes on the internal input element.\n     */\n    _setAttribute (name:string, value:boolean|string|null):void {\n        if (!value) {\n            return this._removeAttribute(name)\n        }\n\n        if (value === true) {\n            // true means set the attribute with no value\n            return this.input?.setAttribute(name, '')\n        }\n\n        // else, set the value\n        this.input?.setAttribute(name, value)\n    }\n\n    render () {\n        const {\n            type,\n            autofocus,\n            tabindex,\n            disabled,\n            value\n        } = this\n\n        const classes:string[] = ['substrate-input']\n\n        const btn = !!(this.type === 'submit' || this.type === 'button')\n\n        const props = ([\n            `class=\"${classes.filter(Boolean).join(' ')}\"`,\n            disabled ? 'disabled' : '',\n            autofocus ? 'autofocus' : '',\n            type ? `type=\"${this.type}\"` : '',\n            tabindex ? `tabindex=\"${tabindex}\"` : 'tabindex=\"0\"',\n            btn ? 'role=\"button\"' : '',\n            value ? `value=${value}` : ''\n        ]).filter(Boolean).join(' ')\n\n        this.innerHTML = `<input\n            ${props}\n        />`\n    }\n}\n"],
+  "mappings": ";;AAAA,SAAS,mBAAmB;AAC5B,MAAM,QAAQ,YAAY;AAEnB,MAAe,cAAc,YAAY;AAAA,EAHhD,OAGgD;AAAA;AAAA;AAAA;AAAA;AAAA,EAG5C,OAAO,qBAAqB,CAAC,aAAa,YAAY,UAAU;AAAA,EAChE,OAAO;AAAA,EAEP,OAAO,SAA8D;AACjE,QAAI,EAAE,oBAAoB,QAAS;AACnC,QAAI,eAAe,IAAI,KAAK,GAAG,EAAG;AAElC,WAAO,eAAe,OAAO,KAAK,KAAK,IAAI;AAAA,EAC/C;AAAA,EAEA,cAAe;AACX,UAAM;AACN,UAAM,WAAW,KAAK,aAAa,UAAU;AAC7C,QAAI,aAAa,MAAM;AACnB,iBAAW,MAAM;AAEb,aAAK,WAAW;AAAA,MACpB,GAAG,CAAC;AAAA,IACR;AAEA,eAAW,MAAM;AACb,YAAM,OAAO,KAAK,aAAa,OAAO;AACtC,UAAI,MAAM;AACN,aAAK,QAAQ;AAAA,MACjB;AAAA,IACJ,GAAG,CAAC;AAAA,EACR;AAAA,EAEA,IAAI,QAA+B;AAC/B,WAAO,KAAK,cAAc,OAAO;AAAA,EACrC;AAAA,EAEA,IAAI,WAAmB;AACnB,UAAM,IAAI,KAAK,OAAO,aAAa,UAAU;AAC7C,QAAI,CAAC,EAAG,QAAO;AACf,WAAO,SAAS,CAAC;AAAA,EACrB;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAkB,MAAa;AAC3B,SAAK,gBAAgB,IAAI;AACzB,SAAK,OAAO,gBAAgB,IAAI;AAAA,EACpC;AAAA,EAEA,IAAI,WAAoB;AACpB,WAAO,CAAC,CAAE,KAAK,OAAO,aAAa,UAAU;AAAA,EACjD;AAAA,EAEA,IAAI,SAAU,eAAuB;AACjC,QAAI,CAAC,eAAe;AAChB,WAAK,iBAAiB,UAAU;AAChC,WAAK,OAAO,aAAa,iBAAiB,OAAO;AAAA,IACrD,OAAO;AACH,WAAK,OAAO,aAAa,YAAY,EAAE;AACvC,WAAK,OAAO,aAAa,iBAAiB,MAAM;AAAA,IACpD;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,sBAAuB,UAAiB,UAAiB;AACrD,UAAM,qBAAqB,UAAU,QAAQ;AAC7C,QAAI,CAAC,KAAK,OAAO;AACb,YAAM,WAAW;AACjB,iBAAW,MAAM;AACb,YAAI,aAAa,MAAM;AAEnB,eAAK,WAAW;AAAA,QACpB,OAAO;AAEH,eAAK,WAAW;AAAA,QACpB;AAAA,MACJ,GAAG,CAAC;AAAA,IACR,OAAO;AACH,YAAM,OAAO;AACb,UAAI,aAAa,MAAM;AACnB,cAAM,SAAS;AACf,aAAK,WAAW;AAAA,MACpB,OAAO;AACH,aAAK,WAAW;AAAA,MACpB;AAAA,IACJ;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,yBAA0B,MAAa,UAAiB,UAAiB;AACrE,UAAM,UAAU,KAAK,gBAAgB,IAAI,EAAE;AAC3C,IAAC,WAAW,QAAQ,KAAK,MAAM,UAAU,QAAQ;AACjD,SAAK,OAAO;AAAA,EAChB;AAAA,EAEA,oBAAqB;AACjB,SAAK,OAAO;AAAA,EAChB;AAAA,EAEA,IAAI,OAA8B;AAC9B,WAAO,KAAK,OAAO,aAAa,MAAM;AAAA,EAC1C;AAAA,EAEA,IAAI,KAAM,OAAc;AACpB,SAAK,cAAc,QAAQ,KAAK;AAAA,EACpC;AAAA,EAEA,IAAI,QAAS;AACT,WAAO,KAAK,OAAO;AAAA,EACvB;AAAA,EAEA,IAAI,MAAO,MAA4B;AACnC,QAAI,CAAC,KAAM,MAAK,OAAO,gBAAgB,OAAO;AAAA,SACzC;AACD,WAAK,MAAO,QAAQ;AAAA,IACxB;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKA,cAAe,MAAa,OAAgC;AACxD,QAAI,CAAC,OAAO;AACR,aAAO,KAAK,iBAAiB,IAAI;AAAA,IACrC;AAEA,QAAI,UAAU,MAAM;AAEhB,aAAO,KAAK,OAAO,aAAa,MAAM,EAAE;AAAA,IAC5C;AAGA,SAAK,OAAO,aAAa,MAAM,KAAK;AAAA,EACxC;AAAA,EAEA,SAAU;AACN,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACJ,IAAI;AAEJ,UAAM,UAAmB,CAAC,iBAAiB;AAE3C,UAAM,MAAM,CAAC,EAAE,KAAK,SAAS,YAAY,KAAK,SAAS;AAEvD,UAAM,QAAS;AAAA,MACX,UAAU,QAAQ,OAAO,OAAO,EAAE,KAAK,GAAG,CAAC;AAAA,MAC3C,WAAW,aAAa;AAAA,MACxB,YAAY,cAAc;AAAA,MAC1B,OAAO,SAAS,KAAK,IAAI,MAAM;AAAA,MAC/B,WAAW,aAAa,QAAQ,MAAM;AAAA,MACtC,MAAM,kBAAkB;AAAA,MACxB,QAAQ,SAAS,KAAK,KAAK;AAAA,IAC/B,EAAG,OAAO,OAAO,EAAE,KAAK,GAAG;AAE3B,SAAK,YAAY;AAAA,cACX,KAAK;AAAA;AAAA,EAEf;AACJ;",
+  "names": []
+}

package/dist/index.min.css

@@ -0,0 +1,2 @@
+input{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFDSSxrRUFDSiIsImZpbGUiOiJzcmMvaW5kZXguY3NzIiwic291cmNlc0NvbnRlbnQiOlsiaW5wdXQge1xuICAgIGZvbnQtZmFtaWx5OiAnR2lsbCBTYW5zJywgJ0dpbGwgU2FucyBNVCcsIENhbGlicmksICdUcmVidWNoZXQgTVMnLCBzYW5zLXNlcmlmO1xufVxuIl19 */

package/dist/index.min.js

@@ -0,0 +1,4 @@
+var U=Object.create;var b=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var G=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var s=(e,t)=>b(e,"name",{value:t,configurable:!0});var L=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var V=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of k(t))!I.call(e,i)&&i!==r&&b(e,i,{get:()=>t[i],enumerable:!(n=$(t,i))||n.enumerable});return e};var R=(e,t,r)=>(r=e!=null?U(G(e)):{},V(t||!e||!e.__esModule?b(r,"default",{value:e,enumerable:!0}):r,e));var y=L((Y,m)=>{"use strict";var C=1e3,d=C*60,f=d*60,a=f*24,N=a*7,O=a*365.25;m.exports=function(e,t){t=t||{};var r=typeof e;if(r==="string"&&e.length>0)return j(e);if(r==="number"&&isFinite(e))return t.long?H(e):z(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function j(e){if(e=String(e),!(e.length>100)){var t=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(t){var r=parseFloat(t[1]),n=(t[2]||"ms").toLowerCase();switch(n){case"years":case"year":case"yrs":case"yr":case"y":return r*O;case"weeks":case"week":case"w":return r*N;case"days":case"day":case"d":return r*a;case"hours":case"hour":case"hrs":case"hr":case"h":return r*f;case"minutes":case"minute":case"mins":case"min":case"m":return r*d;case"seconds":case"second":case"secs":case"sec":case"s":return r*C;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return r;default:return}}}}s(j,"parse");function z(e){var t=Math.abs(e);return t>=a?Math.round(e/a)+"d":t>=f?Math.round(e/f)+"h":t>=d?Math.round(e/d)+"m":t>=C?Math.round(e/C)+"s":e+"ms"}s(z,"fmtShort");function H(e){var t=Math.abs(e);return t>=a?h(e,t,a,"day"):t>=f?h(e,t,f,"hour"):t>=d?h(e,t,d,"minute"):t>=C?h(e,t,C,"second"):e+" ms"}s(H,"fmtLong");function h(e,t,r,n){var i=t>=r*1.5;return Math.round(e/r)+" "+n+(i?"s":"")}s(h,"plural")});var D=R(y(),1);function A(e){return e instanceof Error?e.stack||e.message:String(e)}s(A,"coerce");function E(e,t){let r=0;for(let n=0;n<e.length;n++)r=(r<<5)-r+e.charCodeAt(n),r|=0;return t[Math.abs(r)%t.length]}s(E,"selectColor");function v(e){return e.split(/[\s,]+/).filter(Boolean).map(n=>n.replace(/\*/g,".*?")).map(n=>new RegExp("^"+n+"$"))}s(v,"createRegexFromEnvVar");function x(e=6){return Math.random().toString(20).substring(2,e)}s(x,"generateRandomString");var w=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"];var J=console.log||(()=>{});function P(e,t){return t&&(t.VITE_DEBUG==="*"||t.DEBUG==="*")?!0:e==="DEV"?!t||!t.VITE_DEBUG&&!t.DEBUG:!t||!t.VITE_DEBUG&&!t.DEBUG?!1:v(e).some(n=>n.test(t.VITE_DEBUG||t.DEBUG))}s(P,"isEnabled");function Z(){return{j:s(function(e){try{return JSON.stringify(e)}catch(t){return"[UnexpectedJSONParseError]: "+String(t)}},"j")}}s(Z,"createFormatters");function q(e,t,{prevTime:r,color:n},i){if(!P(e,i||import.meta.env))return;let u=Number(new Date),c=u-(r||u);r=u,t[0]=A(t[0]);let l=Z();typeof t[0]!="string"&&t.unshift("%O");let o=0;t[0]=t[0].replace(/%([a-zA-Z%])/g,(F,S)=>{if(F==="%%")return"%";o++;let p=l[S];if(typeof p=="function"){let T=t[o];F=p.call(self,T),t.splice(o,1),o--}return F});let B=Q({diff:c,color:n,useColors:K(),namespace:e},t);J(...B)}s(q,"logger");function K(){return typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)?!1:!!(typeof document<"u"&&document.documentElement&&document.documentElement.style&&document.documentElement.style.webkitAppearance||typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/))}s(K,"shouldUseColors");function Q({diff:e,color:t,namespace:r,useColors:n},i){if(i[0]=(n?"%c":"")+r+(n?" %c":" ")+i[0]+(n?"%c ":" ")+"+"+(0,D.default)(e),!n)return;let u="color: "+t;i.splice(1,0,u,"color: inherit");let c=0,l=0;return i[0].replace(/%[a-zA-Z%]/g,o=>{o!=="%%"&&(c++,o==="%c"&&(l=c))}),i.splice(l,0,u),i}s(Q,"formatArgs");function M(e,t){if(e===!1)return W;let r=Number(new Date),n=E(typeof e=="string"?e:x(10),w);return s(function(...u){return q(typeof e=="string"?e:"DEV",u,{prevTime:r,color:n},t)},"debug")}s(M,"createDebug");function W(){}s(W,"noop");var g=M(),_=class extends HTMLElement{static{s(this,"Input")}static observedAttributes=["autofocus","disabled","spinning"];static tag;static define(){if("customElements"in window&&!customElements.get(this.tag))return customElements.define(this.tag,this)}constructor(){super(),this.getAttribute("disabled")!==null&&setTimeout(()=>{this.disabled=!0},0),setTimeout(()=>{let r=this.getAttribute("value");r&&(this.value=r)},0)}get input(){return this.querySelector("input")}get tabindex(){let t=this.input?.getAttribute("tabindex");return t?parseInt(t):0}_removeAttribute(t){this.removeAttribute(t),this.input?.removeAttribute(t)}get disabled(){return!!this.input?.hasAttribute("disabled")}set disabled(t){t?(this.input?.setAttribute("disabled",""),this.input?.setAttribute("aria-disabled","true")):(this._removeAttribute("disabled"),this.input?.setAttribute("aria-disabled","false"))}handleChange_disabled(t,r){g("changing disabled",t,r),this.input?(g("input"),r===null?(g("is null"),this.disabled=!1):this.disabled=!0):(g("not input"),setTimeout(()=>{r===null?this.disabled=!1:this.disabled=!0},0))}attributeChangedCallback(t,r,n){let i=this[`handleChange_${t}`];i&&i.call(this,r,n),this.render()}connectedCallback(){this.render()}get type(){return this.input?.getAttribute("type")}set type(t){this._setAttribute("type",t)}get value(){return this.input?.value}set value(t){t?this.input.value=t:this.input?.removeAttribute("value")}_setAttribute(t,r){if(!r)return this._removeAttribute(t);if(r===!0)return this.input?.setAttribute(t,"");this.input?.setAttribute(t,r)}render(){let{type:t,autofocus:r,tabindex:n,disabled:i,value:u}=this,c=["substrate-input"],l=this.type==="submit"||this.type==="button",o=[`class="${c.filter(Boolean).join(" ")}"`,i?"disabled":"",r?"autofocus":"",t?`type="${this.type}"`:"",n?`tabindex="${n}"`:'tabindex="0"',l?'role="button"':"",u?`value=${u}`:""].filter(Boolean).join(" ");this.innerHTML=`<input
+            ${o}
+        />`}};export{_ as Input};
+//# sourceMappingURL=index.min.js.map

package/dist/index.min.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../node_modules/ms/index.js", "../node_modules/@substrate-system/debug/src/browser/index.ts", "../node_modules/@substrate-system/debug/src/common.ts", "../node_modules/@substrate-system/debug/src/browser/util.ts", "../src/index.ts"],
+  "sourcesContent": ["/**\n * Helpers.\n */\n\nvar s = 1000;\nvar m = s * 60;\nvar h = m * 60;\nvar d = h * 24;\nvar w = d * 7;\nvar y = d * 365.25;\n\n/**\n * Parse or format the given `val`.\n *\n * Options:\n *\n *  - `long` verbose formatting [false]\n *\n * @param {String|Number} val\n * @param {Object} [options]\n * @throws {Error} throw an error if val is not a non-empty string or a number\n * @return {String|Number}\n * @api public\n */\n\nmodule.exports = function (val, options) {\n  options = options || {};\n  var type = typeof val;\n  if (type === 'string' && val.length > 0) {\n    return parse(val);\n  } else if (type === 'number' && isFinite(val)) {\n    return options.long ? fmtLong(val) : fmtShort(val);\n  }\n  throw new Error(\n    'val is not a non-empty string or a valid number. val=' +\n      JSON.stringify(val)\n  );\n};\n\n/**\n * Parse the given `str` and return milliseconds.\n *\n * @param {String} str\n * @return {Number}\n * @api private\n */\n\nfunction parse(str) {\n  str = String(str);\n  if (str.length > 100) {\n    return;\n  }\n  var match = /^(-?(?:\\d+)?\\.?\\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(\n    str\n  );\n  if (!match) {\n    return;\n  }\n  var n = parseFloat(match[1]);\n  var type = (match[2] || 'ms').toLowerCase();\n  switch (type) {\n    case 'years':\n    case 'year':\n    case 'yrs':\n    case 'yr':\n    case 'y':\n      return n * y;\n    case 'weeks':\n    case 'week':\n    case 'w':\n      return n * w;\n    case 'days':\n    case 'day':\n    case 'd':\n      return n * d;\n    case 'hours':\n    case 'hour':\n    case 'hrs':\n    case 'hr':\n    case 'h':\n      return n * h;\n    case 'minutes':\n    case 'minute':\n    case 'mins':\n    case 'min':\n    case 'm':\n      return n * m;\n    case 'seconds':\n    case 'second':\n    case 'secs':\n    case 'sec':\n    case 's':\n      return n * s;\n    case 'milliseconds':\n    case 'millisecond':\n    case 'msecs':\n    case 'msec':\n    case 'ms':\n      return n;\n    default:\n      return undefined;\n  }\n}\n\n/**\n * Short format for `ms`.\n *\n * @param {Number} ms\n * @return {String}\n * @api private\n */\n\nfunction fmtShort(ms) {\n  var msAbs = Math.abs(ms);\n  if (msAbs >= d) {\n    return Math.round(ms / d) + 'd';\n  }\n  if (msAbs >= h) {\n    return Math.round(ms / h) + 'h';\n  }\n  if (msAbs >= m) {\n    return Math.round(ms / m) + 'm';\n  }\n  if (msAbs >= s) {\n    return Math.round(ms / s) + 's';\n  }\n  return ms + 'ms';\n}\n\n/**\n * Long format for `ms`.\n *\n * @param {Number} ms\n * @return {String}\n * @api private\n */\n\nfunction fmtLong(ms) {\n  var msAbs = Math.abs(ms);\n  if (msAbs >= d) {\n    return plural(ms, msAbs, d, 'day');\n  }\n  if (msAbs >= h) {\n    return plural(ms, msAbs, h, 'hour');\n  }\n  if (msAbs >= m) {\n    return plural(ms, msAbs, m, 'minute');\n  }\n  if (msAbs >= s) {\n    return plural(ms, msAbs, s, 'second');\n  }\n  return ms + ' ms';\n}\n\n/**\n * Pluralization helper.\n */\n\nfunction plural(ms, msAbs, n, name) {\n  var isPlural = msAbs >= n * 1.5;\n  return Math.round(ms / n) + ' ' + name + (isPlural ? 's' : '');\n}\n", null, null, null, "import { createDebug } from '@substrate-system/debug'\nconst debug = createDebug()\n\nexport abstract class Input extends HTMLElement {\n    // Define the attributes to observe\n    // need this for `attributeChangedCallback`\n    static observedAttributes = ['autofocus', 'disabled', 'spinning']\n    static tag:string\n\n    static define (this:((new (...args:any[]) => Input) & typeof Input)) {\n        if (!('customElements' in window)) return\n        if (customElements.get(this.tag)) return  // only define it once\n\n        return customElements.define(this.tag, this)\n    }\n\n    constructor () {\n        super()\n        const disabled = this.getAttribute('disabled')\n        if (disabled !== null) {\n            setTimeout(() => {\n                // need to wait for it to render\n                this.disabled = true\n            }, 0)\n        }\n\n        setTimeout(() => {\n            const attr = this.getAttribute('value')\n            if (attr) {\n                this.value = attr\n            }\n        }, 0)\n    }\n\n    get input ():HTMLInputElement|null {\n        return this.querySelector('input')\n    }\n\n    get tabindex ():number {\n        const i = this.input?.getAttribute('tabindex')\n        if (!i) return 0\n        return parseInt(i)\n    }\n\n    /**\n     * Remove from `this` element and also child.\n     */\n    _removeAttribute (name:string) {\n        this.removeAttribute(name)\n        this.input?.removeAttribute(name)\n    }\n\n    get disabled ():boolean {\n        return !!(this.input?.hasAttribute('disabled'))\n    }\n\n    set disabled (disabledValue:boolean) {\n        if (!disabledValue) {\n            this._removeAttribute('disabled')\n            this.input?.setAttribute('aria-disabled', 'false')\n        } else {\n            this.input?.setAttribute('disabled', '')\n            this.input?.setAttribute('aria-disabled', 'true')\n        }\n    }\n\n    /**\n     * Handle 'example' attribute changes\n     * @see {@link https://gomakethings.com/how-to-detect-when-attributes-change-on-a-web-component/#organizing-your-code Go Make Things article}\n     *\n     * @param  {string} oldValue The old attribute value\n     * @param  {string} newValue The new attribute value\n     */\n    handleChange_disabled (oldValue:string, newValue:string) {\n        debug('changing disabled', oldValue, newValue)\n        if (!this.input) {\n            debug('not input')\n            setTimeout(() => {\n                if (newValue === null) {\n                    // [example] was removed\n                    this.disabled = false\n                } else {\n                    // set [example] attribute\n                    this.disabled = true\n                }\n            }, 0)  // wait to render\n        } else {\n            debug('input')\n            if (newValue === null) {\n                debug('is null')\n                this.disabled = false\n            } else {\n                this.disabled = true\n            }\n        }\n    }\n\n    /**\n     * Runs when the value of an attribute is changed\n     *\n     * @param  {string} name     The attribute name\n     * @param  {string} oldValue The old attribute value\n     * @param  {string} newValue The new attribute value\n     */\n    attributeChangedCallback (name:string, oldValue:string, newValue:string) {\n        const handler = this[`handleChange_${name}`];\n        (handler && handler.call(this, oldValue, newValue))\n        this.render()\n    }\n\n    connectedCallback () {\n        this.render()\n    }\n\n    get type ():string|null|undefined {\n        return this.input?.getAttribute('type')\n    }\n\n    set type (value:string) {\n        this._setAttribute('type', value)\n    }\n\n    get value () {\n        return this.input?.value\n    }\n\n    set value (text:string|undefined|null) {\n        if (!text) this.input?.removeAttribute('value')\n        else {\n            this.input!.value = text\n        }\n    }\n\n    /**\n     * Set attributes on the internal input element.\n     */\n    _setAttribute (name:string, value:boolean|string|null):void {\n        if (!value) {\n            return this._removeAttribute(name)\n        }\n\n        if (value === true) {\n            // true means set the attribute with no value\n            return this.input?.setAttribute(name, '')\n        }\n\n        // else, set the value\n        this.input?.setAttribute(name, value)\n    }\n\n    render () {\n        const {\n            type,\n            autofocus,\n            tabindex,\n            disabled,\n            value\n        } = this\n\n        const classes:string[] = ['substrate-input']\n\n        const btn = !!(this.type === 'submit' || this.type === 'button')\n\n        const props = ([\n            `class=\"${classes.filter(Boolean).join(' ')}\"`,\n            disabled ? 'disabled' : '',\n            autofocus ? 'autofocus' : '',\n            type ? `type=\"${this.type}\"` : '',\n            tabindex ? `tabindex=\"${tabindex}\"` : 'tabindex=\"0\"',\n            btn ? 'role=\"button\"' : '',\n            value ? `value=${value}` : ''\n        ]).filter(Boolean).join(' ')\n\n        this.innerHTML = `<input\n            ${props}\n        />`\n    }\n}\n"],
+  "mappings": "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",
+  "names": ["require_ms", "__commonJSMin", "exports", "module", "s", "m", "h", "d", "w", "y", "val", "options", "type", "parse", "fmtLong", "fmtShort", "str", "match", "n", "__name", "ms", "msAbs", "plural", "name", "isPlural", "import_ms", "coerce", "val", "__name", "selectColor", "namespace", "colors", "hash", "i", "createRegexFromEnvVar", "names", "word", "r", "generateRandomString", "length", "colors", "log", "isEnabled", "namespace", "env", "createRegexFromEnvVar", "regex", "__name", "createFormatters", "v", "error", "logger", "args", "prevTime", "color", "curr", "diff", "coerce", "formatters", "index", "match", "format", "formatter", "val", "_args", "formatArgs", "shouldUseColors", "log", "useColors", "humanize", "c", "lastC", "createDebug", "noop", "selectColor", "generateRandomString", "colors", "debug", "createDebug", "Input", "__name", "attr", "i", "name", "disabledValue", "oldValue", "newValue", "handler", "value", "text", "type", "autofocus", "tabindex", "disabled", "classes", "btn", "props"]
+}

package/dist/meta.json

@@ -0,0 +1,36 @@
+{
+  "inputs": {
+    "src/index.ts": {
+      "bytes": 5061,
+      "imports": [],
+      "format": "esm"
+    }
+  },
+  "outputs": {
+    "dist/index.js.map": {
+      "imports": [],
+      "exports": [],
+      "inputs": {},
+      "bytes": 8058
+    },
+    "dist/index.js": {
+      "imports": [
+        {
+          "path": "@substrate-system/debug",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "exports": [
+        "Input"
+      ],
+      "entryPoint": "src/index.ts",
+      "inputs": {
+        "src/index.ts": {
+          "bytesInOutput": 4016
+        }
+      },
+      "bytes": 4199
+    }
+  }
+}

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@substrate-system/input",
+  "type": "module",
+  "version": "0.0.0",
+  "main": "dist/index.js",
+  "files": [
+    "./dist/*"
+  ],
+  "scripts": {
+    "lint": "eslint \"./**/*.{ts,js}\"",
+    "build-tests": "esbuild test/index.ts --target=es2020 --bundle --keep-names > test/test-bundle.js",
+    "test": "npm run lint && npm run build && npm run build-tests && npm run test-tape-run",
+    "test-tape-run": "cat test/index.html | tape-run --input=html --static=test | tap-spec",
+    "build-css": "postcss src/index.css --use postcss-nesting > dist/index.css",
+    "build-css:min": "postcss src/index.css --use cssnano postcss-nesting > dist/index.min.css",
+    "build-cjs": "esbuild src/*.ts --format=cjs --keep-names --tsconfig=tsconfig.build.json --outdir=./dist --out-extension:.js=.cjs --sourcemap",
+    "build-esm": "esbuild src/*.ts --format=esm --metafile=dist/meta.json --keep-names --tsconfig=tsconfig.build.json --outdir=./dist --sourcemap && tsc --emitDeclarationOnly --project tsconfig.build.json --outDir dist",
+    "build-esm:min": "esbuild ./src/*.ts --format=esm --keep-names --bundle --tsconfig=tsconfig.build.json --minify --out-extension:.js=.min.js --outdir=./dist --sourcemap",
+    "build-example": "mkdir -p ./public && rm -rf ./public/* && VITE_DEBUG_MODE=staging vite --mode staging --base=\"/input\" build",
+    "build-docs": "typedoc --tsconfig tsconfig.build.json ./src/index.ts",
+    "build": "mkdir -p ./dist && rm -rf ./dist/* && npm run build-cjs && npm run build-esm && npm run build-esm:min && npm run build-css && npm run build-css:min",
+    "start": "vite",
+    "toc": "markdown-toc --maxdepth 3 -i README.md",
+    "preversion": "npm run lint && stylelint src/*.css",
+    "version": "npm run toc && auto-changelog -p --template keepachangelog --breaking-pattern 'BREAKING CHANGE:' && git add CHANGELOG.md README.md",
+    "postversion": "git push --follow-tags && npm publish",
+    "prepublishOnly": "npm run build"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./css": "./dist/index.css",
+    "./css/min": "./dist/index.min.css",
+    "./*": {
+      "import": [
+        "./dist/*.js",
+        "./dist/*"
+      ],
+      "require": [
+        "./dist/*.cjs",
+        "./dist/*"
+      ]
+    }
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@bicycle-codes/dom": "^0.1.2",
+    "@substrate-system/debug": "^0.9.0",
+    "@substrate-system/tapzero": "^0.10.13",
+    "@typescript-eslint/eslint-plugin": "^8.7.0",
+    "@typescript-eslint/parser": "^8.7.0",
+    "auto-changelog": "^2.4.0",
+    "cssnano": "^7.0.3",
+    "esbuild": "^0.25.0",
+    "eslint": "^8.57.0",
+    "eslint-config-standard": "^17.1.0",
+    "markdown-toc": "^1.2.0",
+    "postcss": "^8.5.1",
+    "postcss-cli": "^11.0.0",
+    "postcss-nesting": "^13.0.1",
+    "stylelint": "^16.9.0",
+    "stylelint-config-standard": "^38.0.0",
+    "tap-spec": "^5.0.0",
+    "tape-run": "^11.0.0",
+    "typedoc": "^0.28.1",
+    "typescript": "^5.7.3",
+    "vite": "^6.0.11"
+  },
+  "author": "nichoth <nichoth@nichoth.com> (https://nichoth.com)",
+  "license": "MIT"
+}