@emuanalytics/flow-rdf-ui 4.0.1 → 4.0.2

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.
@@ -265,6 +265,191 @@
265
265
  }
266
266
  ]
267
267
  },
268
+ {
269
+ "kind": "javascript-module",
270
+ "path": "components/avatar/avatar.component.js",
271
+ "declarations": [
272
+ {
273
+ "kind": "class",
274
+ "description": "",
275
+ "name": "FlowUiAvatar",
276
+ "cssProperties": [
277
+ {
278
+ "description": "The size of the avatar.",
279
+ "name": "--size"
280
+ }
281
+ ],
282
+ "cssParts": [
283
+ {
284
+ "description": "The component's base wrapper.",
285
+ "name": "base"
286
+ },
287
+ {
288
+ "description": "The container that wraps the avatar's icon.",
289
+ "name": "icon"
290
+ },
291
+ {
292
+ "description": "The container that wraps the avatar's initials.",
293
+ "name": "initials"
294
+ },
295
+ {
296
+ "description": "The avatar image. Only shown when the `image` attribute is set.",
297
+ "name": "image"
298
+ }
299
+ ],
300
+ "slots": [
301
+ {
302
+ "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
303
+ "name": "icon"
304
+ }
305
+ ],
306
+ "members": [
307
+ {
308
+ "kind": "field",
309
+ "name": "hasError",
310
+ "type": {
311
+ "text": "boolean"
312
+ },
313
+ "privacy": "private",
314
+ "default": "false"
315
+ },
316
+ {
317
+ "kind": "field",
318
+ "name": "image",
319
+ "type": {
320
+ "text": "string"
321
+ },
322
+ "default": "''",
323
+ "description": "The image source to use for the avatar.",
324
+ "attribute": "image"
325
+ },
326
+ {
327
+ "kind": "field",
328
+ "name": "label",
329
+ "type": {
330
+ "text": "string"
331
+ },
332
+ "default": "''",
333
+ "description": "A label to use to describe the avatar to assistive devices.",
334
+ "attribute": "label"
335
+ },
336
+ {
337
+ "kind": "field",
338
+ "name": "initials",
339
+ "type": {
340
+ "text": "string"
341
+ },
342
+ "default": "''",
343
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
344
+ "attribute": "initials"
345
+ },
346
+ {
347
+ "kind": "field",
348
+ "name": "loading",
349
+ "type": {
350
+ "text": "'eager' | 'lazy'"
351
+ },
352
+ "default": "'eager'",
353
+ "description": "Indicates how the browser should load the image.",
354
+ "attribute": "loading"
355
+ },
356
+ {
357
+ "kind": "field",
358
+ "name": "shape",
359
+ "type": {
360
+ "text": "'circle' | 'square' | 'rounded'"
361
+ },
362
+ "default": "'circle'",
363
+ "description": "The shape of the avatar.",
364
+ "attribute": "shape",
365
+ "reflects": true
366
+ }
367
+ ],
368
+ "attributes": [
369
+ {
370
+ "name": "image",
371
+ "type": {
372
+ "text": "string"
373
+ },
374
+ "default": "''",
375
+ "description": "The image source to use for the avatar.",
376
+ "fieldName": "image"
377
+ },
378
+ {
379
+ "name": "label",
380
+ "type": {
381
+ "text": "string"
382
+ },
383
+ "default": "''",
384
+ "description": "A label to use to describe the avatar to assistive devices.",
385
+ "fieldName": "label"
386
+ },
387
+ {
388
+ "name": "initials",
389
+ "type": {
390
+ "text": "string"
391
+ },
392
+ "default": "''",
393
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
394
+ "fieldName": "initials"
395
+ },
396
+ {
397
+ "name": "loading",
398
+ "type": {
399
+ "text": "'eager' | 'lazy'"
400
+ },
401
+ "default": "'eager'",
402
+ "description": "Indicates how the browser should load the image.",
403
+ "fieldName": "loading"
404
+ },
405
+ {
406
+ "name": "shape",
407
+ "type": {
408
+ "text": "'circle' | 'square' | 'rounded'"
409
+ },
410
+ "default": "'circle'",
411
+ "description": "The shape of the avatar.",
412
+ "fieldName": "shape"
413
+ }
414
+ ],
415
+ "superclass": {
416
+ "name": "FlowRdfElement",
417
+ "module": "/src/internal/flow-ui-rdf-element"
418
+ },
419
+ "tagName": "flow-ui-avatar",
420
+ "summary": "Avatars are used to represent a person or object.",
421
+ "dependencies": [
422
+ "flow-ui-icon"
423
+ ],
424
+ "customElement": true
425
+ }
426
+ ],
427
+ "exports": [
428
+ {
429
+ "kind": "js",
430
+ "name": "default",
431
+ "declaration": {
432
+ "name": "FlowUiAvatar",
433
+ "module": "components/avatar/avatar.component.js"
434
+ }
435
+ }
436
+ ]
437
+ },
438
+ {
439
+ "kind": "javascript-module",
440
+ "path": "components/avatar/avatar.js",
441
+ "declarations": [],
442
+ "exports": [
443
+ {
444
+ "kind": "js",
445
+ "name": "default",
446
+ "declaration": {
447
+ "name": "FlowUiAvatar",
448
+ "module": "components/avatar/avatar.js"
449
+ }
450
+ }
451
+ ]
452
+ },
268
453
  {
269
454
  "kind": "javascript-module",
270
455
  "path": "components/animation/animation.component.js",
@@ -1904,255 +2089,70 @@
1904
2089
  },
1905
2090
  {
1906
2091
  "kind": "javascript-module",
1907
- "path": "components/avatar/avatar.component.js",
2092
+ "path": "components/calendar/calendar.component.js",
1908
2093
  "declarations": [
1909
2094
  {
1910
2095
  "kind": "class",
1911
2096
  "description": "",
1912
- "name": "FlowUiAvatar",
2097
+ "name": "FlowUiCalendar",
1913
2098
  "cssProperties": [
1914
2099
  {
1915
- "description": "The size of the avatar.",
1916
- "name": "--size"
1917
- }
1918
- ],
1919
- "cssParts": [
1920
- {
1921
- "description": "The component's base wrapper.",
1922
- "name": "base"
1923
- },
1924
- {
1925
- "description": "The container that wraps the avatar's icon.",
1926
- "name": "icon"
2100
+ "description": "The width of the calendar in CSS units. Set automatically if `size` is set.",
2101
+ "name": "--width"
1927
2102
  },
1928
2103
  {
1929
- "description": "The container that wraps the avatar's initials.",
1930
- "name": "initials"
2104
+ "description": "The font size of the calendar. Set automatically if `size` is set.",
2105
+ "name": "--font-size"
1931
2106
  },
1932
2107
  {
1933
- "description": "The avatar image. Only shown when the `image` attribute is set.",
1934
- "name": "image"
2108
+ "description": "The font size of the day labels. Set automatically if `size` is set.",
2109
+ "name": "--day-font-size"
1935
2110
  }
1936
2111
  ],
1937
- "slots": [
2112
+ "cssParts": [
1938
2113
  {
1939
- "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
1940
- "name": "icon"
2114
+ "description": "The component's base wrapper.",
2115
+ "name": "base"
1941
2116
  }
1942
2117
  ],
1943
2118
  "members": [
1944
2119
  {
1945
2120
  "kind": "field",
1946
- "name": "hasError",
2121
+ "name": "_monthSelect",
1947
2122
  "type": {
1948
- "text": "boolean"
2123
+ "text": "FlowSelect"
1949
2124
  },
1950
- "privacy": "private",
1951
- "default": "false"
2125
+ "privacy": "private"
1952
2126
  },
1953
2127
  {
1954
2128
  "kind": "field",
1955
- "name": "image",
2129
+ "name": "_yearSelect",
1956
2130
  "type": {
1957
- "text": "string"
2131
+ "text": "FlowSelect"
1958
2132
  },
1959
- "default": "''",
1960
- "description": "The image source to use for the avatar.",
1961
- "attribute": "image"
2133
+ "privacy": "private"
1962
2134
  },
1963
2135
  {
1964
2136
  "kind": "field",
1965
- "name": "label",
2137
+ "name": "_displayDate",
1966
2138
  "type": {
1967
- "text": "string"
2139
+ "text": "DateTime<true>"
1968
2140
  },
1969
- "default": "''",
1970
- "description": "A label to use to describe the avatar to assistive devices.",
1971
- "attribute": "label"
2141
+ "privacy": "private"
1972
2142
  },
1973
2143
  {
1974
2144
  "kind": "field",
1975
- "name": "initials",
2145
+ "name": "_selectedDate",
1976
2146
  "type": {
1977
- "text": "string"
2147
+ "text": "DateTime<true> | undefined"
1978
2148
  },
1979
- "default": "''",
1980
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1981
- "attribute": "initials"
2149
+ "privacy": "private"
1982
2150
  },
1983
2151
  {
1984
2152
  "kind": "field",
1985
- "name": "loading",
2153
+ "name": "value",
1986
2154
  "type": {
1987
- "text": "'eager' | 'lazy'"
1988
- },
1989
- "default": "'eager'",
1990
- "description": "Indicates how the browser should load the image.",
1991
- "attribute": "loading"
1992
- },
1993
- {
1994
- "kind": "field",
1995
- "name": "shape",
1996
- "type": {
1997
- "text": "'circle' | 'square' | 'rounded'"
1998
- },
1999
- "default": "'circle'",
2000
- "description": "The shape of the avatar.",
2001
- "attribute": "shape",
2002
- "reflects": true
2003
- }
2004
- ],
2005
- "attributes": [
2006
- {
2007
- "name": "image",
2008
- "type": {
2009
- "text": "string"
2010
- },
2011
- "default": "''",
2012
- "description": "The image source to use for the avatar.",
2013
- "fieldName": "image"
2014
- },
2015
- {
2016
- "name": "label",
2017
- "type": {
2018
- "text": "string"
2019
- },
2020
- "default": "''",
2021
- "description": "A label to use to describe the avatar to assistive devices.",
2022
- "fieldName": "label"
2023
- },
2024
- {
2025
- "name": "initials",
2026
- "type": {
2027
- "text": "string"
2028
- },
2029
- "default": "''",
2030
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
2031
- "fieldName": "initials"
2032
- },
2033
- {
2034
- "name": "loading",
2035
- "type": {
2036
- "text": "'eager' | 'lazy'"
2037
- },
2038
- "default": "'eager'",
2039
- "description": "Indicates how the browser should load the image.",
2040
- "fieldName": "loading"
2041
- },
2042
- {
2043
- "name": "shape",
2044
- "type": {
2045
- "text": "'circle' | 'square' | 'rounded'"
2046
- },
2047
- "default": "'circle'",
2048
- "description": "The shape of the avatar.",
2049
- "fieldName": "shape"
2050
- }
2051
- ],
2052
- "superclass": {
2053
- "name": "FlowRdfElement",
2054
- "module": "/src/internal/flow-ui-rdf-element"
2055
- },
2056
- "tagName": "flow-ui-avatar",
2057
- "summary": "Avatars are used to represent a person or object.",
2058
- "dependencies": [
2059
- "flow-ui-icon"
2060
- ],
2061
- "customElement": true
2062
- }
2063
- ],
2064
- "exports": [
2065
- {
2066
- "kind": "js",
2067
- "name": "default",
2068
- "declaration": {
2069
- "name": "FlowUiAvatar",
2070
- "module": "components/avatar/avatar.component.js"
2071
- }
2072
- }
2073
- ]
2074
- },
2075
- {
2076
- "kind": "javascript-module",
2077
- "path": "components/avatar/avatar.js",
2078
- "declarations": [],
2079
- "exports": [
2080
- {
2081
- "kind": "js",
2082
- "name": "default",
2083
- "declaration": {
2084
- "name": "FlowUiAvatar",
2085
- "module": "components/avatar/avatar.js"
2086
- }
2087
- }
2088
- ]
2089
- },
2090
- {
2091
- "kind": "javascript-module",
2092
- "path": "components/calendar/calendar.component.js",
2093
- "declarations": [
2094
- {
2095
- "kind": "class",
2096
- "description": "",
2097
- "name": "FlowUiCalendar",
2098
- "cssProperties": [
2099
- {
2100
- "description": "The width of the calendar in CSS units. Set automatically if `size` is set.",
2101
- "name": "--width"
2102
- },
2103
- {
2104
- "description": "The font size of the calendar. Set automatically if `size` is set.",
2105
- "name": "--font-size"
2106
- },
2107
- {
2108
- "description": "The font size of the day labels. Set automatically if `size` is set.",
2109
- "name": "--day-font-size"
2110
- }
2111
- ],
2112
- "cssParts": [
2113
- {
2114
- "description": "The component's base wrapper.",
2115
- "name": "base"
2116
- }
2117
- ],
2118
- "members": [
2119
- {
2120
- "kind": "field",
2121
- "name": "_monthSelect",
2122
- "type": {
2123
- "text": "FlowSelect"
2124
- },
2125
- "privacy": "private"
2126
- },
2127
- {
2128
- "kind": "field",
2129
- "name": "_yearSelect",
2130
- "type": {
2131
- "text": "FlowSelect"
2132
- },
2133
- "privacy": "private"
2134
- },
2135
- {
2136
- "kind": "field",
2137
- "name": "_displayDate",
2138
- "type": {
2139
- "text": "DateTime<true>"
2140
- },
2141
- "privacy": "private"
2142
- },
2143
- {
2144
- "kind": "field",
2145
- "name": "_selectedDate",
2146
- "type": {
2147
- "text": "DateTime<true> | undefined"
2148
- },
2149
- "privacy": "private"
2150
- },
2151
- {
2152
- "kind": "field",
2153
- "name": "value",
2154
- "type": {
2155
- "text": "string"
2155
+ "text": "string"
2156
2156
  },
2157
2157
  "description": "The value of the control. (ISO8601 date/time string)",
2158
2158
  "attribute": "value",
@@ -12563,266 +12563,62 @@
12563
12563
  },
12564
12564
  {
12565
12565
  "kind": "javascript-module",
12566
- "path": "components/radio/radio.component.js",
12566
+ "path": "components/query-builder/default-value-templates.js",
12567
12567
  "declarations": [
12568
12568
  {
12569
- "kind": "class",
12570
- "description": "",
12571
- "name": "FlowUiRadio",
12572
- "cssParts": [
12573
- {
12574
- "description": "The component's base wrapper.",
12575
- "name": "base"
12576
- },
12569
+ "kind": "function",
12570
+ "name": "defaultStringTemplate",
12571
+ "parameters": [
12577
12572
  {
12578
- "description": "The circular container that wraps the radio's checked state.",
12579
- "name": "control"
12573
+ "name": "rule",
12574
+ "type": {
12575
+ "text": "FlowQueryBuilderRule<string>"
12576
+ }
12580
12577
  },
12581
12578
  {
12582
- "description": "The radio control when the radio is checked.",
12583
- "name": "control--checked"
12579
+ "name": "field",
12580
+ "type": {
12581
+ "text": "FlowQueryBuilderStringField"
12582
+ }
12584
12583
  },
12585
12584
  {
12586
- "description": "The checked icon, an `<flow-ui-icon>` element.",
12587
- "name": "checked-icon"
12585
+ "name": "qb",
12586
+ "type": {
12587
+ "text": "FlowQueryBuilder"
12588
+ }
12588
12589
  },
12589
12590
  {
12590
- "description": "The container that wraps the radio's label.",
12591
- "name": "label"
12592
- }
12593
- ],
12594
- "slots": [
12595
- {
12596
- "description": "The radio's label.",
12597
- "name": ""
12591
+ "name": "update",
12592
+ "type": {
12593
+ "text": "() => void"
12594
+ }
12598
12595
  }
12599
- ],
12600
- "members": [
12596
+ ]
12597
+ },
12598
+ {
12599
+ "kind": "function",
12600
+ "name": "defaultNumberTemplate",
12601
+ "parameters": [
12601
12602
  {
12602
- "kind": "field",
12603
- "name": "value",
12603
+ "name": "rule",
12604
12604
  "type": {
12605
- "text": "string"
12606
- },
12607
- "description": "The radio's value. When selected, the radio group will receive this value.",
12608
- "attribute": "value"
12605
+ "text": "FlowQueryBuilderRule<number>"
12606
+ }
12609
12607
  },
12610
12608
  {
12611
- "kind": "field",
12612
- "name": "size",
12609
+ "name": "field",
12613
12610
  "type": {
12614
- "text": "'small' | 'medium' | 'large'"
12615
- },
12616
- "default": "'medium'",
12617
- "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
12618
- "attribute": "size",
12619
- "reflects": true
12611
+ "text": "FlowQueryBuilderNumberField"
12612
+ }
12620
12613
  },
12621
12614
  {
12622
- "kind": "field",
12623
- "name": "variant",
12615
+ "name": "qb",
12624
12616
  "type": {
12625
- "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral'"
12626
- },
12627
- "default": "'secondary'",
12628
- "description": "The radio's variant color.",
12629
- "attribute": "variant"
12617
+ "text": "FlowQueryBuilder"
12618
+ }
12630
12619
  },
12631
12620
  {
12632
- "kind": "field",
12633
- "name": "disabled",
12634
- "type": {
12635
- "text": "boolean"
12636
- },
12637
- "default": "false",
12638
- "description": "Disables the radio.",
12639
- "attribute": "disabled",
12640
- "reflects": true
12641
- },
12642
- {
12643
- "kind": "method",
12644
- "name": "addEventListeners",
12645
- "privacy": "private"
12646
- },
12647
- {
12648
- "kind": "method",
12649
- "name": "removeEventListeners",
12650
- "privacy": "private"
12651
- },
12652
- {
12653
- "kind": "method",
12654
- "name": "handleBlur",
12655
- "privacy": "private"
12656
- },
12657
- {
12658
- "kind": "method",
12659
- "name": "handleClick",
12660
- "privacy": "private"
12661
- },
12662
- {
12663
- "kind": "method",
12664
- "name": "handleFocus",
12665
- "privacy": "private"
12666
- },
12667
- {
12668
- "kind": "method",
12669
- "name": "setInitialAttributes",
12670
- "privacy": "private"
12671
- }
12672
- ],
12673
- "events": [
12674
- {
12675
- "description": "Emitted when the control loses focus.",
12676
- "name": "flow-ui-blur",
12677
- "reactName": "onFlowUiBlur"
12678
- },
12679
- {
12680
- "description": "Emitted when the control gains focus.",
12681
- "name": "flow-ui-focus",
12682
- "reactName": "onFlowUiFocus"
12683
- }
12684
- ],
12685
- "attributes": [
12686
- {
12687
- "name": "value",
12688
- "type": {
12689
- "text": "string"
12690
- },
12691
- "description": "The radio's value. When selected, the radio group will receive this value.",
12692
- "fieldName": "value"
12693
- },
12694
- {
12695
- "name": "size",
12696
- "type": {
12697
- "text": "'small' | 'medium' | 'large'"
12698
- },
12699
- "default": "'medium'",
12700
- "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
12701
- "fieldName": "size"
12702
- },
12703
- {
12704
- "name": "variant",
12705
- "type": {
12706
- "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral'"
12707
- },
12708
- "default": "'secondary'",
12709
- "description": "The radio's variant color.",
12710
- "fieldName": "variant"
12711
- },
12712
- {
12713
- "name": "disabled",
12714
- "type": {
12715
- "text": "boolean"
12716
- },
12717
- "default": "false",
12718
- "description": "Disables the radio.",
12719
- "fieldName": "disabled"
12720
- }
12721
- ],
12722
- "superclass": {
12723
- "name": "FlowRdfElement",
12724
- "module": "/src/internal/flow-ui-rdf-element"
12725
- },
12726
- "tagName": "flow-ui-radio",
12727
- "summary": "Radios allow the user to select a single option from a group.",
12728
- "dependencies": [
12729
- "flow-ui-icon"
12730
- ],
12731
- "customElement": true
12732
- }
12733
- ],
12734
- "exports": [
12735
- {
12736
- "kind": "js",
12737
- "name": "default",
12738
- "declaration": {
12739
- "name": "FlowUiRadio",
12740
- "module": "components/radio/radio.component.js"
12741
- }
12742
- }
12743
- ]
12744
- },
12745
- {
12746
- "kind": "javascript-module",
12747
- "path": "components/radio/radio.js",
12748
- "declarations": [],
12749
- "exports": [
12750
- {
12751
- "kind": "js",
12752
- "name": "*",
12753
- "declaration": {
12754
- "name": "*",
12755
- "package": "./radio.component"
12756
- }
12757
- },
12758
- {
12759
- "kind": "js",
12760
- "name": "default",
12761
- "declaration": {
12762
- "name": "FlowUiRadio",
12763
- "module": "components/radio/radio.js"
12764
- }
12765
- }
12766
- ]
12767
- },
12768
- {
12769
- "kind": "javascript-module",
12770
- "path": "components/query-builder/default-value-templates.js",
12771
- "declarations": [
12772
- {
12773
- "kind": "function",
12774
- "name": "defaultStringTemplate",
12775
- "parameters": [
12776
- {
12777
- "name": "rule",
12778
- "type": {
12779
- "text": "FlowQueryBuilderRule<string>"
12780
- }
12781
- },
12782
- {
12783
- "name": "field",
12784
- "type": {
12785
- "text": "FlowQueryBuilderStringField"
12786
- }
12787
- },
12788
- {
12789
- "name": "qb",
12790
- "type": {
12791
- "text": "FlowQueryBuilder"
12792
- }
12793
- },
12794
- {
12795
- "name": "update",
12796
- "type": {
12797
- "text": "() => void"
12798
- }
12799
- }
12800
- ]
12801
- },
12802
- {
12803
- "kind": "function",
12804
- "name": "defaultNumberTemplate",
12805
- "parameters": [
12806
- {
12807
- "name": "rule",
12808
- "type": {
12809
- "text": "FlowQueryBuilderRule<number>"
12810
- }
12811
- },
12812
- {
12813
- "name": "field",
12814
- "type": {
12815
- "text": "FlowQueryBuilderNumberField"
12816
- }
12817
- },
12818
- {
12819
- "name": "qb",
12820
- "type": {
12821
- "text": "FlowQueryBuilder"
12822
- }
12823
- },
12824
- {
12825
- "name": "update",
12621
+ "name": "update",
12826
12622
  "type": {
12827
12623
  "text": "() => void"
12828
12624
  }
@@ -13744,88 +13540,292 @@
13744
13540
  },
13745
13541
  {
13746
13542
  "kind": "javascript-module",
13747
- "path": "components/radio-group/radio-group.component.js",
13543
+ "path": "components/radio/radio.component.js",
13748
13544
  "declarations": [
13749
13545
  {
13750
13546
  "kind": "class",
13751
13547
  "description": "",
13752
- "name": "FlowUiRadioGroup",
13548
+ "name": "FlowUiRadio",
13753
13549
  "cssParts": [
13754
13550
  {
13755
- "description": "The form control that wraps the label, input, and help text.",
13756
- "name": "form-control"
13757
- },
13758
- {
13759
- "description": "The label's wrapper.",
13760
- "name": "form-control-label"
13551
+ "description": "The component's base wrapper.",
13552
+ "name": "base"
13761
13553
  },
13762
13554
  {
13763
- "description": "The input's wrapper.",
13764
- "name": "form-control-input"
13555
+ "description": "The circular container that wraps the radio's checked state.",
13556
+ "name": "control"
13765
13557
  },
13766
13558
  {
13767
- "description": "The help text's wrapper.",
13768
- "name": "form-control-help-text"
13559
+ "description": "The radio control when the radio is checked.",
13560
+ "name": "control--checked"
13769
13561
  },
13770
13562
  {
13771
- "description": "The button group that wraps radio buttons.",
13772
- "name": "button-group"
13563
+ "description": "The checked icon, an `<flow-ui-icon>` element.",
13564
+ "name": "checked-icon"
13773
13565
  },
13774
13566
  {
13775
- "description": "The button group's `base` part.",
13776
- "name": "button-group__base"
13567
+ "description": "The container that wraps the radio's label.",
13568
+ "name": "label"
13777
13569
  }
13778
13570
  ],
13779
13571
  "slots": [
13780
13572
  {
13781
- "description": "The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.",
13573
+ "description": "The radio's label.",
13782
13574
  "name": ""
13783
- },
13784
- {
13785
- "description": "The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
13786
- "name": "label"
13787
13575
  }
13788
13576
  ],
13789
13577
  "members": [
13790
13578
  {
13791
13579
  "kind": "field",
13792
- "name": "formControlController",
13793
- "privacy": "protected",
13794
- "readonly": true,
13795
- "default": "new FormControlController(this)"
13796
- },
13797
- {
13798
- "kind": "field",
13799
- "name": "hasSlotController",
13800
- "privacy": "private",
13801
- "readonly": true,
13802
- "default": "new HasSlotController(this, 'help-text', 'label')"
13803
- },
13804
- {
13805
- "kind": "field",
13806
- "name": "customValidityMessage",
13580
+ "name": "value",
13807
13581
  "type": {
13808
13582
  "text": "string"
13809
13583
  },
13810
- "privacy": "private",
13811
- "default": "''"
13584
+ "description": "The radio's value. When selected, the radio group will receive this value.",
13585
+ "attribute": "value"
13812
13586
  },
13813
13587
  {
13814
13588
  "kind": "field",
13815
- "name": "validationTimeout",
13589
+ "name": "size",
13816
13590
  "type": {
13817
- "text": "number"
13591
+ "text": "'small' | 'medium' | 'large'"
13818
13592
  },
13819
- "privacy": "private"
13593
+ "default": "'medium'",
13594
+ "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
13595
+ "attribute": "size",
13596
+ "reflects": true
13820
13597
  },
13821
13598
  {
13822
13599
  "kind": "field",
13823
- "name": "errorMessage",
13600
+ "name": "variant",
13824
13601
  "type": {
13825
- "text": "string"
13602
+ "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral'"
13826
13603
  },
13827
- "privacy": "private",
13828
- "default": "''"
13604
+ "default": "'secondary'",
13605
+ "description": "The radio's variant color.",
13606
+ "attribute": "variant"
13607
+ },
13608
+ {
13609
+ "kind": "field",
13610
+ "name": "disabled",
13611
+ "type": {
13612
+ "text": "boolean"
13613
+ },
13614
+ "default": "false",
13615
+ "description": "Disables the radio.",
13616
+ "attribute": "disabled",
13617
+ "reflects": true
13618
+ },
13619
+ {
13620
+ "kind": "method",
13621
+ "name": "addEventListeners",
13622
+ "privacy": "private"
13623
+ },
13624
+ {
13625
+ "kind": "method",
13626
+ "name": "removeEventListeners",
13627
+ "privacy": "private"
13628
+ },
13629
+ {
13630
+ "kind": "method",
13631
+ "name": "handleBlur",
13632
+ "privacy": "private"
13633
+ },
13634
+ {
13635
+ "kind": "method",
13636
+ "name": "handleClick",
13637
+ "privacy": "private"
13638
+ },
13639
+ {
13640
+ "kind": "method",
13641
+ "name": "handleFocus",
13642
+ "privacy": "private"
13643
+ },
13644
+ {
13645
+ "kind": "method",
13646
+ "name": "setInitialAttributes",
13647
+ "privacy": "private"
13648
+ }
13649
+ ],
13650
+ "events": [
13651
+ {
13652
+ "description": "Emitted when the control loses focus.",
13653
+ "name": "flow-ui-blur",
13654
+ "reactName": "onFlowUiBlur"
13655
+ },
13656
+ {
13657
+ "description": "Emitted when the control gains focus.",
13658
+ "name": "flow-ui-focus",
13659
+ "reactName": "onFlowUiFocus"
13660
+ }
13661
+ ],
13662
+ "attributes": [
13663
+ {
13664
+ "name": "value",
13665
+ "type": {
13666
+ "text": "string"
13667
+ },
13668
+ "description": "The radio's value. When selected, the radio group will receive this value.",
13669
+ "fieldName": "value"
13670
+ },
13671
+ {
13672
+ "name": "size",
13673
+ "type": {
13674
+ "text": "'small' | 'medium' | 'large'"
13675
+ },
13676
+ "default": "'medium'",
13677
+ "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
13678
+ "fieldName": "size"
13679
+ },
13680
+ {
13681
+ "name": "variant",
13682
+ "type": {
13683
+ "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral'"
13684
+ },
13685
+ "default": "'secondary'",
13686
+ "description": "The radio's variant color.",
13687
+ "fieldName": "variant"
13688
+ },
13689
+ {
13690
+ "name": "disabled",
13691
+ "type": {
13692
+ "text": "boolean"
13693
+ },
13694
+ "default": "false",
13695
+ "description": "Disables the radio.",
13696
+ "fieldName": "disabled"
13697
+ }
13698
+ ],
13699
+ "superclass": {
13700
+ "name": "FlowRdfElement",
13701
+ "module": "/src/internal/flow-ui-rdf-element"
13702
+ },
13703
+ "tagName": "flow-ui-radio",
13704
+ "summary": "Radios allow the user to select a single option from a group.",
13705
+ "dependencies": [
13706
+ "flow-ui-icon"
13707
+ ],
13708
+ "customElement": true
13709
+ }
13710
+ ],
13711
+ "exports": [
13712
+ {
13713
+ "kind": "js",
13714
+ "name": "default",
13715
+ "declaration": {
13716
+ "name": "FlowUiRadio",
13717
+ "module": "components/radio/radio.component.js"
13718
+ }
13719
+ }
13720
+ ]
13721
+ },
13722
+ {
13723
+ "kind": "javascript-module",
13724
+ "path": "components/radio/radio.js",
13725
+ "declarations": [],
13726
+ "exports": [
13727
+ {
13728
+ "kind": "js",
13729
+ "name": "*",
13730
+ "declaration": {
13731
+ "name": "*",
13732
+ "package": "./radio.component"
13733
+ }
13734
+ },
13735
+ {
13736
+ "kind": "js",
13737
+ "name": "default",
13738
+ "declaration": {
13739
+ "name": "FlowUiRadio",
13740
+ "module": "components/radio/radio.js"
13741
+ }
13742
+ }
13743
+ ]
13744
+ },
13745
+ {
13746
+ "kind": "javascript-module",
13747
+ "path": "components/radio-group/radio-group.component.js",
13748
+ "declarations": [
13749
+ {
13750
+ "kind": "class",
13751
+ "description": "",
13752
+ "name": "FlowUiRadioGroup",
13753
+ "cssParts": [
13754
+ {
13755
+ "description": "The form control that wraps the label, input, and help text.",
13756
+ "name": "form-control"
13757
+ },
13758
+ {
13759
+ "description": "The label's wrapper.",
13760
+ "name": "form-control-label"
13761
+ },
13762
+ {
13763
+ "description": "The input's wrapper.",
13764
+ "name": "form-control-input"
13765
+ },
13766
+ {
13767
+ "description": "The help text's wrapper.",
13768
+ "name": "form-control-help-text"
13769
+ },
13770
+ {
13771
+ "description": "The button group that wraps radio buttons.",
13772
+ "name": "button-group"
13773
+ },
13774
+ {
13775
+ "description": "The button group's `base` part.",
13776
+ "name": "button-group__base"
13777
+ }
13778
+ ],
13779
+ "slots": [
13780
+ {
13781
+ "description": "The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.",
13782
+ "name": ""
13783
+ },
13784
+ {
13785
+ "description": "The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
13786
+ "name": "label"
13787
+ }
13788
+ ],
13789
+ "members": [
13790
+ {
13791
+ "kind": "field",
13792
+ "name": "formControlController",
13793
+ "privacy": "protected",
13794
+ "readonly": true,
13795
+ "default": "new FormControlController(this)"
13796
+ },
13797
+ {
13798
+ "kind": "field",
13799
+ "name": "hasSlotController",
13800
+ "privacy": "private",
13801
+ "readonly": true,
13802
+ "default": "new HasSlotController(this, 'help-text', 'label')"
13803
+ },
13804
+ {
13805
+ "kind": "field",
13806
+ "name": "customValidityMessage",
13807
+ "type": {
13808
+ "text": "string"
13809
+ },
13810
+ "privacy": "private",
13811
+ "default": "''"
13812
+ },
13813
+ {
13814
+ "kind": "field",
13815
+ "name": "validationTimeout",
13816
+ "type": {
13817
+ "text": "number"
13818
+ },
13819
+ "privacy": "private"
13820
+ },
13821
+ {
13822
+ "kind": "field",
13823
+ "name": "errorMessage",
13824
+ "type": {
13825
+ "text": "string"
13826
+ },
13827
+ "privacy": "private",
13828
+ "default": "''"
13829
13829
  },
13830
13830
  {
13831
13831
  "kind": "field",
@@ -21255,43 +21255,84 @@
21255
21255
  },
21256
21256
  {
21257
21257
  "kind": "javascript-module",
21258
- "path": "components/tree/tree.component.js",
21258
+ "path": "components/tree-item/tree-item.component.js",
21259
21259
  "declarations": [
21260
21260
  {
21261
21261
  "kind": "class",
21262
21262
  "description": "",
21263
- "name": "FlowUiTree",
21264
- "cssProperties": [
21263
+ "name": "FlowUiTreeItem",
21264
+ "cssParts": [
21265
21265
  {
21266
- "description": "The size of the indentation for nested items.",
21267
- "name": "--indent-size",
21268
- "default": "var(--flow-ui-spacing-medium)"
21266
+ "description": "The component's base wrapper.",
21267
+ "name": "base"
21269
21268
  },
21270
21269
  {
21271
- "description": "The color of the indentation line.",
21272
- "name": "--indent-guide-color",
21273
- "default": "var(--flow-ui-color-neutral-200)"
21270
+ "description": "The tree item's container. This element wraps everything except slotted tree item children.",
21271
+ "name": "item"
21274
21272
  },
21275
21273
  {
21276
- "description": "The amount of vertical spacing to leave between the top and bottom of the indentation line's starting position.",
21277
- "name": "--indent-guide-offset",
21278
- "default": "0"
21274
+ "description": "Applied when the tree item is disabled.",
21275
+ "name": "item--disabled"
21279
21276
  },
21280
21277
  {
21281
- "description": "The style of the indentation line, e.g. solid, dotted, dashed.",
21282
- "name": "--indent-guide-style",
21283
- "default": "solid"
21278
+ "description": "Applied when the tree item is expanded.",
21279
+ "name": "item--expanded"
21284
21280
  },
21285
21281
  {
21286
- "description": "The width of the indentation line.",
21287
- "name": "--indent-guide-width",
21288
- "default": "0"
21289
- }
21290
- ],
21291
- "cssParts": [
21292
- {
21293
- "description": "The component's base wrapper.",
21294
- "name": "base"
21282
+ "description": "Applied when the selection is indeterminate.",
21283
+ "name": "item--indeterminate"
21284
+ },
21285
+ {
21286
+ "description": "Applied when the tree item is selected.",
21287
+ "name": "item--selected"
21288
+ },
21289
+ {
21290
+ "description": "The tree item's indentation container.",
21291
+ "name": "indentation"
21292
+ },
21293
+ {
21294
+ "description": "The container that wraps the tree item's expand button and spinner.",
21295
+ "name": "expand-button"
21296
+ },
21297
+ {
21298
+ "description": "The tree item's label.",
21299
+ "name": "label"
21300
+ },
21301
+ {
21302
+ "description": "The container that wraps the tree item's nested children.",
21303
+ "name": "children"
21304
+ },
21305
+ {
21306
+ "description": "The checkbox that shows when using multiselect.",
21307
+ "name": "checkbox"
21308
+ },
21309
+ {
21310
+ "description": "The checkbox's exported `base` part.",
21311
+ "name": "checkbox__base"
21312
+ },
21313
+ {
21314
+ "description": "The checkbox's exported `control` part.",
21315
+ "name": "checkbox__control"
21316
+ },
21317
+ {
21318
+ "description": "The checkbox's exported `control--checked` part.",
21319
+ "name": "checkbox__control--checked"
21320
+ },
21321
+ {
21322
+ "description": "The checkbox's exported `control--indeterminate` part.",
21323
+ "name": "checkbox__control--indeterminate"
21324
+ },
21325
+ {
21326
+ "description": "The checkbox's exported `checked-icon` part.",
21327
+ "name": "checkbox__checked-icon"
21328
+ },
21329
+ {
21330
+ "description": "The checkbox's exported `indeterminate-icon` part.",
21331
+ "name": "checkbox__indeterminate-icon"
21332
+ },
21333
+ {
21334
+ "description": "The checkbox's exported `label` part.",
21335
+ "name": "checkbox__label"
21295
21336
  }
21296
21337
  ],
21297
21338
  "slots": [
@@ -21300,284 +21341,290 @@
21300
21341
  "name": ""
21301
21342
  },
21302
21343
  {
21303
- "description": "The icon to show when the tree item is expanded. Works best with `<flow-ui-icon>`.",
21344
+ "description": "The icon to show when the tree item is expanded.",
21304
21345
  "name": "expand-icon"
21305
21346
  },
21306
21347
  {
21307
- "description": "The icon to show when the tree item is collapsed. Works best with `<flow-ui-icon>`.",
21348
+ "description": "The icon to show when the tree item is collapsed.",
21308
21349
  "name": "collapse-icon"
21309
21350
  }
21310
21351
  ],
21311
21352
  "members": [
21312
21353
  {
21313
21354
  "kind": "field",
21314
- "name": "expandedIconSlot",
21315
- "type": {
21316
- "text": "HTMLSlotElement"
21317
- },
21318
- "privacy": "private"
21319
- },
21320
- {
21321
- "kind": "field",
21322
- "name": "collapsedIconSlot",
21323
- "type": {
21324
- "text": "HTMLSlotElement"
21325
- },
21326
- "privacy": "private"
21355
+ "name": "localize",
21356
+ "privacy": "private",
21357
+ "readonly": true,
21358
+ "default": "new LocalizeController(this)"
21327
21359
  },
21328
21360
  {
21329
21361
  "kind": "field",
21330
21362
  "name": "value",
21331
21363
  "type": {
21332
- "text": "string[]"
21364
+ "text": "string"
21333
21365
  },
21334
- "default": "[]",
21335
- "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue attribute will be a space-delimited list of values based on the options selected, and the value property will\nbe an array. **For this reason, values must not contain spaces.**",
21336
- "attribute": "value"
21366
+ "default": "''",
21367
+ "description": "The tree-items's value. When selected, the containing tree control will receive this value. The value must be unique\nfrom other tree-items in the same tree. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
21368
+ "attribute": "value",
21369
+ "reflects": true
21337
21370
  },
21338
21371
  {
21339
21372
  "kind": "field",
21340
- "name": "selectionMode",
21373
+ "name": "expanded",
21341
21374
  "type": {
21342
- "text": "'single' | 'multiple' | 'leaf'"
21375
+ "text": "boolean"
21343
21376
  },
21344
- "default": "'multiple'",
21345
- "description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
21346
- "attribute": "selection-mode"
21377
+ "default": "false",
21378
+ "description": "Expands the tree item.",
21379
+ "attribute": "expanded",
21380
+ "reflects": true
21347
21381
  },
21348
21382
  {
21349
21383
  "kind": "field",
21350
- "name": "size",
21384
+ "name": "selected",
21351
21385
  "type": {
21352
- "text": "'small' | 'medium' | 'large'"
21386
+ "text": "boolean"
21353
21387
  },
21354
- "default": "'medium'",
21355
- "description": "The select's size.",
21356
- "attribute": "size",
21388
+ "default": "false",
21389
+ "description": "Draws the tree item in a selected state.",
21390
+ "attribute": "selected",
21357
21391
  "reflects": true
21358
21392
  },
21359
21393
  {
21360
21394
  "kind": "field",
21361
- "name": "lastFocusedItem",
21395
+ "name": "disabled",
21362
21396
  "type": {
21363
- "text": "FlowTreeItem"
21397
+ "text": "boolean"
21364
21398
  },
21365
- "privacy": "private"
21366
- },
21367
- {
21368
- "kind": "field",
21369
- "name": "localize",
21370
- "privacy": "private",
21371
- "readonly": true,
21372
- "default": "new LocalizeController(this)"
21399
+ "default": "false",
21400
+ "description": "Disables the tree item.",
21401
+ "attribute": "disabled",
21402
+ "reflects": true
21373
21403
  },
21374
21404
  {
21375
21405
  "kind": "field",
21376
- "name": "mutationObserver",
21406
+ "name": "lazy",
21377
21407
  "type": {
21378
- "text": "MutationObserver"
21408
+ "text": "boolean"
21379
21409
  },
21380
- "privacy": "private"
21410
+ "default": "false",
21411
+ "description": "Enables lazy loading behavior.",
21412
+ "attribute": "lazy",
21413
+ "reflects": true
21381
21414
  },
21382
21415
  {
21383
21416
  "kind": "field",
21384
- "name": "clickTarget",
21417
+ "name": "size",
21385
21418
  "type": {
21386
- "text": "FlowTreeItem | null"
21419
+ "text": "'small' | 'medium' | 'large'"
21387
21420
  },
21388
- "privacy": "private",
21389
- "default": "null"
21421
+ "default": "'medium'",
21422
+ "description": "The select's size.",
21423
+ "attribute": "size",
21424
+ "reflects": true
21390
21425
  },
21391
21426
  {
21392
21427
  "kind": "method",
21393
- "name": "getExpandButtonIcon",
21394
- "privacy": "private",
21395
- "parameters": [
21396
- {
21397
- "name": "status",
21398
- "type": {
21399
- "text": "'expand' | 'collapse'"
21400
- }
21401
- }
21402
- ]
21403
- },
21404
- {
21405
- "kind": "field",
21406
- "name": "initTreeItem",
21428
+ "name": "animateCollapse",
21407
21429
  "privacy": "private"
21408
21430
  },
21409
21431
  {
21410
21432
  "kind": "method",
21411
- "name": "handleTreeChanged",
21412
- "privacy": "private",
21413
- "parameters": [
21414
- {
21415
- "name": "mutations",
21416
- "type": {
21417
- "text": "MutationRecord[]"
21418
- }
21419
- }
21420
- ]
21421
- },
21422
- {
21423
- "kind": "method",
21424
- "name": "syncTreeItems",
21433
+ "name": "isNestedItem",
21425
21434
  "privacy": "private",
21426
- "parameters": [
21427
- {
21428
- "name": "selectedItem",
21429
- "optional": true,
21430
- "type": {
21431
- "text": "FlowTreeItem"
21432
- }
21435
+ "return": {
21436
+ "type": {
21437
+ "text": "boolean"
21433
21438
  }
21434
- ]
21439
+ }
21435
21440
  },
21436
21441
  {
21437
21442
  "kind": "method",
21438
- "name": "selectItem",
21439
- "privacy": "private",
21440
- "parameters": [
21441
- {
21442
- "name": "selectedItem",
21443
- "type": {
21444
- "text": "FlowTreeItem"
21445
- }
21446
- }
21447
- ]
21443
+ "name": "handleChildrenSlotChange",
21444
+ "privacy": "private"
21448
21445
  },
21449
21446
  {
21450
21447
  "kind": "method",
21451
- "name": "getAllTreeItems",
21448
+ "name": "animateExpand",
21452
21449
  "privacy": "private"
21453
21450
  },
21454
21451
  {
21455
21452
  "kind": "method",
21456
- "name": "focusItem",
21457
- "privacy": "private",
21458
- "parameters": [
21459
- {
21460
- "name": "item",
21461
- "optional": true,
21462
- "type": {
21463
- "text": "FlowTreeItem | null"
21464
- }
21453
+ "name": "getChildrenItems",
21454
+ "return": {
21455
+ "type": {
21456
+ "text": "FlowUiTreeItem[]"
21465
21457
  }
21466
- ]
21467
- },
21468
- {
21469
- "kind": "method",
21470
- "name": "handleKeyDown",
21471
- "privacy": "private",
21458
+ },
21472
21459
  "parameters": [
21473
21460
  {
21474
- "name": "event",
21461
+ "name": "{ includeDisabled = true }",
21462
+ "default": "{}",
21475
21463
  "type": {
21476
- "text": "KeyboardEvent"
21464
+ "text": "{ includeDisabled?: boolean }"
21477
21465
  }
21478
21466
  }
21479
- ]
21480
- },
21467
+ ],
21468
+ "description": "Gets all the nested tree items in this node."
21469
+ }
21470
+ ],
21471
+ "events": [
21481
21472
  {
21482
- "kind": "method",
21483
- "name": "handleClick",
21484
- "privacy": "private",
21485
- "parameters": [
21486
- {
21487
- "name": "event",
21488
- "type": {
21489
- "text": "Event"
21490
- }
21491
- }
21492
- ]
21473
+ "description": "Emitted when the tree item expands.",
21474
+ "name": "flow-ui-expand",
21475
+ "reactName": "onFlowUiExpand"
21493
21476
  },
21494
21477
  {
21495
- "kind": "method",
21496
- "name": "handleMouseDown",
21497
- "privacy": "private",
21498
- "parameters": [
21499
- {
21500
- "name": "event",
21501
- "type": {
21502
- "text": "MouseEvent"
21503
- }
21504
- }
21505
- ]
21478
+ "description": "Emitted after the tree item expands and all animations are complete.",
21479
+ "name": "flow-ui-after-expand",
21480
+ "reactName": "onFlowUiAfterExpand"
21506
21481
  },
21507
21482
  {
21508
- "kind": "method",
21509
- "name": "handleFocusOut",
21510
- "privacy": "private",
21511
- "parameters": [
21512
- {
21513
- "name": "event",
21514
- "type": {
21515
- "text": "FocusEvent"
21516
- }
21517
- }
21518
- ]
21483
+ "description": "Emitted when the tree item collapses.",
21484
+ "name": "flow-ui-collapse",
21485
+ "reactName": "onFlowUiCollapse"
21519
21486
  },
21520
21487
  {
21521
- "kind": "method",
21522
- "name": "handleFocusIn",
21523
- "privacy": "private",
21524
- "parameters": [
21525
- {
21526
- "name": "event",
21527
- "type": {
21528
- "text": "FocusEvent"
21529
- }
21530
- }
21531
- ]
21488
+ "description": "Emitted after the tree item collapses and all animations are complete.",
21489
+ "name": "flow-ui-after-collapse",
21490
+ "reactName": "onFlowUiAfterCollapse"
21532
21491
  },
21533
21492
  {
21534
- "kind": "method",
21535
- "name": "handleSlotChange",
21536
- "privacy": "private"
21537
- }
21538
- ],
21539
- "events": [
21493
+ "description": "Emitted when the tree item's lazy state changes.",
21494
+ "name": "flow-ui-lazy-change",
21495
+ "reactName": "onFlowUiLazyChange"
21496
+ },
21540
21497
  {
21541
- "description": "Emitted when a tree item is selected or deselected.",
21542
- "name": "flow-ui-change",
21543
- "reactName": "onFlowUiChange"
21498
+ "description": "Emitted when a lazy item is selected. Use this event to asynchronously load data and append items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading state and update the tree.",
21499
+ "name": "flow-ui-lazy-load",
21500
+ "reactName": "onFlowUiLazyLoad"
21544
21501
  }
21545
21502
  ],
21546
21503
  "attributes": [
21547
21504
  {
21548
21505
  "name": "value",
21549
21506
  "type": {
21550
- "text": "string[]"
21507
+ "text": "string"
21551
21508
  },
21552
- "default": "[]",
21553
- "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue attribute will be a space-delimited list of values based on the options selected, and the value property will\nbe an array. **For this reason, values must not contain spaces.**",
21509
+ "default": "''",
21510
+ "description": "The tree-items's value. When selected, the containing tree control will receive this value. The value must be unique\nfrom other tree-items in the same tree. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
21554
21511
  "fieldName": "value"
21555
21512
  },
21556
21513
  {
21557
- "name": "selection-mode",
21514
+ "name": "expanded",
21558
21515
  "type": {
21559
- "text": "'single' | 'multiple' | 'leaf'"
21516
+ "text": "boolean"
21560
21517
  },
21561
- "default": "'multiple'",
21562
- "description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
21563
- "fieldName": "selectionMode"
21518
+ "default": "false",
21519
+ "description": "Expands the tree item.",
21520
+ "fieldName": "expanded"
21521
+ },
21522
+ {
21523
+ "name": "selected",
21524
+ "type": {
21525
+ "text": "boolean"
21526
+ },
21527
+ "default": "false",
21528
+ "description": "Draws the tree item in a selected state.",
21529
+ "fieldName": "selected"
21530
+ },
21531
+ {
21532
+ "name": "disabled",
21533
+ "type": {
21534
+ "text": "boolean"
21535
+ },
21536
+ "default": "false",
21537
+ "description": "Disables the tree item.",
21538
+ "fieldName": "disabled"
21539
+ },
21540
+ {
21541
+ "name": "lazy",
21542
+ "type": {
21543
+ "text": "boolean"
21544
+ },
21545
+ "default": "false",
21546
+ "description": "Enables lazy loading behavior.",
21547
+ "fieldName": "lazy"
21564
21548
  },
21565
21549
  {
21566
- "name": "size",
21567
- "type": {
21568
- "text": "'small' | 'medium' | 'large'"
21569
- },
21570
- "default": "'medium'",
21571
- "description": "The select's size.",
21572
- "fieldName": "size"
21550
+ "name": "size",
21551
+ "type": {
21552
+ "text": "'small' | 'medium' | 'large'"
21553
+ },
21554
+ "default": "'medium'",
21555
+ "description": "The select's size.",
21556
+ "fieldName": "size"
21557
+ }
21558
+ ],
21559
+ "superclass": {
21560
+ "name": "FlowRdfElement",
21561
+ "module": "/src/internal/flow-ui-rdf-element"
21562
+ },
21563
+ "tagName": "flow-ui-tree-item",
21564
+ "summary": "A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).",
21565
+ "dependencies": [
21566
+ "flow-ui-checkbox",
21567
+ "flow-ui-icon",
21568
+ "flow-ui-spinner"
21569
+ ],
21570
+ "customElement": true
21571
+ }
21572
+ ],
21573
+ "exports": [
21574
+ {
21575
+ "kind": "js",
21576
+ "name": "default",
21577
+ "declaration": {
21578
+ "name": "FlowUiTreeItem",
21579
+ "module": "components/tree-item/tree-item.component.js"
21580
+ }
21581
+ }
21582
+ ]
21583
+ },
21584
+ {
21585
+ "kind": "javascript-module",
21586
+ "path": "components/tree-item/tree-item.js",
21587
+ "declarations": [],
21588
+ "exports": [
21589
+ {
21590
+ "kind": "js",
21591
+ "name": "*",
21592
+ "declaration": {
21593
+ "name": "*",
21594
+ "package": "./tree-item.component"
21595
+ }
21596
+ },
21597
+ {
21598
+ "kind": "js",
21599
+ "name": "default",
21600
+ "declaration": {
21601
+ "name": "FlowUiTreeItem",
21602
+ "module": "components/tree-item/tree-item.js"
21603
+ }
21604
+ }
21605
+ ]
21606
+ },
21607
+ {
21608
+ "kind": "javascript-module",
21609
+ "path": "components/visually-hidden/visually-hidden.component.js",
21610
+ "declarations": [
21611
+ {
21612
+ "kind": "class",
21613
+ "description": "",
21614
+ "name": "FlowUiVisuallyHidden",
21615
+ "slots": [
21616
+ {
21617
+ "description": "The content to be visually hidden.",
21618
+ "name": ""
21573
21619
  }
21574
21620
  ],
21621
+ "members": [],
21575
21622
  "superclass": {
21576
21623
  "name": "FlowRdfElement",
21577
21624
  "module": "/src/internal/flow-ui-rdf-element"
21578
21625
  },
21579
- "tagName": "flow-ui-tree",
21580
- "summary": "Trees allow you to display a hierarchical list of selectable [tree items](./flow-ui-tree-item). Items with children can be expanded and collapsed as desired by the user.",
21626
+ "tagName": "flow-ui-visually-hidden",
21627
+ "summary": "The visually hidden utility makes content accessible to assistive devices without displaying it on the screen.",
21581
21628
  "customElement": true
21582
21629
  }
21583
21630
  ],
@@ -21586,15 +21633,15 @@
21586
21633
  "kind": "js",
21587
21634
  "name": "default",
21588
21635
  "declaration": {
21589
- "name": "FlowUiTree",
21590
- "module": "components/tree/tree.component.js"
21636
+ "name": "FlowUiVisuallyHidden",
21637
+ "module": "components/visually-hidden/visually-hidden.component.js"
21591
21638
  }
21592
21639
  }
21593
21640
  ]
21594
21641
  },
21595
21642
  {
21596
21643
  "kind": "javascript-module",
21597
- "path": "components/tree/tree.js",
21644
+ "path": "components/visually-hidden/visually-hidden.js",
21598
21645
  "declarations": [],
21599
21646
  "exports": [
21600
21647
  {
@@ -21602,99 +21649,58 @@
21602
21649
  "name": "*",
21603
21650
  "declaration": {
21604
21651
  "name": "*",
21605
- "package": "./tree.component"
21652
+ "package": "./visually-hidden.component"
21606
21653
  }
21607
21654
  },
21608
21655
  {
21609
21656
  "kind": "js",
21610
21657
  "name": "default",
21611
21658
  "declaration": {
21612
- "name": "FlowUiTree",
21613
- "module": "components/tree/tree.js"
21659
+ "name": "FlowUiVisuallyHidden",
21660
+ "module": "components/visually-hidden/visually-hidden.js"
21614
21661
  }
21615
21662
  }
21616
21663
  ]
21617
21664
  },
21618
21665
  {
21619
21666
  "kind": "javascript-module",
21620
- "path": "components/tree-item/tree-item.component.js",
21667
+ "path": "components/tree/tree.component.js",
21621
21668
  "declarations": [
21622
21669
  {
21623
21670
  "kind": "class",
21624
21671
  "description": "",
21625
- "name": "FlowUiTreeItem",
21626
- "cssParts": [
21627
- {
21628
- "description": "The component's base wrapper.",
21629
- "name": "base"
21630
- },
21631
- {
21632
- "description": "The tree item's container. This element wraps everything except slotted tree item children.",
21633
- "name": "item"
21634
- },
21635
- {
21636
- "description": "Applied when the tree item is disabled.",
21637
- "name": "item--disabled"
21638
- },
21639
- {
21640
- "description": "Applied when the tree item is expanded.",
21641
- "name": "item--expanded"
21642
- },
21643
- {
21644
- "description": "Applied when the selection is indeterminate.",
21645
- "name": "item--indeterminate"
21646
- },
21647
- {
21648
- "description": "Applied when the tree item is selected.",
21649
- "name": "item--selected"
21650
- },
21651
- {
21652
- "description": "The tree item's indentation container.",
21653
- "name": "indentation"
21654
- },
21655
- {
21656
- "description": "The container that wraps the tree item's expand button and spinner.",
21657
- "name": "expand-button"
21658
- },
21659
- {
21660
- "description": "The tree item's label.",
21661
- "name": "label"
21662
- },
21663
- {
21664
- "description": "The container that wraps the tree item's nested children.",
21665
- "name": "children"
21666
- },
21667
- {
21668
- "description": "The checkbox that shows when using multiselect.",
21669
- "name": "checkbox"
21670
- },
21671
- {
21672
- "description": "The checkbox's exported `base` part.",
21673
- "name": "checkbox__base"
21674
- },
21672
+ "name": "FlowUiTree",
21673
+ "cssProperties": [
21675
21674
  {
21676
- "description": "The checkbox's exported `control` part.",
21677
- "name": "checkbox__control"
21675
+ "description": "The size of the indentation for nested items.",
21676
+ "name": "--indent-size",
21677
+ "default": "var(--flow-ui-spacing-medium)"
21678
21678
  },
21679
21679
  {
21680
- "description": "The checkbox's exported `control--checked` part.",
21681
- "name": "checkbox__control--checked"
21680
+ "description": "The color of the indentation line.",
21681
+ "name": "--indent-guide-color",
21682
+ "default": "var(--flow-ui-color-neutral-200)"
21682
21683
  },
21683
21684
  {
21684
- "description": "The checkbox's exported `control--indeterminate` part.",
21685
- "name": "checkbox__control--indeterminate"
21685
+ "description": "The amount of vertical spacing to leave between the top and bottom of the indentation line's starting position.",
21686
+ "name": "--indent-guide-offset",
21687
+ "default": "0"
21686
21688
  },
21687
21689
  {
21688
- "description": "The checkbox's exported `checked-icon` part.",
21689
- "name": "checkbox__checked-icon"
21690
+ "description": "The style of the indentation line, e.g. solid, dotted, dashed.",
21691
+ "name": "--indent-guide-style",
21692
+ "default": "solid"
21690
21693
  },
21691
21694
  {
21692
- "description": "The checkbox's exported `indeterminate-icon` part.",
21693
- "name": "checkbox__indeterminate-icon"
21694
- },
21695
+ "description": "The width of the indentation line.",
21696
+ "name": "--indent-guide-width",
21697
+ "default": "0"
21698
+ }
21699
+ ],
21700
+ "cssParts": [
21695
21701
  {
21696
- "description": "The checkbox's exported `label` part.",
21697
- "name": "checkbox__label"
21702
+ "description": "The component's base wrapper.",
21703
+ "name": "base"
21698
21704
  }
21699
21705
  ],
21700
21706
  "slots": [
@@ -21703,210 +21709,267 @@
21703
21709
  "name": ""
21704
21710
  },
21705
21711
  {
21706
- "description": "The icon to show when the tree item is expanded.",
21712
+ "description": "The icon to show when the tree item is expanded. Works best with `<flow-ui-icon>`.",
21707
21713
  "name": "expand-icon"
21708
21714
  },
21709
21715
  {
21710
- "description": "The icon to show when the tree item is collapsed.",
21716
+ "description": "The icon to show when the tree item is collapsed. Works best with `<flow-ui-icon>`.",
21711
21717
  "name": "collapse-icon"
21712
21718
  }
21713
21719
  ],
21714
21720
  "members": [
21715
21721
  {
21716
21722
  "kind": "field",
21717
- "name": "localize",
21718
- "privacy": "private",
21719
- "readonly": true,
21720
- "default": "new LocalizeController(this)"
21723
+ "name": "expandedIconSlot",
21724
+ "type": {
21725
+ "text": "HTMLSlotElement"
21726
+ },
21727
+ "privacy": "private"
21728
+ },
21729
+ {
21730
+ "kind": "field",
21731
+ "name": "collapsedIconSlot",
21732
+ "type": {
21733
+ "text": "HTMLSlotElement"
21734
+ },
21735
+ "privacy": "private"
21721
21736
  },
21722
21737
  {
21723
21738
  "kind": "field",
21724
21739
  "name": "value",
21725
21740
  "type": {
21726
- "text": "string"
21741
+ "text": "string[]"
21727
21742
  },
21728
- "default": "''",
21729
- "description": "The tree-items's value. When selected, the containing tree control will receive this value. The value must be unique\nfrom other tree-items in the same tree. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
21730
- "attribute": "value",
21731
- "reflects": true
21743
+ "default": "[]",
21744
+ "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue attribute will be a space-delimited list of values based on the options selected, and the value property will\nbe an array. **For this reason, values must not contain spaces.**",
21745
+ "attribute": "value"
21732
21746
  },
21733
21747
  {
21734
21748
  "kind": "field",
21735
- "name": "expanded",
21749
+ "name": "selectionMode",
21736
21750
  "type": {
21737
- "text": "boolean"
21751
+ "text": "'single' | 'multiple' | 'leaf'"
21738
21752
  },
21739
- "default": "false",
21740
- "description": "Expands the tree item.",
21741
- "attribute": "expanded",
21742
- "reflects": true
21753
+ "default": "'multiple'",
21754
+ "description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
21755
+ "attribute": "selection-mode"
21743
21756
  },
21744
21757
  {
21745
21758
  "kind": "field",
21746
- "name": "selected",
21759
+ "name": "size",
21747
21760
  "type": {
21748
- "text": "boolean"
21761
+ "text": "'small' | 'medium' | 'large'"
21749
21762
  },
21750
- "default": "false",
21751
- "description": "Draws the tree item in a selected state.",
21752
- "attribute": "selected",
21763
+ "default": "'medium'",
21764
+ "description": "The select's size.",
21765
+ "attribute": "size",
21753
21766
  "reflects": true
21754
21767
  },
21755
21768
  {
21756
21769
  "kind": "field",
21757
- "name": "disabled",
21770
+ "name": "lastFocusedItem",
21758
21771
  "type": {
21759
- "text": "boolean"
21772
+ "text": "FlowTreeItem"
21760
21773
  },
21761
- "default": "false",
21762
- "description": "Disables the tree item.",
21763
- "attribute": "disabled",
21764
- "reflects": true
21774
+ "privacy": "private"
21765
21775
  },
21766
21776
  {
21767
21777
  "kind": "field",
21768
- "name": "lazy",
21778
+ "name": "localize",
21779
+ "privacy": "private",
21780
+ "readonly": true,
21781
+ "default": "new LocalizeController(this)"
21782
+ },
21783
+ {
21784
+ "kind": "field",
21785
+ "name": "mutationObserver",
21769
21786
  "type": {
21770
- "text": "boolean"
21787
+ "text": "MutationObserver"
21771
21788
  },
21772
- "default": "false",
21773
- "description": "Enables lazy loading behavior.",
21774
- "attribute": "lazy",
21775
- "reflects": true
21789
+ "privacy": "private"
21776
21790
  },
21777
21791
  {
21778
21792
  "kind": "field",
21779
- "name": "size",
21793
+ "name": "clickTarget",
21780
21794
  "type": {
21781
- "text": "'small' | 'medium' | 'large'"
21795
+ "text": "FlowTreeItem | null"
21782
21796
  },
21783
- "default": "'medium'",
21784
- "description": "The select's size.",
21785
- "attribute": "size",
21786
- "reflects": true
21797
+ "privacy": "private",
21798
+ "default": "null"
21799
+ },
21800
+ {
21801
+ "kind": "method",
21802
+ "name": "getExpandButtonIcon",
21803
+ "privacy": "private",
21804
+ "parameters": [
21805
+ {
21806
+ "name": "status",
21807
+ "type": {
21808
+ "text": "'expand' | 'collapse'"
21809
+ }
21810
+ }
21811
+ ]
21812
+ },
21813
+ {
21814
+ "kind": "field",
21815
+ "name": "initTreeItem",
21816
+ "privacy": "private"
21817
+ },
21818
+ {
21819
+ "kind": "method",
21820
+ "name": "handleTreeChanged",
21821
+ "privacy": "private",
21822
+ "parameters": [
21823
+ {
21824
+ "name": "mutations",
21825
+ "type": {
21826
+ "text": "MutationRecord[]"
21827
+ }
21828
+ }
21829
+ ]
21787
21830
  },
21788
21831
  {
21789
21832
  "kind": "method",
21790
- "name": "animateCollapse",
21791
- "privacy": "private"
21833
+ "name": "syncTreeItems",
21834
+ "privacy": "private",
21835
+ "parameters": [
21836
+ {
21837
+ "name": "selectedItem",
21838
+ "optional": true,
21839
+ "type": {
21840
+ "text": "FlowTreeItem"
21841
+ }
21842
+ }
21843
+ ]
21792
21844
  },
21793
21845
  {
21794
21846
  "kind": "method",
21795
- "name": "isNestedItem",
21847
+ "name": "selectItem",
21796
21848
  "privacy": "private",
21797
- "return": {
21798
- "type": {
21799
- "text": "boolean"
21849
+ "parameters": [
21850
+ {
21851
+ "name": "selectedItem",
21852
+ "type": {
21853
+ "text": "FlowTreeItem"
21854
+ }
21800
21855
  }
21801
- }
21856
+ ]
21802
21857
  },
21803
21858
  {
21804
21859
  "kind": "method",
21805
- "name": "handleChildrenSlotChange",
21860
+ "name": "getAllTreeItems",
21806
21861
  "privacy": "private"
21807
21862
  },
21808
21863
  {
21809
21864
  "kind": "method",
21810
- "name": "animateExpand",
21811
- "privacy": "private"
21865
+ "name": "focusItem",
21866
+ "privacy": "private",
21867
+ "parameters": [
21868
+ {
21869
+ "name": "item",
21870
+ "optional": true,
21871
+ "type": {
21872
+ "text": "FlowTreeItem | null"
21873
+ }
21874
+ }
21875
+ ]
21812
21876
  },
21813
21877
  {
21814
21878
  "kind": "method",
21815
- "name": "getChildrenItems",
21816
- "return": {
21817
- "type": {
21818
- "text": "FlowUiTreeItem[]"
21819
- }
21820
- },
21879
+ "name": "handleKeyDown",
21880
+ "privacy": "private",
21821
21881
  "parameters": [
21822
21882
  {
21823
- "name": "{ includeDisabled = true }",
21824
- "default": "{}",
21883
+ "name": "event",
21825
21884
  "type": {
21826
- "text": "{ includeDisabled?: boolean }"
21885
+ "text": "KeyboardEvent"
21827
21886
  }
21828
21887
  }
21829
- ],
21830
- "description": "Gets all the nested tree items in this node."
21831
- }
21832
- ],
21833
- "events": [
21834
- {
21835
- "description": "Emitted when the tree item expands.",
21836
- "name": "flow-ui-expand",
21837
- "reactName": "onFlowUiExpand"
21888
+ ]
21838
21889
  },
21839
21890
  {
21840
- "description": "Emitted after the tree item expands and all animations are complete.",
21841
- "name": "flow-ui-after-expand",
21842
- "reactName": "onFlowUiAfterExpand"
21891
+ "kind": "method",
21892
+ "name": "handleClick",
21893
+ "privacy": "private",
21894
+ "parameters": [
21895
+ {
21896
+ "name": "event",
21897
+ "type": {
21898
+ "text": "Event"
21899
+ }
21900
+ }
21901
+ ]
21843
21902
  },
21844
21903
  {
21845
- "description": "Emitted when the tree item collapses.",
21846
- "name": "flow-ui-collapse",
21847
- "reactName": "onFlowUiCollapse"
21904
+ "kind": "method",
21905
+ "name": "handleMouseDown",
21906
+ "privacy": "private",
21907
+ "parameters": [
21908
+ {
21909
+ "name": "event",
21910
+ "type": {
21911
+ "text": "MouseEvent"
21912
+ }
21913
+ }
21914
+ ]
21848
21915
  },
21849
21916
  {
21850
- "description": "Emitted after the tree item collapses and all animations are complete.",
21851
- "name": "flow-ui-after-collapse",
21852
- "reactName": "onFlowUiAfterCollapse"
21917
+ "kind": "method",
21918
+ "name": "handleFocusOut",
21919
+ "privacy": "private",
21920
+ "parameters": [
21921
+ {
21922
+ "name": "event",
21923
+ "type": {
21924
+ "text": "FocusEvent"
21925
+ }
21926
+ }
21927
+ ]
21853
21928
  },
21854
21929
  {
21855
- "description": "Emitted when the tree item's lazy state changes.",
21856
- "name": "flow-ui-lazy-change",
21857
- "reactName": "onFlowUiLazyChange"
21930
+ "kind": "method",
21931
+ "name": "handleFocusIn",
21932
+ "privacy": "private",
21933
+ "parameters": [
21934
+ {
21935
+ "name": "event",
21936
+ "type": {
21937
+ "text": "FocusEvent"
21938
+ }
21939
+ }
21940
+ ]
21858
21941
  },
21859
21942
  {
21860
- "description": "Emitted when a lazy item is selected. Use this event to asynchronously load data and append items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading state and update the tree.",
21861
- "name": "flow-ui-lazy-load",
21862
- "reactName": "onFlowUiLazyLoad"
21943
+ "kind": "method",
21944
+ "name": "handleSlotChange",
21945
+ "privacy": "private"
21946
+ }
21947
+ ],
21948
+ "events": [
21949
+ {
21950
+ "description": "Emitted when a tree item is selected or deselected.",
21951
+ "name": "flow-ui-change",
21952
+ "reactName": "onFlowUiChange"
21863
21953
  }
21864
21954
  ],
21865
21955
  "attributes": [
21866
21956
  {
21867
21957
  "name": "value",
21868
21958
  "type": {
21869
- "text": "string"
21959
+ "text": "string[]"
21870
21960
  },
21871
- "default": "''",
21872
- "description": "The tree-items's value. When selected, the containing tree control will receive this value. The value must be unique\nfrom other tree-items in the same tree. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
21961
+ "default": "[]",
21962
+ "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue attribute will be a space-delimited list of values based on the options selected, and the value property will\nbe an array. **For this reason, values must not contain spaces.**",
21873
21963
  "fieldName": "value"
21874
21964
  },
21875
21965
  {
21876
- "name": "expanded",
21877
- "type": {
21878
- "text": "boolean"
21879
- },
21880
- "default": "false",
21881
- "description": "Expands the tree item.",
21882
- "fieldName": "expanded"
21883
- },
21884
- {
21885
- "name": "selected",
21886
- "type": {
21887
- "text": "boolean"
21888
- },
21889
- "default": "false",
21890
- "description": "Draws the tree item in a selected state.",
21891
- "fieldName": "selected"
21892
- },
21893
- {
21894
- "name": "disabled",
21895
- "type": {
21896
- "text": "boolean"
21897
- },
21898
- "default": "false",
21899
- "description": "Disables the tree item.",
21900
- "fieldName": "disabled"
21901
- },
21902
- {
21903
- "name": "lazy",
21966
+ "name": "selection-mode",
21904
21967
  "type": {
21905
- "text": "boolean"
21968
+ "text": "'single' | 'multiple' | 'leaf'"
21906
21969
  },
21907
- "default": "false",
21908
- "description": "Enables lazy loading behavior.",
21909
- "fieldName": "lazy"
21970
+ "default": "'multiple'",
21971
+ "description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
21972
+ "fieldName": "selectionMode"
21910
21973
  },
21911
21974
  {
21912
21975
  "name": "size",
@@ -21922,71 +21985,8 @@
21922
21985
  "name": "FlowRdfElement",
21923
21986
  "module": "/src/internal/flow-ui-rdf-element"
21924
21987
  },
21925
- "tagName": "flow-ui-tree-item",
21926
- "summary": "A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).",
21927
- "dependencies": [
21928
- "flow-ui-checkbox",
21929
- "flow-ui-icon",
21930
- "flow-ui-spinner"
21931
- ],
21932
- "customElement": true
21933
- }
21934
- ],
21935
- "exports": [
21936
- {
21937
- "kind": "js",
21938
- "name": "default",
21939
- "declaration": {
21940
- "name": "FlowUiTreeItem",
21941
- "module": "components/tree-item/tree-item.component.js"
21942
- }
21943
- }
21944
- ]
21945
- },
21946
- {
21947
- "kind": "javascript-module",
21948
- "path": "components/tree-item/tree-item.js",
21949
- "declarations": [],
21950
- "exports": [
21951
- {
21952
- "kind": "js",
21953
- "name": "*",
21954
- "declaration": {
21955
- "name": "*",
21956
- "package": "./tree-item.component"
21957
- }
21958
- },
21959
- {
21960
- "kind": "js",
21961
- "name": "default",
21962
- "declaration": {
21963
- "name": "FlowUiTreeItem",
21964
- "module": "components/tree-item/tree-item.js"
21965
- }
21966
- }
21967
- ]
21968
- },
21969
- {
21970
- "kind": "javascript-module",
21971
- "path": "components/visually-hidden/visually-hidden.component.js",
21972
- "declarations": [
21973
- {
21974
- "kind": "class",
21975
- "description": "",
21976
- "name": "FlowUiVisuallyHidden",
21977
- "slots": [
21978
- {
21979
- "description": "The content to be visually hidden.",
21980
- "name": ""
21981
- }
21982
- ],
21983
- "members": [],
21984
- "superclass": {
21985
- "name": "FlowRdfElement",
21986
- "module": "/src/internal/flow-ui-rdf-element"
21987
- },
21988
- "tagName": "flow-ui-visually-hidden",
21989
- "summary": "The visually hidden utility makes content accessible to assistive devices without displaying it on the screen.",
21988
+ "tagName": "flow-ui-tree",
21989
+ "summary": "Trees allow you to display a hierarchical list of selectable [tree items](./flow-ui-tree-item). Items with children can be expanded and collapsed as desired by the user.",
21990
21990
  "customElement": true
21991
21991
  }
21992
21992
  ],
@@ -21995,15 +21995,15 @@
21995
21995
  "kind": "js",
21996
21996
  "name": "default",
21997
21997
  "declaration": {
21998
- "name": "FlowUiVisuallyHidden",
21999
- "module": "components/visually-hidden/visually-hidden.component.js"
21998
+ "name": "FlowUiTree",
21999
+ "module": "components/tree/tree.component.js"
22000
22000
  }
22001
22001
  }
22002
22002
  ]
22003
22003
  },
22004
22004
  {
22005
22005
  "kind": "javascript-module",
22006
- "path": "components/visually-hidden/visually-hidden.js",
22006
+ "path": "components/tree/tree.js",
22007
22007
  "declarations": [],
22008
22008
  "exports": [
22009
22009
  {
@@ -22011,15 +22011,15 @@
22011
22011
  "name": "*",
22012
22012
  "declaration": {
22013
22013
  "name": "*",
22014
- "package": "./visually-hidden.component"
22014
+ "package": "./tree.component"
22015
22015
  }
22016
22016
  },
22017
22017
  {
22018
22018
  "kind": "js",
22019
22019
  "name": "default",
22020
22020
  "declaration": {
22021
- "name": "FlowUiVisuallyHidden",
22022
- "module": "components/visually-hidden/visually-hidden.js"
22021
+ "name": "FlowUiTree",
22022
+ "module": "components/tree/tree.js"
22023
22023
  }
22024
22024
  }
22025
22025
  ]
@@ -22358,6 +22358,6 @@
22358
22358
  ],
22359
22359
  "package": {
22360
22360
  "name": "@emuanalytics/flow-rdf-ui",
22361
- "version": "4.0.1"
22361
+ "version": "4.0.2"
22362
22362
  }
22363
22363
  }