@emuanalytics/flow-rdf-ui 0.0.11 → 0.0.13

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.
@@ -257,742 +257,325 @@
257
257
  },
258
258
  {
259
259
  "kind": "javascript-module",
260
- "path": "components/avatar/avatar.js",
260
+ "path": "components/animation/animation.js",
261
261
  "declarations": [
262
262
  {
263
263
  "kind": "class",
264
264
  "description": "",
265
- "name": "FlowAvatar",
266
- "cssProperties": [
267
- {
268
- "description": "The size of the avatar.",
269
- "name": "--size"
270
- }
271
- ],
272
- "cssParts": [
273
- {
274
- "description": "The component's base wrapper.",
275
- "name": "base"
276
- },
277
- {
278
- "description": "The container that wraps the avatar's icon.",
279
- "name": "icon"
280
- },
281
- {
282
- "description": "The container that wraps the avatar's initials.",
283
- "name": "initials"
284
- },
285
- {
286
- "description": "The avatar image. Only shown when the `image` attribute is set.",
287
- "name": "image"
288
- }
289
- ],
265
+ "name": "FlowAnimation",
290
266
  "slots": [
291
267
  {
292
- "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
293
- "name": "icon"
268
+ "description": "The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<flow-ui-animation>` elements.",
269
+ "name": ""
294
270
  }
295
271
  ],
296
272
  "members": [
297
273
  {
298
274
  "kind": "field",
299
- "name": "hasError",
275
+ "name": "animation",
300
276
  "type": {
301
- "text": "boolean"
277
+ "text": "Animation | undefined"
302
278
  },
303
- "privacy": "private",
304
- "default": "false"
279
+ "privacy": "private"
305
280
  },
306
281
  {
307
282
  "kind": "field",
308
- "name": "image",
283
+ "name": "hasStarted",
309
284
  "type": {
310
- "text": "string"
285
+ "text": "boolean"
311
286
  },
312
- "default": "''",
313
- "description": "The image source to use for the avatar.",
314
- "attribute": "image"
287
+ "privacy": "private",
288
+ "default": "false"
315
289
  },
316
290
  {
317
291
  "kind": "field",
318
- "name": "label",
292
+ "name": "defaultSlot",
319
293
  "type": {
320
- "text": "string"
321
- },
322
- "default": "''",
323
- "description": "A label to use to describe the avatar to assistive devices.",
324
- "attribute": "label"
294
+ "text": "Promise<HTMLSlotElement>"
295
+ }
325
296
  },
326
297
  {
327
298
  "kind": "field",
328
- "name": "initials",
299
+ "name": "name",
329
300
  "type": {
330
301
  "text": "string"
331
302
  },
332
- "default": "''",
333
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
334
- "attribute": "initials"
303
+ "default": "'none'",
304
+ "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
305
+ "attribute": "name"
335
306
  },
336
307
  {
337
308
  "kind": "field",
338
- "name": "loading",
309
+ "name": "play",
339
310
  "type": {
340
- "text": "'eager' | 'lazy'"
311
+ "text": "boolean"
341
312
  },
342
- "default": "'eager'",
343
- "description": "Indicates how the browser should load the image.",
344
- "attribute": "loading"
313
+ "default": "false",
314
+ "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
315
+ "attribute": "play",
316
+ "reflects": true
345
317
  },
346
318
  {
347
319
  "kind": "field",
348
- "name": "shape",
320
+ "name": "delay",
349
321
  "type": {
350
- "text": "'circle' | 'square' | 'rounded'"
322
+ "text": "number"
351
323
  },
352
- "default": "'circle'",
353
- "description": "The shape of the avatar.",
354
- "attribute": "shape",
355
- "reflects": true
324
+ "default": "0",
325
+ "description": "The number of milliseconds to delay the start of the animation.",
326
+ "attribute": "delay"
356
327
  },
357
328
  {
358
- "kind": "method",
359
- "name": "handleImageChange"
360
- }
361
- ],
362
- "attributes": [
363
- {
364
- "name": "image",
329
+ "kind": "field",
330
+ "name": "direction",
365
331
  "type": {
366
- "text": "string"
332
+ "text": "PlaybackDirection"
367
333
  },
368
- "default": "''",
369
- "description": "The image source to use for the avatar.",
370
- "fieldName": "image"
334
+ "default": "'normal'",
335
+ "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
336
+ "attribute": "direction"
371
337
  },
372
338
  {
373
- "name": "label",
339
+ "kind": "field",
340
+ "name": "duration",
374
341
  "type": {
375
- "text": "string"
342
+ "text": "number"
376
343
  },
377
- "default": "''",
378
- "description": "A label to use to describe the avatar to assistive devices.",
379
- "fieldName": "label"
344
+ "default": "1000",
345
+ "description": "The number of milliseconds each iteration of the animation takes to complete.",
346
+ "attribute": "duration"
380
347
  },
381
348
  {
382
- "name": "initials",
349
+ "kind": "field",
350
+ "name": "easing",
383
351
  "type": {
384
352
  "text": "string"
385
353
  },
386
- "default": "''",
387
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
388
- "fieldName": "initials"
354
+ "default": "'linear'",
355
+ "description": "The easing function to use for the animation. This can be a Flo.w RDF UI easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
356
+ "attribute": "easing"
389
357
  },
390
358
  {
391
- "name": "loading",
359
+ "kind": "field",
360
+ "name": "endDelay",
392
361
  "type": {
393
- "text": "'eager' | 'lazy'"
362
+ "text": "number"
394
363
  },
395
- "default": "'eager'",
396
- "description": "Indicates how the browser should load the image.",
397
- "fieldName": "loading"
364
+ "default": "0",
365
+ "description": "The number of milliseconds to delay after the active period of an animation sequence.",
366
+ "attribute": "end-delay"
398
367
  },
399
368
  {
400
- "name": "shape",
369
+ "kind": "field",
370
+ "name": "fill",
401
371
  "type": {
402
- "text": "'circle' | 'square' | 'rounded'"
372
+ "text": "FillMode"
403
373
  },
404
- "default": "'circle'",
405
- "description": "The shape of the avatar.",
406
- "fieldName": "shape"
407
- }
408
- ],
409
- "superclass": {
410
- "name": "FlowRdfElement",
411
- "module": "/src/internal/flow-ui-rdf-element"
412
- },
413
- "summary": "Avatars are used to represent a person or object.",
414
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
415
- "status": "stable",
416
- "since": "2.0",
417
- "dependencies": [
418
- "flow-ui-icon"
419
- ],
420
- "tagName": "flow-ui-avatar",
421
- "customElement": true
422
- }
423
- ],
424
- "exports": [
425
- {
426
- "kind": "js",
427
- "name": "default",
428
- "declaration": {
429
- "name": "FlowAvatar",
430
- "module": "components/avatar/avatar.js"
431
- }
432
- },
433
- {
434
- "kind": "custom-element-definition",
435
- "name": "flow-ui-avatar",
436
- "declaration": {
437
- "name": "FlowAvatar",
438
- "module": "components/avatar/avatar.js"
439
- }
440
- }
441
- ]
442
- },
443
- {
444
- "kind": "javascript-module",
445
- "path": "components/breadcrumb/breadcrumb.js",
446
- "declarations": [
447
- {
448
- "kind": "class",
449
- "description": "",
450
- "name": "FlowBreadcrumb",
451
- "cssParts": [
452
- {
453
- "description": "The component's base wrapper.",
454
- "name": "base"
455
- }
456
- ],
457
- "slots": [
458
- {
459
- "description": "One or more breadcrumb items to display.",
460
- "name": ""
374
+ "default": "'auto'",
375
+ "description": "Sets how the animation applies styles to its target before and after its execution.",
376
+ "attribute": "fill"
461
377
  },
462
- {
463
- "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
464
- "name": "separator"
465
- }
466
- ],
467
- "members": [
468
378
  {
469
379
  "kind": "field",
470
- "name": "localize",
471
- "privacy": "private",
472
- "readonly": true,
473
- "default": "new LocalizeController(this)"
380
+ "name": "iterations",
381
+ "default": "Infinity",
382
+ "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
383
+ "attribute": "iterations"
474
384
  },
475
385
  {
476
386
  "kind": "field",
477
- "name": "separatorDir",
478
- "privacy": "private"
387
+ "name": "iterationStart",
388
+ "type": {
389
+ "text": "number"
390
+ },
391
+ "default": "0",
392
+ "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
393
+ "attribute": "iteration-start"
479
394
  },
480
395
  {
481
396
  "kind": "field",
482
- "name": "defaultSlot",
397
+ "name": "keyframes",
483
398
  "type": {
484
- "text": "HTMLSlotElement"
485
- }
399
+ "text": "Keyframe[] | undefined"
400
+ },
401
+ "description": "The keyframes to use for the animation. If this is set, `name` will be ignored."
486
402
  },
487
403
  {
488
404
  "kind": "field",
489
- "name": "separatorSlot",
405
+ "name": "playbackRate",
490
406
  "type": {
491
- "text": "HTMLSlotElement"
492
- }
407
+ "text": "number"
408
+ },
409
+ "default": "1",
410
+ "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
411
+ "attribute": "playback-rate"
493
412
  },
494
413
  {
495
414
  "kind": "field",
496
- "name": "label",
415
+ "name": "currentTime",
497
416
  "type": {
498
- "text": "string"
417
+ "text": "number"
499
418
  },
500
- "default": "''",
501
- "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.",
502
- "attribute": "label"
419
+ "description": "Gets and sets the current animation time."
503
420
  },
504
421
  {
505
422
  "kind": "method",
506
- "name": "getSeparator",
423
+ "name": "handleAnimationFinish",
507
424
  "privacy": "private"
508
425
  },
509
426
  {
510
427
  "kind": "method",
511
- "name": "handleSlotChange",
428
+ "name": "handleAnimationCancel",
512
429
  "privacy": "private"
513
- }
514
- ],
515
- "attributes": [
430
+ },
516
431
  {
517
- "name": "label",
518
- "type": {
519
- "text": "string"
520
- },
521
- "default": "''",
522
- "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.",
523
- "fieldName": "label"
524
- }
525
- ],
526
- "superclass": {
527
- "name": "FlowRdfElement",
528
- "module": "/src/internal/flow-ui-rdf-element"
529
- },
530
- "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
531
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
532
- "status": "stable",
533
- "since": "2.0",
534
- "dependencies": [
535
- "flow-ui-icon"
536
- ],
537
- "tagName": "flow-ui-breadcrumb",
538
- "customElement": true
539
- }
540
- ],
541
- "exports": [
542
- {
543
- "kind": "js",
544
- "name": "default",
545
- "declaration": {
546
- "name": "FlowBreadcrumb",
547
- "module": "components/breadcrumb/breadcrumb.js"
548
- }
549
- },
550
- {
551
- "kind": "custom-element-definition",
552
- "name": "flow-ui-breadcrumb",
553
- "declaration": {
554
- "name": "FlowBreadcrumb",
555
- "module": "components/breadcrumb/breadcrumb.js"
556
- }
557
- }
558
- ]
559
- },
560
- {
561
- "kind": "javascript-module",
562
- "path": "components/badge/badge.js",
563
- "declarations": [
564
- {
565
- "kind": "class",
566
- "description": "",
567
- "name": "FlowBadge",
568
- "cssParts": [
569
- {
570
- "description": "The component's base wrapper.",
571
- "name": "base"
572
- }
573
- ],
574
- "slots": [
575
- {
576
- "description": "The badge's content.",
577
- "name": ""
578
- }
579
- ],
580
- "members": [
432
+ "kind": "method",
433
+ "name": "handleSlotChange",
434
+ "privacy": "private"
435
+ },
581
436
  {
582
- "kind": "field",
583
- "name": "variant",
584
- "type": {
585
- "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
586
- },
587
- "default": "'primary'",
588
- "description": "The badge's theme variant.",
589
- "attribute": "variant",
590
- "reflects": true
437
+ "kind": "method",
438
+ "name": "createAnimation",
439
+ "privacy": "private"
591
440
  },
592
441
  {
593
- "kind": "field",
594
- "name": "pill",
595
- "type": {
596
- "text": "boolean"
597
- },
598
- "default": "false",
599
- "description": "Draws a pill-style badge with rounded edges.",
600
- "attribute": "pill",
601
- "reflects": true
442
+ "kind": "method",
443
+ "name": "destroyAnimation",
444
+ "privacy": "private"
602
445
  },
603
446
  {
604
- "kind": "field",
605
- "name": "pulse",
606
- "type": {
607
- "text": "boolean"
608
- },
609
- "default": "false",
610
- "description": "Makes the badge pulsate to draw attention.",
611
- "attribute": "pulse",
612
- "reflects": true
613
- }
614
- ],
615
- "attributes": [
447
+ "kind": "method",
448
+ "name": "handleAnimationChange"
449
+ },
616
450
  {
617
- "name": "variant",
618
- "type": {
619
- "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
620
- },
621
- "default": "'primary'",
622
- "description": "The badge's theme variant.",
623
- "fieldName": "variant"
451
+ "kind": "method",
452
+ "name": "handlePlayChange"
624
453
  },
625
454
  {
626
- "name": "pill",
627
- "type": {
628
- "text": "boolean"
629
- },
630
- "default": "false",
631
- "description": "Draws a pill-style badge with rounded edges.",
632
- "fieldName": "pill"
455
+ "kind": "method",
456
+ "name": "handlePlaybackRateChange"
633
457
  },
634
458
  {
635
- "name": "pulse",
636
- "type": {
637
- "text": "boolean"
638
- },
639
- "default": "false",
640
- "description": "Makes the badge pulsate to draw attention.",
641
- "fieldName": "pulse"
642
- }
643
- ],
644
- "superclass": {
645
- "name": "FlowRdfElement",
646
- "module": "/src/internal/flow-ui-rdf-element"
647
- },
648
- "summary": "Badges are used to draw attention and display statuses or counts.",
649
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
650
- "status": "stable",
651
- "since": "2.0",
652
- "tagName": "flow-ui-badge",
653
- "customElement": true
654
- }
655
- ],
656
- "exports": [
657
- {
658
- "kind": "js",
659
- "name": "default",
660
- "declaration": {
661
- "name": "FlowBadge",
662
- "module": "components/badge/badge.js"
663
- }
664
- },
665
- {
666
- "kind": "custom-element-definition",
667
- "name": "flow-ui-badge",
668
- "declaration": {
669
- "name": "FlowBadge",
670
- "module": "components/badge/badge.js"
671
- }
672
- }
673
- ]
674
- },
675
- {
676
- "kind": "javascript-module",
677
- "path": "components/animation/animation.js",
678
- "declarations": [
679
- {
680
- "kind": "class",
681
- "description": "",
682
- "name": "FlowAnimation",
683
- "slots": [
459
+ "kind": "method",
460
+ "name": "cancel",
461
+ "description": "Clears all keyframe effects caused by this animation and aborts its playback."
462
+ },
684
463
  {
685
- "description": "The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<flow-ui-animation>` elements.",
686
- "name": ""
464
+ "kind": "method",
465
+ "name": "finish",
466
+ "description": "Sets the playback time to the end of the animation corresponding to the current playback direction."
687
467
  }
688
468
  ],
689
- "members": [
469
+ "events": [
690
470
  {
691
- "kind": "field",
692
- "name": "animation",
693
- "type": {
694
- "text": "Animation | undefined"
695
- },
696
- "privacy": "private"
471
+ "description": "Emitted when the animation is canceled.",
472
+ "name": "flow-ui-cancel",
473
+ "reactName": "onFlowUiCancel"
697
474
  },
698
475
  {
699
- "kind": "field",
700
- "name": "hasStarted",
701
- "type": {
702
- "text": "boolean"
703
- },
704
- "privacy": "private",
705
- "default": "false"
476
+ "description": "Emitted when the animation finishes.",
477
+ "name": "flow-ui-finish",
478
+ "reactName": "onFlowUiFinish"
706
479
  },
707
480
  {
708
- "kind": "field",
709
- "name": "defaultSlot",
710
- "type": {
711
- "text": "Promise<HTMLSlotElement>"
712
- }
713
- },
481
+ "description": "Emitted when the animation starts or restarts.",
482
+ "name": "flow-ui-start",
483
+ "reactName": "onFlowUiStart"
484
+ }
485
+ ],
486
+ "attributes": [
714
487
  {
715
- "kind": "field",
716
488
  "name": "name",
717
489
  "type": {
718
490
  "text": "string"
719
491
  },
720
492
  "default": "'none'",
721
493
  "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
722
- "attribute": "name"
494
+ "fieldName": "name"
723
495
  },
724
496
  {
725
- "kind": "field",
726
497
  "name": "play",
727
498
  "type": {
728
499
  "text": "boolean"
729
500
  },
730
501
  "default": "false",
731
502
  "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
732
- "attribute": "play",
733
- "reflects": true
503
+ "fieldName": "play"
734
504
  },
735
505
  {
736
- "kind": "field",
737
506
  "name": "delay",
738
507
  "type": {
739
508
  "text": "number"
740
509
  },
741
510
  "default": "0",
742
511
  "description": "The number of milliseconds to delay the start of the animation.",
743
- "attribute": "delay"
512
+ "fieldName": "delay"
744
513
  },
745
514
  {
746
- "kind": "field",
747
515
  "name": "direction",
748
516
  "type": {
749
517
  "text": "PlaybackDirection"
750
518
  },
751
519
  "default": "'normal'",
752
520
  "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
753
- "attribute": "direction"
521
+ "fieldName": "direction"
754
522
  },
755
523
  {
756
- "kind": "field",
757
524
  "name": "duration",
758
525
  "type": {
759
526
  "text": "number"
760
527
  },
761
528
  "default": "1000",
762
529
  "description": "The number of milliseconds each iteration of the animation takes to complete.",
763
- "attribute": "duration"
530
+ "fieldName": "duration"
764
531
  },
765
532
  {
766
- "kind": "field",
767
533
  "name": "easing",
768
534
  "type": {
769
535
  "text": "string"
770
536
  },
771
537
  "default": "'linear'",
772
538
  "description": "The easing function to use for the animation. This can be a Flo.w RDF UI easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
773
- "attribute": "easing"
539
+ "fieldName": "easing"
774
540
  },
775
541
  {
776
- "kind": "field",
777
- "name": "endDelay",
542
+ "name": "end-delay",
778
543
  "type": {
779
544
  "text": "number"
780
545
  },
781
546
  "default": "0",
782
547
  "description": "The number of milliseconds to delay after the active period of an animation sequence.",
783
- "attribute": "end-delay"
548
+ "fieldName": "endDelay"
784
549
  },
785
550
  {
786
- "kind": "field",
787
551
  "name": "fill",
788
552
  "type": {
789
553
  "text": "FillMode"
790
554
  },
791
555
  "default": "'auto'",
792
556
  "description": "Sets how the animation applies styles to its target before and after its execution.",
793
- "attribute": "fill"
557
+ "fieldName": "fill"
794
558
  },
795
559
  {
796
- "kind": "field",
797
560
  "name": "iterations",
798
561
  "default": "Infinity",
799
562
  "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
800
- "attribute": "iterations"
563
+ "resolveInitializer": {
564
+ "module": "src/components/animation/animation.ts"
565
+ },
566
+ "fieldName": "iterations"
801
567
  },
802
568
  {
803
- "kind": "field",
804
- "name": "iterationStart",
569
+ "name": "iteration-start",
805
570
  "type": {
806
571
  "text": "number"
807
572
  },
808
573
  "default": "0",
809
574
  "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
810
- "attribute": "iteration-start"
575
+ "fieldName": "iterationStart"
811
576
  },
812
577
  {
813
- "kind": "field",
814
- "name": "keyframes",
815
- "type": {
816
- "text": "Keyframe[] | undefined"
817
- },
818
- "description": "The keyframes to use for the animation. If this is set, `name` will be ignored."
819
- },
820
- {
821
- "kind": "field",
822
- "name": "playbackRate",
823
- "type": {
824
- "text": "number"
825
- },
826
- "default": "1",
827
- "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
828
- "attribute": "playback-rate"
829
- },
830
- {
831
- "kind": "field",
832
- "name": "currentTime",
833
- "type": {
834
- "text": "number"
835
- },
836
- "description": "Gets and sets the current animation time."
837
- },
838
- {
839
- "kind": "method",
840
- "name": "handleAnimationFinish",
841
- "privacy": "private"
842
- },
843
- {
844
- "kind": "method",
845
- "name": "handleAnimationCancel",
846
- "privacy": "private"
847
- },
848
- {
849
- "kind": "method",
850
- "name": "handleSlotChange",
851
- "privacy": "private"
852
- },
853
- {
854
- "kind": "method",
855
- "name": "createAnimation",
856
- "privacy": "private"
857
- },
858
- {
859
- "kind": "method",
860
- "name": "destroyAnimation",
861
- "privacy": "private"
862
- },
863
- {
864
- "kind": "method",
865
- "name": "handleAnimationChange"
866
- },
867
- {
868
- "kind": "method",
869
- "name": "handlePlayChange"
870
- },
871
- {
872
- "kind": "method",
873
- "name": "handlePlaybackRateChange"
874
- },
875
- {
876
- "kind": "method",
877
- "name": "cancel",
878
- "description": "Clears all keyframe effects caused by this animation and aborts its playback."
879
- },
880
- {
881
- "kind": "method",
882
- "name": "finish",
883
- "description": "Sets the playback time to the end of the animation corresponding to the current playback direction."
884
- }
885
- ],
886
- "events": [
887
- {
888
- "description": "Emitted when the animation is canceled.",
889
- "name": "flow-ui-cancel",
890
- "reactName": "onFlowUiCancel"
891
- },
892
- {
893
- "description": "Emitted when the animation finishes.",
894
- "name": "flow-ui-finish",
895
- "reactName": "onFlowUiFinish"
896
- },
897
- {
898
- "description": "Emitted when the animation starts or restarts.",
899
- "name": "flow-ui-start",
900
- "reactName": "onFlowUiStart"
901
- }
902
- ],
903
- "attributes": [
904
- {
905
- "name": "name",
906
- "type": {
907
- "text": "string"
908
- },
909
- "default": "'none'",
910
- "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
911
- "fieldName": "name"
912
- },
913
- {
914
- "name": "play",
915
- "type": {
916
- "text": "boolean"
917
- },
918
- "default": "false",
919
- "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
920
- "fieldName": "play"
921
- },
922
- {
923
- "name": "delay",
924
- "type": {
925
- "text": "number"
926
- },
927
- "default": "0",
928
- "description": "The number of milliseconds to delay the start of the animation.",
929
- "fieldName": "delay"
930
- },
931
- {
932
- "name": "direction",
933
- "type": {
934
- "text": "PlaybackDirection"
935
- },
936
- "default": "'normal'",
937
- "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
938
- "fieldName": "direction"
939
- },
940
- {
941
- "name": "duration",
942
- "type": {
943
- "text": "number"
944
- },
945
- "default": "1000",
946
- "description": "The number of milliseconds each iteration of the animation takes to complete.",
947
- "fieldName": "duration"
948
- },
949
- {
950
- "name": "easing",
951
- "type": {
952
- "text": "string"
953
- },
954
- "default": "'linear'",
955
- "description": "The easing function to use for the animation. This can be a Flo.w RDF UI easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
956
- "fieldName": "easing"
957
- },
958
- {
959
- "name": "end-delay",
960
- "type": {
961
- "text": "number"
962
- },
963
- "default": "0",
964
- "description": "The number of milliseconds to delay after the active period of an animation sequence.",
965
- "fieldName": "endDelay"
966
- },
967
- {
968
- "name": "fill",
969
- "type": {
970
- "text": "FillMode"
971
- },
972
- "default": "'auto'",
973
- "description": "Sets how the animation applies styles to its target before and after its execution.",
974
- "fieldName": "fill"
975
- },
976
- {
977
- "name": "iterations",
978
- "default": "Infinity",
979
- "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
980
- "resolveInitializer": {
981
- "module": "src/components/animation/animation.ts"
982
- },
983
- "fieldName": "iterations"
984
- },
985
- {
986
- "name": "iteration-start",
987
- "type": {
988
- "text": "number"
989
- },
990
- "default": "0",
991
- "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
992
- "fieldName": "iterationStart"
993
- },
994
- {
995
- "name": "playback-rate",
578
+ "name": "playback-rate",
996
579
  "type": {
997
580
  "text": "number"
998
581
  },
@@ -1155,61 +738,346 @@
1155
738
  "attribute": "href"
1156
739
  },
1157
740
  {
1158
- "kind": "field",
1159
- "name": "target",
1160
- "type": {
1161
- "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
1162
- },
1163
- "description": "Tells the browser where to open the link. Only used when `href` is set.",
1164
- "attribute": "target"
741
+ "kind": "field",
742
+ "name": "target",
743
+ "type": {
744
+ "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
745
+ },
746
+ "description": "Tells the browser where to open the link. Only used when `href` is set.",
747
+ "attribute": "target"
748
+ },
749
+ {
750
+ "kind": "field",
751
+ "name": "rel",
752
+ "type": {
753
+ "text": "string"
754
+ },
755
+ "default": "'noreferrer noopener'",
756
+ "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
757
+ "attribute": "rel"
758
+ }
759
+ ],
760
+ "attributes": [
761
+ {
762
+ "name": "href",
763
+ "type": {
764
+ "text": "string | undefined"
765
+ },
766
+ "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
767
+ "fieldName": "href"
768
+ },
769
+ {
770
+ "name": "target",
771
+ "type": {
772
+ "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
773
+ },
774
+ "description": "Tells the browser where to open the link. Only used when `href` is set.",
775
+ "fieldName": "target"
776
+ },
777
+ {
778
+ "name": "rel",
779
+ "type": {
780
+ "text": "string"
781
+ },
782
+ "default": "'noreferrer noopener'",
783
+ "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
784
+ "fieldName": "rel"
785
+ }
786
+ ],
787
+ "superclass": {
788
+ "name": "FlowRdfElement",
789
+ "module": "/src/internal/flow-ui-rdf-element"
790
+ },
791
+ "summary": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.",
792
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb-item",
793
+ "status": "stable",
794
+ "since": "2.0",
795
+ "tagName": "flow-ui-breadcrumb-item",
796
+ "customElement": true
797
+ }
798
+ ],
799
+ "exports": [
800
+ {
801
+ "kind": "js",
802
+ "name": "default",
803
+ "declaration": {
804
+ "name": "FlowBreadcrumbItem",
805
+ "module": "components/breadcrumb-item/breadcrumb-item.js"
806
+ }
807
+ },
808
+ {
809
+ "kind": "custom-element-definition",
810
+ "name": "flow-ui-breadcrumb-item",
811
+ "declaration": {
812
+ "name": "FlowBreadcrumbItem",
813
+ "module": "components/breadcrumb-item/breadcrumb-item.js"
814
+ }
815
+ }
816
+ ]
817
+ },
818
+ {
819
+ "kind": "javascript-module",
820
+ "path": "components/breadcrumb/breadcrumb.js",
821
+ "declarations": [
822
+ {
823
+ "kind": "class",
824
+ "description": "",
825
+ "name": "FlowBreadcrumb",
826
+ "cssParts": [
827
+ {
828
+ "description": "The component's base wrapper.",
829
+ "name": "base"
830
+ }
831
+ ],
832
+ "slots": [
833
+ {
834
+ "description": "One or more breadcrumb items to display.",
835
+ "name": ""
836
+ },
837
+ {
838
+ "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
839
+ "name": "separator"
840
+ }
841
+ ],
842
+ "members": [
843
+ {
844
+ "kind": "field",
845
+ "name": "localize",
846
+ "privacy": "private",
847
+ "readonly": true,
848
+ "default": "new LocalizeController(this)"
849
+ },
850
+ {
851
+ "kind": "field",
852
+ "name": "separatorDir",
853
+ "privacy": "private"
854
+ },
855
+ {
856
+ "kind": "field",
857
+ "name": "defaultSlot",
858
+ "type": {
859
+ "text": "HTMLSlotElement"
860
+ }
861
+ },
862
+ {
863
+ "kind": "field",
864
+ "name": "separatorSlot",
865
+ "type": {
866
+ "text": "HTMLSlotElement"
867
+ }
868
+ },
869
+ {
870
+ "kind": "field",
871
+ "name": "label",
872
+ "type": {
873
+ "text": "string"
874
+ },
875
+ "default": "''",
876
+ "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.",
877
+ "attribute": "label"
878
+ },
879
+ {
880
+ "kind": "method",
881
+ "name": "getSeparator",
882
+ "privacy": "private"
883
+ },
884
+ {
885
+ "kind": "method",
886
+ "name": "handleSlotChange",
887
+ "privacy": "private"
888
+ }
889
+ ],
890
+ "attributes": [
891
+ {
892
+ "name": "label",
893
+ "type": {
894
+ "text": "string"
895
+ },
896
+ "default": "''",
897
+ "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.",
898
+ "fieldName": "label"
899
+ }
900
+ ],
901
+ "superclass": {
902
+ "name": "FlowRdfElement",
903
+ "module": "/src/internal/flow-ui-rdf-element"
904
+ },
905
+ "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
906
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
907
+ "status": "stable",
908
+ "since": "2.0",
909
+ "dependencies": [
910
+ "flow-ui-icon"
911
+ ],
912
+ "tagName": "flow-ui-breadcrumb",
913
+ "customElement": true
914
+ }
915
+ ],
916
+ "exports": [
917
+ {
918
+ "kind": "js",
919
+ "name": "default",
920
+ "declaration": {
921
+ "name": "FlowBreadcrumb",
922
+ "module": "components/breadcrumb/breadcrumb.js"
923
+ }
924
+ },
925
+ {
926
+ "kind": "custom-element-definition",
927
+ "name": "flow-ui-breadcrumb",
928
+ "declaration": {
929
+ "name": "FlowBreadcrumb",
930
+ "module": "components/breadcrumb/breadcrumb.js"
931
+ }
932
+ }
933
+ ]
934
+ },
935
+ {
936
+ "kind": "javascript-module",
937
+ "path": "components/button-group/button-group.js",
938
+ "declarations": [
939
+ {
940
+ "kind": "class",
941
+ "description": "",
942
+ "name": "FlowButtonGroup",
943
+ "cssParts": [
944
+ {
945
+ "description": "The component's base wrapper.",
946
+ "name": "base"
947
+ }
948
+ ],
949
+ "slots": [
950
+ {
951
+ "description": "One or more `<flow-ui-button>` elements to display in the button group.",
952
+ "name": ""
953
+ }
954
+ ],
955
+ "members": [
956
+ {
957
+ "kind": "field",
958
+ "name": "defaultSlot",
959
+ "type": {
960
+ "text": "HTMLSlotElement"
961
+ }
962
+ },
963
+ {
964
+ "kind": "field",
965
+ "name": "disableRole",
966
+ "type": {
967
+ "text": "boolean"
968
+ },
969
+ "default": "false"
970
+ },
971
+ {
972
+ "kind": "field",
973
+ "name": "label",
974
+ "type": {
975
+ "text": "string"
976
+ },
977
+ "default": "''",
978
+ "attribute": "label"
979
+ },
980
+ {
981
+ "kind": "field",
982
+ "name": "vertical",
983
+ "type": {
984
+ "text": "boolean"
985
+ },
986
+ "default": "false",
987
+ "description": "Use vertical layout for the button group.",
988
+ "attribute": "vertical",
989
+ "reflects": true
990
+ },
991
+ {
992
+ "kind": "method",
993
+ "name": "handleVerticalChange"
994
+ },
995
+ {
996
+ "kind": "method",
997
+ "name": "handleFocus",
998
+ "privacy": "private",
999
+ "parameters": [
1000
+ {
1001
+ "name": "event",
1002
+ "type": {
1003
+ "text": "Event"
1004
+ }
1005
+ }
1006
+ ]
1007
+ },
1008
+ {
1009
+ "kind": "method",
1010
+ "name": "handleBlur",
1011
+ "privacy": "private",
1012
+ "parameters": [
1013
+ {
1014
+ "name": "event",
1015
+ "type": {
1016
+ "text": "Event"
1017
+ }
1018
+ }
1019
+ ]
1020
+ },
1021
+ {
1022
+ "kind": "method",
1023
+ "name": "handleMouseOver",
1024
+ "privacy": "private",
1025
+ "parameters": [
1026
+ {
1027
+ "name": "event",
1028
+ "type": {
1029
+ "text": "Event"
1030
+ }
1031
+ }
1032
+ ]
1165
1033
  },
1166
1034
  {
1167
- "kind": "field",
1168
- "name": "rel",
1169
- "type": {
1170
- "text": "string"
1171
- },
1172
- "default": "'noreferrer noopener'",
1173
- "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
1174
- "attribute": "rel"
1035
+ "kind": "method",
1036
+ "name": "handleMouseOut",
1037
+ "privacy": "private",
1038
+ "parameters": [
1039
+ {
1040
+ "name": "event",
1041
+ "type": {
1042
+ "text": "Event"
1043
+ }
1044
+ }
1045
+ ]
1046
+ },
1047
+ {
1048
+ "kind": "method",
1049
+ "name": "handleSlotChange",
1050
+ "privacy": "private"
1175
1051
  }
1176
1052
  ],
1177
1053
  "attributes": [
1178
1054
  {
1179
- "name": "href",
1180
- "type": {
1181
- "text": "string | undefined"
1182
- },
1183
- "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
1184
- "fieldName": "href"
1185
- },
1186
- {
1187
- "name": "target",
1055
+ "name": "label",
1188
1056
  "type": {
1189
- "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
1057
+ "text": "string"
1190
1058
  },
1191
- "description": "Tells the browser where to open the link. Only used when `href` is set.",
1192
- "fieldName": "target"
1059
+ "default": "''",
1060
+ "fieldName": "label"
1193
1061
  },
1194
1062
  {
1195
- "name": "rel",
1063
+ "name": "vertical",
1196
1064
  "type": {
1197
- "text": "string"
1065
+ "text": "boolean"
1198
1066
  },
1199
- "default": "'noreferrer noopener'",
1200
- "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
1201
- "fieldName": "rel"
1067
+ "default": "false",
1068
+ "description": "Use vertical layout for the button group.",
1069
+ "fieldName": "vertical"
1202
1070
  }
1203
1071
  ],
1204
1072
  "superclass": {
1205
1073
  "name": "FlowRdfElement",
1206
1074
  "module": "/src/internal/flow-ui-rdf-element"
1207
1075
  },
1208
- "summary": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.",
1209
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb-item",
1076
+ "summary": "Button groups can be used to group related buttons into sections.",
1077
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/button-group",
1210
1078
  "status": "stable",
1211
1079
  "since": "2.0",
1212
- "tagName": "flow-ui-breadcrumb-item",
1080
+ "tagName": "flow-ui-button-group",
1213
1081
  "customElement": true
1214
1082
  }
1215
1083
  ],
@@ -1218,16 +1086,16 @@
1218
1086
  "kind": "js",
1219
1087
  "name": "default",
1220
1088
  "declaration": {
1221
- "name": "FlowBreadcrumbItem",
1222
- "module": "components/breadcrumb-item/breadcrumb-item.js"
1089
+ "name": "FlowButtonGroup",
1090
+ "module": "components/button-group/button-group.js"
1223
1091
  }
1224
1092
  },
1225
1093
  {
1226
1094
  "kind": "custom-element-definition",
1227
- "name": "flow-ui-breadcrumb-item",
1095
+ "name": "flow-ui-button-group",
1228
1096
  "declaration": {
1229
- "name": "FlowBreadcrumbItem",
1230
- "module": "components/breadcrumb-item/breadcrumb-item.js"
1097
+ "name": "FlowButtonGroup",
1098
+ "module": "components/button-group/button-group.js"
1231
1099
  }
1232
1100
  }
1233
1101
  ]
@@ -1820,73 +1688,258 @@
1820
1688
  {
1821
1689
  "name": "download",
1822
1690
  "type": {
1823
- "text": "string | undefined"
1691
+ "text": "string | undefined"
1692
+ },
1693
+ "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
1694
+ "fieldName": "download"
1695
+ },
1696
+ {
1697
+ "name": "form",
1698
+ "type": {
1699
+ "text": "string"
1700
+ },
1701
+ "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
1702
+ "fieldName": "form"
1703
+ },
1704
+ {
1705
+ "name": "formaction",
1706
+ "type": {
1707
+ "text": "string"
1708
+ },
1709
+ "description": "Used to override the form owner's `action` attribute.",
1710
+ "fieldName": "formAction"
1711
+ },
1712
+ {
1713
+ "name": "formenctype",
1714
+ "type": {
1715
+ "text": "'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"
1716
+ },
1717
+ "description": "Used to override the form owner's `enctype` attribute.",
1718
+ "fieldName": "formEnctype"
1719
+ },
1720
+ {
1721
+ "name": "formmethod",
1722
+ "type": {
1723
+ "text": "'post' | 'get'"
1724
+ },
1725
+ "description": "Used to override the form owner's `method` attribute.",
1726
+ "fieldName": "formMethod"
1727
+ },
1728
+ {
1729
+ "name": "formnovalidate",
1730
+ "type": {
1731
+ "text": "boolean"
1732
+ },
1733
+ "description": "Used to override the form owner's `novalidate` attribute.",
1734
+ "fieldName": "formNoValidate"
1735
+ },
1736
+ {
1737
+ "name": "formtarget",
1738
+ "type": {
1739
+ "text": "'_self' | '_blank' | '_parent' | '_top' | string"
1740
+ },
1741
+ "description": "Used to override the form owner's `target` attribute.",
1742
+ "fieldName": "formTarget"
1743
+ }
1744
+ ],
1745
+ "superclass": {
1746
+ "name": "FlowRdfElement",
1747
+ "module": "/src/internal/flow-ui-rdf-element"
1748
+ },
1749
+ "summary": "Buttons represent actions that are available to the user.",
1750
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/button",
1751
+ "status": "stable",
1752
+ "since": "2.0",
1753
+ "dependencies": [
1754
+ "flow-ui-icon",
1755
+ "flow-ui-spinner"
1756
+ ],
1757
+ "tagName": "flow-ui-button",
1758
+ "customElement": true
1759
+ }
1760
+ ],
1761
+ "exports": [
1762
+ {
1763
+ "kind": "js",
1764
+ "name": "default",
1765
+ "declaration": {
1766
+ "name": "FlowButton",
1767
+ "module": "components/button/button.js"
1768
+ }
1769
+ },
1770
+ {
1771
+ "kind": "custom-element-definition",
1772
+ "name": "flow-ui-button",
1773
+ "declaration": {
1774
+ "name": "FlowButton",
1775
+ "module": "components/button/button.js"
1776
+ }
1777
+ }
1778
+ ]
1779
+ },
1780
+ {
1781
+ "kind": "javascript-module",
1782
+ "path": "components/avatar/avatar.js",
1783
+ "declarations": [
1784
+ {
1785
+ "kind": "class",
1786
+ "description": "",
1787
+ "name": "FlowAvatar",
1788
+ "cssProperties": [
1789
+ {
1790
+ "description": "The size of the avatar.",
1791
+ "name": "--size"
1792
+ }
1793
+ ],
1794
+ "cssParts": [
1795
+ {
1796
+ "description": "The component's base wrapper.",
1797
+ "name": "base"
1798
+ },
1799
+ {
1800
+ "description": "The container that wraps the avatar's icon.",
1801
+ "name": "icon"
1802
+ },
1803
+ {
1804
+ "description": "The container that wraps the avatar's initials.",
1805
+ "name": "initials"
1806
+ },
1807
+ {
1808
+ "description": "The avatar image. Only shown when the `image` attribute is set.",
1809
+ "name": "image"
1810
+ }
1811
+ ],
1812
+ "slots": [
1813
+ {
1814
+ "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
1815
+ "name": "icon"
1816
+ }
1817
+ ],
1818
+ "members": [
1819
+ {
1820
+ "kind": "field",
1821
+ "name": "hasError",
1822
+ "type": {
1823
+ "text": "boolean"
1824
+ },
1825
+ "privacy": "private",
1826
+ "default": "false"
1827
+ },
1828
+ {
1829
+ "kind": "field",
1830
+ "name": "image",
1831
+ "type": {
1832
+ "text": "string"
1833
+ },
1834
+ "default": "''",
1835
+ "description": "The image source to use for the avatar.",
1836
+ "attribute": "image"
1837
+ },
1838
+ {
1839
+ "kind": "field",
1840
+ "name": "label",
1841
+ "type": {
1842
+ "text": "string"
1843
+ },
1844
+ "default": "''",
1845
+ "description": "A label to use to describe the avatar to assistive devices.",
1846
+ "attribute": "label"
1847
+ },
1848
+ {
1849
+ "kind": "field",
1850
+ "name": "initials",
1851
+ "type": {
1852
+ "text": "string"
1853
+ },
1854
+ "default": "''",
1855
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1856
+ "attribute": "initials"
1857
+ },
1858
+ {
1859
+ "kind": "field",
1860
+ "name": "loading",
1861
+ "type": {
1862
+ "text": "'eager' | 'lazy'"
1824
1863
  },
1825
- "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
1826
- "fieldName": "download"
1864
+ "default": "'eager'",
1865
+ "description": "Indicates how the browser should load the image.",
1866
+ "attribute": "loading"
1827
1867
  },
1828
1868
  {
1829
- "name": "form",
1869
+ "kind": "field",
1870
+ "name": "shape",
1830
1871
  "type": {
1831
- "text": "string"
1872
+ "text": "'circle' | 'square' | 'rounded'"
1832
1873
  },
1833
- "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
1834
- "fieldName": "form"
1874
+ "default": "'circle'",
1875
+ "description": "The shape of the avatar.",
1876
+ "attribute": "shape",
1877
+ "reflects": true
1835
1878
  },
1836
1879
  {
1837
- "name": "formaction",
1880
+ "kind": "method",
1881
+ "name": "handleImageChange"
1882
+ }
1883
+ ],
1884
+ "attributes": [
1885
+ {
1886
+ "name": "image",
1838
1887
  "type": {
1839
1888
  "text": "string"
1840
1889
  },
1841
- "description": "Used to override the form owner's `action` attribute.",
1842
- "fieldName": "formAction"
1890
+ "default": "''",
1891
+ "description": "The image source to use for the avatar.",
1892
+ "fieldName": "image"
1843
1893
  },
1844
1894
  {
1845
- "name": "formenctype",
1895
+ "name": "label",
1846
1896
  "type": {
1847
- "text": "'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"
1897
+ "text": "string"
1848
1898
  },
1849
- "description": "Used to override the form owner's `enctype` attribute.",
1850
- "fieldName": "formEnctype"
1899
+ "default": "''",
1900
+ "description": "A label to use to describe the avatar to assistive devices.",
1901
+ "fieldName": "label"
1851
1902
  },
1852
1903
  {
1853
- "name": "formmethod",
1904
+ "name": "initials",
1854
1905
  "type": {
1855
- "text": "'post' | 'get'"
1906
+ "text": "string"
1856
1907
  },
1857
- "description": "Used to override the form owner's `method` attribute.",
1858
- "fieldName": "formMethod"
1908
+ "default": "''",
1909
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1910
+ "fieldName": "initials"
1859
1911
  },
1860
1912
  {
1861
- "name": "formnovalidate",
1913
+ "name": "loading",
1862
1914
  "type": {
1863
- "text": "boolean"
1915
+ "text": "'eager' | 'lazy'"
1864
1916
  },
1865
- "description": "Used to override the form owner's `novalidate` attribute.",
1866
- "fieldName": "formNoValidate"
1917
+ "default": "'eager'",
1918
+ "description": "Indicates how the browser should load the image.",
1919
+ "fieldName": "loading"
1867
1920
  },
1868
1921
  {
1869
- "name": "formtarget",
1922
+ "name": "shape",
1870
1923
  "type": {
1871
- "text": "'_self' | '_blank' | '_parent' | '_top' | string"
1924
+ "text": "'circle' | 'square' | 'rounded'"
1872
1925
  },
1873
- "description": "Used to override the form owner's `target` attribute.",
1874
- "fieldName": "formTarget"
1926
+ "default": "'circle'",
1927
+ "description": "The shape of the avatar.",
1928
+ "fieldName": "shape"
1875
1929
  }
1876
1930
  ],
1877
1931
  "superclass": {
1878
1932
  "name": "FlowRdfElement",
1879
1933
  "module": "/src/internal/flow-ui-rdf-element"
1880
1934
  },
1881
- "summary": "Buttons represent actions that are available to the user.",
1882
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/button",
1935
+ "summary": "Avatars are used to represent a person or object.",
1936
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
1883
1937
  "status": "stable",
1884
1938
  "since": "2.0",
1885
1939
  "dependencies": [
1886
- "flow-ui-icon",
1887
- "flow-ui-spinner"
1940
+ "flow-ui-icon"
1888
1941
  ],
1889
- "tagName": "flow-ui-button",
1942
+ "tagName": "flow-ui-avatar",
1890
1943
  "customElement": true
1891
1944
  }
1892
1945
  ],
@@ -1895,28 +1948,28 @@
1895
1948
  "kind": "js",
1896
1949
  "name": "default",
1897
1950
  "declaration": {
1898
- "name": "FlowButton",
1899
- "module": "components/button/button.js"
1951
+ "name": "FlowAvatar",
1952
+ "module": "components/avatar/avatar.js"
1900
1953
  }
1901
1954
  },
1902
1955
  {
1903
1956
  "kind": "custom-element-definition",
1904
- "name": "flow-ui-button",
1957
+ "name": "flow-ui-avatar",
1905
1958
  "declaration": {
1906
- "name": "FlowButton",
1907
- "module": "components/button/button.js"
1959
+ "name": "FlowAvatar",
1960
+ "module": "components/avatar/avatar.js"
1908
1961
  }
1909
1962
  }
1910
1963
  ]
1911
1964
  },
1912
1965
  {
1913
1966
  "kind": "javascript-module",
1914
- "path": "components/button-group/button-group.js",
1967
+ "path": "components/badge/badge.js",
1915
1968
  "declarations": [
1916
1969
  {
1917
1970
  "kind": "class",
1918
1971
  "description": "",
1919
- "name": "FlowButtonGroup",
1972
+ "name": "FlowBadge",
1920
1973
  "cssParts": [
1921
1974
  {
1922
1975
  "description": "The component's base wrapper.",
@@ -1925,137 +1978,205 @@
1925
1978
  ],
1926
1979
  "slots": [
1927
1980
  {
1928
- "description": "One or more `<flow-ui-button>` elements to display in the button group.",
1981
+ "description": "The badge's content.",
1929
1982
  "name": ""
1930
1983
  }
1931
1984
  ],
1932
1985
  "members": [
1933
1986
  {
1934
1987
  "kind": "field",
1935
- "name": "defaultSlot",
1988
+ "name": "variant",
1936
1989
  "type": {
1937
- "text": "HTMLSlotElement"
1938
- }
1990
+ "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
1991
+ },
1992
+ "default": "'primary'",
1993
+ "description": "The badge's theme variant.",
1994
+ "attribute": "variant",
1995
+ "reflects": true
1939
1996
  },
1940
1997
  {
1941
1998
  "kind": "field",
1942
- "name": "disableRole",
1999
+ "name": "pill",
1943
2000
  "type": {
1944
2001
  "text": "boolean"
1945
2002
  },
1946
- "default": "false"
2003
+ "default": "false",
2004
+ "description": "Draws a pill-style badge with rounded edges.",
2005
+ "attribute": "pill",
2006
+ "reflects": true
1947
2007
  },
1948
2008
  {
1949
2009
  "kind": "field",
1950
- "name": "label",
2010
+ "name": "pulse",
1951
2011
  "type": {
1952
- "text": "string"
2012
+ "text": "boolean"
1953
2013
  },
1954
- "default": "''",
1955
- "attribute": "label"
2014
+ "default": "false",
2015
+ "description": "Makes the badge pulsate to draw attention.",
2016
+ "attribute": "pulse",
2017
+ "reflects": true
2018
+ }
2019
+ ],
2020
+ "attributes": [
2021
+ {
2022
+ "name": "variant",
2023
+ "type": {
2024
+ "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
2025
+ },
2026
+ "default": "'primary'",
2027
+ "description": "The badge's theme variant.",
2028
+ "fieldName": "variant"
1956
2029
  },
1957
2030
  {
1958
- "kind": "field",
1959
- "name": "vertical",
2031
+ "name": "pill",
1960
2032
  "type": {
1961
2033
  "text": "boolean"
1962
2034
  },
1963
2035
  "default": "false",
1964
- "description": "Use vertical layout for the button group.",
1965
- "attribute": "vertical",
2036
+ "description": "Draws a pill-style badge with rounded edges.",
2037
+ "fieldName": "pill"
2038
+ },
2039
+ {
2040
+ "name": "pulse",
2041
+ "type": {
2042
+ "text": "boolean"
2043
+ },
2044
+ "default": "false",
2045
+ "description": "Makes the badge pulsate to draw attention.",
2046
+ "fieldName": "pulse"
2047
+ }
2048
+ ],
2049
+ "superclass": {
2050
+ "name": "FlowRdfElement",
2051
+ "module": "/src/internal/flow-ui-rdf-element"
2052
+ },
2053
+ "summary": "Badges are used to draw attention and display statuses or counts.",
2054
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
2055
+ "status": "stable",
2056
+ "since": "2.0",
2057
+ "tagName": "flow-ui-badge",
2058
+ "customElement": true
2059
+ }
2060
+ ],
2061
+ "exports": [
2062
+ {
2063
+ "kind": "js",
2064
+ "name": "default",
2065
+ "declaration": {
2066
+ "name": "FlowBadge",
2067
+ "module": "components/badge/badge.js"
2068
+ }
2069
+ },
2070
+ {
2071
+ "kind": "custom-element-definition",
2072
+ "name": "flow-ui-badge",
2073
+ "declaration": {
2074
+ "name": "FlowBadge",
2075
+ "module": "components/badge/badge.js"
2076
+ }
2077
+ }
2078
+ ]
2079
+ },
2080
+ {
2081
+ "kind": "javascript-module",
2082
+ "path": "components/calendar/calendar.component.js",
2083
+ "declarations": [
2084
+ {
2085
+ "kind": "class",
2086
+ "description": "",
2087
+ "name": "FlowCalendar",
2088
+ "members": [
2089
+ {
2090
+ "kind": "field",
2091
+ "name": "hasSlotController",
2092
+ "privacy": "private",
2093
+ "readonly": true,
2094
+ "default": "new HasSlotController(this, 'info')"
2095
+ },
2096
+ {
2097
+ "kind": "field",
2098
+ "name": "_displayDate",
2099
+ "privacy": "private"
2100
+ },
2101
+ {
2102
+ "kind": "field",
2103
+ "name": "_selectedDate",
2104
+ "privacy": "private"
2105
+ },
2106
+ {
2107
+ "kind": "field",
2108
+ "name": "value",
2109
+ "type": {
2110
+ "text": "string"
2111
+ },
2112
+ "attribute": "value",
1966
2113
  "reflects": true
1967
2114
  },
1968
2115
  {
1969
2116
  "kind": "method",
1970
- "name": "handleVerticalChange"
2117
+ "name": "handleValueChange"
1971
2118
  },
1972
2119
  {
1973
2120
  "kind": "method",
1974
- "name": "handleFocus",
2121
+ "name": "dateClicked",
1975
2122
  "privacy": "private",
1976
2123
  "parameters": [
1977
2124
  {
1978
- "name": "event",
2125
+ "name": "date",
1979
2126
  "type": {
1980
- "text": "Event"
2127
+ "text": "string"
1981
2128
  }
1982
2129
  }
1983
2130
  ]
1984
2131
  },
1985
2132
  {
1986
2133
  "kind": "method",
1987
- "name": "handleBlur",
2134
+ "name": "changeDisplayDate",
1988
2135
  "privacy": "private",
1989
2136
  "parameters": [
1990
2137
  {
1991
- "name": "event",
2138
+ "name": "value",
1992
2139
  "type": {
1993
- "text": "Event"
2140
+ "text": "number"
1994
2141
  }
1995
- }
1996
- ]
1997
- },
1998
- {
1999
- "kind": "method",
2000
- "name": "handleMouseOver",
2001
- "privacy": "private",
2002
- "parameters": [
2142
+ },
2003
2143
  {
2004
- "name": "event",
2144
+ "name": "unit",
2005
2145
  "type": {
2006
- "text": "Event"
2146
+ "text": "dayjs.OpUnitType"
2007
2147
  }
2008
2148
  }
2009
2149
  ]
2010
2150
  },
2011
2151
  {
2012
2152
  "kind": "method",
2013
- "name": "handleMouseOut",
2014
- "privacy": "private",
2015
- "parameters": [
2016
- {
2017
- "name": "event",
2018
- "type": {
2019
- "text": "Event"
2020
- }
2021
- }
2022
- ]
2153
+ "name": "calendarHeaderTemplate",
2154
+ "privacy": "private"
2023
2155
  },
2024
2156
  {
2025
2157
  "kind": "method",
2026
- "name": "handleSlotChange",
2158
+ "name": "dayOfWeekGridTemplate",
2159
+ "privacy": "private"
2160
+ },
2161
+ {
2162
+ "kind": "method",
2163
+ "name": "dayGridTemplate",
2027
2164
  "privacy": "private"
2028
2165
  }
2029
2166
  ],
2030
2167
  "attributes": [
2031
2168
  {
2032
- "name": "label",
2033
- "type": {
2034
- "text": "string"
2035
- },
2036
- "default": "''",
2037
- "fieldName": "label"
2038
- },
2039
- {
2040
- "name": "vertical",
2169
+ "name": "value",
2041
2170
  "type": {
2042
- "text": "boolean"
2171
+ "text": "string"
2043
2172
  },
2044
- "default": "false",
2045
- "description": "Use vertical layout for the button group.",
2046
- "fieldName": "vertical"
2173
+ "fieldName": "value"
2047
2174
  }
2048
2175
  ],
2049
2176
  "superclass": {
2050
2177
  "name": "FlowRdfElement",
2051
2178
  "module": "/src/internal/flow-ui-rdf-element"
2052
- },
2053
- "summary": "Button groups can be used to group related buttons into sections.",
2054
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/button-group",
2055
- "status": "stable",
2056
- "since": "2.0",
2057
- "tagName": "flow-ui-button-group",
2058
- "customElement": true
2179
+ }
2059
2180
  }
2060
2181
  ],
2061
2182
  "exports": [
@@ -2063,16 +2184,31 @@
2063
2184
  "kind": "js",
2064
2185
  "name": "default",
2065
2186
  "declaration": {
2066
- "name": "FlowButtonGroup",
2067
- "module": "components/button-group/button-group.js"
2187
+ "name": "FlowCalendar",
2188
+ "module": "components/calendar/calendar.component.js"
2189
+ }
2190
+ }
2191
+ ]
2192
+ },
2193
+ {
2194
+ "kind": "javascript-module",
2195
+ "path": "components/calendar/calendar.js",
2196
+ "declarations": [],
2197
+ "exports": [
2198
+ {
2199
+ "kind": "js",
2200
+ "name": "*",
2201
+ "declaration": {
2202
+ "name": "*",
2203
+ "package": "./calendar.component.js"
2068
2204
  }
2069
2205
  },
2070
2206
  {
2071
- "kind": "custom-element-definition",
2072
- "name": "flow-ui-button-group",
2207
+ "kind": "js",
2208
+ "name": "default",
2073
2209
  "declaration": {
2074
- "name": "FlowButtonGroup",
2075
- "module": "components/button-group/button-group.js"
2210
+ "name": "FlowCalendar",
2211
+ "module": "components/calendar/calendar.js"
2076
2212
  }
2077
2213
  }
2078
2214
  ]
@@ -6293,7 +6429,7 @@
6293
6429
  },
6294
6430
  {
6295
6431
  "kind": "javascript-module",
6296
- "path": "components/dropdown/dropdown.js",
6432
+ "path": "components/dropdown/dropdown.component.js",
6297
6433
  "declarations": [
6298
6434
  {
6299
6435
  "kind": "class",
@@ -6424,6 +6560,16 @@
6424
6560
  "description": "The distance in pixels from which to offset the panel along its trigger.",
6425
6561
  "attribute": "skidding"
6426
6562
  },
6563
+ {
6564
+ "kind": "field",
6565
+ "name": "arrow",
6566
+ "type": {
6567
+ "text": "boolean"
6568
+ },
6569
+ "default": "false",
6570
+ "description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
6571
+ "attribute": "arrow"
6572
+ },
6427
6573
  {
6428
6574
  "kind": "field",
6429
6575
  "name": "hoist",
@@ -6631,6 +6777,15 @@
6631
6777
  "description": "The distance in pixels from which to offset the panel along its trigger.",
6632
6778
  "fieldName": "skidding"
6633
6779
  },
6780
+ {
6781
+ "name": "arrow",
6782
+ "type": {
6783
+ "text": "boolean"
6784
+ },
6785
+ "default": "false",
6786
+ "description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
6787
+ "fieldName": "arrow"
6788
+ },
6634
6789
  {
6635
6790
  "name": "hoist",
6636
6791
  "type": {
@@ -6661,9 +6816,7 @@
6661
6816
  "name": "dropdown.hide",
6662
6817
  "description": "The animation to use when hiding the dropdown."
6663
6818
  }
6664
- ],
6665
- "tagName": "flow-ui-dropdown",
6666
- "customElement": true
6819
+ ]
6667
6820
  }
6668
6821
  ],
6669
6822
  "exports": [
@@ -6672,12 +6825,27 @@
6672
6825
  "name": "default",
6673
6826
  "declaration": {
6674
6827
  "name": "FlowDropdown",
6675
- "module": "components/dropdown/dropdown.js"
6828
+ "module": "components/dropdown/dropdown.component.js"
6829
+ }
6830
+ }
6831
+ ]
6832
+ },
6833
+ {
6834
+ "kind": "javascript-module",
6835
+ "path": "components/dropdown/dropdown.js",
6836
+ "declarations": [],
6837
+ "exports": [
6838
+ {
6839
+ "kind": "js",
6840
+ "name": "*",
6841
+ "declaration": {
6842
+ "name": "*",
6843
+ "package": "./dropdown.component.js"
6676
6844
  }
6677
6845
  },
6678
6846
  {
6679
- "kind": "custom-element-definition",
6680
- "name": "flow-ui-dropdown",
6847
+ "kind": "js",
6848
+ "name": "default",
6681
6849
  "declaration": {
6682
6850
  "name": "FlowDropdown",
6683
6851
  "module": "components/dropdown/dropdown.js"
@@ -6685,6 +6853,205 @@
6685
6853
  }
6686
6854
  ]
6687
6855
  },
6856
+ {
6857
+ "kind": "javascript-module",
6858
+ "path": "components/gauge/gauge.component.js",
6859
+ "declarations": [
6860
+ {
6861
+ "kind": "class",
6862
+ "description": "",
6863
+ "name": "FlowGauge",
6864
+ "members": [
6865
+ {
6866
+ "kind": "field",
6867
+ "name": "hasSlotController",
6868
+ "privacy": "private",
6869
+ "readonly": true,
6870
+ "default": "new HasSlotController(this, 'info')"
6871
+ },
6872
+ {
6873
+ "kind": "field",
6874
+ "name": "_formatter",
6875
+ "type": {
6876
+ "text": "(val: string | number) => string"
6877
+ },
6878
+ "privacy": "private",
6879
+ "default": "DEFAULT_FORMATTER"
6880
+ },
6881
+ {
6882
+ "kind": "field",
6883
+ "name": "_infoDialog",
6884
+ "type": {
6885
+ "text": "FlowDialog"
6886
+ },
6887
+ "privacy": "private"
6888
+ },
6889
+ {
6890
+ "kind": "field",
6891
+ "name": "heading",
6892
+ "type": {
6893
+ "text": "string"
6894
+ },
6895
+ "attribute": "heading"
6896
+ },
6897
+ {
6898
+ "kind": "field",
6899
+ "name": "units",
6900
+ "type": {
6901
+ "text": "string"
6902
+ },
6903
+ "attribute": "units"
6904
+ },
6905
+ {
6906
+ "kind": "field",
6907
+ "name": "value",
6908
+ "type": {
6909
+ "text": "string | number"
6910
+ },
6911
+ "attribute": "value"
6912
+ },
6913
+ {
6914
+ "kind": "field",
6915
+ "name": "icon",
6916
+ "type": {
6917
+ "text": "string"
6918
+ },
6919
+ "attribute": "icon"
6920
+ },
6921
+ {
6922
+ "kind": "field",
6923
+ "name": "iconLibrary",
6924
+ "type": {
6925
+ "text": "string"
6926
+ },
6927
+ "attribute": "icon-library"
6928
+ },
6929
+ {
6930
+ "kind": "field",
6931
+ "name": "format",
6932
+ "type": {
6933
+ "text": "string"
6934
+ },
6935
+ "attribute": "format"
6936
+ },
6937
+ {
6938
+ "kind": "method",
6939
+ "name": "handleFormatChange"
6940
+ },
6941
+ {
6942
+ "kind": "method",
6943
+ "name": "showInfoDialog",
6944
+ "privacy": "private"
6945
+ },
6946
+ {
6947
+ "kind": "method",
6948
+ "name": "hideInfoDialog",
6949
+ "privacy": "private"
6950
+ },
6951
+ {
6952
+ "kind": "method",
6953
+ "name": "headerIconTemplate",
6954
+ "privacy": "private"
6955
+ },
6956
+ {
6957
+ "kind": "method",
6958
+ "name": "infoButtonTemplate",
6959
+ "privacy": "private"
6960
+ },
6961
+ {
6962
+ "kind": "method",
6963
+ "name": "infoDialogTemplate",
6964
+ "privacy": "private"
6965
+ }
6966
+ ],
6967
+ "attributes": [
6968
+ {
6969
+ "name": "heading",
6970
+ "type": {
6971
+ "text": "string"
6972
+ },
6973
+ "fieldName": "heading"
6974
+ },
6975
+ {
6976
+ "name": "units",
6977
+ "type": {
6978
+ "text": "string"
6979
+ },
6980
+ "fieldName": "units"
6981
+ },
6982
+ {
6983
+ "name": "value",
6984
+ "type": {
6985
+ "text": "string | number"
6986
+ },
6987
+ "fieldName": "value"
6988
+ },
6989
+ {
6990
+ "name": "icon",
6991
+ "type": {
6992
+ "text": "string"
6993
+ },
6994
+ "fieldName": "icon"
6995
+ },
6996
+ {
6997
+ "name": "icon-library",
6998
+ "type": {
6999
+ "text": "string"
7000
+ },
7001
+ "fieldName": "iconLibrary"
7002
+ },
7003
+ {
7004
+ "name": "format",
7005
+ "type": {
7006
+ "text": "string"
7007
+ },
7008
+ "fieldName": "format"
7009
+ }
7010
+ ],
7011
+ "superclass": {
7012
+ "name": "FlowRdfElement",
7013
+ "module": "/src/internal/flow-ui-rdf-element"
7014
+ },
7015
+ "summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
7016
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
7017
+ "status": "stable",
7018
+ "since": "2.0"
7019
+ }
7020
+ ],
7021
+ "exports": [
7022
+ {
7023
+ "kind": "js",
7024
+ "name": "default",
7025
+ "declaration": {
7026
+ "name": "FlowGauge",
7027
+ "module": "components/gauge/gauge.component.js"
7028
+ }
7029
+ }
7030
+ ]
7031
+ },
7032
+ {
7033
+ "kind": "javascript-module",
7034
+ "path": "components/gauge/gauge.js",
7035
+ "declarations": [],
7036
+ "exports": [
7037
+ {
7038
+ "kind": "js",
7039
+ "name": "*",
7040
+ "declaration": {
7041
+ "name": "*",
7042
+ "package": "./gauge.component.js"
7043
+ }
7044
+ },
7045
+ {
7046
+ "kind": "js",
7047
+ "name": "default",
7048
+ "declaration": {
7049
+ "name": "FlowGauge",
7050
+ "module": "components/gauge/gauge.js"
7051
+ }
7052
+ }
7053
+ ]
7054
+ },
6688
7055
  {
6689
7056
  "kind": "javascript-module",
6690
7057
  "path": "components/icon/icon.js",
@@ -16075,12 +16442,12 @@
16075
16442
  },
16076
16443
  {
16077
16444
  "kind": "field",
16078
- "name": "controlSplitPanel",
16445
+ "name": "controlSplitView",
16079
16446
  "type": {
16080
16447
  "text": "boolean"
16081
16448
  },
16082
- "default": "false",
16083
- "attribute": "control-split-panel"
16449
+ "description": "Set to `true` to allow parent split-view pane to be automatically opened and closed when tabs are clicked.",
16450
+ "attribute": "control-split-view"
16084
16451
  },
16085
16452
  {
16086
16453
  "kind": "method",
@@ -16182,11 +16549,6 @@
16182
16549
  "name": "syncTabsAndPanels",
16183
16550
  "privacy": "private"
16184
16551
  },
16185
- {
16186
- "kind": "method",
16187
- "name": "getParentSplitPanel",
16188
- "privacy": "private"
16189
- },
16190
16552
  {
16191
16553
  "kind": "method",
16192
16554
  "name": "updateScrollControls"
@@ -16256,12 +16618,12 @@
16256
16618
  "fieldName": "noScrollControls"
16257
16619
  },
16258
16620
  {
16259
- "name": "control-split-panel",
16621
+ "name": "control-split-view",
16260
16622
  "type": {
16261
16623
  "text": "boolean"
16262
16624
  },
16263
- "default": "false",
16264
- "fieldName": "controlSplitPanel"
16625
+ "description": "Set to `true` to allow parent split-view pane to be automatically opened and closed when tabs are clicked.",
16626
+ "fieldName": "controlSplitView"
16265
16627
  }
16266
16628
  ],
16267
16629
  "superclass": {
@@ -19398,6 +19760,6 @@
19398
19760
  ],
19399
19761
  "package": {
19400
19762
  "name": "@emuanalytics/flow-rdf-ui",
19401
- "version": "0.0.11"
19763
+ "version": "0.0.12"
19402
19764
  }
19403
19765
  }