@emuanalytics/flow-rdf-ui 0.0.18-alpha.5 → 0.0.18-alpha.7

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.
Files changed (6) hide show
  1. package/dist/custom-elements.json +575 -256
  2. package/dist/flow-rdf-ui.d.ts +44 -5
  3. package/dist/flow-rdf-ui.js +28509 -27239
  4. package/dist/flow-rdf-ui.umd.cjs +28579 -27309
  5. package/dist/vscode.html-custom-data.json +30 -30
  6. package/package.json +5 -1
package/dist/custom-elements.json CHANGED
@@ -674,99 +674,167 @@
674
674
  },
675
675
  {
676
676
  "kind": "javascript-module",
677
- "path": "components/breadcrumb/breadcrumb.js",
677
+ "path": "components/avatar/avatar.js",
678
678
  "declarations": [
679
679
  {
680
680
  "kind": "class",
681
681
  "description": "",
682
- "name": "FlowBreadcrumb",
682
+ "name": "FlowAvatar",
683
+ "cssProperties": [
684
+ {
685
+ "description": "The size of the avatar.",
686
+ "name": "--size"
687
+ }
688
+ ],
683
689
  "cssParts": [
684
690
  {
685
691
  "description": "The component's base wrapper.",
686
692
  "name": "base"
693
+ },
694
+ {
695
+ "description": "The container that wraps the avatar's icon.",
696
+ "name": "icon"
697
+ },
698
+ {
699
+ "description": "The container that wraps the avatar's initials.",
700
+ "name": "initials"
701
+ },
702
+ {
703
+ "description": "The avatar image. Only shown when the `image` attribute is set.",
704
+ "name": "image"
687
705
  }
688
706
  ],
689
707
  "slots": [
690
708
  {
691
- "description": "One or more breadcrumb items to display.",
692
- "name": ""
693
- },
694
- {
695
- "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
696
- "name": "separator"
709
+ "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
710
+ "name": "icon"
697
711
  }
698
712
  ],
699
713
  "members": [
700
714
  {
701
715
  "kind": "field",
702
- "name": "localize",
716
+ "name": "hasError",
717
+ "type": {
718
+ "text": "boolean"
719
+ },
703
720
  "privacy": "private",
704
- "readonly": true,
705
- "default": "new LocalizeController(this)"
721
+ "default": "false"
706
722
  },
707
723
  {
708
724
  "kind": "field",
709
- "name": "separatorDir",
710
- "privacy": "private"
725
+ "name": "image",
726
+ "type": {
727
+ "text": "string"
728
+ },
729
+ "default": "''",
730
+ "description": "The image source to use for the avatar.",
731
+ "attribute": "image"
711
732
  },
712
733
  {
713
734
  "kind": "field",
714
- "name": "defaultSlot",
735
+ "name": "label",
715
736
  "type": {
716
- "text": "HTMLSlotElement"
717
- }
737
+ "text": "string"
738
+ },
739
+ "default": "''",
740
+ "description": "A label to use to describe the avatar to assistive devices.",
741
+ "attribute": "label"
718
742
  },
719
743
  {
720
744
  "kind": "field",
721
- "name": "separatorSlot",
745
+ "name": "initials",
722
746
  "type": {
723
- "text": "HTMLSlotElement"
724
- }
747
+ "text": "string"
748
+ },
749
+ "default": "''",
750
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
751
+ "attribute": "initials"
725
752
  },
726
753
  {
727
754
  "kind": "field",
728
- "name": "label",
755
+ "name": "loading",
729
756
  "type": {
730
- "text": "string"
757
+ "text": "'eager' | 'lazy'"
731
758
  },
732
- "default": "''",
733
- "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
734
- "attribute": "label"
759
+ "default": "'eager'",
760
+ "description": "Indicates how the browser should load the image.",
761
+ "attribute": "loading"
735
762
  },
736
763
  {
737
- "kind": "method",
738
- "name": "getSeparator",
739
- "privacy": "private"
764
+ "kind": "field",
765
+ "name": "shape",
766
+ "type": {
767
+ "text": "'circle' | 'square' | 'rounded'"
768
+ },
769
+ "default": "'circle'",
770
+ "description": "The shape of the avatar.",
771
+ "attribute": "shape",
772
+ "reflects": true
740
773
  },
741
774
  {
742
775
  "kind": "method",
743
- "name": "handleSlotChange",
744
- "privacy": "private"
776
+ "name": "handleImageChange"
745
777
  }
746
778
  ],
747
779
  "attributes": [
780
+ {
781
+ "name": "image",
782
+ "type": {
783
+ "text": "string"
784
+ },
785
+ "default": "''",
786
+ "description": "The image source to use for the avatar.",
787
+ "fieldName": "image"
788
+ },
748
789
  {
749
790
  "name": "label",
750
791
  "type": {
751
792
  "text": "string"
752
793
  },
753
794
  "default": "''",
754
- "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
795
+ "description": "A label to use to describe the avatar to assistive devices.",
755
796
  "fieldName": "label"
797
+ },
798
+ {
799
+ "name": "initials",
800
+ "type": {
801
+ "text": "string"
802
+ },
803
+ "default": "''",
804
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
805
+ "fieldName": "initials"
806
+ },
807
+ {
808
+ "name": "loading",
809
+ "type": {
810
+ "text": "'eager' | 'lazy'"
811
+ },
812
+ "default": "'eager'",
813
+ "description": "Indicates how the browser should load the image.",
814
+ "fieldName": "loading"
815
+ },
816
+ {
817
+ "name": "shape",
818
+ "type": {
819
+ "text": "'circle' | 'square' | 'rounded'"
820
+ },
821
+ "default": "'circle'",
822
+ "description": "The shape of the avatar.",
823
+ "fieldName": "shape"
756
824
  }
757
825
  ],
758
826
  "superclass": {
759
827
  "name": "FlowRdfElement",
760
828
  "module": "/src/internal/flow-ui-rdf-element"
761
829
  },
762
- "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
763
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
830
+ "summary": "Avatars are used to represent a person or object.",
831
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
764
832
  "status": "stable",
765
833
  "since": "2.0",
766
834
  "dependencies": [
767
835
  "flow-ui-icon"
768
836
  ],
769
- "tagName": "flow-ui-breadcrumb",
837
+ "tagName": "flow-ui-avatar",
770
838
  "customElement": true
771
839
  }
772
840
  ],
@@ -775,16 +843,16 @@
775
843
  "kind": "js",
776
844
  "name": "default",
777
845
  "declaration": {
778
- "name": "FlowBreadcrumb",
779
- "module": "components/breadcrumb/breadcrumb.js"
846
+ "name": "FlowAvatar",
847
+ "module": "components/avatar/avatar.js"
780
848
  }
781
849
  },
782
850
  {
783
851
  "kind": "custom-element-definition",
784
- "name": "flow-ui-breadcrumb",
852
+ "name": "flow-ui-avatar",
785
853
  "declaration": {
786
- "name": "FlowBreadcrumb",
787
- "module": "components/breadcrumb/breadcrumb.js"
854
+ "name": "FlowAvatar",
855
+ "module": "components/avatar/avatar.js"
788
856
  }
789
857
  }
790
858
  ]
@@ -1894,167 +1962,99 @@
1894
1962
  },
1895
1963
  {
1896
1964
  "kind": "javascript-module",
1897
- "path": "components/avatar/avatar.js",
1965
+ "path": "components/breadcrumb/breadcrumb.js",
1898
1966
  "declarations": [
1899
1967
  {
1900
1968
  "kind": "class",
1901
1969
  "description": "",
1902
- "name": "FlowAvatar",
1903
- "cssProperties": [
1904
- {
1905
- "description": "The size of the avatar.",
1906
- "name": "--size"
1907
- }
1908
- ],
1970
+ "name": "FlowBreadcrumb",
1909
1971
  "cssParts": [
1910
1972
  {
1911
1973
  "description": "The component's base wrapper.",
1912
1974
  "name": "base"
1913
- },
1914
- {
1915
- "description": "The container that wraps the avatar's icon.",
1916
- "name": "icon"
1917
- },
1918
- {
1919
- "description": "The container that wraps the avatar's initials.",
1920
- "name": "initials"
1921
- },
1922
- {
1923
- "description": "The avatar image. Only shown when the `image` attribute is set.",
1924
- "name": "image"
1925
1975
  }
1926
1976
  ],
1927
1977
  "slots": [
1928
1978
  {
1929
- "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
1930
- "name": "icon"
1979
+ "description": "One or more breadcrumb items to display.",
1980
+ "name": ""
1981
+ },
1982
+ {
1983
+ "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
1984
+ "name": "separator"
1931
1985
  }
1932
1986
  ],
1933
1987
  "members": [
1934
1988
  {
1935
1989
  "kind": "field",
1936
- "name": "hasError",
1937
- "type": {
1938
- "text": "boolean"
1939
- },
1990
+ "name": "localize",
1940
1991
  "privacy": "private",
1941
- "default": "false"
1992
+ "readonly": true,
1993
+ "default": "new LocalizeController(this)"
1942
1994
  },
1943
1995
  {
1944
1996
  "kind": "field",
1945
- "name": "image",
1946
- "type": {
1947
- "text": "string"
1948
- },
1949
- "default": "''",
1950
- "description": "The image source to use for the avatar.",
1951
- "attribute": "image"
1997
+ "name": "separatorDir",
1998
+ "privacy": "private"
1952
1999
  },
1953
2000
  {
1954
2001
  "kind": "field",
1955
- "name": "label",
2002
+ "name": "defaultSlot",
1956
2003
  "type": {
1957
- "text": "string"
1958
- },
1959
- "default": "''",
1960
- "description": "A label to use to describe the avatar to assistive devices.",
1961
- "attribute": "label"
2004
+ "text": "HTMLSlotElement"
2005
+ }
1962
2006
  },
1963
2007
  {
1964
2008
  "kind": "field",
1965
- "name": "initials",
2009
+ "name": "separatorSlot",
1966
2010
  "type": {
1967
- "text": "string"
1968
- },
1969
- "default": "''",
1970
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1971
- "attribute": "initials"
2011
+ "text": "HTMLSlotElement"
2012
+ }
1972
2013
  },
1973
2014
  {
1974
2015
  "kind": "field",
1975
- "name": "loading",
2016
+ "name": "label",
1976
2017
  "type": {
1977
- "text": "'eager' | 'lazy'"
2018
+ "text": "string"
1978
2019
  },
1979
- "default": "'eager'",
1980
- "description": "Indicates how the browser should load the image.",
1981
- "attribute": "loading"
2020
+ "default": "''",
2021
+ "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
2022
+ "attribute": "label"
1982
2023
  },
1983
2024
  {
1984
- "kind": "field",
1985
- "name": "shape",
1986
- "type": {
1987
- "text": "'circle' | 'square' | 'rounded'"
1988
- },
1989
- "default": "'circle'",
1990
- "description": "The shape of the avatar.",
1991
- "attribute": "shape",
1992
- "reflects": true
2025
+ "kind": "method",
2026
+ "name": "getSeparator",
2027
+ "privacy": "private"
1993
2028
  },
1994
2029
  {
1995
2030
  "kind": "method",
1996
- "name": "handleImageChange"
2031
+ "name": "handleSlotChange",
2032
+ "privacy": "private"
1997
2033
  }
1998
2034
  ],
1999
2035
  "attributes": [
2000
- {
2001
- "name": "image",
2002
- "type": {
2003
- "text": "string"
2004
- },
2005
- "default": "''",
2006
- "description": "The image source to use for the avatar.",
2007
- "fieldName": "image"
2008
- },
2009
2036
  {
2010
2037
  "name": "label",
2011
2038
  "type": {
2012
2039
  "text": "string"
2013
2040
  },
2014
2041
  "default": "''",
2015
- "description": "A label to use to describe the avatar to assistive devices.",
2042
+ "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
2016
2043
  "fieldName": "label"
2017
- },
2018
- {
2019
- "name": "initials",
2020
- "type": {
2021
- "text": "string"
2022
- },
2023
- "default": "''",
2024
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
2025
- "fieldName": "initials"
2026
- },
2027
- {
2028
- "name": "loading",
2029
- "type": {
2030
- "text": "'eager' | 'lazy'"
2031
- },
2032
- "default": "'eager'",
2033
- "description": "Indicates how the browser should load the image.",
2034
- "fieldName": "loading"
2035
- },
2036
- {
2037
- "name": "shape",
2038
- "type": {
2039
- "text": "'circle' | 'square' | 'rounded'"
2040
- },
2041
- "default": "'circle'",
2042
- "description": "The shape of the avatar.",
2043
- "fieldName": "shape"
2044
2044
  }
2045
2045
  ],
2046
2046
  "superclass": {
2047
2047
  "name": "FlowRdfElement",
2048
2048
  "module": "/src/internal/flow-ui-rdf-element"
2049
2049
  },
2050
- "summary": "Avatars are used to represent a person or object.",
2051
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
2050
+ "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
2051
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
2052
2052
  "status": "stable",
2053
2053
  "since": "2.0",
2054
2054
  "dependencies": [
2055
2055
  "flow-ui-icon"
2056
2056
  ],
2057
- "tagName": "flow-ui-avatar",
2057
+ "tagName": "flow-ui-breadcrumb",
2058
2058
  "customElement": true
2059
2059
  }
2060
2060
  ],
@@ -2063,16 +2063,16 @@
2063
2063
  "kind": "js",
2064
2064
  "name": "default",
2065
2065
  "declaration": {
2066
- "name": "FlowAvatar",
2067
- "module": "components/avatar/avatar.js"
2066
+ "name": "FlowBreadcrumb",
2067
+ "module": "components/breadcrumb/breadcrumb.js"
2068
2068
  }
2069
2069
  },
2070
2070
  {
2071
2071
  "kind": "custom-element-definition",
2072
- "name": "flow-ui-avatar",
2072
+ "name": "flow-ui-breadcrumb",
2073
2073
  "declaration": {
2074
- "name": "FlowAvatar",
2075
- "module": "components/avatar/avatar.js"
2074
+ "name": "FlowBreadcrumb",
2075
+ "module": "components/breadcrumb/breadcrumb.js"
2076
2076
  }
2077
2077
  }
2078
2078
  ]
@@ -3056,123 +3056,316 @@
3056
3056
  },
3057
3057
  {
3058
3058
  "kind": "method",
3059
- "name": "handleTouchStart",
3060
- "parameters": [
3061
- {
3062
- "name": "event",
3063
- "type": {
3064
- "text": "TouchEvent"
3065
- }
3066
- }
3067
- ]
3059
+ "name": "handleTouchStart",
3060
+ "parameters": [
3061
+ {
3062
+ "name": "event",
3063
+ "type": {
3064
+ "text": "TouchEvent"
3065
+ }
3066
+ }
3067
+ ]
3068
+ },
3069
+ {
3070
+ "kind": "method",
3071
+ "name": "handleDragStart"
3072
+ },
3073
+ {
3074
+ "kind": "method",
3075
+ "name": "handleDrag",
3076
+ "parameters": [
3077
+ {
3078
+ "name": "event",
3079
+ "type": {
3080
+ "text": "PointerEvent"
3081
+ }
3082
+ }
3083
+ ]
3084
+ },
3085
+ {
3086
+ "kind": "method",
3087
+ "name": "handleDragEnd"
3088
+ }
3089
+ ]
3090
+ }
3091
+ ],
3092
+ "exports": [
3093
+ {
3094
+ "kind": "js",
3095
+ "name": "ScrollController",
3096
+ "declaration": {
3097
+ "name": "ScrollController",
3098
+ "module": "components/carousel/scroll-controller.js"
3099
+ }
3100
+ }
3101
+ ]
3102
+ },
3103
+ {
3104
+ "kind": "javascript-module",
3105
+ "path": "components/carousel-item/carousel-item.js",
3106
+ "declarations": [
3107
+ {
3108
+ "kind": "class",
3109
+ "description": "",
3110
+ "name": "FlowCarouselItem",
3111
+ "cssProperties": [
3112
+ {
3113
+ "description": "The slide's aspect ratio. Inherited from the carousel by default.",
3114
+ "name": "--aspect-ratio"
3115
+ }
3116
+ ],
3117
+ "slots": [
3118
+ {
3119
+ "description": "The carousel item's content..",
3120
+ "name": ""
3121
+ }
3122
+ ],
3123
+ "members": [
3124
+ {
3125
+ "kind": "method",
3126
+ "name": "isCarouselItem",
3127
+ "static": true,
3128
+ "parameters": [
3129
+ {
3130
+ "name": "node",
3131
+ "type": {
3132
+ "text": "Node"
3133
+ }
3134
+ }
3135
+ ]
3136
+ }
3137
+ ],
3138
+ "superclass": {
3139
+ "name": "FlowRdfElement",
3140
+ "module": "/src/internal/flow-ui-rdf-element"
3141
+ },
3142
+ "summary": "A carousel item represent a slide within a [carousel](/components/carousel).",
3143
+ "since": "2.0",
3144
+ "status": "experimental",
3145
+ "tagName": "flow-ui-carousel-item",
3146
+ "customElement": true
3147
+ }
3148
+ ],
3149
+ "exports": [
3150
+ {
3151
+ "kind": "js",
3152
+ "name": "default",
3153
+ "declaration": {
3154
+ "name": "FlowCarouselItem",
3155
+ "module": "components/carousel-item/carousel-item.js"
3156
+ }
3157
+ },
3158
+ {
3159
+ "kind": "custom-element-definition",
3160
+ "name": "flow-ui-carousel-item",
3161
+ "declaration": {
3162
+ "name": "FlowCarouselItem",
3163
+ "module": "components/carousel-item/carousel-item.js"
3164
+ }
3165
+ }
3166
+ ]
3167
+ },
3168
+ {
3169
+ "kind": "javascript-module",
3170
+ "path": "components/chart/chart.component.js",
3171
+ "declarations": [
3172
+ {
3173
+ "kind": "class",
3174
+ "description": "",
3175
+ "name": "FlowChart",
3176
+ "cssProperties": [
3177
+ {
3178
+ "description": "The color of the divider.",
3179
+ "name": "--color"
3180
+ },
3181
+ {
3182
+ "description": "The width of the divider.",
3183
+ "name": "--width"
3184
+ },
3185
+ {
3186
+ "description": "The spacing of the divider.",
3187
+ "name": "--spacing"
3188
+ }
3189
+ ],
3190
+ "members": [
3191
+ {
3192
+ "kind": "field",
3193
+ "name": "initializedRegistry",
3194
+ "type": {
3195
+ "text": "boolean"
3196
+ },
3197
+ "privacy": "private",
3198
+ "default": "false"
3199
+ },
3200
+ {
3201
+ "kind": "field",
3202
+ "name": "_chartRef",
3203
+ "type": {
3204
+ "text": "Ref<HTMLCanvasElement>"
3205
+ },
3206
+ "privacy": "private"
3207
+ },
3208
+ {
3209
+ "kind": "field",
3210
+ "name": "_chart",
3211
+ "type": {
3212
+ "text": "Chart | undefined"
3213
+ },
3214
+ "privacy": "private"
3215
+ },
3216
+ {
3217
+ "kind": "field",
3218
+ "name": "_dataItems",
3219
+ "type": {
3220
+ "text": "Array<FlowChartData>"
3221
+ },
3222
+ "privacy": "private"
3223
+ },
3224
+ {
3225
+ "kind": "field",
3226
+ "name": "chart",
3227
+ "readonly": true
3228
+ },
3229
+ {
3230
+ "kind": "field",
3231
+ "name": "type",
3232
+ "type": {
3233
+ "text": "string"
3234
+ },
3235
+ "attribute": "type"
3236
+ },
3237
+ {
3238
+ "kind": "field",
3239
+ "name": "options",
3240
+ "type": {
3241
+ "text": "ChartOptions"
3242
+ },
3243
+ "default": "{}",
3244
+ "attribute": "options"
3245
+ },
3246
+ {
3247
+ "kind": "field",
3248
+ "name": "data",
3249
+ "type": {
3250
+ "text": "ChartData"
3251
+ },
3252
+ "attribute": "data"
3253
+ },
3254
+ {
3255
+ "kind": "field",
3256
+ "name": "plugins",
3257
+ "type": {
3258
+ "text": "Plugin[]"
3259
+ },
3260
+ "default": "[]",
3261
+ "attribute": "plugins"
3262
+ },
3263
+ {
3264
+ "kind": "method",
3265
+ "name": "repaint"
3266
+ },
3267
+ {
3268
+ "kind": "field",
3269
+ "name": "chartData",
3270
+ "privacy": "private",
3271
+ "readonly": true
3272
+ },
3273
+ {
3274
+ "kind": "field",
3275
+ "name": "chartOptions",
3276
+ "privacy": "private",
3277
+ "readonly": true
3278
+ },
3279
+ {
3280
+ "kind": "method",
3281
+ "name": "handleDataChange",
3282
+ "privacy": "private"
3283
+ }
3284
+ ],
3285
+ "attributes": [
3286
+ {
3287
+ "name": "type",
3288
+ "type": {
3289
+ "text": "string"
3290
+ },
3291
+ "fieldName": "type"
3068
3292
  },
3069
3293
  {
3070
- "kind": "method",
3071
- "name": "handleDragStart"
3294
+ "name": "options",
3295
+ "type": {
3296
+ "text": "ChartOptions"
3297
+ },
3298
+ "default": "{}",
3299
+ "fieldName": "options"
3072
3300
  },
3073
3301
  {
3074
- "kind": "method",
3075
- "name": "handleDrag",
3076
- "parameters": [
3077
- {
3078
- "name": "event",
3079
- "type": {
3080
- "text": "PointerEvent"
3081
- }
3082
- }
3083
- ]
3302
+ "name": "data",
3303
+ "type": {
3304
+ "text": "ChartData"
3305
+ },
3306
+ "fieldName": "data"
3084
3307
  },
3085
3308
  {
3086
- "kind": "method",
3087
- "name": "handleDragEnd"
3309
+ "name": "plugins",
3310
+ "type": {
3311
+ "text": "Plugin[]"
3312
+ },
3313
+ "default": "[]",
3314
+ "fieldName": "plugins"
3088
3315
  }
3089
- ]
3316
+ ],
3317
+ "superclass": {
3318
+ "name": "FlowRdfElement",
3319
+ "module": "/src/internal/flow-ui-rdf-element"
3320
+ },
3321
+ "summary": "Dividers are used to visually separate or group elements.",
3322
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/divider",
3323
+ "status": "stable",
3324
+ "since": "2.0"
3090
3325
  }
3091
3326
  ],
3092
3327
  "exports": [
3093
3328
  {
3094
3329
  "kind": "js",
3095
- "name": "ScrollController",
3330
+ "name": "default",
3096
3331
  "declaration": {
3097
- "name": "ScrollController",
3098
- "module": "components/carousel/scroll-controller.js"
3332
+ "name": "FlowChart",
3333
+ "module": "components/chart/chart.component.js"
3099
3334
  }
3100
3335
  }
3101
3336
  ]
3102
3337
  },
3103
3338
  {
3104
3339
  "kind": "javascript-module",
3105
- "path": "components/carousel-item/carousel-item.js",
3106
- "declarations": [
3107
- {
3108
- "kind": "class",
3109
- "description": "",
3110
- "name": "FlowCarouselItem",
3111
- "cssProperties": [
3112
- {
3113
- "description": "The slide's aspect ratio. Inherited from the carousel by default.",
3114
- "name": "--aspect-ratio"
3115
- }
3116
- ],
3117
- "slots": [
3118
- {
3119
- "description": "The carousel item's content..",
3120
- "name": ""
3121
- }
3122
- ],
3123
- "members": [
3124
- {
3125
- "kind": "method",
3126
- "name": "isCarouselItem",
3127
- "static": true,
3128
- "parameters": [
3129
- {
3130
- "name": "node",
3131
- "type": {
3132
- "text": "Node"
3133
- }
3134
- }
3135
- ]
3136
- }
3137
- ],
3138
- "superclass": {
3139
- "name": "FlowRdfElement",
3140
- "module": "/src/internal/flow-ui-rdf-element"
3141
- },
3142
- "summary": "A carousel item represent a slide within a [carousel](/components/carousel).",
3143
- "since": "2.0",
3144
- "status": "experimental",
3145
- "tagName": "flow-ui-carousel-item",
3146
- "customElement": true
3147
- }
3148
- ],
3340
+ "path": "components/chart/chart.js",
3341
+ "declarations": [],
3149
3342
  "exports": [
3150
3343
  {
3151
3344
  "kind": "js",
3152
- "name": "default",
3345
+ "name": "*",
3153
3346
  "declaration": {
3154
- "name": "FlowCarouselItem",
3155
- "module": "components/carousel-item/carousel-item.js"
3347
+ "name": "*",
3348
+ "package": "./chart.component"
3156
3349
  }
3157
3350
  },
3158
3351
  {
3159
- "kind": "custom-element-definition",
3160
- "name": "flow-ui-carousel-item",
3352
+ "kind": "js",
3353
+ "name": "default",
3161
3354
  "declaration": {
3162
- "name": "FlowCarouselItem",
3163
- "module": "components/carousel-item/carousel-item.js"
3355
+ "name": "FlowChart",
3356
+ "module": "components/chart/chart.js"
3164
3357
  }
3165
3358
  }
3166
3359
  ]
3167
3360
  },
3168
3361
  {
3169
3362
  "kind": "javascript-module",
3170
- "path": "components/chart/chart.component.js",
3363
+ "path": "components/chart-data/chart-data.component.js",
3171
3364
  "declarations": [
3172
3365
  {
3173
3366
  "kind": "class",
3174
3367
  "description": "",
3175
- "name": "FlowChart",
3368
+ "name": "FlowChartData",
3176
3369
  "cssProperties": [
3177
3370
  {
3178
3371
  "description": "The color of the divider.",
@@ -3190,79 +3383,96 @@
3190
3383
  "members": [
3191
3384
  {
3192
3385
  "kind": "field",
3193
- "name": "initializedRegistry",
3386
+ "name": "_datasetSpec",
3194
3387
  "type": {
3195
- "text": "boolean"
3388
+ "text": "ChartDataset<any, any>"
3196
3389
  },
3197
3390
  "privacy": "private",
3198
- "default": "false"
3391
+ "default": "{\n label: 'Dataset',\n parsing: { xAxisKey: 'x', yAxisKey: 'y' },\n data: []\n }"
3199
3392
  },
3200
3393
  {
3201
3394
  "kind": "field",
3202
- "name": "chartRef",
3395
+ "name": "datasetSpec",
3203
3396
  "type": {
3204
- "text": "Ref<HTMLCanvasElement>"
3397
+ "text": "ChartDataset"
3205
3398
  },
3206
- "privacy": "private"
3399
+ "readonly": true
3207
3400
  },
3208
3401
  {
3209
3402
  "kind": "field",
3210
- "name": "chart",
3403
+ "name": "label",
3211
3404
  "type": {
3212
- "text": "Chart"
3405
+ "text": "string"
3213
3406
  },
3214
- "privacy": "public"
3407
+ "attribute": "label"
3215
3408
  },
3216
3409
  {
3217
3410
  "kind": "field",
3218
- "name": "type",
3411
+ "name": "data",
3219
3412
  "type": {
3220
- "text": "string"
3413
+ "text": "Record<string, number>[]"
3221
3414
  },
3222
- "attribute": "type"
3415
+ "attribute": "data"
3223
3416
  },
3224
3417
  {
3225
3418
  "kind": "field",
3226
- "name": "data",
3419
+ "name": "x",
3227
3420
  "type": {
3228
- "text": "any"
3421
+ "text": "string"
3229
3422
  },
3230
- "attribute": "data"
3423
+ "attribute": "x"
3231
3424
  },
3232
3425
  {
3233
3426
  "kind": "field",
3234
- "name": "options",
3427
+ "name": "y",
3235
3428
  "type": {
3236
- "text": "any"
3429
+ "text": "string"
3237
3430
  },
3238
- "attribute": "options"
3431
+ "attribute": "y"
3239
3432
  },
3240
3433
  {
3241
3434
  "kind": "method",
3242
- "name": "handleUpdate"
3435
+ "name": "handlePropChange"
3436
+ },
3437
+ {
3438
+ "kind": "method",
3439
+ "name": "createRenderRoot",
3440
+ "privacy": "protected"
3441
+ },
3442
+ {
3443
+ "kind": "method",
3444
+ "name": "updateDatasetSpec",
3445
+ "privacy": "private"
3243
3446
  }
3244
3447
  ],
3245
3448
  "attributes": [
3246
3449
  {
3247
- "name": "type",
3450
+ "name": "label",
3248
3451
  "type": {
3249
3452
  "text": "string"
3250
3453
  },
3251
- "fieldName": "type"
3454
+ "fieldName": "label"
3252
3455
  },
3253
3456
  {
3254
3457
  "name": "data",
3255
3458
  "type": {
3256
- "text": "any"
3459
+ "text": "Record<string, number>[]"
3257
3460
  },
3258
3461
  "fieldName": "data"
3259
3462
  },
3260
3463
  {
3261
- "name": "options",
3464
+ "name": "x",
3262
3465
  "type": {
3263
- "text": "any"
3466
+ "text": "string"
3264
3467
  },
3265
- "fieldName": "options"
3468
+ "fieldName": "x"
3469
+ },
3470
+ {
3471
+ "name": "y",
3472
+ "type": {
3473
+ "text": "string"
3474
+ },
3475
+ "fieldName": "y"
3266
3476
  }
3267
3477
  ],
3268
3478
  "superclass": {
@@ -3280,15 +3490,15 @@
3280
3490
  "kind": "js",
3281
3491
  "name": "default",
3282
3492
  "declaration": {
3283
- "name": "FlowChart",
3284
- "module": "components/chart/chart.component.js"
3493
+ "name": "FlowChartData",
3494
+ "module": "components/chart-data/chart-data.component.js"
3285
3495
  }
3286
3496
  }
3287
3497
  ]
3288
3498
  },
3289
3499
  {
3290
3500
  "kind": "javascript-module",
3291
- "path": "components/chart/chart.js",
3501
+ "path": "components/chart-data/chart-data.js",
3292
3502
  "declarations": [],
3293
3503
  "exports": [
3294
3504
  {
@@ -3296,15 +3506,15 @@
3296
3506
  "name": "*",
3297
3507
  "declaration": {
3298
3508
  "name": "*",
3299
- "package": "./chart.component"
3509
+ "package": "./chart-data.component"
3300
3510
  }
3301
3511
  },
3302
3512
  {
3303
3513
  "kind": "js",
3304
3514
  "name": "default",
3305
3515
  "declaration": {
3306
- "name": "FlowChart",
3307
- "module": "components/chart/chart.js"
3516
+ "name": "FlowChartData",
3517
+ "module": "components/chart-data/chart-data.js"
3308
3518
  }
3309
3519
  }
3310
3520
  ]
@@ -19909,10 +20119,119 @@
19909
20119
  }
19910
20120
  }
19911
20121
  ]
20122
+ },
20123
+ {
20124
+ "kind": "javascript-module",
20125
+ "path": "components/chart/plugins/interaction.interpolate.js",
20126
+ "declarations": [
20127
+ {
20128
+ "kind": "function",
20129
+ "name": "Interpolate",
20130
+ "parameters": [
20131
+ {
20132
+ "name": "chart",
20133
+ "type": {
20134
+ "text": "Chart"
20135
+ }
20136
+ },
20137
+ {
20138
+ "name": "e",
20139
+ "type": {
20140
+ "text": "ChartEvent"
20141
+ }
20142
+ },
20143
+ {
20144
+ "name": "options",
20145
+ "type": {
20146
+ "text": "InteractionOptions"
20147
+ }
20148
+ }
20149
+ ],
20150
+ "description": "Custom interaction mode to interpolate values on the chart."
20151
+ }
20152
+ ],
20153
+ "exports": [
20154
+ {
20155
+ "kind": "js",
20156
+ "name": "default",
20157
+ "declaration": {
20158
+ "name": "Interpolate",
20159
+ "module": "components/chart/plugins/interaction.interpolate.js"
20160
+ }
20161
+ }
20162
+ ]
20163
+ },
20164
+ {
20165
+ "kind": "javascript-module",
20166
+ "path": "components/chart/plugins/plugin.flow-ui-colors.js",
20167
+ "declarations": [],
20168
+ "exports": [
20169
+ {
20170
+ "kind": "js",
20171
+ "name": "default",
20172
+ "declaration": {
20173
+ "module": "components/chart/plugins/plugin.flow-ui-colors.js"
20174
+ }
20175
+ }
20176
+ ]
20177
+ },
20178
+ {
20179
+ "kind": "javascript-module",
20180
+ "path": "components/chart/plugins/plugin.flow-ui-crosshairs.js",
20181
+ "declarations": [],
20182
+ "exports": [
20183
+ {
20184
+ "kind": "js",
20185
+ "name": "default",
20186
+ "declaration": {
20187
+ "module": "components/chart/plugins/plugin.flow-ui-crosshairs.js"
20188
+ }
20189
+ }
20190
+ ]
20191
+ },
20192
+ {
20193
+ "kind": "javascript-module",
20194
+ "path": "components/chart/plugins/positioner.cursor.js",
20195
+ "declarations": [
20196
+ {
20197
+ "kind": "function",
20198
+ "name": "CursorPositioner",
20199
+ "parameters": [
20200
+ {
20201
+ "name": "this",
20202
+ "type": {
20203
+ "text": "TooltipModel<any>"
20204
+ }
20205
+ },
20206
+ {
20207
+ "name": "_elements",
20208
+ "type": {
20209
+ "text": "Element[]"
20210
+ }
20211
+ },
20212
+ {
20213
+ "name": "eventPosition",
20214
+ "type": {
20215
+ "text": "Point"
20216
+ }
20217
+ }
20218
+ ]
20219
+ }
20220
+ ],
20221
+ "exports": [
20222
+ {
20223
+ "kind": "js",
20224
+ "name": "default",
20225
+ "declaration": {
20226
+ "name": "CursorPositioner",
20227
+ "module": "components/chart/plugins/positioner.cursor.js"
20228
+ }
20229
+ }
20230
+ ]
19912
20231
  }
19913
20232
  ],
19914
20233
  "package": {
19915
20234
  "name": "@emuanalytics/flow-rdf-ui",
19916
- "version": "0.0.18-alpha.5"
20235
+ "version": "0.0.18-alpha.7"
19917
20236
  }
19918
20237
  }