@fusion.dev/helix 0.179.0 → 0.180.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +62 -2
- package/dist/command/root/command-root.d.ts +0 -1
- package/dist/command/root/command-root.js +0 -1
- package/dist/data-table/root/data-table-root.d.ts +0 -1
- package/dist/data-table/root/data-table-root.js +0 -1
- package/dist/filter-input/root/filter-input-root.d.ts +0 -1
- package/dist/filter-input/root/filter-input-root.js +0 -1
- package/dist/select/root/select-root.d.ts +0 -1
- package/dist/select/root/select-root.js +0 -1
- package/lint.json +1 -1
- package/package.json +6 -6
- package/types/jsx.d.ts +40 -4
- package/types/vue.d.ts +14 -1
- package/types/words.d.ts +14 -0
package/custom-elements.json
CHANGED
|
@@ -65044,6 +65044,23 @@
|
|
|
65044
65044
|
"module": "src/date-input/root/date-input-root.ts"
|
|
65045
65045
|
}
|
|
65046
65046
|
},
|
|
65047
|
+
{
|
|
65048
|
+
"kind": "field",
|
|
65049
|
+
"name": "rangeOrderMessage",
|
|
65050
|
+
"type": {
|
|
65051
|
+
"text": "string"
|
|
65052
|
+
},
|
|
65053
|
+
"default": "'Choose an end on or after {start}.'",
|
|
65054
|
+
"description": "The message shown when a range ends before it starts. `{start}` is\nreplaced with the start, written the way the field writes dates.",
|
|
65055
|
+
"attribute": "range-order-message",
|
|
65056
|
+
"helix": {
|
|
65057
|
+
"words": true
|
|
65058
|
+
},
|
|
65059
|
+
"inheritedFrom": {
|
|
65060
|
+
"name": "HelixHeadlessDateInput",
|
|
65061
|
+
"module": "src/date-input/root/date-input-root.ts"
|
|
65062
|
+
}
|
|
65063
|
+
},
|
|
65047
65064
|
{
|
|
65048
65065
|
"kind": "field",
|
|
65049
65066
|
"name": "rangeOverflowMessage",
|
|
@@ -67058,6 +67075,19 @@
|
|
|
67058
67075
|
"module": "src/date-input/root/date-input-root.ts"
|
|
67059
67076
|
}
|
|
67060
67077
|
},
|
|
67078
|
+
{
|
|
67079
|
+
"name": "range-order-message",
|
|
67080
|
+
"type": {
|
|
67081
|
+
"text": "string"
|
|
67082
|
+
},
|
|
67083
|
+
"default": "'Choose an end on or after {start}.'",
|
|
67084
|
+
"description": "The message shown when a range ends before it starts. `{start}` is\nreplaced with the start, written the way the field writes dates.",
|
|
67085
|
+
"fieldName": "rangeOrderMessage",
|
|
67086
|
+
"inheritedFrom": {
|
|
67087
|
+
"name": "HelixHeadlessDateInput",
|
|
67088
|
+
"module": "src/date-input/root/date-input-root.ts"
|
|
67089
|
+
}
|
|
67090
|
+
},
|
|
67061
67091
|
{
|
|
67062
67092
|
"name": "range-overflow-message",
|
|
67063
67093
|
"type": {
|
|
@@ -68620,6 +68650,23 @@
|
|
|
68620
68650
|
"module": "src/date-picker/root/date-picker-root.ts"
|
|
68621
68651
|
}
|
|
68622
68652
|
},
|
|
68653
|
+
{
|
|
68654
|
+
"kind": "field",
|
|
68655
|
+
"name": "rangeOrderMessage",
|
|
68656
|
+
"type": {
|
|
68657
|
+
"text": "string"
|
|
68658
|
+
},
|
|
68659
|
+
"default": "'Choose an end on or after {start}.'",
|
|
68660
|
+
"description": "The validation message for a range that ends before it starts. `{start}`\nis replaced with the start, written as a date in `locale`.",
|
|
68661
|
+
"attribute": "range-order-message",
|
|
68662
|
+
"helix": {
|
|
68663
|
+
"words": true
|
|
68664
|
+
},
|
|
68665
|
+
"inheritedFrom": {
|
|
68666
|
+
"name": "HelixHeadlessDatePicker",
|
|
68667
|
+
"module": "src/date-picker/root/date-picker-root.ts"
|
|
68668
|
+
}
|
|
68669
|
+
},
|
|
68623
68670
|
{
|
|
68624
68671
|
"kind": "field",
|
|
68625
68672
|
"name": "rangeOverflowMessage",
|
|
@@ -70986,6 +71033,19 @@
|
|
|
70986
71033
|
"module": "src/date-picker/root/date-picker-root.ts"
|
|
70987
71034
|
}
|
|
70988
71035
|
},
|
|
71036
|
+
{
|
|
71037
|
+
"name": "range-order-message",
|
|
71038
|
+
"type": {
|
|
71039
|
+
"text": "string"
|
|
71040
|
+
},
|
|
71041
|
+
"default": "'Choose an end on or after {start}.'",
|
|
71042
|
+
"description": "The validation message for a range that ends before it starts. `{start}`\nis replaced with the start, written as a date in `locale`.",
|
|
71043
|
+
"fieldName": "rangeOrderMessage",
|
|
71044
|
+
"inheritedFrom": {
|
|
71045
|
+
"name": "HelixHeadlessDatePicker",
|
|
71046
|
+
"module": "src/date-picker/root/date-picker-root.ts"
|
|
71047
|
+
}
|
|
71048
|
+
},
|
|
70989
71049
|
{
|
|
70990
71050
|
"name": "range-overflow-message",
|
|
70991
71051
|
"type": {
|
|
@@ -118169,7 +118229,7 @@
|
|
|
118169
118229
|
"text": "readonly DataOptionItem[] | undefined"
|
|
118170
118230
|
},
|
|
118171
118231
|
"default": "undefined",
|
|
118172
|
-
"description": "The options as data, for a list too long to draw whole: each a value,\nwhich is also its words, or a record with a `value`, a `label` and\n`disabled`. Set, the list draws only the options in sight, and the ones\nyou write as children are not read.\n\n**Every option is still reachable.** The keyboard, the typeahead, the\nfilter and the value work over the whole set, and the option the keyboard\nis on is drawn wherever it is, so a screen reader is told about it. Each\ndrawn option says its place in the set (`aria-posinset`, `aria-setsize`).\nReact Aria virtualizes a `ListBox` with its `Virtualizer`; this is core's\n`VirtualizeController`.\n\n**The list needs a height to scroll in**: the styled tier's\n`--listbox-max-block-size`, or a `max-block-size` on `::part(items)` in the\nheadless tier.
|
|
118232
|
+
"description": "The options as data, for a list too long to draw whole: each a value,\nwhich is also its words, or a record with a `value`, a `label` and\n`disabled`. Set, the list draws only the options in sight, and the ones\nyou write as children are not read.\n\n**Every option is still reachable.** The keyboard, the typeahead, the\nfilter and the value work over the whole set, and the option the keyboard\nis on is drawn wherever it is, so a screen reader is told about it. Each\ndrawn option says its place in the set (`aria-posinset`, `aria-setsize`).\nReact Aria virtualizes a `ListBox` with its `Virtualizer`; this is core's\n`VirtualizeController`.\n\n**The list needs a height to scroll in**: the styled tier's\n`--listbox-max-block-size`, or a `max-block-size` on `::part(items)` in the\nheadless tier. The options drawn are this tier's Option, which the page\nimports, as it imports the options it writes.\nA server sends the list empty, and the options are drawn once it hydrates.",
|
|
118173
118233
|
"inheritedFrom": {
|
|
118174
118234
|
"name": "HelixHeadlessListbox",
|
|
118175
118235
|
"module": "src/listbox/root/listbox-root.ts"
|
|
@@ -251128,6 +251188,6 @@
|
|
|
251128
251188
|
],
|
|
251129
251189
|
"helix": {
|
|
251130
251190
|
"package": "@fusion.dev/helix",
|
|
251131
|
-
"version": "0.
|
|
251191
|
+
"version": "0.180.0"
|
|
251132
251192
|
}
|
|
251133
251193
|
}
|
|
@@ -2,7 +2,6 @@ import { HelixHeadlessCommand } from '@fusion.dev/helix-headless/command';
|
|
|
2
2
|
import type { CSSResultGroup } from 'lit';
|
|
3
3
|
import '../../dialog/index.js';
|
|
4
4
|
import '../../listbox/index.js';
|
|
5
|
-
import '../../option/index.js';
|
|
6
5
|
/**
|
|
7
6
|
* @summary A command palette: a list of commands that opens from anywhere on the page and filters as you type.
|
|
8
7
|
*
|
|
@@ -8,7 +8,6 @@ import { customElement } from '@fusion.dev/helix-core';
|
|
|
8
8
|
import { HelixHeadlessCommand } from '@fusion.dev/helix-headless/command';
|
|
9
9
|
import '../../dialog/index.js';
|
|
10
10
|
import '../../listbox/index.js';
|
|
11
|
-
import '../../option/index.js';
|
|
12
11
|
import { styles as liveStyles } from '../../shared/live/live.css.js';
|
|
13
12
|
import { styles } from './command-root.css.js';
|
|
14
13
|
let HelixCommand = class HelixCommand extends HelixHeadlessCommand {
|
|
@@ -2,7 +2,6 @@ import { HelixHeadlessDataTable } from '@fusion.dev/helix-headless/data-table';
|
|
|
2
2
|
import type { CSSResultGroup } from 'lit';
|
|
3
3
|
import '../../checkbox/index.js';
|
|
4
4
|
import '../../pagination/index.js';
|
|
5
|
-
import '../../table/index.js';
|
|
6
5
|
/**
|
|
7
6
|
* @summary A table drawn from an array of rows, with sorting, filtering, and paging.
|
|
8
7
|
*
|
|
@@ -11,7 +11,6 @@ import { styles as liveStyles } from '../../shared/live/live.css.js';
|
|
|
11
11
|
import { styles } from './data-table-root.css.js';
|
|
12
12
|
import '../../checkbox/index.js';
|
|
13
13
|
import '../../pagination/index.js';
|
|
14
|
-
import '../../table/index.js';
|
|
15
14
|
let HelixDataTable = class HelixDataTable extends HelixHeadlessDataTable {
|
|
16
15
|
static { this.tier = 'helix-'; }
|
|
17
16
|
static { this.styles = [liveStyles, collectionStateStyles, styles]; }
|
|
@@ -6,7 +6,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
6
6
|
};
|
|
7
7
|
import { customElement } from '@fusion.dev/helix-core';
|
|
8
8
|
import { HelixHeadlessFilterInput } from '@fusion.dev/helix-headless/filter-input';
|
|
9
|
-
import '../../option/index.js';
|
|
10
9
|
import { styles as collectionStateStyles } from '../../shared/collection/state.css.js';
|
|
11
10
|
import { styles as fieldStyles } from '../../shared/field/field.css.js';
|
|
12
11
|
import { styles as fieldFrameStyles } from '../../shared/field/field-frame.css.js';
|
|
@@ -14,7 +14,6 @@ import { styles as floatingPanelStyles } from '../../shared/floating/panel.css.j
|
|
|
14
14
|
import { styles as liveStyles } from '../../shared/live/live.css.js';
|
|
15
15
|
import { styles } from './select-root.css.js';
|
|
16
16
|
import '../../listbox/index.js';
|
|
17
|
-
import '../../option/index.js';
|
|
18
17
|
let HelixSelect = class HelixSelect extends HelixHeadlessSelect {
|
|
19
18
|
static { this.tier = 'helix-'; }
|
|
20
19
|
static { this.styles = [
|