@loadbare/widgets 0.9.0 → 0.9.1

package/README.md

@@ -17,6 +17,8 @@ Inventory:
 | [`lb-insert-dialog`](docs/lb-insert-dialog.md) | a row entered in a modal dialog, chosen in the picker that opened it |
 | [`lb-master`](docs/lb-master.md) | a set, one of its rows, and the buttons that act on the set |
 | [`lb-checkbox`](docs/lb-checkbox.md) | a checkbox and its label, as markup to style |
+| [`lb-number`](docs/lb-number.md) | a number shown by `Intl.NumberFormat` |
+| [`lb-date`](docs/lb-date.md) | a date or time shown by `Intl.DateTimeFormat` |
 
 ## Installing
 

package/dist/index.d.ts

@@ -5,4 +5,6 @@ import "./lb-table.browser.js";
 import "./lb-picker.browser.js";
 import "./lb-confirm.browser.js";
 import "./lb-insert-dialog.browser.js";
+import "./lb-number.browser.js";
+import "./lb-date.browser.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC"}

package/dist/index.js

@@ -5,4 +5,6 @@ import "./lb-table.browser.js";
 import "./lb-picker.browser.js";
 import "./lb-confirm.browser.js";
 import "./lb-insert-dialog.browser.js";
+import "./lb-number.browser.js";
+import "./lb-date.browser.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC","sourcesContent":["import \"./lb-input.browser.js\";\nimport \"./lb-select.browser.js\";\nimport \"./lb-options.browser.js\";\nimport \"./lb-table.browser.js\";\nimport \"./lb-picker.browser.js\";\nimport \"./lb-confirm.browser.js\";\nimport \"./lb-insert-dialog.browser.js\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AACjC,OAAO,+BAA+B,CAAC;AACvC,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC","sourcesContent":["import \"./lb-input.browser.js\";\nimport \"./lb-select.browser.js\";\nimport \"./lb-options.browser.js\";\nimport \"./lb-table.browser.js\";\nimport \"./lb-picker.browser.js\";\nimport \"./lb-confirm.browser.js\";\nimport \"./lb-insert-dialog.browser.js\";\nimport \"./lb-number.browser.js\";\nimport \"./lb-date.browser.js\";\n"]}

package/dist/lb-date.browser.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=lb-date.browser.d.ts.map

package/dist/lb-date.browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lb-date.browser.d.ts","sourceRoot":"","sources":["../widgets/lb-date.browser.ts"],"names":[],"mappings":""}

package/dist/lb-date.browser.js

@@ -0,0 +1,47 @@
+/// <reference lib="dom" />
+import { ATTR_COLUMN_VALUE } from "@loadbare/app/constants";
+/**
+ * Shows the value that landed on it through `Intl.DateTimeFormat`, in the
+ * `<time>` its definition holds, with the value itself as the `<time>`'s
+ * `datetime`. Not a control: the hub stamps `lb-column-value` on the tag and
+ * never gathers it.
+ *
+ * A date alone, `YYYY-MM-DD`, names a day and no instant, so it shows as
+ * that day in UTC rather than as the midnight it would be in UTC, shifted to
+ * the browser's zone. A value that is no date shows as it arrived.
+ */
+class LbDate extends HTMLElement {
+    static observedAttributes = [ATTR_COLUMN_VALUE];
+    formatters = new Map();
+    attributeChangedCallback(_name, _old, value) {
+        const time = this.querySelector("time");
+        if (!time)
+            return;
+        if (value === null) {
+            time.removeAttribute("datetime");
+            time.textContent = "";
+            return;
+        }
+        time.dateTime = value;
+        const date = new Date(value);
+        time.textContent = Number.isNaN(date.getTime())
+            ? value
+            : this.format(time, DAY.test(value)).format(date);
+    }
+    format(time, day) {
+        let formatter = this.formatters.get(day);
+        if (!formatter) {
+            const { locale, ...options } = time.dataset;
+            formatter = new Intl.DateTimeFormat(locale, {
+                ...options,
+                ...(day ? { timeZone: "UTC" } : {}),
+            });
+            this.formatters.set(day, formatter);
+        }
+        return formatter;
+    }
+}
+/** A date with no time, as Postgres writes a `date`. */
+const DAY = /^\d{4}-\d{2}-\d{2}$/;
+customElements.define("lb-date", LbDate);
+//# sourceMappingURL=lb-date.browser.js.map

package/dist/lb-date.browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lb-date.browser.js","sourceRoot":"","sources":["../widgets/lb-date.browser.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAE3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D;;;;;;;;;GASG;AACH,MAAM,MAAO,SAAQ,WAAW;IAC9B,MAAM,CAAC,kBAAkB,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAExC,UAAU,GAAG,IAAI,GAAG,EAAgC,CAAC;IAE7D,wBAAwB,CACtB,KAAa,EACb,IAAmB,EACnB,KAAoB;QAEpB,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACxC,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACnB,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YACjC,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAC7C,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IAEO,MAAM,CAAC,IAAqB,EAAE,GAAY;QAChD,IAAI,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;YAC5C,SAAS,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;gBAC1C,GAAI,OAAsC;gBAC1C,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aACpC,CAAC,CAAC;YACH,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;QACtC,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;;AAGH,wDAAwD;AACxD,MAAM,GAAG,GAAG,qBAAqB,CAAC;AAElC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC","sourcesContent":["/// <reference lib=\"dom\" />\n\nimport { ATTR_COLUMN_VALUE } from \"@loadbare/app/constants\";\n\n/**\n * Shows the value that landed on it through `Intl.DateTimeFormat`, in the\n * `<time>` its definition holds, with the value itself as the `<time>`'s\n * `datetime`. Not a control: the hub stamps `lb-column-value` on the tag and\n * never gathers it.\n *\n * A date alone, `YYYY-MM-DD`, names a day and no instant, so it shows as\n * that day in UTC rather than as the midnight it would be in UTC, shifted to\n * the browser's zone. A value that is no date shows as it arrived.\n */\nclass LbDate extends HTMLElement {\n  static observedAttributes = [ATTR_COLUMN_VALUE];\n\n  private formatters = new Map<boolean, Intl.DateTimeFormat>();\n\n  attributeChangedCallback(\n    _name: string,\n    _old: string | null,\n    value: string | null,\n  ): void {\n    const time = this.querySelector(\"time\");\n    if (!time) return;\n    if (value === null) {\n      time.removeAttribute(\"datetime\");\n      time.textContent = \"\";\n      return;\n    }\n    time.dateTime = value;\n    const date = new Date(value);\n    time.textContent = Number.isNaN(date.getTime())\n      ? value\n      : this.format(time, DAY.test(value)).format(date);\n  }\n\n  private format(time: HTMLTimeElement, day: boolean): Intl.DateTimeFormat {\n    let formatter = this.formatters.get(day);\n    if (!formatter) {\n      const { locale, ...options } = time.dataset;\n      formatter = new Intl.DateTimeFormat(locale, {\n        ...(options as Intl.DateTimeFormatOptions),\n        ...(day ? { timeZone: \"UTC\" } : {}),\n      });\n      this.formatters.set(day, formatter);\n    }\n    return formatter;\n  }\n}\n\n/** A date with no time, as Postgres writes a `date`. */\nconst DAY = /^\\d{4}-\\d{2}-\\d{2}$/;\n\ncustomElements.define(\"lb-date\", LbDate);\n"]}

package/dist/lb-date.html

@@ -0,0 +1,23 @@
+<!--
+  A date or a time, as the browser's Intl.DateTimeFormat shows it. Each
+  parameter is one of Intl's own options, in kebab-case, carried to the
+  script on the <time> as a data-* attribute; the dataset reads them back in
+  camelCase, as Intl names them. A parameter not given drops its attribute,
+  and Intl's default stands.
+-->
+<time
+  data-locale="{{locale}}"
+  data-date-style="{{date-style}}"
+  data-time-style="{{time-style}}"
+  data-time-zone="{{time-zone}}"
+  data-time-zone-name="{{time-zone-name}}"
+  data-hour-cycle="{{hour-cycle}}"
+  data-weekday="{{weekday}}"
+  data-era="{{era}}"
+  data-year="{{year}}"
+  data-month="{{month}}"
+  data-day="{{day}}"
+  data-hour="{{hour}}"
+  data-minute="{{minute}}"
+  data-second="{{second}}"
+></time>

package/dist/lb-number.browser.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=lb-number.browser.d.ts.map

package/dist/lb-number.browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lb-number.browser.d.ts","sourceRoot":"","sources":["../widgets/lb-number.browser.ts"],"names":[],"mappings":""}

package/dist/lb-number.browser.js

@@ -0,0 +1,40 @@
+/// <reference lib="dom" />
+import { ATTR_COLUMN_VALUE } from "@loadbare/app/constants";
+/**
+ * Shows the value that landed on it through `Intl.NumberFormat`, in the
+ * `<data>` its definition holds, with the value itself as the `<data>`'s
+ * `value`. Not a control: the hub stamps `lb-column-value` on the tag and
+ * never gathers it.
+ *
+ * The value reaches `format` as the string it arrived as, so a decimal keeps
+ * every digit a number would round away. A value that is no number shows as
+ * it arrived.
+ */
+class LbNumber extends HTMLElement {
+    static observedAttributes = [ATTR_COLUMN_VALUE];
+    formatter;
+    attributeChangedCallback(_name, _old, value) {
+        const data = this.querySelector("data");
+        if (!data)
+            return;
+        if (value === null) {
+            data.removeAttribute("value");
+            data.textContent = "";
+            return;
+        }
+        data.value = value;
+        data.textContent = isNumber(value)
+            ? this.format(data).format(value)
+            : value;
+    }
+    format(data) {
+        const { locale, ...options } = data.dataset;
+        return (this.formatter ??= new Intl.NumberFormat(locale, options));
+    }
+}
+/** Whether a stamp holds a number: anything `Number` reads but blank. */
+function isNumber(value) {
+    return value.trim() !== "" && !Number.isNaN(Number(value));
+}
+customElements.define("lb-number", LbNumber);
+//# sourceMappingURL=lb-number.browser.js.map

package/dist/lb-number.browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lb-number.browser.js","sourceRoot":"","sources":["../widgets/lb-number.browser.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAE3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D;;;;;;;;;GASG;AACH,MAAM,QAAS,SAAQ,WAAW;IAChC,MAAM,CAAC,kBAAkB,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAExC,SAAS,CAAqB;IAEtC,wBAAwB,CACtB,KAAa,EACb,IAAmB,EACnB,KAAoB;QAEpB,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACxC,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACnB,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YAC9B,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC;YAChC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,KAA0B,CAAC;YACtD,CAAC,CAAC,KAAK,CAAC;IACZ,CAAC;IAEO,MAAM,CAAC,IAAqB;QAClC,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5C,OAAO,CAAC,IAAI,CAAC,SAAS,KAAK,IAAI,IAAI,CAAC,YAAY,CAC9C,MAAM,EACN,OAAmC,CACpC,CAAC,CAAC;IACL,CAAC;;AAGH,yEAAyE;AACzE,SAAS,QAAQ,CAAC,KAAa;IAC7B,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAC7D,CAAC;AAED,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["/// <reference lib=\"dom\" />\n\nimport { ATTR_COLUMN_VALUE } from \"@loadbare/app/constants\";\n\n/**\n * Shows the value that landed on it through `Intl.NumberFormat`, in the\n * `<data>` its definition holds, with the value itself as the `<data>`'s\n * `value`. Not a control: the hub stamps `lb-column-value` on the tag and\n * never gathers it.\n *\n * The value reaches `format` as the string it arrived as, so a decimal keeps\n * every digit a number would round away. A value that is no number shows as\n * it arrived.\n */\nclass LbNumber extends HTMLElement {\n  static observedAttributes = [ATTR_COLUMN_VALUE];\n\n  private formatter?: Intl.NumberFormat;\n\n  attributeChangedCallback(\n    _name: string,\n    _old: string | null,\n    value: string | null,\n  ): void {\n    const data = this.querySelector(\"data\");\n    if (!data) return;\n    if (value === null) {\n      data.removeAttribute(\"value\");\n      data.textContent = \"\";\n      return;\n    }\n    data.value = value;\n    data.textContent = isNumber(value)\n      ? this.format(data).format(value as unknown as number)\n      : value;\n  }\n\n  private format(data: HTMLDataElement): Intl.NumberFormat {\n    const { locale, ...options } = data.dataset;\n    return (this.formatter ??= new Intl.NumberFormat(\n      locale,\n      options as Intl.NumberFormatOptions,\n    ));\n  }\n}\n\n/** Whether a stamp holds a number: anything `Number` reads but blank. */\nfunction isNumber(value: string): boolean {\n  return value.trim() !== \"\" && !Number.isNaN(Number(value));\n}\n\ncustomElements.define(\"lb-number\", LbNumber);\n"]}

package/dist/lb-number.html

@@ -0,0 +1,24 @@
+<!--
+  A number, as the browser's Intl.NumberFormat shows it. Each parameter is
+  one of Intl's own options, in kebab-case, carried to the script on the
+  <data> as a data-* attribute; the dataset reads them back in camelCase, as
+  Intl names them. A parameter not given drops its attribute, and Intl's
+  default stands.
+-->
+<data
+  data-locale="{{locale}}"
+  data-style="{{style}}"
+  data-currency="{{currency}}"
+  data-currency-display="{{currency-display}}"
+  data-currency-sign="{{currency-sign}}"
+  data-unit="{{unit}}"
+  data-unit-display="{{unit-display}}"
+  data-notation="{{notation}}"
+  data-compact-display="{{compact-display}}"
+  data-sign-display="{{sign-display}}"
+  data-minimum-integer-digits="{{minimum-integer-digits}}"
+  data-minimum-fraction-digits="{{minimum-fraction-digits}}"
+  data-maximum-fraction-digits="{{maximum-fraction-digits}}"
+  data-minimum-significant-digits="{{minimum-significant-digits}}"
+  data-maximum-significant-digits="{{maximum-significant-digits}}"
+></data>

package/docs/lb-date.md

@@ -0,0 +1,48 @@
+# `lb-date`
+
+> Status: a barebones starter.  Iterative use will drive improvements.
+
+A date or a time shown by the browser's `Intl.DateTimeFormat`.  Not a
+control: write `lb-column` on the tag, and the hub lands the column on it
+and never gathers it.
+
+```html
+<lb-date lb-column="due" exp-date-style="medium"></lb-date>
+```
+
+## Expansion Attributes
+
+Each parameter is one of `Intl.DateTimeFormat`'s options, in kebab-case.  A
+parameter not given leaves Intl's default.
+
+| Parameter            | `Intl.DateTimeFormat` option          |
+| -------------------- | ------------------------------------- |
+| `exp-locale`         | the locale, the browser's when absent |
+| `exp-date-style`     | `dateStyle`                           |
+| `exp-time-style`     | `timeStyle`                           |
+| `exp-time-zone`      | `timeZone`                            |
+| `exp-time-zone-name` | `timeZoneName`                        |
+| `exp-hour-cycle`     | `hourCycle`                           |
+| `exp-weekday`        | `weekday`                             |
+| `exp-era`            | `era`                                 |
+| `exp-year`           | `year`                                |
+| `exp-month`          | `month`                               |
+| `exp-day`            | `day`                                 |
+| `exp-hour`           | `hour`                                |
+| `exp-minute`         | `minute`                              |
+| `exp-second`         | `second`                              |
+
+Intl refuses `exp-date-style` or `exp-time-style` beside any of
+`exp-weekday` through `exp-second`.
+
+## The value
+
+The widget reads the value as JavaScript's `Date` does.  A date alone, as
+`YYYY-MM-DD`, shows as that day in every time zone.  A value that is no
+date shows as it arrived.  Null shows nothing.
+
+## Styling
+
+The definition is a `<time>` whose text is the formatted date and whose
+`datetime` is the value as it arrived.  The hub stamps the tag with
+`lb-column-value`, the value as it arrived.

package/docs/lb-number.md

@@ -0,0 +1,53 @@
+# `lb-number`
+
+> Status: a barebones starter.  Iterative use will drive improvements.
+
+A number shown by the browser's `Intl.NumberFormat`.  Not a control: write
+`lb-column` on the tag, and the hub lands the column on it and never gathers
+it.
+
+```html
+<lb-number lb-column="balance" exp-style="currency" exp-currency="USD"></lb-number>
+```
+
+## Expansion Attributes
+
+Each parameter is one of `Intl.NumberFormat`'s options, in kebab-case.  A
+parameter not given leaves Intl's default.
+
+| Parameter                        | `Intl.NumberFormat` option             |
+| -------------------------------- | -------------------------------------- |
+| `exp-locale`                     | the locale, the browser's when absent  |
+| `exp-style`                      | `style`                                |
+| `exp-currency`                   | `currency`                             |
+| `exp-currency-display`           | `currencyDisplay`                      |
+| `exp-currency-sign`              | `currencySign`                         |
+| `exp-unit`                       | `unit`                                 |
+| `exp-unit-display`               | `unitDisplay`                          |
+| `exp-notation`                   | `notation`                             |
+| `exp-compact-display`            | `compactDisplay`                       |
+| `exp-sign-display`               | `signDisplay`                          |
+| `exp-minimum-integer-digits`     | `minimumIntegerDigits`                 |
+| `exp-minimum-fraction-digits`    | `minimumFractionDigits`                |
+| `exp-maximum-fraction-digits`    | `maximumFractionDigits`                |
+| `exp-minimum-significant-digits` | `minimumSignificantDigits`             |
+| `exp-maximum-significant-digits` | `maximumSignificantDigits`             |
+
+## The value
+
+The widget formats the value as the string it arrived as, so a decimal the
+query sends as a string keeps every digit.  A value that is no number shows
+as it arrived.  Null shows nothing.
+
+## Styling
+
+The definition is a `<data>` whose text is the formatted number and whose
+`value` is the number as it arrived.  The hub stamps the tag with
+`lb-column-value`, the number as it arrived, so a stylesheet selects on the
+value itself:
+
+```css
+lb-number[lb-column-value^="-"] {
+  color: var(--negative);
+}
+```

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@loadbare/widgets",
-  "description": "The basic widget set for @loadbare/app: input, select, options, picker, table, unknown-page, confirm, form, insert-dialog, master, checkbox",
-  "version": "0.9.0",
+  "description": "The basic widget set for @loadbare/app: input, select, options, picker, table, unknown-page, confirm, form, insert-dialog, master, checkbox, number, date",
+  "version": "0.9.1",
   "type": "module",
   "files": [
     "dist",