@emuanalytics/flow-rdf-ui 4.0.15 → 4.0.17

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 (10) hide show
  1. package/dist/components/split-view/split-view.component.mjs +2 -2
  2. package/dist/components/split-view-pane/split-view-pane.component.mjs +3 -3
  3. package/dist/components/split-view-toggle-button/split-view-toggle-button.component.mjs +1 -1
  4. package/dist/components/tree/tree.component.mjs +2 -0
  5. package/dist/custom-elements.json +554 -554
  6. package/dist/index.d.mts +15 -1
  7. package/dist/index.d.ts +15 -1
  8. package/dist/package.json.mjs +1 -1
  9. package/dist/vscode.html-custom-data.json +77 -77
  10. package/package.json +3 -3
package/dist/custom-elements.json CHANGED
@@ -267,686 +267,755 @@
267
267
  },
268
268
  {
269
269
  "kind": "javascript-module",
270
- "path": "components/animation/animation.component.js",
270
+ "path": "components/badge/badge.component.js",
271
271
  "declarations": [
272
272
  {
273
273
  "kind": "class",
274
274
  "description": "",
275
- "name": "FlowUiAnimation",
275
+ "name": "FlowUiBadge",
276
+ "cssParts": [
277
+ {
278
+ "description": "The component's base wrapper.",
279
+ "name": "base"
280
+ }
281
+ ],
276
282
  "slots": [
277
283
  {
278
- "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.",
284
+ "description": "The badge's content.",
279
285
  "name": ""
280
286
  }
281
287
  ],
282
288
  "members": [
283
289
  {
284
290
  "kind": "field",
285
- "name": "animation",
291
+ "name": "variant",
286
292
  "type": {
287
- "text": "Animation | undefined"
293
+ "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
288
294
  },
289
- "privacy": "private"
295
+ "default": "'primary'",
296
+ "description": "The badge's theme variant.",
297
+ "attribute": "variant",
298
+ "reflects": true
290
299
  },
291
300
  {
292
301
  "kind": "field",
293
- "name": "hasStarted",
302
+ "name": "pill",
294
303
  "type": {
295
304
  "text": "boolean"
296
305
  },
297
- "privacy": "private",
298
- "default": "false"
306
+ "default": "false",
307
+ "description": "Draws a pill-style badge with rounded edges.",
308
+ "attribute": "pill",
309
+ "reflects": true
299
310
  },
300
311
  {
301
312
  "kind": "field",
302
- "name": "defaultSlot",
313
+ "name": "pulse",
303
314
  "type": {
304
- "text": "Promise<HTMLSlotElement>"
315
+ "text": "boolean"
305
316
  },
306
- "privacy": "private"
307
- },
317
+ "default": "false",
318
+ "description": "Makes the badge pulsate to draw attention.",
319
+ "attribute": "pulse",
320
+ "reflects": true
321
+ }
322
+ ],
323
+ "attributes": [
308
324
  {
309
- "kind": "field",
310
- "name": "name",
325
+ "name": "variant",
311
326
  "type": {
312
- "text": "string"
327
+ "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
313
328
  },
314
- "default": "'none'",
315
- "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.\nUse `getAnimationNames()` to retrieve a list of available animations.",
316
- "attribute": "name"
329
+ "default": "'primary'",
330
+ "description": "The badge's theme variant.",
331
+ "fieldName": "variant"
317
332
  },
318
333
  {
319
- "kind": "field",
320
- "name": "play",
334
+ "name": "pill",
321
335
  "type": {
322
336
  "text": "boolean"
323
337
  },
324
338
  "default": "false",
325
- "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
326
- "attribute": "play",
327
- "reflects": true
339
+ "description": "Draws a pill-style badge with rounded edges.",
340
+ "fieldName": "pill"
328
341
  },
329
342
  {
330
- "kind": "field",
331
- "name": "delay",
343
+ "name": "pulse",
332
344
  "type": {
333
- "text": "number"
345
+ "text": "boolean"
334
346
  },
335
- "default": "0",
336
- "description": "The number of milliseconds to delay the start of the animation.",
337
- "attribute": "delay"
347
+ "default": "false",
348
+ "description": "Makes the badge pulsate to draw attention.",
349
+ "fieldName": "pulse"
350
+ }
351
+ ],
352
+ "superclass": {
353
+ "name": "FlowRdfElement",
354
+ "module": "/src/internal/flow-ui-rdf-element"
355
+ },
356
+ "tagName": "flow-ui-badge",
357
+ "summary": "Badges are used to draw attention and display statuses or counts.",
358
+ "customElement": true
359
+ }
360
+ ],
361
+ "exports": [
362
+ {
363
+ "kind": "js",
364
+ "name": "default",
365
+ "declaration": {
366
+ "name": "FlowUiBadge",
367
+ "module": "components/badge/badge.component.js"
368
+ }
369
+ }
370
+ ]
371
+ },
372
+ {
373
+ "kind": "javascript-module",
374
+ "path": "components/badge/badge.js",
375
+ "declarations": [],
376
+ "exports": [
377
+ {
378
+ "kind": "js",
379
+ "name": "default",
380
+ "declaration": {
381
+ "name": "FlowUiBadge",
382
+ "module": "components/badge/badge.js"
383
+ }
384
+ }
385
+ ]
386
+ },
387
+ {
388
+ "kind": "javascript-module",
389
+ "path": "components/avatar/avatar.component.js",
390
+ "declarations": [
391
+ {
392
+ "kind": "class",
393
+ "description": "",
394
+ "name": "FlowUiAvatar",
395
+ "cssProperties": [
396
+ {
397
+ "description": "The size of the avatar.",
398
+ "name": "--size"
399
+ }
400
+ ],
401
+ "cssParts": [
402
+ {
403
+ "description": "The component's base wrapper.",
404
+ "name": "base"
338
405
  },
339
406
  {
340
- "kind": "field",
341
- "name": "direction",
342
- "type": {
343
- "text": "PlaybackDirection"
344
- },
345
- "default": "'normal'",
346
- "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)",
347
- "attribute": "direction"
407
+ "description": "The container that wraps the avatar's icon.",
408
+ "name": "icon"
409
+ },
410
+ {
411
+ "description": "The container that wraps the avatar's initials.",
412
+ "name": "initials"
348
413
  },
414
+ {
415
+ "description": "The avatar image. Only shown when the `image` attribute is set.",
416
+ "name": "image"
417
+ }
418
+ ],
419
+ "slots": [
420
+ {
421
+ "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
422
+ "name": "icon"
423
+ }
424
+ ],
425
+ "members": [
349
426
  {
350
427
  "kind": "field",
351
- "name": "duration",
428
+ "name": "hasError",
352
429
  "type": {
353
- "text": "number"
430
+ "text": "boolean"
354
431
  },
355
- "default": "1000",
356
- "description": "The number of milliseconds each iteration of the animation takes to complete.",
357
- "attribute": "duration"
432
+ "privacy": "private",
433
+ "default": "false"
358
434
  },
359
435
  {
360
436
  "kind": "field",
361
- "name": "easing",
437
+ "name": "image",
362
438
  "type": {
363
439
  "text": "string"
364
440
  },
365
- "default": "'linear'",
366
- "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
367
- "attribute": "easing"
441
+ "default": "''",
442
+ "description": "The image source to use for the avatar.",
443
+ "attribute": "image"
368
444
  },
369
445
  {
370
446
  "kind": "field",
371
- "name": "endDelay",
447
+ "name": "label",
372
448
  "type": {
373
- "text": "number"
449
+ "text": "string"
374
450
  },
375
- "default": "0",
376
- "description": "The number of milliseconds to delay after the active period of an animation sequence.",
377
- "attribute": "end-delay"
451
+ "default": "''",
452
+ "description": "A label to use to describe the avatar to assistive devices.",
453
+ "attribute": "label"
378
454
  },
379
455
  {
380
456
  "kind": "field",
381
- "name": "fill",
457
+ "name": "initials",
382
458
  "type": {
383
- "text": "FillMode"
459
+ "text": "string"
384
460
  },
385
- "default": "'auto'",
386
- "description": "Sets how the animation applies styles to its target before and after its execution.",
387
- "attribute": "fill"
461
+ "default": "''",
462
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
463
+ "attribute": "initials"
388
464
  },
389
465
  {
390
466
  "kind": "field",
391
- "name": "iterations",
392
- "default": "Infinity",
393
- "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
394
- "attribute": "iterations"
467
+ "name": "loading",
468
+ "type": {
469
+ "text": "'eager' | 'lazy'"
470
+ },
471
+ "default": "'eager'",
472
+ "description": "Indicates how the browser should load the image.",
473
+ "attribute": "loading"
395
474
  },
396
475
  {
397
476
  "kind": "field",
398
- "name": "iterationStart",
477
+ "name": "shape",
399
478
  "type": {
400
- "text": "number"
479
+ "text": "'circle' | 'square' | 'rounded'"
401
480
  },
402
- "default": "0",
403
- "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
404
- "attribute": "iteration-start"
405
- },
481
+ "default": "'circle'",
482
+ "description": "The shape of the avatar.",
483
+ "attribute": "shape",
484
+ "reflects": true
485
+ }
486
+ ],
487
+ "attributes": [
406
488
  {
407
- "kind": "field",
408
- "name": "keyframes",
489
+ "name": "image",
409
490
  "type": {
410
- "text": "Keyframe[] | undefined"
491
+ "text": "string"
411
492
  },
412
- "description": "The keyframes to use for the animation. If this is set, `name` will be ignored."
493
+ "default": "''",
494
+ "description": "The image source to use for the avatar.",
495
+ "fieldName": "image"
413
496
  },
414
497
  {
415
- "kind": "field",
416
- "name": "playbackRate",
498
+ "name": "label",
417
499
  "type": {
418
- "text": "number"
500
+ "text": "string"
419
501
  },
420
- "default": "1",
421
- "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.",
422
- "attribute": "playback-rate"
502
+ "default": "''",
503
+ "description": "A label to use to describe the avatar to assistive devices.",
504
+ "fieldName": "label"
423
505
  },
424
506
  {
425
- "kind": "field",
426
- "name": "currentTime",
507
+ "name": "initials",
427
508
  "type": {
428
- "text": "CSSNumberish"
509
+ "text": "string"
429
510
  },
430
- "description": "Gets and sets the current animation time."
511
+ "default": "''",
512
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
513
+ "fieldName": "initials"
431
514
  },
432
515
  {
433
- "kind": "field",
434
- "name": "handleAnimationFinish",
435
- "privacy": "private"
516
+ "name": "loading",
517
+ "type": {
518
+ "text": "'eager' | 'lazy'"
519
+ },
520
+ "default": "'eager'",
521
+ "description": "Indicates how the browser should load the image.",
522
+ "fieldName": "loading"
436
523
  },
437
524
  {
438
- "kind": "field",
439
- "name": "handleAnimationCancel",
440
- "privacy": "private"
525
+ "name": "shape",
526
+ "type": {
527
+ "text": "'circle' | 'square' | 'rounded'"
528
+ },
529
+ "default": "'circle'",
530
+ "description": "The shape of the avatar.",
531
+ "fieldName": "shape"
532
+ }
533
+ ],
534
+ "superclass": {
535
+ "name": "FlowRdfElement",
536
+ "module": "/src/internal/flow-ui-rdf-element"
537
+ },
538
+ "tagName": "flow-ui-avatar",
539
+ "summary": "Avatars are used to represent a person or object.",
540
+ "dependencies": [
541
+ "flow-ui-icon"
542
+ ],
543
+ "customElement": true
544
+ }
545
+ ],
546
+ "exports": [
547
+ {
548
+ "kind": "js",
549
+ "name": "default",
550
+ "declaration": {
551
+ "name": "FlowUiAvatar",
552
+ "module": "components/avatar/avatar.component.js"
553
+ }
554
+ }
555
+ ]
556
+ },
557
+ {
558
+ "kind": "javascript-module",
559
+ "path": "components/avatar/avatar.js",
560
+ "declarations": [],
561
+ "exports": [
562
+ {
563
+ "kind": "js",
564
+ "name": "default",
565
+ "declaration": {
566
+ "name": "FlowUiAvatar",
567
+ "module": "components/avatar/avatar.js"
568
+ }
569
+ }
570
+ ]
571
+ },
572
+ {
573
+ "kind": "javascript-module",
574
+ "path": "components/breadcrumb/breadcrumb.component.js",
575
+ "declarations": [
576
+ {
577
+ "kind": "class",
578
+ "description": "",
579
+ "name": "FlowUiBreadcrumb",
580
+ "cssParts": [
581
+ {
582
+ "description": "The component's base wrapper.",
583
+ "name": "base"
584
+ }
585
+ ],
586
+ "slots": [
587
+ {
588
+ "description": "One or more breadcrumb items to display.",
589
+ "name": ""
441
590
  },
442
591
  {
443
- "kind": "method",
444
- "name": "handleSlotChange",
592
+ "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
593
+ "name": "separator"
594
+ }
595
+ ],
596
+ "members": [
597
+ {
598
+ "kind": "field",
599
+ "name": "localize",
600
+ "privacy": "private",
601
+ "readonly": true,
602
+ "default": "new LocalizeController(this)"
603
+ },
604
+ {
605
+ "kind": "field",
606
+ "name": "separatorDir",
445
607
  "privacy": "private"
446
608
  },
447
609
  {
448
- "kind": "method",
449
- "name": "createAnimation",
610
+ "kind": "field",
611
+ "name": "defaultSlot",
612
+ "type": {
613
+ "text": "HTMLSlotElement"
614
+ },
450
615
  "privacy": "private"
451
616
  },
452
617
  {
453
- "kind": "method",
454
- "name": "destroyAnimation",
618
+ "kind": "field",
619
+ "name": "separatorSlot",
620
+ "type": {
621
+ "text": "HTMLSlotElement"
622
+ },
455
623
  "privacy": "private"
456
624
  },
625
+ {
626
+ "kind": "field",
627
+ "name": "label",
628
+ "type": {
629
+ "text": "string"
630
+ },
631
+ "default": "''",
632
+ "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.",
633
+ "attribute": "label"
634
+ },
457
635
  {
458
636
  "kind": "method",
459
- "name": "cancel",
460
- "description": "Clears all keyframe effects caused by this animation and aborts its playback."
637
+ "name": "getSeparator",
638
+ "privacy": "private"
461
639
  },
462
640
  {
463
641
  "kind": "method",
464
- "name": "finish",
465
- "description": "Sets the playback time to the end of the animation corresponding to the current playback direction."
642
+ "name": "handleSlotChange",
643
+ "privacy": "private"
466
644
  }
467
645
  ],
468
- "events": [
646
+ "attributes": [
469
647
  {
470
- "description": "Emitted when the animation is canceled.",
471
- "name": "flow-ui-cancel",
472
- "reactName": "onFlowUiCancel"
648
+ "name": "label",
649
+ "type": {
650
+ "text": "string"
651
+ },
652
+ "default": "''",
653
+ "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.",
654
+ "fieldName": "label"
655
+ }
656
+ ],
657
+ "superclass": {
658
+ "name": "FlowRdfElement",
659
+ "module": "/src/internal/flow-ui-rdf-element"
660
+ },
661
+ "tagName": "flow-ui-breadcrumb",
662
+ "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
663
+ "dependencies": [
664
+ "flow-ui-icon"
665
+ ],
666
+ "customElement": true
667
+ }
668
+ ],
669
+ "exports": [
670
+ {
671
+ "kind": "js",
672
+ "name": "default",
673
+ "declaration": {
674
+ "name": "FlowUiBreadcrumb",
675
+ "module": "components/breadcrumb/breadcrumb.component.js"
676
+ }
677
+ }
678
+ ]
679
+ },
680
+ {
681
+ "kind": "javascript-module",
682
+ "path": "components/breadcrumb/breadcrumb.js",
683
+ "declarations": [],
684
+ "exports": [
685
+ {
686
+ "kind": "js",
687
+ "name": "default",
688
+ "declaration": {
689
+ "name": "FlowUiBreadcrumb",
690
+ "module": "components/breadcrumb/breadcrumb.js"
691
+ }
692
+ }
693
+ ]
694
+ },
695
+ {
696
+ "kind": "javascript-module",
697
+ "path": "components/animation/animation.component.js",
698
+ "declarations": [
699
+ {
700
+ "kind": "class",
701
+ "description": "",
702
+ "name": "FlowUiAnimation",
703
+ "slots": [
704
+ {
705
+ "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.",
706
+ "name": ""
707
+ }
708
+ ],
709
+ "members": [
710
+ {
711
+ "kind": "field",
712
+ "name": "animation",
713
+ "type": {
714
+ "text": "Animation | undefined"
715
+ },
716
+ "privacy": "private"
473
717
  },
474
718
  {
475
- "description": "Emitted when the animation finishes.",
476
- "name": "flow-ui-finish",
477
- "reactName": "onFlowUiFinish"
719
+ "kind": "field",
720
+ "name": "hasStarted",
721
+ "type": {
722
+ "text": "boolean"
723
+ },
724
+ "privacy": "private",
725
+ "default": "false"
478
726
  },
479
727
  {
480
- "description": "Emitted when the animation starts or restarts.",
481
- "name": "flow-ui-start",
482
- "reactName": "onFlowUiStart"
483
- }
484
- ],
485
- "attributes": [
728
+ "kind": "field",
729
+ "name": "defaultSlot",
730
+ "type": {
731
+ "text": "Promise<HTMLSlotElement>"
732
+ },
733
+ "privacy": "private"
734
+ },
486
735
  {
736
+ "kind": "field",
487
737
  "name": "name",
488
738
  "type": {
489
739
  "text": "string"
490
740
  },
491
741
  "default": "'none'",
492
742
  "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.\nUse `getAnimationNames()` to retrieve a list of available animations.",
493
- "fieldName": "name"
743
+ "attribute": "name"
494
744
  },
495
745
  {
746
+ "kind": "field",
496
747
  "name": "play",
497
748
  "type": {
498
749
  "text": "boolean"
499
750
  },
500
751
  "default": "false",
501
752
  "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
502
- "fieldName": "play"
753
+ "attribute": "play",
754
+ "reflects": true
503
755
  },
504
756
  {
757
+ "kind": "field",
505
758
  "name": "delay",
506
759
  "type": {
507
760
  "text": "number"
508
761
  },
509
762
  "default": "0",
510
763
  "description": "The number of milliseconds to delay the start of the animation.",
511
- "fieldName": "delay"
764
+ "attribute": "delay"
512
765
  },
513
766
  {
767
+ "kind": "field",
514
768
  "name": "direction",
515
769
  "type": {
516
770
  "text": "PlaybackDirection"
517
771
  },
518
772
  "default": "'normal'",
519
773
  "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)",
520
- "fieldName": "direction"
774
+ "attribute": "direction"
521
775
  },
522
776
  {
777
+ "kind": "field",
523
778
  "name": "duration",
524
779
  "type": {
525
780
  "text": "number"
526
781
  },
527
782
  "default": "1000",
528
783
  "description": "The number of milliseconds each iteration of the animation takes to complete.",
529
- "fieldName": "duration"
784
+ "attribute": "duration"
530
785
  },
531
786
  {
787
+ "kind": "field",
532
788
  "name": "easing",
533
789
  "type": {
534
790
  "text": "string"
535
791
  },
536
792
  "default": "'linear'",
537
793
  "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
538
- "fieldName": "easing"
794
+ "attribute": "easing"
539
795
  },
540
796
  {
541
- "name": "end-delay",
797
+ "kind": "field",
798
+ "name": "endDelay",
542
799
  "type": {
543
800
  "text": "number"
544
801
  },
545
802
  "default": "0",
546
803
  "description": "The number of milliseconds to delay after the active period of an animation sequence.",
547
- "fieldName": "endDelay"
804
+ "attribute": "end-delay"
548
805
  },
549
806
  {
807
+ "kind": "field",
550
808
  "name": "fill",
551
809
  "type": {
552
810
  "text": "FillMode"
553
811
  },
554
812
  "default": "'auto'",
555
813
  "description": "Sets how the animation applies styles to its target before and after its execution.",
556
- "fieldName": "fill"
814
+ "attribute": "fill"
557
815
  },
558
816
  {
817
+ "kind": "field",
559
818
  "name": "iterations",
560
819
  "default": "Infinity",
561
820
  "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
562
- "resolveInitializer": {
563
- "module": "src/components/animation/animation.component.ts"
564
- },
565
- "fieldName": "iterations"
821
+ "attribute": "iterations"
566
822
  },
567
823
  {
568
- "name": "iteration-start",
824
+ "kind": "field",
825
+ "name": "iterationStart",
569
826
  "type": {
570
827
  "text": "number"
571
828
  },
572
829
  "default": "0",
573
830
  "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
574
- "fieldName": "iterationStart"
831
+ "attribute": "iteration-start"
575
832
  },
576
833
  {
577
- "name": "playback-rate",
834
+ "kind": "field",
835
+ "name": "keyframes",
578
836
  "type": {
579
- "text": "number"
837
+ "text": "Keyframe[] | undefined"
580
838
  },
581
- "default": "1",
582
- "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.",
583
- "fieldName": "playbackRate"
584
- }
585
- ],
586
- "superclass": {
587
- "name": "FlowRdfElement",
588
- "module": "/src/internal/flow-ui-rdf-element"
589
- },
590
- "tagName": "flow-ui-animation",
591
- "summary": "Animate elements declaratively with over 100 animation presets. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).",
592
- "customElement": true
593
- }
594
- ],
595
- "exports": [
596
- {
597
- "kind": "js",
598
- "name": "default",
599
- "declaration": {
600
- "name": "FlowUiAnimation",
601
- "module": "components/animation/animation.component.js"
602
- }
603
- }
604
- ]
605
- },
606
- {
607
- "kind": "javascript-module",
608
- "path": "components/animation/animation.js",
609
- "declarations": [],
610
- "exports": [
611
- {
612
- "kind": "js",
613
- "name": "*",
614
- "declaration": {
615
- "name": "*",
616
- "package": "./animation.component"
617
- }
618
- },
619
- {
620
- "kind": "js",
621
- "name": "default",
622
- "declaration": {
623
- "name": "FlowUiAnimation",
624
- "module": "components/animation/animation.js"
625
- }
626
- }
627
- ]
628
- },
629
- {
630
- "kind": "javascript-module",
631
- "path": "components/animation/animations.js",
632
- "declarations": [
633
- {
634
- "kind": "function",
635
- "name": "getAnimationNames",
636
- "description": "Returns a list of all supported animation names.\n\nSupply the required animation as the `name` property of the\n`<flow-ui-animation>` component."
637
- },
638
- {
639
- "kind": "function",
640
- "name": "getEasingNames",
641
- "description": "Returns a list of all supported easing method names.\n\nSupply the required easing method as the `easing` property of the\n`<flow-ui-animation>` component."
642
- }
643
- ],
644
- "exports": [
645
- {
646
- "kind": "js",
647
- "name": "animations",
648
- "declaration": {
649
- "name": "animations",
650
- "module": "components/animation/animations.js"
651
- }
652
- },
653
- {
654
- "kind": "js",
655
- "name": "getAnimationNames",
656
- "declaration": {
657
- "name": "getAnimationNames",
658
- "module": "components/animation/animations.js"
659
- }
660
- },
661
- {
662
- "kind": "js",
663
- "name": "getEasingNames",
664
- "declaration": {
665
- "name": "getEasingNames",
666
- "module": "components/animation/animations.js"
667
- }
668
- }
669
- ]
670
- },
671
- {
672
- "kind": "javascript-module",
673
- "path": "components/avatar/avatar.component.js",
674
- "declarations": [
675
- {
676
- "kind": "class",
677
- "description": "",
678
- "name": "FlowUiAvatar",
679
- "cssProperties": [
680
- {
681
- "description": "The size of the avatar.",
682
- "name": "--size"
683
- }
684
- ],
685
- "cssParts": [
686
- {
687
- "description": "The component's base wrapper.",
688
- "name": "base"
689
- },
690
- {
691
- "description": "The container that wraps the avatar's icon.",
692
- "name": "icon"
693
- },
694
- {
695
- "description": "The container that wraps the avatar's initials.",
696
- "name": "initials"
839
+ "description": "The keyframes to use for the animation. If this is set, `name` will be ignored."
697
840
  },
698
- {
699
- "description": "The avatar image. Only shown when the `image` attribute is set.",
700
- "name": "image"
701
- }
702
- ],
703
- "slots": [
704
- {
705
- "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
706
- "name": "icon"
707
- }
708
- ],
709
- "members": [
710
841
  {
711
842
  "kind": "field",
712
- "name": "hasError",
843
+ "name": "playbackRate",
713
844
  "type": {
714
- "text": "boolean"
845
+ "text": "number"
715
846
  },
716
- "privacy": "private",
717
- "default": "false"
847
+ "default": "1",
848
+ "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.",
849
+ "attribute": "playback-rate"
718
850
  },
719
851
  {
720
852
  "kind": "field",
721
- "name": "image",
853
+ "name": "currentTime",
722
854
  "type": {
723
- "text": "string"
855
+ "text": "CSSNumberish"
724
856
  },
725
- "default": "''",
726
- "description": "The image source to use for the avatar.",
727
- "attribute": "image"
857
+ "description": "Gets and sets the current animation time."
728
858
  },
729
859
  {
730
860
  "kind": "field",
731
- "name": "label",
732
- "type": {
733
- "text": "string"
734
- },
735
- "default": "''",
736
- "description": "A label to use to describe the avatar to assistive devices.",
737
- "attribute": "label"
861
+ "name": "handleAnimationFinish",
862
+ "privacy": "private"
738
863
  },
739
864
  {
740
865
  "kind": "field",
741
- "name": "initials",
742
- "type": {
743
- "text": "string"
744
- },
745
- "default": "''",
746
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
747
- "attribute": "initials"
866
+ "name": "handleAnimationCancel",
867
+ "privacy": "private"
748
868
  },
749
869
  {
750
- "kind": "field",
751
- "name": "loading",
752
- "type": {
753
- "text": "'eager' | 'lazy'"
754
- },
755
- "default": "'eager'",
756
- "description": "Indicates how the browser should load the image.",
757
- "attribute": "loading"
870
+ "kind": "method",
871
+ "name": "handleSlotChange",
872
+ "privacy": "private"
758
873
  },
759
874
  {
760
- "kind": "field",
761
- "name": "shape",
762
- "type": {
763
- "text": "'circle' | 'square' | 'rounded'"
764
- },
765
- "default": "'circle'",
766
- "description": "The shape of the avatar.",
767
- "attribute": "shape",
768
- "reflects": true
875
+ "kind": "method",
876
+ "name": "createAnimation",
877
+ "privacy": "private"
878
+ },
879
+ {
880
+ "kind": "method",
881
+ "name": "destroyAnimation",
882
+ "privacy": "private"
883
+ },
884
+ {
885
+ "kind": "method",
886
+ "name": "cancel",
887
+ "description": "Clears all keyframe effects caused by this animation and aborts its playback."
888
+ },
889
+ {
890
+ "kind": "method",
891
+ "name": "finish",
892
+ "description": "Sets the playback time to the end of the animation corresponding to the current playback direction."
769
893
  }
770
894
  ],
771
- "attributes": [
895
+ "events": [
772
896
  {
773
- "name": "image",
774
- "type": {
775
- "text": "string"
776
- },
777
- "default": "''",
778
- "description": "The image source to use for the avatar.",
779
- "fieldName": "image"
897
+ "description": "Emitted when the animation is canceled.",
898
+ "name": "flow-ui-cancel",
899
+ "reactName": "onFlowUiCancel"
780
900
  },
781
901
  {
782
- "name": "label",
783
- "type": {
784
- "text": "string"
785
- },
786
- "default": "''",
787
- "description": "A label to use to describe the avatar to assistive devices.",
788
- "fieldName": "label"
902
+ "description": "Emitted when the animation finishes.",
903
+ "name": "flow-ui-finish",
904
+ "reactName": "onFlowUiFinish"
789
905
  },
790
906
  {
791
- "name": "initials",
907
+ "description": "Emitted when the animation starts or restarts.",
908
+ "name": "flow-ui-start",
909
+ "reactName": "onFlowUiStart"
910
+ }
911
+ ],
912
+ "attributes": [
913
+ {
914
+ "name": "name",
792
915
  "type": {
793
916
  "text": "string"
794
917
  },
795
- "default": "''",
796
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
797
- "fieldName": "initials"
918
+ "default": "'none'",
919
+ "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.\nUse `getAnimationNames()` to retrieve a list of available animations.",
920
+ "fieldName": "name"
798
921
  },
799
922
  {
800
- "name": "loading",
923
+ "name": "play",
801
924
  "type": {
802
- "text": "'eager' | 'lazy'"
925
+ "text": "boolean"
803
926
  },
804
- "default": "'eager'",
805
- "description": "Indicates how the browser should load the image.",
806
- "fieldName": "loading"
927
+ "default": "false",
928
+ "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
929
+ "fieldName": "play"
807
930
  },
808
931
  {
809
- "name": "shape",
932
+ "name": "delay",
810
933
  "type": {
811
- "text": "'circle' | 'square' | 'rounded'"
934
+ "text": "number"
812
935
  },
813
- "default": "'circle'",
814
- "description": "The shape of the avatar.",
815
- "fieldName": "shape"
816
- }
817
- ],
818
- "superclass": {
819
- "name": "FlowRdfElement",
820
- "module": "/src/internal/flow-ui-rdf-element"
821
- },
822
- "tagName": "flow-ui-avatar",
823
- "summary": "Avatars are used to represent a person or object.",
824
- "dependencies": [
825
- "flow-ui-icon"
826
- ],
827
- "customElement": true
828
- }
829
- ],
830
- "exports": [
831
- {
832
- "kind": "js",
833
- "name": "default",
834
- "declaration": {
835
- "name": "FlowUiAvatar",
836
- "module": "components/avatar/avatar.component.js"
837
- }
838
- }
839
- ]
840
- },
841
- {
842
- "kind": "javascript-module",
843
- "path": "components/avatar/avatar.js",
844
- "declarations": [],
845
- "exports": [
846
- {
847
- "kind": "js",
848
- "name": "default",
849
- "declaration": {
850
- "name": "FlowUiAvatar",
851
- "module": "components/avatar/avatar.js"
852
- }
853
- }
854
- ]
855
- },
856
- {
857
- "kind": "javascript-module",
858
- "path": "components/breadcrumb/breadcrumb.component.js",
859
- "declarations": [
860
- {
861
- "kind": "class",
862
- "description": "",
863
- "name": "FlowUiBreadcrumb",
864
- "cssParts": [
865
- {
866
- "description": "The component's base wrapper.",
867
- "name": "base"
868
- }
869
- ],
870
- "slots": [
871
- {
872
- "description": "One or more breadcrumb items to display.",
873
- "name": ""
936
+ "default": "0",
937
+ "description": "The number of milliseconds to delay the start of the animation.",
938
+ "fieldName": "delay"
874
939
  },
875
940
  {
876
- "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
877
- "name": "separator"
878
- }
879
- ],
880
- "members": [
881
- {
882
- "kind": "field",
883
- "name": "localize",
884
- "privacy": "private",
885
- "readonly": true,
886
- "default": "new LocalizeController(this)"
941
+ "name": "direction",
942
+ "type": {
943
+ "text": "PlaybackDirection"
944
+ },
945
+ "default": "'normal'",
946
+ "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)",
947
+ "fieldName": "direction"
887
948
  },
888
949
  {
889
- "kind": "field",
890
- "name": "separatorDir",
891
- "privacy": "private"
950
+ "name": "duration",
951
+ "type": {
952
+ "text": "number"
953
+ },
954
+ "default": "1000",
955
+ "description": "The number of milliseconds each iteration of the animation takes to complete.",
956
+ "fieldName": "duration"
892
957
  },
893
958
  {
894
- "kind": "field",
895
- "name": "defaultSlot",
959
+ "name": "easing",
896
960
  "type": {
897
- "text": "HTMLSlotElement"
961
+ "text": "string"
898
962
  },
899
- "privacy": "private"
963
+ "default": "'linear'",
964
+ "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
965
+ "fieldName": "easing"
900
966
  },
901
967
  {
902
- "kind": "field",
903
- "name": "separatorSlot",
968
+ "name": "end-delay",
904
969
  "type": {
905
- "text": "HTMLSlotElement"
970
+ "text": "number"
906
971
  },
907
- "privacy": "private"
972
+ "default": "0",
973
+ "description": "The number of milliseconds to delay after the active period of an animation sequence.",
974
+ "fieldName": "endDelay"
908
975
  },
909
976
  {
910
- "kind": "field",
911
- "name": "label",
977
+ "name": "fill",
912
978
  "type": {
913
- "text": "string"
979
+ "text": "FillMode"
914
980
  },
915
- "default": "''",
916
- "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.",
917
- "attribute": "label"
981
+ "default": "'auto'",
982
+ "description": "Sets how the animation applies styles to its target before and after its execution.",
983
+ "fieldName": "fill"
918
984
  },
919
985
  {
920
- "kind": "method",
921
- "name": "getSeparator",
922
- "privacy": "private"
986
+ "name": "iterations",
987
+ "default": "Infinity",
988
+ "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
989
+ "resolveInitializer": {
990
+ "module": "src/components/animation/animation.component.ts"
991
+ },
992
+ "fieldName": "iterations"
923
993
  },
924
994
  {
925
- "kind": "method",
926
- "name": "handleSlotChange",
927
- "privacy": "private"
928
- }
929
- ],
930
- "attributes": [
995
+ "name": "iteration-start",
996
+ "type": {
997
+ "text": "number"
998
+ },
999
+ "default": "0",
1000
+ "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
1001
+ "fieldName": "iterationStart"
1002
+ },
931
1003
  {
932
- "name": "label",
1004
+ "name": "playback-rate",
933
1005
  "type": {
934
- "text": "string"
1006
+ "text": "number"
935
1007
  },
936
- "default": "''",
937
- "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.",
938
- "fieldName": "label"
1008
+ "default": "1",
1009
+ "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.",
1010
+ "fieldName": "playbackRate"
939
1011
  }
940
1012
  ],
941
1013
  "superclass": {
942
1014
  "name": "FlowRdfElement",
943
1015
  "module": "/src/internal/flow-ui-rdf-element"
944
1016
  },
945
- "tagName": "flow-ui-breadcrumb",
946
- "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
947
- "dependencies": [
948
- "flow-ui-icon"
949
- ],
1017
+ "tagName": "flow-ui-animation",
1018
+ "summary": "Animate elements declaratively with over 100 animation presets. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).",
950
1019
  "customElement": true
951
1020
  }
952
1021
  ],
@@ -955,23 +1024,73 @@
955
1024
  "kind": "js",
956
1025
  "name": "default",
957
1026
  "declaration": {
958
- "name": "FlowUiBreadcrumb",
959
- "module": "components/breadcrumb/breadcrumb.component.js"
1027
+ "name": "FlowUiAnimation",
1028
+ "module": "components/animation/animation.component.js"
960
1029
  }
961
1030
  }
962
1031
  ]
963
1032
  },
964
1033
  {
965
1034
  "kind": "javascript-module",
966
- "path": "components/breadcrumb/breadcrumb.js",
1035
+ "path": "components/animation/animation.js",
967
1036
  "declarations": [],
968
1037
  "exports": [
1038
+ {
1039
+ "kind": "js",
1040
+ "name": "*",
1041
+ "declaration": {
1042
+ "name": "*",
1043
+ "package": "./animation.component"
1044
+ }
1045
+ },
969
1046
  {
970
1047
  "kind": "js",
971
1048
  "name": "default",
972
1049
  "declaration": {
973
- "name": "FlowUiBreadcrumb",
974
- "module": "components/breadcrumb/breadcrumb.js"
1050
+ "name": "FlowUiAnimation",
1051
+ "module": "components/animation/animation.js"
1052
+ }
1053
+ }
1054
+ ]
1055
+ },
1056
+ {
1057
+ "kind": "javascript-module",
1058
+ "path": "components/animation/animations.js",
1059
+ "declarations": [
1060
+ {
1061
+ "kind": "function",
1062
+ "name": "getAnimationNames",
1063
+ "description": "Returns a list of all supported animation names.\n\nSupply the required animation as the `name` property of the\n`<flow-ui-animation>` component."
1064
+ },
1065
+ {
1066
+ "kind": "function",
1067
+ "name": "getEasingNames",
1068
+ "description": "Returns a list of all supported easing method names.\n\nSupply the required easing method as the `easing` property of the\n`<flow-ui-animation>` component."
1069
+ }
1070
+ ],
1071
+ "exports": [
1072
+ {
1073
+ "kind": "js",
1074
+ "name": "animations",
1075
+ "declaration": {
1076
+ "name": "animations",
1077
+ "module": "components/animation/animations.js"
1078
+ }
1079
+ },
1080
+ {
1081
+ "kind": "js",
1082
+ "name": "getAnimationNames",
1083
+ "declaration": {
1084
+ "name": "getAnimationNames",
1085
+ "module": "components/animation/animations.js"
1086
+ }
1087
+ },
1088
+ {
1089
+ "kind": "js",
1090
+ "name": "getEasingNames",
1091
+ "declaration": {
1092
+ "name": "getEasingNames",
1093
+ "module": "components/animation/animations.js"
975
1094
  }
976
1095
  }
977
1096
  ]
@@ -1805,125 +1924,6 @@
1805
1924
  }
1806
1925
  ]
1807
1926
  },
1808
- {
1809
- "kind": "javascript-module",
1810
- "path": "components/badge/badge.component.js",
1811
- "declarations": [
1812
- {
1813
- "kind": "class",
1814
- "description": "",
1815
- "name": "FlowUiBadge",
1816
- "cssParts": [
1817
- {
1818
- "description": "The component's base wrapper.",
1819
- "name": "base"
1820
- }
1821
- ],
1822
- "slots": [
1823
- {
1824
- "description": "The badge's content.",
1825
- "name": ""
1826
- }
1827
- ],
1828
- "members": [
1829
- {
1830
- "kind": "field",
1831
- "name": "variant",
1832
- "type": {
1833
- "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
1834
- },
1835
- "default": "'primary'",
1836
- "description": "The badge's theme variant.",
1837
- "attribute": "variant",
1838
- "reflects": true
1839
- },
1840
- {
1841
- "kind": "field",
1842
- "name": "pill",
1843
- "type": {
1844
- "text": "boolean"
1845
- },
1846
- "default": "false",
1847
- "description": "Draws a pill-style badge with rounded edges.",
1848
- "attribute": "pill",
1849
- "reflects": true
1850
- },
1851
- {
1852
- "kind": "field",
1853
- "name": "pulse",
1854
- "type": {
1855
- "text": "boolean"
1856
- },
1857
- "default": "false",
1858
- "description": "Makes the badge pulsate to draw attention.",
1859
- "attribute": "pulse",
1860
- "reflects": true
1861
- }
1862
- ],
1863
- "attributes": [
1864
- {
1865
- "name": "variant",
1866
- "type": {
1867
- "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
1868
- },
1869
- "default": "'primary'",
1870
- "description": "The badge's theme variant.",
1871
- "fieldName": "variant"
1872
- },
1873
- {
1874
- "name": "pill",
1875
- "type": {
1876
- "text": "boolean"
1877
- },
1878
- "default": "false",
1879
- "description": "Draws a pill-style badge with rounded edges.",
1880
- "fieldName": "pill"
1881
- },
1882
- {
1883
- "name": "pulse",
1884
- "type": {
1885
- "text": "boolean"
1886
- },
1887
- "default": "false",
1888
- "description": "Makes the badge pulsate to draw attention.",
1889
- "fieldName": "pulse"
1890
- }
1891
- ],
1892
- "superclass": {
1893
- "name": "FlowRdfElement",
1894
- "module": "/src/internal/flow-ui-rdf-element"
1895
- },
1896
- "tagName": "flow-ui-badge",
1897
- "summary": "Badges are used to draw attention and display statuses or counts.",
1898
- "customElement": true
1899
- }
1900
- ],
1901
- "exports": [
1902
- {
1903
- "kind": "js",
1904
- "name": "default",
1905
- "declaration": {
1906
- "name": "FlowUiBadge",
1907
- "module": "components/badge/badge.component.js"
1908
- }
1909
- }
1910
- ]
1911
- },
1912
- {
1913
- "kind": "javascript-module",
1914
- "path": "components/badge/badge.js",
1915
- "declarations": [],
1916
- "exports": [
1917
- {
1918
- "kind": "js",
1919
- "name": "default",
1920
- "declaration": {
1921
- "name": "FlowUiBadge",
1922
- "module": "components/badge/badge.js"
1923
- }
1924
- }
1925
- ]
1926
- },
1927
1927
  {
1928
1928
  "kind": "javascript-module",
1929
1929
  "path": "components/button-group/button-group.component.js",
@@ -22502,6 +22502,6 @@
22502
22502
  ],
22503
22503
  "package": {
22504
22504
  "name": "@emuanalytics/flow-rdf-ui",
22505
- "version": "4.0.15"
22505
+ "version": "4.0.17"
22506
22506
  }
22507
22507
  }