@fusion.dev/helix 0.175.0 → 0.176.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 -17
- package/dist/filter-input/index.d.ts +0 -1
- package/dist/filter-input/index.js +0 -1
- package/dist/filter-input/menu/filter-menu.d.ts +5 -1
- package/dist/filter-input/menu/filter-menu.js +1 -1
- package/dist/filter-input/menu/index.d.ts +1 -0
- package/dist/filter-input/menu/index.js +1 -0
- package/dist/icon/all/index.d.ts +2 -0
- package/dist/icon/all/index.js +2 -0
- package/dist/icon/root/icon-root.d.ts +5 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/lint.json +1 -1
- package/package.json +6 -6
- package/types/jsx.d.ts +34 -24
- package/types/vue.d.ts +6 -8
package/custom-elements.json
CHANGED
|
@@ -84927,14 +84927,6 @@
|
|
|
84927
84927
|
"module": "src/filter-input/field/filter-field.js"
|
|
84928
84928
|
}
|
|
84929
84929
|
},
|
|
84930
|
-
{
|
|
84931
|
-
"kind": "js",
|
|
84932
|
-
"name": "*",
|
|
84933
|
-
"declaration": {
|
|
84934
|
-
"name": "*",
|
|
84935
|
-
"module": "src/filter-input/menu/filter-menu.js"
|
|
84936
|
-
}
|
|
84937
|
-
},
|
|
84938
84930
|
{
|
|
84939
84931
|
"kind": "js",
|
|
84940
84932
|
"name": "*",
|
|
@@ -84979,7 +84971,7 @@
|
|
|
84979
84971
|
"declarations": [
|
|
84980
84972
|
{
|
|
84981
84973
|
"kind": "class",
|
|
84982
|
-
"description": "Draws nothing of its own. The trigger is yours, and the pages are `Menu`'s,\nwhose reserved tick column keeps ticked and unticked values aligned. The\nelement's stylesheet has one rule: `display: contents`.\n\nThe headless element documents the model, including why a tick applies a\nfilter immediately and why the menu decides the operator.",
|
|
84974
|
+
"description": "Draws nothing of its own. The trigger is yours, and the pages are `Menu`'s,\nwhose reserved tick column keeps ticked and unticked values aligned. The\nelement's stylesheet has one rule: `display: contents`.\n\nThe headless element documents the model, including why a tick applies a\nfilter immediately and why the menu decides the operator.\n\nImported from its own entry, `@fusion.dev/helix/filter-input/menu`, which registers\nit with the `Menu` it draws its pages with. The family's entry leaves it out,\nso a field without a picker does not carry `Menu`.",
|
|
84983
84975
|
"name": "HelixFilterMenu",
|
|
84984
84976
|
"members": [
|
|
84985
84977
|
{
|
|
@@ -85539,7 +85531,7 @@
|
|
|
85539
85531
|
],
|
|
85540
85532
|
"superclass": {
|
|
85541
85533
|
"name": "HelixHeadlessFilterMenu",
|
|
85542
|
-
"package": "@fusion.dev/helix-headless/filter-input"
|
|
85534
|
+
"package": "@fusion.dev/helix-headless/filter-input/menu"
|
|
85543
85535
|
},
|
|
85544
85536
|
"summary": "A menu for building a filter by picking a field and checking its values.",
|
|
85545
85537
|
"helix": {
|
|
@@ -85809,6 +85801,21 @@
|
|
|
85809
85801
|
}
|
|
85810
85802
|
]
|
|
85811
85803
|
},
|
|
85804
|
+
{
|
|
85805
|
+
"kind": "javascript-module",
|
|
85806
|
+
"path": "src/filter-input/menu/index.ts",
|
|
85807
|
+
"declarations": [],
|
|
85808
|
+
"exports": [
|
|
85809
|
+
{
|
|
85810
|
+
"kind": "js",
|
|
85811
|
+
"name": "*",
|
|
85812
|
+
"declaration": {
|
|
85813
|
+
"name": "*",
|
|
85814
|
+
"module": "src/filter-input/menu/filter-menu.js"
|
|
85815
|
+
}
|
|
85816
|
+
}
|
|
85817
|
+
]
|
|
85818
|
+
},
|
|
85812
85819
|
{
|
|
85813
85820
|
"kind": "javascript-module",
|
|
85814
85821
|
"path": "src/filter-input/operator/filter-operator.css.ts",
|
|
@@ -87932,7 +87939,7 @@
|
|
|
87932
87939
|
"privacy": "private",
|
|
87933
87940
|
"return": {
|
|
87934
87941
|
"type": {
|
|
87935
|
-
"text": "
|
|
87942
|
+
"text": "FieldPicker | null"
|
|
87936
87943
|
}
|
|
87937
87944
|
},
|
|
87938
87945
|
"parameters": [
|
|
@@ -88011,7 +88018,7 @@
|
|
|
88011
88018
|
"name": "handleDismiss",
|
|
88012
88019
|
"privacy": "private",
|
|
88013
88020
|
"readonly": true,
|
|
88014
|
-
"description": "A chip asking to go, answered as the filter going.\n\n**Taken rather than passed on, and only for a chip naming a declared\nfield.** Left alone, a dismissed chip removed itself and told the picker\nnothing, so the menu went on showing the value ticked and the reader's next\npress on it read as *unticking*: they pressed `Refunded` and nothing came\nback. Turning the request into `apply(field, [])` puts it down the one road\nevery other filter takes, so the chip goes because the filter went. A\nconsumer refusing that `helix-facet` keeps both, which is the answer a\nrefusal should give.\n\nEverything else in the row is untouched: a plain `Tag`, or a chip for\nsomething no `FilterField` declares, is the consumer's to answer.",
|
|
88021
|
+
"description": "A chip asking to go, answered as the filter going.\n\n**Taken rather than passed on, and only for a chip naming a declared\nfield.** Left alone, a dismissed chip removed itself and told the picker\nnothing, so the menu went on showing the value ticked and the reader's next\npress on it read as *unticking*: they pressed `Refunded` and nothing came\nback. Turning the request into `apply(field, [])` puts it down the one road\nevery other filter takes, so the chip goes because the filter went. A\nconsumer refusing that `helix-facet` keeps both, which is the answer a\nrefusal should give.\n\nEverything else in the row is untouched: a plain `Tag`, or a chip for\nsomething no `FilterField` declares, is the consumer's to answer.\n\n**Heard on the way down, in the capture phase**, because the chip is a\nchild of this element and its request passes here before it reaches the\nchip's listeners or comes back up. Stopped there, no listener on the chip,\non this element or above it hears it. Heard on the way up, `stopPropagation`\nkept it from the ancestors and not from this element's other listeners, so a\nconsumer listening on the field heard `helix-dismiss` as well as the\n`helix-facet` that answered it.",
|
|
88015
88022
|
"inheritedFrom": {
|
|
88016
88023
|
"name": "HelixHeadlessFilterInput",
|
|
88017
88024
|
"module": "src/filter-input/root/filter-input-root.ts"
|
|
@@ -88175,6 +88182,21 @@
|
|
|
88175
88182
|
"module": "src/filter-input/root/filter-input-root.ts"
|
|
88176
88183
|
}
|
|
88177
88184
|
},
|
|
88185
|
+
{
|
|
88186
|
+
"kind": "method",
|
|
88187
|
+
"name": "auditPicker",
|
|
88188
|
+
"privacy": "private",
|
|
88189
|
+
"return": {
|
|
88190
|
+
"type": {
|
|
88191
|
+
"text": "void"
|
|
88192
|
+
}
|
|
88193
|
+
},
|
|
88194
|
+
"description": "Says so when a picker is written in the field and never registered.\n\nThe picker has an entry of its own, so a page that imports only the field\ngets an inert element there: a trigger that opens nothing. Asked once the\npage has loaded and painted, so an entry a later module imports is not\ntaken for a missing one.",
|
|
88195
|
+
"inheritedFrom": {
|
|
88196
|
+
"name": "HelixHeadlessFilterInput",
|
|
88197
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
88198
|
+
}
|
|
88199
|
+
},
|
|
88178
88200
|
{
|
|
88179
88201
|
"kind": "method",
|
|
88180
88202
|
"name": "markActive",
|
|
@@ -100148,6 +100170,21 @@
|
|
|
100148
100170
|
}
|
|
100149
100171
|
]
|
|
100150
100172
|
},
|
|
100173
|
+
{
|
|
100174
|
+
"kind": "javascript-module",
|
|
100175
|
+
"path": "src/icon/all/index.ts",
|
|
100176
|
+
"declarations": [],
|
|
100177
|
+
"exports": [
|
|
100178
|
+
{
|
|
100179
|
+
"kind": "js",
|
|
100180
|
+
"name": "*",
|
|
100181
|
+
"declaration": {
|
|
100182
|
+
"name": "*",
|
|
100183
|
+
"module": "src/icon/index.js"
|
|
100184
|
+
}
|
|
100185
|
+
}
|
|
100186
|
+
]
|
|
100187
|
+
},
|
|
100151
100188
|
{
|
|
100152
100189
|
"kind": "javascript-module",
|
|
100153
100190
|
"path": "src/icon/index.ts",
|
|
@@ -100229,7 +100266,7 @@
|
|
|
100229
100266
|
"declarations": [
|
|
100230
100267
|
{
|
|
100231
100268
|
"kind": "class",
|
|
100232
|
-
"description": "Draws in `currentColor` and sizes from `--icon-size`, so an icon takes the\ncolor of the text around it and a container can resize it without a property.\nInside a button, `--icon-size` is set in `em`, so the icon scales with the\nbutton.\n\n**The glyph turns, flips and moves inside its own box**, so the line around\nit keeps its place: `rotate` turns it by a quarter, a half or three\nquarters, `--icon-rotate` by any angle, `flip` mirrors it across either\naxis, and `animation` spins, pulses or beats it, as Web Awesome's icon does.\nReduced motion stills every animation. `auto-width` gives the box the\nglyph's own proportions, for a mark wider than it is tall.",
|
|
100269
|
+
"description": "Draws in `currentColor` and sizes from `--icon-size`, so an icon takes the\ncolor of the text around it and a container can resize it without a property.\nInside a button, `--icon-size` is set in `em`, so the icon scales with the\nbutton.\n\n**The glyph turns, flips and moves inside its own box**, so the line around\nit keeps its place: `rotate` turns it by a quarter, a half or three\nquarters, `--icon-rotate` by any angle, `flip` mirrors it across either\naxis, and `animation` spins, pulses or beats it, as Web Awesome's icon does.\nReduced motion stills every animation. `auto-width` gives the box the\nglyph's own proportions, for a mark wider than it is tall.\n\n**`@fusion.dev/helix/icon` registers thirteen glyphs by name**, the ones a\ncontrol most often needs, and `@fusion.dev/helix/icon/all` registers the\nwhole set. The headless element lists the thirteen and says how a name is\nresolved.",
|
|
100233
100270
|
"name": "HelixIcon",
|
|
100234
100271
|
"cssProperties": [
|
|
100235
100272
|
{
|
|
@@ -100344,7 +100381,7 @@
|
|
|
100344
100381
|
"text": "string"
|
|
100345
100382
|
},
|
|
100346
100383
|
"default": "''",
|
|
100347
|
-
"description": "The name of the icon in the Helix set.\n\n**A lookup, and the reason both this and `icon` exist.** A name is a string,\nso it is what markup can carry, and resolving one means an index
|
|
100384
|
+
"description": "The name of the icon in the Helix set.\n\n**A lookup, and the reason both this and `icon` exist.** A name is a string,\nso it is what markup can carry, and resolving one means an index that no\nbundler can shake. The family's entry indexes a small set, `icon/all`\nindexes the whole set at 15 kB, and `icon/root` indexes nothing, for a\npage that registers the glyphs it names or hands over the value instead.\n\nA name written `prefix:name` asks the library registered under that\nprefix.",
|
|
100348
100385
|
"attribute": "name",
|
|
100349
100386
|
"inheritedFrom": {
|
|
100350
100387
|
"name": "HelixHeadlessIcon",
|
|
@@ -100978,7 +101015,7 @@
|
|
|
100978
101015
|
"text": "string"
|
|
100979
101016
|
},
|
|
100980
101017
|
"default": "''",
|
|
100981
|
-
"description": "The name of the icon in the Helix set.\n\n**A lookup, and the reason both this and `icon` exist.** A name is a string,\nso it is what markup can carry, and resolving one means an index
|
|
101018
|
+
"description": "The name of the icon in the Helix set.\n\n**A lookup, and the reason both this and `icon` exist.** A name is a string,\nso it is what markup can carry, and resolving one means an index that no\nbundler can shake. The family's entry indexes a small set, `icon/all`\nindexes the whole set at 15 kB, and `icon/root` indexes nothing, for a\npage that registers the glyphs it names or hands over the value instead.\n\nA name written `prefix:name` asks the library registered under that\nprefix.",
|
|
100982
101019
|
"fieldName": "name",
|
|
100983
101020
|
"inheritedFrom": {
|
|
100984
101021
|
"name": "HelixHeadlessIcon",
|
|
@@ -102575,6 +102612,14 @@
|
|
|
102575
102612
|
"module": "src/filter-input/index.js"
|
|
102576
102613
|
}
|
|
102577
102614
|
},
|
|
102615
|
+
{
|
|
102616
|
+
"kind": "js",
|
|
102617
|
+
"name": "*",
|
|
102618
|
+
"declaration": {
|
|
102619
|
+
"name": "*",
|
|
102620
|
+
"module": "src/filter-input/menu/index.js"
|
|
102621
|
+
}
|
|
102622
|
+
},
|
|
102578
102623
|
{
|
|
102579
102624
|
"kind": "js",
|
|
102580
102625
|
"name": "*",
|
|
@@ -102620,7 +102665,7 @@
|
|
|
102620
102665
|
"name": "*",
|
|
102621
102666
|
"declaration": {
|
|
102622
102667
|
"name": "*",
|
|
102623
|
-
"module": "src/icon/index.js"
|
|
102668
|
+
"module": "src/icon/all/index.js"
|
|
102624
102669
|
}
|
|
102625
102670
|
},
|
|
102626
102671
|
{
|
|
@@ -249350,6 +249395,6 @@
|
|
|
249350
249395
|
],
|
|
249351
249396
|
"helix": {
|
|
249352
249397
|
"package": "@fusion.dev/helix",
|
|
249353
|
-
"version": "0.
|
|
249398
|
+
"version": "0.176.0"
|
|
249354
249399
|
}
|
|
249355
249400
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { HelixHeadlessFilterMenu } from '@fusion.dev/helix-headless/filter-input';
|
|
1
|
+
import { HelixHeadlessFilterMenu } from '@fusion.dev/helix-headless/filter-input/menu';
|
|
2
2
|
import type { CSSResultGroup } from 'lit';
|
|
3
3
|
import '../../divider/index.js';
|
|
4
4
|
import '../../menu/index.js';
|
|
@@ -13,6 +13,10 @@ import '../../menu/index.js';
|
|
|
13
13
|
* The headless element documents the model, including why a tick applies a
|
|
14
14
|
* filter immediately and why the menu decides the operator.
|
|
15
15
|
*
|
|
16
|
+
* Imported from its own entry, `@fusion.dev/helix/filter-input/menu`, which registers
|
|
17
|
+
* it with the `Menu` it draws its pages with. The family's entry leaves it out,
|
|
18
|
+
* so a field without a picker does not carry `Menu`.
|
|
19
|
+
*
|
|
16
20
|
* @since 0.25.0
|
|
17
21
|
* @status stable
|
|
18
22
|
* @category forms
|
|
@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
import { customElement } from '@fusion.dev/helix-core';
|
|
8
|
-
import { HelixHeadlessFilterMenu } from '@fusion.dev/helix-headless/filter-input';
|
|
8
|
+
import { HelixHeadlessFilterMenu } from '@fusion.dev/helix-headless/filter-input/menu';
|
|
9
9
|
import { styles } from './filter-menu.css.js';
|
|
10
10
|
import '../../divider/index.js';
|
|
11
11
|
import '../../menu/index.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './filter-menu.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './filter-menu.js';
|
|
@@ -16,6 +16,11 @@ import type { CSSResultGroup } from 'lit';
|
|
|
16
16
|
* Reduced motion stills every animation. `auto-width` gives the box the
|
|
17
17
|
* glyph's own proportions, for a mark wider than it is tall.
|
|
18
18
|
*
|
|
19
|
+
* **`@fusion.dev/helix/icon` registers thirteen glyphs by name**, the ones a
|
|
20
|
+
* control most often needs, and `@fusion.dev/helix/icon/all` registers the
|
|
21
|
+
* whole set. The headless element lists the thirteen and says how a name is
|
|
22
|
+
* resolved.
|
|
23
|
+
*
|
|
19
24
|
* @since 0.1.0
|
|
20
25
|
* @status stable
|
|
21
26
|
* @category media
|
package/dist/index.d.ts
CHANGED
|
@@ -43,12 +43,13 @@ export * from './drilldown/index.js';
|
|
|
43
43
|
export * from './empty/index.js';
|
|
44
44
|
export * from './file-input/index.js';
|
|
45
45
|
export * from './filter-input/index.js';
|
|
46
|
+
export * from './filter-input/menu/index.js';
|
|
46
47
|
export * from './flex/index.js';
|
|
47
48
|
export * from './format-date/index.js';
|
|
48
49
|
export * from './graph/index.js';
|
|
49
50
|
export * from './grid/index.js';
|
|
50
51
|
export * from './heatmap/index.js';
|
|
51
|
-
export * from './icon/index.js';
|
|
52
|
+
export * from './icon/all/index.js';
|
|
52
53
|
export * from './icon-button/index.js';
|
|
53
54
|
export * from './image/index.js';
|
|
54
55
|
export * from './input/index.js';
|
package/dist/index.js
CHANGED
|
@@ -38,12 +38,13 @@ export * from './drilldown/index.js';
|
|
|
38
38
|
export * from './empty/index.js';
|
|
39
39
|
export * from './file-input/index.js';
|
|
40
40
|
export * from './filter-input/index.js';
|
|
41
|
+
export * from './filter-input/menu/index.js';
|
|
41
42
|
export * from './flex/index.js';
|
|
42
43
|
export * from './format-date/index.js';
|
|
43
44
|
export * from './graph/index.js';
|
|
44
45
|
export * from './grid/index.js';
|
|
45
46
|
export * from './heatmap/index.js';
|
|
46
|
-
export * from './icon/index.js';
|
|
47
|
+
export * from './icon/all/index.js';
|
|
47
48
|
export * from './icon-button/index.js';
|
|
48
49
|
export * from './image/index.js';
|
|
49
50
|
export * from './input/index.js';
|