@emuanalytics/flow-rdf-ui 0.0.11 → 0.0.12

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 +764 -769
  2. package/dist/flow-rdf-ui.d.ts +2 -2
  3. package/dist/flow-rdf-ui.js +5 -9
  4. package/dist/flow-rdf-ui.umd.cjs +5 -9
  5. package/dist/vscode.html-custom-data.json +84 -80
  6. package/package.json +1 -1
package/dist/custom-elements.json CHANGED
@@ -257,759 +257,816 @@
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",
578
+ "name": "playback-rate",
815
579
  "type": {
816
- "text": "Keyframe[] | undefined"
580
+ "text": "number"
817
581
  },
818
- "description": "The keyframes to use for the animation. If this is set, `name` will be ignored."
582
+ "default": "1",
583
+ "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.",
584
+ "fieldName": "playbackRate"
585
+ }
586
+ ],
587
+ "superclass": {
588
+ "name": "FlowRdfElement",
589
+ "module": "/src/internal/flow-ui-rdf-element"
590
+ },
591
+ "summary": "Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).",
592
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/animation",
593
+ "status": "stable",
594
+ "since": "2.0",
595
+ "tagName": "flow-ui-animation",
596
+ "customElement": true
597
+ }
598
+ ],
599
+ "exports": [
600
+ {
601
+ "kind": "js",
602
+ "name": "default",
603
+ "declaration": {
604
+ "name": "FlowAnimation",
605
+ "module": "components/animation/animation.js"
606
+ }
607
+ },
608
+ {
609
+ "kind": "custom-element-definition",
610
+ "name": "flow-ui-animation",
611
+ "declaration": {
612
+ "name": "FlowAnimation",
613
+ "module": "components/animation/animation.js"
614
+ }
615
+ }
616
+ ]
617
+ },
618
+ {
619
+ "kind": "javascript-module",
620
+ "path": "components/animation/animations.js",
621
+ "declarations": [
622
+ {
623
+ "kind": "function",
624
+ "name": "getAnimationNames",
625
+ "description": "Gets a list of all supported animation names."
626
+ },
627
+ {
628
+ "kind": "function",
629
+ "name": "getEasingNames",
630
+ "description": "Gets a list of all supported easing function names."
631
+ }
632
+ ],
633
+ "exports": [
634
+ {
635
+ "kind": "js",
636
+ "name": "animations",
637
+ "declaration": {
638
+ "name": "animations",
639
+ "module": "components/animation/animations.js"
640
+ }
641
+ },
642
+ {
643
+ "kind": "js",
644
+ "name": "getAnimationNames",
645
+ "declaration": {
646
+ "name": "getAnimationNames",
647
+ "module": "components/animation/animations.js"
648
+ }
649
+ },
650
+ {
651
+ "kind": "js",
652
+ "name": "getEasingNames",
653
+ "declaration": {
654
+ "name": "getEasingNames",
655
+ "module": "components/animation/animations.js"
656
+ }
657
+ }
658
+ ]
659
+ },
660
+ {
661
+ "kind": "javascript-module",
662
+ "path": "components/animation/index.js",
663
+ "declarations": [],
664
+ "exports": [
665
+ {
666
+ "kind": "js",
667
+ "name": "FlowAnimation",
668
+ "declaration": {
669
+ "name": "default",
670
+ "module": "./animation"
671
+ }
672
+ }
673
+ ]
674
+ },
675
+ {
676
+ "kind": "javascript-module",
677
+ "path": "components/avatar/avatar.js",
678
+ "declarations": [
679
+ {
680
+ "kind": "class",
681
+ "description": "",
682
+ "name": "FlowAvatar",
683
+ "cssProperties": [
684
+ {
685
+ "description": "The size of the avatar.",
686
+ "name": "--size"
687
+ }
688
+ ],
689
+ "cssParts": [
690
+ {
691
+ "description": "The component's base wrapper.",
692
+ "name": "base"
819
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"
705
+ }
706
+ ],
707
+ "slots": [
708
+ {
709
+ "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
710
+ "name": "icon"
711
+ }
712
+ ],
713
+ "members": [
820
714
  {
821
715
  "kind": "field",
822
- "name": "playbackRate",
716
+ "name": "hasError",
823
717
  "type": {
824
- "text": "number"
718
+ "text": "boolean"
825
719
  },
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"
720
+ "privacy": "private",
721
+ "default": "false"
829
722
  },
830
723
  {
831
724
  "kind": "field",
832
- "name": "currentTime",
725
+ "name": "image",
833
726
  "type": {
834
- "text": "number"
727
+ "text": "string"
835
728
  },
836
- "description": "Gets and sets the current animation time."
729
+ "default": "''",
730
+ "description": "The image source to use for the avatar.",
731
+ "attribute": "image"
837
732
  },
838
733
  {
839
- "kind": "method",
840
- "name": "handleAnimationFinish",
841
- "privacy": "private"
734
+ "kind": "field",
735
+ "name": "label",
736
+ "type": {
737
+ "text": "string"
738
+ },
739
+ "default": "''",
740
+ "description": "A label to use to describe the avatar to assistive devices.",
741
+ "attribute": "label"
842
742
  },
843
743
  {
844
- "kind": "method",
845
- "name": "handleAnimationCancel",
846
- "privacy": "private"
744
+ "kind": "field",
745
+ "name": "initials",
746
+ "type": {
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"
847
752
  },
848
753
  {
849
- "kind": "method",
850
- "name": "handleSlotChange",
851
- "privacy": "private"
754
+ "kind": "field",
755
+ "name": "loading",
756
+ "type": {
757
+ "text": "'eager' | 'lazy'"
758
+ },
759
+ "default": "'eager'",
760
+ "description": "Indicates how the browser should load the image.",
761
+ "attribute": "loading"
852
762
  },
853
763
  {
854
- "kind": "method",
855
- "name": "createAnimation",
856
- "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
857
773
  },
858
774
  {
859
775
  "kind": "method",
860
- "name": "destroyAnimation",
861
- "privacy": "private"
862
- },
776
+ "name": "handleImageChange"
777
+ }
778
+ ],
779
+ "attributes": [
863
780
  {
864
- "kind": "method",
865
- "name": "handleAnimationChange"
781
+ "name": "image",
782
+ "type": {
783
+ "text": "string"
784
+ },
785
+ "default": "''",
786
+ "description": "The image source to use for the avatar.",
787
+ "fieldName": "image"
866
788
  },
867
789
  {
868
- "kind": "method",
869
- "name": "handlePlayChange"
790
+ "name": "label",
791
+ "type": {
792
+ "text": "string"
793
+ },
794
+ "default": "''",
795
+ "description": "A label to use to describe the avatar to assistive devices.",
796
+ "fieldName": "label"
870
797
  },
871
798
  {
872
- "kind": "method",
873
- "name": "handlePlaybackRateChange"
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"
874
806
  },
875
807
  {
876
- "kind": "method",
877
- "name": "cancel",
878
- "description": "Clears all keyframe effects caused by this animation and aborts its playback."
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"
879
815
  },
880
816
  {
881
- "kind": "method",
882
- "name": "finish",
883
- "description": "Sets the playback time to the end of the animation corresponding to the current playback direction."
817
+ "name": "shape",
818
+ "type": {
819
+ "text": "'circle' | 'square' | 'rounded'"
820
+ },
821
+ "default": "'circle'",
822
+ "description": "The shape of the avatar.",
823
+ "fieldName": "shape"
884
824
  }
885
825
  ],
886
- "events": [
887
- {
888
- "description": "Emitted when the animation is canceled.",
889
- "name": "flow-ui-cancel",
890
- "reactName": "onFlowUiCancel"
891
- },
826
+ "superclass": {
827
+ "name": "FlowRdfElement",
828
+ "module": "/src/internal/flow-ui-rdf-element"
829
+ },
830
+ "summary": "Avatars are used to represent a person or object.",
831
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
832
+ "status": "stable",
833
+ "since": "2.0",
834
+ "dependencies": [
835
+ "flow-ui-icon"
836
+ ],
837
+ "tagName": "flow-ui-avatar",
838
+ "customElement": true
839
+ }
840
+ ],
841
+ "exports": [
842
+ {
843
+ "kind": "js",
844
+ "name": "default",
845
+ "declaration": {
846
+ "name": "FlowAvatar",
847
+ "module": "components/avatar/avatar.js"
848
+ }
849
+ },
850
+ {
851
+ "kind": "custom-element-definition",
852
+ "name": "flow-ui-avatar",
853
+ "declaration": {
854
+ "name": "FlowAvatar",
855
+ "module": "components/avatar/avatar.js"
856
+ }
857
+ }
858
+ ]
859
+ },
860
+ {
861
+ "kind": "javascript-module",
862
+ "path": "components/badge/badge.js",
863
+ "declarations": [
864
+ {
865
+ "kind": "class",
866
+ "description": "",
867
+ "name": "FlowBadge",
868
+ "cssParts": [
892
869
  {
893
- "description": "Emitted when the animation finishes.",
894
- "name": "flow-ui-finish",
895
- "reactName": "onFlowUiFinish"
896
- },
870
+ "description": "The component's base wrapper.",
871
+ "name": "base"
872
+ }
873
+ ],
874
+ "slots": [
897
875
  {
898
- "description": "Emitted when the animation starts or restarts.",
899
- "name": "flow-ui-start",
900
- "reactName": "onFlowUiStart"
876
+ "description": "The badge's content.",
877
+ "name": ""
901
878
  }
902
879
  ],
903
- "attributes": [
880
+ "members": [
904
881
  {
905
- "name": "name",
882
+ "kind": "field",
883
+ "name": "variant",
906
884
  "type": {
907
- "text": "string"
885
+ "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
908
886
  },
909
- "default": "'none'",
910
- "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
911
- "fieldName": "name"
887
+ "default": "'primary'",
888
+ "description": "The badge's theme variant.",
889
+ "attribute": "variant",
890
+ "reflects": true
912
891
  },
913
892
  {
914
- "name": "play",
893
+ "kind": "field",
894
+ "name": "pill",
915
895
  "type": {
916
896
  "text": "boolean"
917
897
  },
918
898
  "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"
899
+ "description": "Draws a pill-style badge with rounded edges.",
900
+ "attribute": "pill",
901
+ "reflects": true
921
902
  },
922
903
  {
923
- "name": "delay",
904
+ "kind": "field",
905
+ "name": "pulse",
924
906
  "type": {
925
- "text": "number"
907
+ "text": "boolean"
926
908
  },
927
- "default": "0",
928
- "description": "The number of milliseconds to delay the start of the animation.",
929
- "fieldName": "delay"
930
- },
909
+ "default": "false",
910
+ "description": "Makes the badge pulsate to draw attention.",
911
+ "attribute": "pulse",
912
+ "reflects": true
913
+ }
914
+ ],
915
+ "attributes": [
931
916
  {
932
- "name": "direction",
917
+ "name": "variant",
933
918
  "type": {
934
- "text": "PlaybackDirection"
919
+ "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
935
920
  },
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"
921
+ "default": "'primary'",
922
+ "description": "The badge's theme variant.",
923
+ "fieldName": "variant"
939
924
  },
940
925
  {
941
- "name": "duration",
926
+ "name": "pill",
942
927
  "type": {
943
- "text": "number"
928
+ "text": "boolean"
944
929
  },
945
- "default": "1000",
946
- "description": "The number of milliseconds each iteration of the animation takes to complete.",
947
- "fieldName": "duration"
930
+ "default": "false",
931
+ "description": "Draws a pill-style badge with rounded edges.",
932
+ "fieldName": "pill"
948
933
  },
949
934
  {
950
- "name": "easing",
935
+ "name": "pulse",
951
936
  "type": {
952
- "text": "string"
937
+ "text": "boolean"
953
938
  },
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"
939
+ "default": "false",
940
+ "description": "Makes the badge pulsate to draw attention.",
941
+ "fieldName": "pulse"
942
+ }
943
+ ],
944
+ "superclass": {
945
+ "name": "FlowRdfElement",
946
+ "module": "/src/internal/flow-ui-rdf-element"
947
+ },
948
+ "summary": "Badges are used to draw attention and display statuses or counts.",
949
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
950
+ "status": "stable",
951
+ "since": "2.0",
952
+ "tagName": "flow-ui-badge",
953
+ "customElement": true
954
+ }
955
+ ],
956
+ "exports": [
957
+ {
958
+ "kind": "js",
959
+ "name": "default",
960
+ "declaration": {
961
+ "name": "FlowBadge",
962
+ "module": "components/badge/badge.js"
963
+ }
964
+ },
965
+ {
966
+ "kind": "custom-element-definition",
967
+ "name": "flow-ui-badge",
968
+ "declaration": {
969
+ "name": "FlowBadge",
970
+ "module": "components/badge/badge.js"
971
+ }
972
+ }
973
+ ]
974
+ },
975
+ {
976
+ "kind": "javascript-module",
977
+ "path": "components/breadcrumb/breadcrumb.js",
978
+ "declarations": [
979
+ {
980
+ "kind": "class",
981
+ "description": "",
982
+ "name": "FlowBreadcrumb",
983
+ "cssParts": [
984
+ {
985
+ "description": "The component's base wrapper.",
986
+ "name": "base"
987
+ }
988
+ ],
989
+ "slots": [
990
+ {
991
+ "description": "One or more breadcrumb items to display.",
992
+ "name": ""
957
993
  },
958
994
  {
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"
995
+ "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
996
+ "name": "separator"
997
+ }
998
+ ],
999
+ "members": [
1000
+ {
1001
+ "kind": "field",
1002
+ "name": "localize",
1003
+ "privacy": "private",
1004
+ "readonly": true,
1005
+ "default": "new LocalizeController(this)"
966
1006
  },
967
1007
  {
968
- "name": "fill",
1008
+ "kind": "field",
1009
+ "name": "separatorDir",
1010
+ "privacy": "private"
1011
+ },
1012
+ {
1013
+ "kind": "field",
1014
+ "name": "defaultSlot",
969
1015
  "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"
1016
+ "text": "HTMLSlotElement"
1017
+ }
975
1018
  },
976
1019
  {
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"
1020
+ "kind": "field",
1021
+ "name": "separatorSlot",
1022
+ "type": {
1023
+ "text": "HTMLSlotElement"
1024
+ }
984
1025
  },
985
1026
  {
986
- "name": "iteration-start",
1027
+ "kind": "field",
1028
+ "name": "label",
987
1029
  "type": {
988
- "text": "number"
1030
+ "text": "string"
989
1031
  },
990
- "default": "0",
991
- "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
992
- "fieldName": "iterationStart"
1032
+ "default": "''",
1033
+ "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.",
1034
+ "attribute": "label"
993
1035
  },
994
1036
  {
995
- "name": "playback-rate",
1037
+ "kind": "method",
1038
+ "name": "getSeparator",
1039
+ "privacy": "private"
1040
+ },
1041
+ {
1042
+ "kind": "method",
1043
+ "name": "handleSlotChange",
1044
+ "privacy": "private"
1045
+ }
1046
+ ],
1047
+ "attributes": [
1048
+ {
1049
+ "name": "label",
996
1050
  "type": {
997
- "text": "number"
1051
+ "text": "string"
998
1052
  },
999
- "default": "1",
1000
- "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.",
1001
- "fieldName": "playbackRate"
1053
+ "default": "''",
1054
+ "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.",
1055
+ "fieldName": "label"
1002
1056
  }
1003
1057
  ],
1004
1058
  "superclass": {
1005
1059
  "name": "FlowRdfElement",
1006
1060
  "module": "/src/internal/flow-ui-rdf-element"
1007
1061
  },
1008
- "summary": "Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).",
1009
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/animation",
1062
+ "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
1063
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
1010
1064
  "status": "stable",
1011
1065
  "since": "2.0",
1012
- "tagName": "flow-ui-animation",
1066
+ "dependencies": [
1067
+ "flow-ui-icon"
1068
+ ],
1069
+ "tagName": "flow-ui-breadcrumb",
1013
1070
  "customElement": true
1014
1071
  }
1015
1072
  ],
@@ -1018,73 +1075,16 @@
1018
1075
  "kind": "js",
1019
1076
  "name": "default",
1020
1077
  "declaration": {
1021
- "name": "FlowAnimation",
1022
- "module": "components/animation/animation.js"
1078
+ "name": "FlowBreadcrumb",
1079
+ "module": "components/breadcrumb/breadcrumb.js"
1023
1080
  }
1024
1081
  },
1025
1082
  {
1026
1083
  "kind": "custom-element-definition",
1027
- "name": "flow-ui-animation",
1028
- "declaration": {
1029
- "name": "FlowAnimation",
1030
- "module": "components/animation/animation.js"
1031
- }
1032
- }
1033
- ]
1034
- },
1035
- {
1036
- "kind": "javascript-module",
1037
- "path": "components/animation/animations.js",
1038
- "declarations": [
1039
- {
1040
- "kind": "function",
1041
- "name": "getAnimationNames",
1042
- "description": "Gets a list of all supported animation names."
1043
- },
1044
- {
1045
- "kind": "function",
1046
- "name": "getEasingNames",
1047
- "description": "Gets a list of all supported easing function names."
1048
- }
1049
- ],
1050
- "exports": [
1051
- {
1052
- "kind": "js",
1053
- "name": "animations",
1054
- "declaration": {
1055
- "name": "animations",
1056
- "module": "components/animation/animations.js"
1057
- }
1058
- },
1059
- {
1060
- "kind": "js",
1061
- "name": "getAnimationNames",
1062
- "declaration": {
1063
- "name": "getAnimationNames",
1064
- "module": "components/animation/animations.js"
1065
- }
1066
- },
1067
- {
1068
- "kind": "js",
1069
- "name": "getEasingNames",
1070
- "declaration": {
1071
- "name": "getEasingNames",
1072
- "module": "components/animation/animations.js"
1073
- }
1074
- }
1075
- ]
1076
- },
1077
- {
1078
- "kind": "javascript-module",
1079
- "path": "components/animation/index.js",
1080
- "declarations": [],
1081
- "exports": [
1082
- {
1083
- "kind": "js",
1084
- "name": "FlowAnimation",
1084
+ "name": "flow-ui-breadcrumb",
1085
1085
  "declaration": {
1086
- "name": "default",
1087
- "module": "./animation"
1086
+ "name": "FlowBreadcrumb",
1087
+ "module": "components/breadcrumb/breadcrumb.js"
1088
1088
  }
1089
1089
  }
1090
1090
  ]
@@ -1155,61 +1155,229 @@
1155
1155
  "attribute": "href"
1156
1156
  },
1157
1157
  {
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"
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"
1165
+ },
1166
+ {
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"
1175
+ }
1176
+ ],
1177
+ "attributes": [
1178
+ {
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",
1188
+ "type": {
1189
+ "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
1190
+ },
1191
+ "description": "Tells the browser where to open the link. Only used when `href` is set.",
1192
+ "fieldName": "target"
1193
+ },
1194
+ {
1195
+ "name": "rel",
1196
+ "type": {
1197
+ "text": "string"
1198
+ },
1199
+ "default": "'noreferrer noopener'",
1200
+ "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
1201
+ "fieldName": "rel"
1202
+ }
1203
+ ],
1204
+ "superclass": {
1205
+ "name": "FlowRdfElement",
1206
+ "module": "/src/internal/flow-ui-rdf-element"
1207
+ },
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",
1210
+ "status": "stable",
1211
+ "since": "2.0",
1212
+ "tagName": "flow-ui-breadcrumb-item",
1213
+ "customElement": true
1214
+ }
1215
+ ],
1216
+ "exports": [
1217
+ {
1218
+ "kind": "js",
1219
+ "name": "default",
1220
+ "declaration": {
1221
+ "name": "FlowBreadcrumbItem",
1222
+ "module": "components/breadcrumb-item/breadcrumb-item.js"
1223
+ }
1224
+ },
1225
+ {
1226
+ "kind": "custom-element-definition",
1227
+ "name": "flow-ui-breadcrumb-item",
1228
+ "declaration": {
1229
+ "name": "FlowBreadcrumbItem",
1230
+ "module": "components/breadcrumb-item/breadcrumb-item.js"
1231
+ }
1232
+ }
1233
+ ]
1234
+ },
1235
+ {
1236
+ "kind": "javascript-module",
1237
+ "path": "components/button-group/button-group.js",
1238
+ "declarations": [
1239
+ {
1240
+ "kind": "class",
1241
+ "description": "",
1242
+ "name": "FlowButtonGroup",
1243
+ "cssParts": [
1244
+ {
1245
+ "description": "The component's base wrapper.",
1246
+ "name": "base"
1247
+ }
1248
+ ],
1249
+ "slots": [
1250
+ {
1251
+ "description": "One or more `<flow-ui-button>` elements to display in the button group.",
1252
+ "name": ""
1253
+ }
1254
+ ],
1255
+ "members": [
1256
+ {
1257
+ "kind": "field",
1258
+ "name": "defaultSlot",
1259
+ "type": {
1260
+ "text": "HTMLSlotElement"
1261
+ }
1262
+ },
1263
+ {
1264
+ "kind": "field",
1265
+ "name": "disableRole",
1266
+ "type": {
1267
+ "text": "boolean"
1268
+ },
1269
+ "default": "false"
1270
+ },
1271
+ {
1272
+ "kind": "field",
1273
+ "name": "label",
1274
+ "type": {
1275
+ "text": "string"
1276
+ },
1277
+ "default": "''",
1278
+ "attribute": "label"
1279
+ },
1280
+ {
1281
+ "kind": "field",
1282
+ "name": "vertical",
1283
+ "type": {
1284
+ "text": "boolean"
1285
+ },
1286
+ "default": "false",
1287
+ "description": "Use vertical layout for the button group.",
1288
+ "attribute": "vertical",
1289
+ "reflects": true
1290
+ },
1291
+ {
1292
+ "kind": "method",
1293
+ "name": "handleVerticalChange"
1294
+ },
1295
+ {
1296
+ "kind": "method",
1297
+ "name": "handleFocus",
1298
+ "privacy": "private",
1299
+ "parameters": [
1300
+ {
1301
+ "name": "event",
1302
+ "type": {
1303
+ "text": "Event"
1304
+ }
1305
+ }
1306
+ ]
1307
+ },
1308
+ {
1309
+ "kind": "method",
1310
+ "name": "handleBlur",
1311
+ "privacy": "private",
1312
+ "parameters": [
1313
+ {
1314
+ "name": "event",
1315
+ "type": {
1316
+ "text": "Event"
1317
+ }
1318
+ }
1319
+ ]
1320
+ },
1321
+ {
1322
+ "kind": "method",
1323
+ "name": "handleMouseOver",
1324
+ "privacy": "private",
1325
+ "parameters": [
1326
+ {
1327
+ "name": "event",
1328
+ "type": {
1329
+ "text": "Event"
1330
+ }
1331
+ }
1332
+ ]
1333
+ },
1334
+ {
1335
+ "kind": "method",
1336
+ "name": "handleMouseOut",
1337
+ "privacy": "private",
1338
+ "parameters": [
1339
+ {
1340
+ "name": "event",
1341
+ "type": {
1342
+ "text": "Event"
1343
+ }
1344
+ }
1345
+ ]
1165
1346
  },
1166
1347
  {
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"
1348
+ "kind": "method",
1349
+ "name": "handleSlotChange",
1350
+ "privacy": "private"
1175
1351
  }
1176
1352
  ],
1177
1353
  "attributes": [
1178
1354
  {
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",
1355
+ "name": "label",
1188
1356
  "type": {
1189
- "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
1357
+ "text": "string"
1190
1358
  },
1191
- "description": "Tells the browser where to open the link. Only used when `href` is set.",
1192
- "fieldName": "target"
1359
+ "default": "''",
1360
+ "fieldName": "label"
1193
1361
  },
1194
1362
  {
1195
- "name": "rel",
1363
+ "name": "vertical",
1196
1364
  "type": {
1197
- "text": "string"
1365
+ "text": "boolean"
1198
1366
  },
1199
- "default": "'noreferrer noopener'",
1200
- "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
1201
- "fieldName": "rel"
1367
+ "default": "false",
1368
+ "description": "Use vertical layout for the button group.",
1369
+ "fieldName": "vertical"
1202
1370
  }
1203
1371
  ],
1204
1372
  "superclass": {
1205
1373
  "name": "FlowRdfElement",
1206
1374
  "module": "/src/internal/flow-ui-rdf-element"
1207
1375
  },
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",
1376
+ "summary": "Button groups can be used to group related buttons into sections.",
1377
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/button-group",
1210
1378
  "status": "stable",
1211
1379
  "since": "2.0",
1212
- "tagName": "flow-ui-breadcrumb-item",
1380
+ "tagName": "flow-ui-button-group",
1213
1381
  "customElement": true
1214
1382
  }
1215
1383
  ],
@@ -1218,16 +1386,16 @@
1218
1386
  "kind": "js",
1219
1387
  "name": "default",
1220
1388
  "declaration": {
1221
- "name": "FlowBreadcrumbItem",
1222
- "module": "components/breadcrumb-item/breadcrumb-item.js"
1389
+ "name": "FlowButtonGroup",
1390
+ "module": "components/button-group/button-group.js"
1223
1391
  }
1224
1392
  },
1225
1393
  {
1226
1394
  "kind": "custom-element-definition",
1227
- "name": "flow-ui-breadcrumb-item",
1395
+ "name": "flow-ui-button-group",
1228
1396
  "declaration": {
1229
- "name": "FlowBreadcrumbItem",
1230
- "module": "components/breadcrumb-item/breadcrumb-item.js"
1397
+ "name": "FlowButtonGroup",
1398
+ "module": "components/button-group/button-group.js"
1231
1399
  }
1232
1400
  }
1233
1401
  ]
@@ -1909,174 +2077,6 @@
1909
2077
  }
1910
2078
  ]
1911
2079
  },
1912
- {
1913
- "kind": "javascript-module",
1914
- "path": "components/button-group/button-group.js",
1915
- "declarations": [
1916
- {
1917
- "kind": "class",
1918
- "description": "",
1919
- "name": "FlowButtonGroup",
1920
- "cssParts": [
1921
- {
1922
- "description": "The component's base wrapper.",
1923
- "name": "base"
1924
- }
1925
- ],
1926
- "slots": [
1927
- {
1928
- "description": "One or more `<flow-ui-button>` elements to display in the button group.",
1929
- "name": ""
1930
- }
1931
- ],
1932
- "members": [
1933
- {
1934
- "kind": "field",
1935
- "name": "defaultSlot",
1936
- "type": {
1937
- "text": "HTMLSlotElement"
1938
- }
1939
- },
1940
- {
1941
- "kind": "field",
1942
- "name": "disableRole",
1943
- "type": {
1944
- "text": "boolean"
1945
- },
1946
- "default": "false"
1947
- },
1948
- {
1949
- "kind": "field",
1950
- "name": "label",
1951
- "type": {
1952
- "text": "string"
1953
- },
1954
- "default": "''",
1955
- "attribute": "label"
1956
- },
1957
- {
1958
- "kind": "field",
1959
- "name": "vertical",
1960
- "type": {
1961
- "text": "boolean"
1962
- },
1963
- "default": "false",
1964
- "description": "Use vertical layout for the button group.",
1965
- "attribute": "vertical",
1966
- "reflects": true
1967
- },
1968
- {
1969
- "kind": "method",
1970
- "name": "handleVerticalChange"
1971
- },
1972
- {
1973
- "kind": "method",
1974
- "name": "handleFocus",
1975
- "privacy": "private",
1976
- "parameters": [
1977
- {
1978
- "name": "event",
1979
- "type": {
1980
- "text": "Event"
1981
- }
1982
- }
1983
- ]
1984
- },
1985
- {
1986
- "kind": "method",
1987
- "name": "handleBlur",
1988
- "privacy": "private",
1989
- "parameters": [
1990
- {
1991
- "name": "event",
1992
- "type": {
1993
- "text": "Event"
1994
- }
1995
- }
1996
- ]
1997
- },
1998
- {
1999
- "kind": "method",
2000
- "name": "handleMouseOver",
2001
- "privacy": "private",
2002
- "parameters": [
2003
- {
2004
- "name": "event",
2005
- "type": {
2006
- "text": "Event"
2007
- }
2008
- }
2009
- ]
2010
- },
2011
- {
2012
- "kind": "method",
2013
- "name": "handleMouseOut",
2014
- "privacy": "private",
2015
- "parameters": [
2016
- {
2017
- "name": "event",
2018
- "type": {
2019
- "text": "Event"
2020
- }
2021
- }
2022
- ]
2023
- },
2024
- {
2025
- "kind": "method",
2026
- "name": "handleSlotChange",
2027
- "privacy": "private"
2028
- }
2029
- ],
2030
- "attributes": [
2031
- {
2032
- "name": "label",
2033
- "type": {
2034
- "text": "string"
2035
- },
2036
- "default": "''",
2037
- "fieldName": "label"
2038
- },
2039
- {
2040
- "name": "vertical",
2041
- "type": {
2042
- "text": "boolean"
2043
- },
2044
- "default": "false",
2045
- "description": "Use vertical layout for the button group.",
2046
- "fieldName": "vertical"
2047
- }
2048
- ],
2049
- "superclass": {
2050
- "name": "FlowRdfElement",
2051
- "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
2059
- }
2060
- ],
2061
- "exports": [
2062
- {
2063
- "kind": "js",
2064
- "name": "default",
2065
- "declaration": {
2066
- "name": "FlowButtonGroup",
2067
- "module": "components/button-group/button-group.js"
2068
- }
2069
- },
2070
- {
2071
- "kind": "custom-element-definition",
2072
- "name": "flow-ui-button-group",
2073
- "declaration": {
2074
- "name": "FlowButtonGroup",
2075
- "module": "components/button-group/button-group.js"
2076
- }
2077
- }
2078
- ]
2079
- },
2080
2080
  {
2081
2081
  "kind": "javascript-module",
2082
2082
  "path": "components/card/card.js",
@@ -16075,12 +16075,12 @@
16075
16075
  },
16076
16076
  {
16077
16077
  "kind": "field",
16078
- "name": "controlSplitPanel",
16078
+ "name": "controlSplitView",
16079
16079
  "type": {
16080
16080
  "text": "boolean"
16081
16081
  },
16082
- "default": "false",
16083
- "attribute": "control-split-panel"
16082
+ "description": "Set to `true` to allow parent split-view pane to be automatically opened and closed when tabs are clicked.",
16083
+ "attribute": "control-split-view"
16084
16084
  },
16085
16085
  {
16086
16086
  "kind": "method",
@@ -16182,11 +16182,6 @@
16182
16182
  "name": "syncTabsAndPanels",
16183
16183
  "privacy": "private"
16184
16184
  },
16185
- {
16186
- "kind": "method",
16187
- "name": "getParentSplitPanel",
16188
- "privacy": "private"
16189
- },
16190
16185
  {
16191
16186
  "kind": "method",
16192
16187
  "name": "updateScrollControls"
@@ -16256,12 +16251,12 @@
16256
16251
  "fieldName": "noScrollControls"
16257
16252
  },
16258
16253
  {
16259
- "name": "control-split-panel",
16254
+ "name": "control-split-view",
16260
16255
  "type": {
16261
16256
  "text": "boolean"
16262
16257
  },
16263
- "default": "false",
16264
- "fieldName": "controlSplitPanel"
16258
+ "description": "Set to `true` to allow parent split-view pane to be automatically opened and closed when tabs are clicked.",
16259
+ "fieldName": "controlSplitView"
16265
16260
  }
16266
16261
  ],
16267
16262
  "superclass": {
@@ -19398,6 +19393,6 @@
19398
19393
  ],
19399
19394
  "package": {
19400
19395
  "name": "@emuanalytics/flow-rdf-ui",
19401
- "version": "0.0.11"
19396
+ "version": "0.0.12"
19402
19397
  }
19403
19398
  }