diff --git a/README.md b/README.md index 49b18c2..1a6ae0e 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,14 @@ -# be-value-added +# be-value-added (📶) + +(The name of that emoji is "antenna bars"). + [![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/be-value-added?style=for-the-badge)](https://bundlephobia.com/result?p=be-value-added) [![NPM version](https://badge.fury.io/js/be-value-added.png)](http://badge.fury.io/js/be-value-added) [![Playwright Tests](https://github.com/bahrus/be-value-added/actions/workflows/CI.yml/badge.svg?branch=baseline)](https://github.com/bahrus/be-value-added/actions/workflows/CI.yml) -Enhances most built-in elements with a "value" property, which other enhancements use to provide formatting. Adds two-way binding support between this "value" property and a key property, in some cases. +*be-value*added* is a [be-enhanced](https://github.com/bahrus/be-enhanced) based enhancement that enhances most built-in elements with a "value" property, which other enhancements use to provide formatting. Adds two-way binding support between this "value" property and a key property of the enhanced element, in some cases. The [output element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/output) provides an example of a built-in element that "outputs" its value. It's a bit of a strange creature, given that it displays the exact value passed in, but the "value-add" proposition the output element provides may be a bit esoteric (a11y related). @@ -31,16 +34,33 @@ Anyway, the model / precedent that the output element provides seems quite usefu ... + +``` + +Where values are displayed (for the data and time tags above), the user will see the .toLocale... value. To customize the international settings, use [https://github.com/bahrus/be-intl](be-intl) enhancement that enhances this enhancement. + +This is the canonical name. In less formal settings, where there is little chance of collision with other libraries, you can reference 📶.js instead and use the much shorter syntax: + +```html + + + + +... + ``` diff --git a/package-lock.json b/package-lock.json index baa4f1c..e9e455b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,9 +9,9 @@ "version": "0.0.47", "license": "MIT", "dependencies": { - "be-enhanced": "0.0.113", - "be-hive": "0.0.193", - "trans-render": "0.0.800" + "be-enhanced": "0.0.114", + "be-hive": "0.0.194", + "trans-render": "0.0.801" }, "devDependencies": { "@playwright/test": "1.45.2", @@ -184,21 +184,21 @@ "dev": true }, "node_modules/be-enhanced": { - "version": "0.0.113", - "resolved": "https://registry.npmjs.org/be-enhanced/-/be-enhanced-0.0.113.tgz", - "integrity": "sha512-fAJwB6NsRo3wvOjznCfIjEMK9yhyFWBmnCzQJUfOqsrv+8K9p67kXPvBgxO7SnugY89bvyGAYctMMW5J0rbCxQ==", + "version": "0.0.114", + "resolved": "https://registry.npmjs.org/be-enhanced/-/be-enhanced-0.0.114.tgz", + "integrity": "sha512-foJlPOLdXzZL3gQau48Ch4o1l056ADIHDOH77peA0AYlD9U3cMgG+oy8ri45mt9G4E3twIac6/kWuh6nt7DvYQ==", "dependencies": { - "trans-render": "0.0.800" + "trans-render": "0.0.801" } }, "node_modules/be-hive": { - "version": "0.0.193", - "resolved": "https://registry.npmjs.org/be-hive/-/be-hive-0.0.193.tgz", - "integrity": "sha512-0FBcED02ckA5kq2jMaaApDFwwj416N3klgTixNjz71J5F2jqxCX0mLdKdSDad6KCt81ODaxKuV9M0b++vEG5aQ==", + "version": "0.0.194", + "resolved": "https://registry.npmjs.org/be-hive/-/be-hive-0.0.194.tgz", + "integrity": "sha512-OuXhqljRTjbMRNBkbrXIyXr3QCPapAEfQz/GnfLOwqSNwoV+gjPjFgCiz3DLW7tdgxYucKmCBQuA8xIixFi/Ig==", "dependencies": { - "be-enhanced": "0.0.113", + "be-enhanced": "0.0.114", "mount-observer": "0.0.29", - "trans-render": "0.0.800" + "trans-render": "0.0.801" } }, "node_modules/boxen": { @@ -1013,9 +1013,9 @@ } }, "node_modules/trans-render": { - "version": "0.0.800", - "resolved": "https://registry.npmjs.org/trans-render/-/trans-render-0.0.800.tgz", - "integrity": "sha512-B/FwwRqbascl0lz6PiJ+D9A+tGv7iTjFFZR4CHUOKC5gLUH53jzZ9lB93qXYMNL3dPx1sGaMCMQt/Y4GPbhWLg==", + "version": "0.0.801", + "resolved": "https://registry.npmjs.org/trans-render/-/trans-render-0.0.801.tgz", + "integrity": "sha512-Oe3k1k2cnIL3u+JtO8jDgnFZ/Oh6vTp7yVI9MvYm8e6iIXowpnK07+xhM5PPBrzAcywKLsf2QjScvI4Tni6zgg==", "dependencies": { "mount-observer": "0.0.29" } diff --git a/package.json b/package.json index 39e6a1c..dfee966 100644 --- a/package.json +++ b/package.json @@ -11,9 +11,9 @@ "update": "ncu -u && npm install" }, "dependencies": { - "be-enhanced": "0.0.113", - "be-hive": "0.0.193", - "trans-render": "0.0.800" + "be-enhanced": "0.0.114", + "be-hive": "0.0.194", + "trans-render": "0.0.801" }, "devDependencies": { "may-it-serve": "0.0.8", diff --git a/tsconfig.json b/tsconfig.json index d00095a..0a68e07 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -10,7 +10,7 @@ "skipLibCheck": true }, "files":[ - "behivior.ts" + "📶.ts" ], "exclude":[ "node_modules" diff --git "a/\360\237\223\266.js" "b/\360\237\223\266.js" new file mode 100644 index 0000000..c7fd0d6 --- /dev/null +++ "b/\360\237\223\266.js" @@ -0,0 +1,9 @@ +import { MountObserver, seed, BeHive } from 'be-hive/be-hive.js'; +import { emc as baseEMC } from './behivior.js'; +export const emc = { + ...baseEMC, + base: '📶', + enhPropKey: '📶', +}; +const mose = seed(emc); +MountObserver.synthesize(document, BeHive, mose); diff --git "a/\360\237\223\266.ts" "b/\360\237\223\266.ts" new file mode 100644 index 0000000..a60bbce --- /dev/null +++ "b/\360\237\223\266.ts" @@ -0,0 +1,13 @@ +import { EMC, MountObserver, seed, BeHive } from 'be-hive/be-hive.js'; +import { emc as baseEMC} from './behivior.js'; + +export const emc: EMC = { + ...baseEMC, + base: '📶', + enhPropKey: '📶', + +}; + +const mose = seed(emc); + +MountObserver.synthesize(document, BeHive, mose); \ No newline at end of file