@spectrum-web-components/dialog 0.11.1 → 0.11.3
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.
- package/custom-elements.json +504 -109
- package/package.json +13 -5
- package/sp-dialog-base.d.ts +6 -0
- package/sp-dialog-base.dev.js +4 -0
- package/sp-dialog-base.dev.js.map +7 -0
- package/sp-dialog-base.js +2 -0
- package/sp-dialog-base.js.map +7 -0
- package/src/Dialog.dev.js +3 -2
- package/src/Dialog.dev.js.map +2 -2
- package/src/Dialog.js +7 -7
- package/src/Dialog.js.map +3 -3
- package/src/DialogBase.d.ts +48 -0
- package/src/DialogBase.dev.js +177 -0
- package/src/DialogBase.dev.js.map +7 -0
- package/src/DialogBase.js +19 -0
- package/src/DialogBase.js.map +7 -0
- package/src/DialogWrapper.d.ts +6 -35
- package/src/DialogWrapper.dev.js +59 -185
- package/src/DialogWrapper.dev.js.map +2 -2
- package/src/DialogWrapper.js +53 -66
- package/src/DialogWrapper.js.map +3 -3
- package/src/dialog.css.dev.js +1 -1
- package/src/dialog.css.dev.js.map +1 -1
- package/src/dialog.css.js +1 -1
- package/src/dialog.css.js.map +1 -1
- package/src/index.d.ts +1 -0
- package/src/index.dev.js +1 -0
- package/src/index.dev.js.map +2 -2
- package/src/index.js +1 -1
- package/src/index.js.map +2 -2
- package/stories/dialog-base.stories.js +187 -0
- package/stories/dialog-base.stories.js.map +7 -0
- package/stories/dialog-wrapper.stories.js +2 -34
- package/stories/dialog-wrapper.stories.js.map +2 -2
- package/stories/dialog.stories.js +5 -5
- package/stories/dialog.stories.js.map +1 -1
- package/stories/index.js +37 -0
- package/stories/index.js.map +7 -0
- package/test/dialog-base.test-vrt.js +5 -0
- package/test/dialog-base.test-vrt.js.map +7 -0
- package/test/dialog-base.test.js +133 -0
- package/test/dialog-base.test.js.map +7 -0
- package/test/dialog-wrapper.test.js +17 -0
- package/test/dialog-wrapper.test.js.map +2 -2
- package/test/dialog.test.js +24 -1
- package/test/dialog.test.js.map +2 -2
package/custom-elements.json
CHANGED
|
@@ -2,6 +2,21 @@
|
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"readme": "",
|
|
4
4
|
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "sp-dialog-base.js",
|
|
8
|
+
"declarations": [],
|
|
9
|
+
"exports": [
|
|
10
|
+
{
|
|
11
|
+
"kind": "custom-element-definition",
|
|
12
|
+
"name": "sp-dialog-base",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "DialogBase",
|
|
15
|
+
"module": "/src/DialogBase.js"
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
]
|
|
19
|
+
},
|
|
5
20
|
{
|
|
6
21
|
"kind": "javascript-module",
|
|
7
22
|
"path": "sp-dialog-wrapper.js",
|
|
@@ -384,183 +399,400 @@
|
|
|
384
399
|
},
|
|
385
400
|
{
|
|
386
401
|
"kind": "javascript-module",
|
|
387
|
-
"path": "src/
|
|
402
|
+
"path": "src/DialogBase.js",
|
|
388
403
|
"declarations": [
|
|
389
404
|
{
|
|
390
405
|
"kind": "class",
|
|
391
406
|
"description": "",
|
|
392
|
-
"name": "
|
|
407
|
+
"name": "DialogBase",
|
|
393
408
|
"slots": [
|
|
394
409
|
{
|
|
395
|
-
"description": "
|
|
410
|
+
"description": "A Dialog element to display.",
|
|
396
411
|
"name": ""
|
|
397
412
|
}
|
|
398
413
|
],
|
|
399
414
|
"members": [
|
|
400
415
|
{
|
|
401
416
|
"kind": "field",
|
|
402
|
-
"name": "
|
|
417
|
+
"name": "dismissable",
|
|
403
418
|
"type": {
|
|
404
419
|
"text": "boolean"
|
|
405
420
|
},
|
|
406
421
|
"privacy": "public",
|
|
407
422
|
"default": "false",
|
|
408
|
-
"attribute": "
|
|
423
|
+
"attribute": "dismissable",
|
|
409
424
|
"reflects": true
|
|
410
425
|
},
|
|
411
426
|
{
|
|
412
427
|
"kind": "field",
|
|
413
|
-
"name": "
|
|
428
|
+
"name": "open",
|
|
414
429
|
"type": {
|
|
415
|
-
"text": "
|
|
430
|
+
"text": "boolean"
|
|
416
431
|
},
|
|
417
432
|
"privacy": "public",
|
|
418
|
-
"default": "
|
|
419
|
-
"attribute": "
|
|
433
|
+
"default": "false",
|
|
434
|
+
"attribute": "open",
|
|
435
|
+
"reflects": true
|
|
420
436
|
},
|
|
421
437
|
{
|
|
422
438
|
"kind": "field",
|
|
423
|
-
"name": "
|
|
439
|
+
"name": "mode",
|
|
424
440
|
"type": {
|
|
425
|
-
"text": "
|
|
441
|
+
"text": "'fullscreen' | 'fullscreenTakeover' | undefined"
|
|
426
442
|
},
|
|
427
443
|
"privacy": "public",
|
|
428
|
-
"
|
|
429
|
-
"
|
|
444
|
+
"attribute": "mode",
|
|
445
|
+
"reflects": true
|
|
430
446
|
},
|
|
431
447
|
{
|
|
432
448
|
"kind": "field",
|
|
433
|
-
"name": "
|
|
449
|
+
"name": "responsive",
|
|
434
450
|
"type": {
|
|
435
451
|
"text": "boolean"
|
|
436
452
|
},
|
|
437
453
|
"privacy": "public",
|
|
438
454
|
"default": "false",
|
|
439
|
-
"
|
|
440
|
-
"
|
|
455
|
+
"description": "When set to true, fills screens smaller than 350px high and 400px wide with the full dialog.",
|
|
456
|
+
"attribute": "responsive"
|
|
441
457
|
},
|
|
442
458
|
{
|
|
443
459
|
"kind": "field",
|
|
444
|
-
"name": "
|
|
460
|
+
"name": "transitionPromise",
|
|
461
|
+
"privacy": "private"
|
|
462
|
+
},
|
|
463
|
+
{
|
|
464
|
+
"kind": "field",
|
|
465
|
+
"name": "resolveTransitionPromise",
|
|
466
|
+
"privacy": "private"
|
|
467
|
+
},
|
|
468
|
+
{
|
|
469
|
+
"kind": "field",
|
|
470
|
+
"name": "underlay",
|
|
445
471
|
"type": {
|
|
446
|
-
"text": "
|
|
472
|
+
"text": "boolean"
|
|
447
473
|
},
|
|
448
474
|
"privacy": "public",
|
|
449
|
-
"default": "
|
|
450
|
-
"attribute": "
|
|
475
|
+
"default": "false",
|
|
476
|
+
"attribute": "underlay"
|
|
451
477
|
},
|
|
452
478
|
{
|
|
453
479
|
"kind": "field",
|
|
454
|
-
"name": "
|
|
480
|
+
"name": "dialog",
|
|
455
481
|
"type": {
|
|
456
|
-
"text": "
|
|
482
|
+
"text": "Dialog"
|
|
457
483
|
},
|
|
484
|
+
"privacy": "protected"
|
|
485
|
+
},
|
|
486
|
+
{
|
|
487
|
+
"kind": "method",
|
|
488
|
+
"name": "focus",
|
|
458
489
|
"privacy": "public",
|
|
459
|
-
"
|
|
460
|
-
|
|
490
|
+
"return": {
|
|
491
|
+
"type": {
|
|
492
|
+
"text": "void"
|
|
493
|
+
}
|
|
494
|
+
}
|
|
461
495
|
},
|
|
462
496
|
{
|
|
463
|
-
"kind": "
|
|
464
|
-
"name": "
|
|
465
|
-
"
|
|
466
|
-
|
|
497
|
+
"kind": "method",
|
|
498
|
+
"name": "overlayWillCloseCallback",
|
|
499
|
+
"privacy": "public",
|
|
500
|
+
"return": {
|
|
501
|
+
"type": {
|
|
502
|
+
"text": "boolean"
|
|
503
|
+
}
|
|
504
|
+
}
|
|
505
|
+
},
|
|
506
|
+
{
|
|
507
|
+
"kind": "method",
|
|
508
|
+
"name": "dismiss",
|
|
509
|
+
"privacy": "private",
|
|
510
|
+
"return": {
|
|
511
|
+
"type": {
|
|
512
|
+
"text": "void"
|
|
513
|
+
}
|
|
514
|
+
}
|
|
515
|
+
},
|
|
516
|
+
{
|
|
517
|
+
"kind": "method",
|
|
518
|
+
"name": "handleClose",
|
|
519
|
+
"privacy": "protected",
|
|
520
|
+
"return": {
|
|
521
|
+
"type": {
|
|
522
|
+
"text": "void"
|
|
523
|
+
}
|
|
467
524
|
},
|
|
525
|
+
"parameters": [
|
|
526
|
+
{
|
|
527
|
+
"name": "event",
|
|
528
|
+
"type": {
|
|
529
|
+
"text": "Event"
|
|
530
|
+
}
|
|
531
|
+
}
|
|
532
|
+
]
|
|
533
|
+
},
|
|
534
|
+
{
|
|
535
|
+
"kind": "method",
|
|
536
|
+
"name": "close",
|
|
468
537
|
"privacy": "public",
|
|
469
|
-
"
|
|
470
|
-
|
|
538
|
+
"return": {
|
|
539
|
+
"type": {
|
|
540
|
+
"text": "void"
|
|
541
|
+
}
|
|
542
|
+
}
|
|
471
543
|
},
|
|
472
544
|
{
|
|
473
|
-
"kind": "
|
|
474
|
-
"name": "
|
|
545
|
+
"kind": "method",
|
|
546
|
+
"name": "dispatchClosed",
|
|
547
|
+
"privacy": "private",
|
|
548
|
+
"return": {
|
|
549
|
+
"type": {
|
|
550
|
+
"text": "void"
|
|
551
|
+
}
|
|
552
|
+
}
|
|
553
|
+
},
|
|
554
|
+
{
|
|
555
|
+
"kind": "method",
|
|
556
|
+
"name": "handleUnderlayTransitionend",
|
|
557
|
+
"privacy": "protected",
|
|
558
|
+
"return": {
|
|
559
|
+
"type": {
|
|
560
|
+
"text": "void"
|
|
561
|
+
}
|
|
562
|
+
},
|
|
563
|
+
"parameters": [
|
|
564
|
+
{
|
|
565
|
+
"name": "event",
|
|
566
|
+
"type": {
|
|
567
|
+
"text": "TransitionEvent"
|
|
568
|
+
}
|
|
569
|
+
}
|
|
570
|
+
]
|
|
571
|
+
},
|
|
572
|
+
{
|
|
573
|
+
"kind": "method",
|
|
574
|
+
"name": "handleModalTransitionend",
|
|
575
|
+
"privacy": "protected",
|
|
576
|
+
"return": {
|
|
577
|
+
"type": {
|
|
578
|
+
"text": "void"
|
|
579
|
+
}
|
|
580
|
+
}
|
|
581
|
+
},
|
|
582
|
+
{
|
|
583
|
+
"kind": "method",
|
|
584
|
+
"name": "renderDialog",
|
|
585
|
+
"privacy": "protected",
|
|
586
|
+
"return": {
|
|
587
|
+
"type": {
|
|
588
|
+
"text": "TemplateResult"
|
|
589
|
+
}
|
|
590
|
+
}
|
|
591
|
+
},
|
|
592
|
+
{
|
|
593
|
+
"kind": "method",
|
|
594
|
+
"name": "getUpdateComplete",
|
|
595
|
+
"privacy": "protected",
|
|
596
|
+
"return": {
|
|
597
|
+
"type": {
|
|
598
|
+
"text": "Promise<boolean>"
|
|
599
|
+
}
|
|
600
|
+
},
|
|
601
|
+
"description": "Bind the open/close transition into the update complete lifecycle so\nthat the overlay system can wait for it to be \"visibly ready\" before\nattempting to throw focus into the content contained herein. Not\nwaiting for this can cause small amounts of page scroll to happen\nwhile opening the Tray when focusable content is included: e.g. Menu\nelements whose selected Menu Item is not the first Menu Item."
|
|
602
|
+
}
|
|
603
|
+
],
|
|
604
|
+
"events": [
|
|
605
|
+
{
|
|
606
|
+
"name": "close",
|
|
607
|
+
"type": {
|
|
608
|
+
"text": "Event"
|
|
609
|
+
},
|
|
610
|
+
"description": "Announces that the dialog has been closed."
|
|
611
|
+
}
|
|
612
|
+
],
|
|
613
|
+
"attributes": [
|
|
614
|
+
{
|
|
615
|
+
"name": "dismissable",
|
|
475
616
|
"type": {
|
|
476
617
|
"text": "boolean"
|
|
477
618
|
},
|
|
478
|
-
"privacy": "public",
|
|
479
619
|
"default": "false",
|
|
480
|
-
"
|
|
481
|
-
"reflects": true
|
|
620
|
+
"fieldName": "dismissable"
|
|
482
621
|
},
|
|
483
622
|
{
|
|
484
|
-
"kind": "field",
|
|
485
623
|
"name": "open",
|
|
486
624
|
"type": {
|
|
487
625
|
"text": "boolean"
|
|
488
626
|
},
|
|
489
|
-
"privacy": "public",
|
|
490
627
|
"default": "false",
|
|
491
|
-
"
|
|
492
|
-
"reflects": true
|
|
628
|
+
"fieldName": "open"
|
|
493
629
|
},
|
|
494
630
|
{
|
|
495
|
-
"kind": "field",
|
|
496
631
|
"name": "mode",
|
|
497
632
|
"type": {
|
|
498
633
|
"text": "'fullscreen' | 'fullscreenTakeover' | undefined"
|
|
499
634
|
},
|
|
635
|
+
"fieldName": "mode"
|
|
636
|
+
},
|
|
637
|
+
{
|
|
638
|
+
"name": "responsive",
|
|
639
|
+
"type": {
|
|
640
|
+
"text": "boolean"
|
|
641
|
+
},
|
|
642
|
+
"default": "false",
|
|
643
|
+
"description": "When set to true, fills screens smaller than 350px high and 400px wide with the full dialog.",
|
|
644
|
+
"fieldName": "responsive"
|
|
645
|
+
},
|
|
646
|
+
{
|
|
647
|
+
"name": "underlay",
|
|
648
|
+
"type": {
|
|
649
|
+
"text": "boolean"
|
|
650
|
+
},
|
|
651
|
+
"default": "false",
|
|
652
|
+
"fieldName": "underlay"
|
|
653
|
+
}
|
|
654
|
+
],
|
|
655
|
+
"mixins": [
|
|
656
|
+
{
|
|
657
|
+
"name": "FocusVisiblePolyfillMixin",
|
|
658
|
+
"package": "@spectrum-web-components/shared"
|
|
659
|
+
}
|
|
660
|
+
],
|
|
661
|
+
"superclass": {
|
|
662
|
+
"name": "SpectrumElement",
|
|
663
|
+
"package": "@spectrum-web-components/base"
|
|
664
|
+
},
|
|
665
|
+
"tagName": "sp-dialog-base",
|
|
666
|
+
"customElement": true
|
|
667
|
+
}
|
|
668
|
+
],
|
|
669
|
+
"exports": [
|
|
670
|
+
{
|
|
671
|
+
"kind": "js",
|
|
672
|
+
"name": "DialogBase",
|
|
673
|
+
"declaration": {
|
|
674
|
+
"name": "DialogBase",
|
|
675
|
+
"module": "src/DialogBase.js"
|
|
676
|
+
}
|
|
677
|
+
}
|
|
678
|
+
]
|
|
679
|
+
},
|
|
680
|
+
{
|
|
681
|
+
"kind": "javascript-module",
|
|
682
|
+
"path": "src/DialogWrapper.js",
|
|
683
|
+
"declarations": [
|
|
684
|
+
{
|
|
685
|
+
"kind": "class",
|
|
686
|
+
"description": "",
|
|
687
|
+
"name": "DialogWrapper",
|
|
688
|
+
"slots": [
|
|
689
|
+
{
|
|
690
|
+
"description": "content for the dialog",
|
|
691
|
+
"name": ""
|
|
692
|
+
}
|
|
693
|
+
],
|
|
694
|
+
"members": [
|
|
695
|
+
{
|
|
696
|
+
"kind": "field",
|
|
697
|
+
"name": "error",
|
|
698
|
+
"type": {
|
|
699
|
+
"text": "boolean"
|
|
700
|
+
},
|
|
500
701
|
"privacy": "public",
|
|
501
|
-
"
|
|
702
|
+
"default": "false",
|
|
703
|
+
"attribute": "error",
|
|
502
704
|
"reflects": true
|
|
503
705
|
},
|
|
504
706
|
{
|
|
505
707
|
"kind": "field",
|
|
506
|
-
"name": "
|
|
708
|
+
"name": "cancelLabel",
|
|
507
709
|
"type": {
|
|
508
|
-
"text": "
|
|
710
|
+
"text": "string"
|
|
509
711
|
},
|
|
510
712
|
"privacy": "public",
|
|
511
|
-
"
|
|
512
|
-
"
|
|
713
|
+
"default": "''",
|
|
714
|
+
"attribute": "cancel-label"
|
|
513
715
|
},
|
|
514
716
|
{
|
|
515
717
|
"kind": "field",
|
|
516
|
-
"name": "
|
|
718
|
+
"name": "confirmLabel",
|
|
517
719
|
"type": {
|
|
518
720
|
"text": "string"
|
|
519
721
|
},
|
|
520
722
|
"privacy": "public",
|
|
521
723
|
"default": "''",
|
|
522
|
-
"attribute": "
|
|
724
|
+
"attribute": "confirm-label"
|
|
523
725
|
},
|
|
524
726
|
{
|
|
525
727
|
"kind": "field",
|
|
526
|
-
"name": "
|
|
728
|
+
"name": "footer",
|
|
527
729
|
"type": {
|
|
528
730
|
"text": "string"
|
|
529
731
|
},
|
|
530
732
|
"privacy": "public",
|
|
531
733
|
"default": "''",
|
|
532
|
-
"attribute": "
|
|
734
|
+
"attribute": "footer"
|
|
533
735
|
},
|
|
534
736
|
{
|
|
535
737
|
"kind": "field",
|
|
536
|
-
"name": "
|
|
738
|
+
"name": "hero",
|
|
739
|
+
"type": {
|
|
740
|
+
"text": "string"
|
|
741
|
+
},
|
|
742
|
+
"privacy": "public",
|
|
743
|
+
"default": "''",
|
|
744
|
+
"attribute": "hero"
|
|
745
|
+
},
|
|
746
|
+
{
|
|
747
|
+
"kind": "field",
|
|
748
|
+
"name": "heroLabel",
|
|
749
|
+
"type": {
|
|
750
|
+
"text": "string"
|
|
751
|
+
},
|
|
752
|
+
"privacy": "public",
|
|
753
|
+
"default": "''",
|
|
754
|
+
"attribute": "hero-label"
|
|
755
|
+
},
|
|
756
|
+
{
|
|
757
|
+
"kind": "field",
|
|
758
|
+
"name": "noDivider",
|
|
537
759
|
"type": {
|
|
538
760
|
"text": "boolean"
|
|
539
761
|
},
|
|
540
762
|
"privacy": "public",
|
|
541
763
|
"default": "false",
|
|
542
|
-
"
|
|
543
|
-
"
|
|
764
|
+
"attribute": "no-divider",
|
|
765
|
+
"reflects": true
|
|
544
766
|
},
|
|
545
767
|
{
|
|
546
768
|
"kind": "field",
|
|
547
|
-
"name": "
|
|
548
|
-
"
|
|
769
|
+
"name": "size",
|
|
770
|
+
"type": {
|
|
771
|
+
"text": "'s' | 'm' | 'l' | undefined"
|
|
772
|
+
},
|
|
773
|
+
"privacy": "public",
|
|
774
|
+
"attribute": "size",
|
|
775
|
+
"reflects": true
|
|
549
776
|
},
|
|
550
777
|
{
|
|
551
778
|
"kind": "field",
|
|
552
|
-
"name": "
|
|
553
|
-
"
|
|
779
|
+
"name": "secondaryLabel",
|
|
780
|
+
"type": {
|
|
781
|
+
"text": "string"
|
|
782
|
+
},
|
|
783
|
+
"privacy": "public",
|
|
784
|
+
"default": "''",
|
|
785
|
+
"attribute": "secondary-label"
|
|
554
786
|
},
|
|
555
787
|
{
|
|
556
788
|
"kind": "field",
|
|
557
|
-
"name": "
|
|
789
|
+
"name": "headline",
|
|
558
790
|
"type": {
|
|
559
|
-
"text": "
|
|
791
|
+
"text": "string"
|
|
560
792
|
},
|
|
561
793
|
"privacy": "public",
|
|
562
|
-
"default": "
|
|
563
|
-
"attribute": "
|
|
794
|
+
"default": "''",
|
|
795
|
+
"attribute": "headline"
|
|
564
796
|
},
|
|
565
797
|
{
|
|
566
798
|
"kind": "field",
|
|
@@ -568,12 +800,16 @@
|
|
|
568
800
|
"type": {
|
|
569
801
|
"text": "Dialog"
|
|
570
802
|
},
|
|
571
|
-
"privacy": "
|
|
803
|
+
"privacy": "protected",
|
|
804
|
+
"inheritedFrom": {
|
|
805
|
+
"name": "DialogBase",
|
|
806
|
+
"module": "src/DialogBase.js"
|
|
807
|
+
}
|
|
572
808
|
},
|
|
573
809
|
{
|
|
574
810
|
"kind": "method",
|
|
575
|
-
"name": "
|
|
576
|
-
"privacy": "
|
|
811
|
+
"name": "clickSecondary",
|
|
812
|
+
"privacy": "private",
|
|
577
813
|
"return": {
|
|
578
814
|
"type": {
|
|
579
815
|
"text": "void"
|
|
@@ -582,17 +818,17 @@
|
|
|
582
818
|
},
|
|
583
819
|
{
|
|
584
820
|
"kind": "method",
|
|
585
|
-
"name": "
|
|
586
|
-
"privacy": "
|
|
821
|
+
"name": "clickCancel",
|
|
822
|
+
"privacy": "private",
|
|
587
823
|
"return": {
|
|
588
824
|
"type": {
|
|
589
|
-
"text": "
|
|
825
|
+
"text": "void"
|
|
590
826
|
}
|
|
591
827
|
}
|
|
592
828
|
},
|
|
593
829
|
{
|
|
594
830
|
"kind": "method",
|
|
595
|
-
"name": "
|
|
831
|
+
"name": "clickConfirm",
|
|
596
832
|
"privacy": "private",
|
|
597
833
|
"return": {
|
|
598
834
|
"type": {
|
|
@@ -602,32 +838,149 @@
|
|
|
602
838
|
},
|
|
603
839
|
{
|
|
604
840
|
"kind": "method",
|
|
605
|
-
"name": "
|
|
841
|
+
"name": "renderDialog",
|
|
842
|
+
"privacy": "protected",
|
|
843
|
+
"return": {
|
|
844
|
+
"type": {
|
|
845
|
+
"text": "TemplateResult"
|
|
846
|
+
}
|
|
847
|
+
},
|
|
848
|
+
"inheritedFrom": {
|
|
849
|
+
"name": "DialogBase",
|
|
850
|
+
"module": "src/DialogBase.js"
|
|
851
|
+
}
|
|
852
|
+
},
|
|
853
|
+
{
|
|
854
|
+
"kind": "field",
|
|
855
|
+
"name": "dismissable",
|
|
856
|
+
"type": {
|
|
857
|
+
"text": "boolean"
|
|
858
|
+
},
|
|
859
|
+
"privacy": "public",
|
|
860
|
+
"default": "false",
|
|
861
|
+
"attribute": "dismissable",
|
|
862
|
+
"reflects": true,
|
|
863
|
+
"inheritedFrom": {
|
|
864
|
+
"name": "DialogBase",
|
|
865
|
+
"module": "src/DialogBase.js"
|
|
866
|
+
}
|
|
867
|
+
},
|
|
868
|
+
{
|
|
869
|
+
"kind": "field",
|
|
870
|
+
"name": "open",
|
|
871
|
+
"type": {
|
|
872
|
+
"text": "boolean"
|
|
873
|
+
},
|
|
874
|
+
"privacy": "public",
|
|
875
|
+
"default": "false",
|
|
876
|
+
"attribute": "open",
|
|
877
|
+
"reflects": true,
|
|
878
|
+
"inheritedFrom": {
|
|
879
|
+
"name": "DialogBase",
|
|
880
|
+
"module": "src/DialogBase.js"
|
|
881
|
+
}
|
|
882
|
+
},
|
|
883
|
+
{
|
|
884
|
+
"kind": "field",
|
|
885
|
+
"name": "mode",
|
|
886
|
+
"type": {
|
|
887
|
+
"text": "'fullscreen' | 'fullscreenTakeover' | undefined"
|
|
888
|
+
},
|
|
889
|
+
"privacy": "public",
|
|
890
|
+
"attribute": "mode",
|
|
891
|
+
"reflects": true,
|
|
892
|
+
"inheritedFrom": {
|
|
893
|
+
"name": "DialogBase",
|
|
894
|
+
"module": "src/DialogBase.js"
|
|
895
|
+
}
|
|
896
|
+
},
|
|
897
|
+
{
|
|
898
|
+
"kind": "field",
|
|
899
|
+
"name": "responsive",
|
|
900
|
+
"type": {
|
|
901
|
+
"text": "boolean"
|
|
902
|
+
},
|
|
903
|
+
"privacy": "public",
|
|
904
|
+
"default": "false",
|
|
905
|
+
"description": "When set to true, fills screens smaller than 350px high and 400px wide with the full dialog.",
|
|
906
|
+
"attribute": "responsive",
|
|
907
|
+
"inheritedFrom": {
|
|
908
|
+
"name": "DialogBase",
|
|
909
|
+
"module": "src/DialogBase.js"
|
|
910
|
+
}
|
|
911
|
+
},
|
|
912
|
+
{
|
|
913
|
+
"kind": "field",
|
|
914
|
+
"name": "transitionPromise",
|
|
915
|
+
"privacy": "private",
|
|
916
|
+
"inheritedFrom": {
|
|
917
|
+
"name": "DialogBase",
|
|
918
|
+
"module": "src/DialogBase.js"
|
|
919
|
+
}
|
|
920
|
+
},
|
|
921
|
+
{
|
|
922
|
+
"kind": "field",
|
|
923
|
+
"name": "resolveTransitionPromise",
|
|
606
924
|
"privacy": "private",
|
|
925
|
+
"inheritedFrom": {
|
|
926
|
+
"name": "DialogBase",
|
|
927
|
+
"module": "src/DialogBase.js"
|
|
928
|
+
}
|
|
929
|
+
},
|
|
930
|
+
{
|
|
931
|
+
"kind": "field",
|
|
932
|
+
"name": "underlay",
|
|
933
|
+
"type": {
|
|
934
|
+
"text": "boolean"
|
|
935
|
+
},
|
|
936
|
+
"privacy": "public",
|
|
937
|
+
"default": "false",
|
|
938
|
+
"attribute": "underlay",
|
|
939
|
+
"inheritedFrom": {
|
|
940
|
+
"name": "DialogBase",
|
|
941
|
+
"module": "src/DialogBase.js"
|
|
942
|
+
}
|
|
943
|
+
},
|
|
944
|
+
{
|
|
945
|
+
"kind": "method",
|
|
946
|
+
"name": "focus",
|
|
947
|
+
"privacy": "public",
|
|
607
948
|
"return": {
|
|
608
949
|
"type": {
|
|
609
950
|
"text": "void"
|
|
610
951
|
}
|
|
952
|
+
},
|
|
953
|
+
"inheritedFrom": {
|
|
954
|
+
"name": "DialogBase",
|
|
955
|
+
"module": "src/DialogBase.js"
|
|
611
956
|
}
|
|
612
957
|
},
|
|
613
958
|
{
|
|
614
959
|
"kind": "method",
|
|
615
|
-
"name": "
|
|
616
|
-
"privacy": "
|
|
960
|
+
"name": "overlayWillCloseCallback",
|
|
961
|
+
"privacy": "public",
|
|
617
962
|
"return": {
|
|
618
963
|
"type": {
|
|
619
|
-
"text": "
|
|
964
|
+
"text": "boolean"
|
|
620
965
|
}
|
|
966
|
+
},
|
|
967
|
+
"inheritedFrom": {
|
|
968
|
+
"name": "DialogBase",
|
|
969
|
+
"module": "src/DialogBase.js"
|
|
621
970
|
}
|
|
622
971
|
},
|
|
623
972
|
{
|
|
624
973
|
"kind": "method",
|
|
625
|
-
"name": "
|
|
974
|
+
"name": "dismiss",
|
|
626
975
|
"privacy": "private",
|
|
627
976
|
"return": {
|
|
628
977
|
"type": {
|
|
629
978
|
"text": "void"
|
|
630
979
|
}
|
|
980
|
+
},
|
|
981
|
+
"inheritedFrom": {
|
|
982
|
+
"name": "DialogBase",
|
|
983
|
+
"module": "src/DialogBase.js"
|
|
631
984
|
}
|
|
632
985
|
},
|
|
633
986
|
{
|
|
@@ -646,7 +999,11 @@
|
|
|
646
999
|
"text": "Event"
|
|
647
1000
|
}
|
|
648
1001
|
}
|
|
649
|
-
]
|
|
1002
|
+
],
|
|
1003
|
+
"inheritedFrom": {
|
|
1004
|
+
"name": "DialogBase",
|
|
1005
|
+
"module": "src/DialogBase.js"
|
|
1006
|
+
}
|
|
650
1007
|
},
|
|
651
1008
|
{
|
|
652
1009
|
"kind": "method",
|
|
@@ -656,6 +1013,10 @@
|
|
|
656
1013
|
"type": {
|
|
657
1014
|
"text": "void"
|
|
658
1015
|
}
|
|
1016
|
+
},
|
|
1017
|
+
"inheritedFrom": {
|
|
1018
|
+
"name": "DialogBase",
|
|
1019
|
+
"module": "src/DialogBase.js"
|
|
659
1020
|
}
|
|
660
1021
|
},
|
|
661
1022
|
{
|
|
@@ -666,6 +1027,10 @@
|
|
|
666
1027
|
"type": {
|
|
667
1028
|
"text": "void"
|
|
668
1029
|
}
|
|
1030
|
+
},
|
|
1031
|
+
"inheritedFrom": {
|
|
1032
|
+
"name": "DialogBase",
|
|
1033
|
+
"module": "src/DialogBase.js"
|
|
669
1034
|
}
|
|
670
1035
|
},
|
|
671
1036
|
{
|
|
@@ -684,7 +1049,11 @@
|
|
|
684
1049
|
"text": "TransitionEvent"
|
|
685
1050
|
}
|
|
686
1051
|
}
|
|
687
|
-
]
|
|
1052
|
+
],
|
|
1053
|
+
"inheritedFrom": {
|
|
1054
|
+
"name": "DialogBase",
|
|
1055
|
+
"module": "src/DialogBase.js"
|
|
1056
|
+
}
|
|
688
1057
|
},
|
|
689
1058
|
{
|
|
690
1059
|
"kind": "method",
|
|
@@ -694,6 +1063,10 @@
|
|
|
694
1063
|
"type": {
|
|
695
1064
|
"text": "void"
|
|
696
1065
|
}
|
|
1066
|
+
},
|
|
1067
|
+
"inheritedFrom": {
|
|
1068
|
+
"name": "DialogBase",
|
|
1069
|
+
"module": "src/DialogBase.js"
|
|
697
1070
|
}
|
|
698
1071
|
},
|
|
699
1072
|
{
|
|
@@ -705,7 +1078,11 @@
|
|
|
705
1078
|
"text": "Promise<boolean>"
|
|
706
1079
|
}
|
|
707
1080
|
},
|
|
708
|
-
"description": "Bind the open/close transition into the update complete lifecycle so\nthat the overlay system can wait for it to be \"visibly ready\" before\nattempting to throw focus into the content contained herein. Not\nwaiting for this can cause small amounts of page scroll to happen\nwhile opening the Tray when focusable content is included: e.g. Menu\nelements whose selected Menu Item is not the first Menu Item."
|
|
1081
|
+
"description": "Bind the open/close transition into the update complete lifecycle so\nthat the overlay system can wait for it to be \"visibly ready\" before\nattempting to throw focus into the content contained herein. Not\nwaiting for this can cause small amounts of page scroll to happen\nwhile opening the Tray when focusable content is included: e.g. Menu\nelements whose selected Menu Item is not the first Menu Item.",
|
|
1082
|
+
"inheritedFrom": {
|
|
1083
|
+
"name": "DialogBase",
|
|
1084
|
+
"module": "src/DialogBase.js"
|
|
1085
|
+
}
|
|
709
1086
|
}
|
|
710
1087
|
],
|
|
711
1088
|
"events": [
|
|
@@ -735,7 +1112,11 @@
|
|
|
735
1112
|
"type": {
|
|
736
1113
|
"text": "Event"
|
|
737
1114
|
},
|
|
738
|
-
"description": "Announces that the dialog has been closed."
|
|
1115
|
+
"description": "Announces that the dialog has been closed.",
|
|
1116
|
+
"inheritedFrom": {
|
|
1117
|
+
"name": "DialogBase",
|
|
1118
|
+
"module": "src/DialogBase.ts"
|
|
1119
|
+
}
|
|
739
1120
|
}
|
|
740
1121
|
],
|
|
741
1122
|
"attributes": [
|
|
@@ -763,14 +1144,6 @@
|
|
|
763
1144
|
"default": "''",
|
|
764
1145
|
"fieldName": "confirmLabel"
|
|
765
1146
|
},
|
|
766
|
-
{
|
|
767
|
-
"name": "dismissable",
|
|
768
|
-
"type": {
|
|
769
|
-
"text": "boolean"
|
|
770
|
-
},
|
|
771
|
-
"default": "false",
|
|
772
|
-
"fieldName": "dismissable"
|
|
773
|
-
},
|
|
774
1147
|
{
|
|
775
1148
|
"name": "footer",
|
|
776
1149
|
"type": {
|
|
@@ -803,21 +1176,6 @@
|
|
|
803
1176
|
"default": "false",
|
|
804
1177
|
"fieldName": "noDivider"
|
|
805
1178
|
},
|
|
806
|
-
{
|
|
807
|
-
"name": "open",
|
|
808
|
-
"type": {
|
|
809
|
-
"text": "boolean"
|
|
810
|
-
},
|
|
811
|
-
"default": "false",
|
|
812
|
-
"fieldName": "open"
|
|
813
|
-
},
|
|
814
|
-
{
|
|
815
|
-
"name": "mode",
|
|
816
|
-
"type": {
|
|
817
|
-
"text": "'fullscreen' | 'fullscreenTakeover' | undefined"
|
|
818
|
-
},
|
|
819
|
-
"fieldName": "mode"
|
|
820
|
-
},
|
|
821
1179
|
{
|
|
822
1180
|
"name": "size",
|
|
823
1181
|
"type": {
|
|
@@ -841,6 +1199,41 @@
|
|
|
841
1199
|
"default": "''",
|
|
842
1200
|
"fieldName": "headline"
|
|
843
1201
|
},
|
|
1202
|
+
{
|
|
1203
|
+
"name": "dismissable",
|
|
1204
|
+
"type": {
|
|
1205
|
+
"text": "boolean"
|
|
1206
|
+
},
|
|
1207
|
+
"default": "false",
|
|
1208
|
+
"fieldName": "dismissable",
|
|
1209
|
+
"inheritedFrom": {
|
|
1210
|
+
"name": "DialogBase",
|
|
1211
|
+
"module": "src/DialogBase.ts"
|
|
1212
|
+
}
|
|
1213
|
+
},
|
|
1214
|
+
{
|
|
1215
|
+
"name": "open",
|
|
1216
|
+
"type": {
|
|
1217
|
+
"text": "boolean"
|
|
1218
|
+
},
|
|
1219
|
+
"default": "false",
|
|
1220
|
+
"fieldName": "open",
|
|
1221
|
+
"inheritedFrom": {
|
|
1222
|
+
"name": "DialogBase",
|
|
1223
|
+
"module": "src/DialogBase.ts"
|
|
1224
|
+
}
|
|
1225
|
+
},
|
|
1226
|
+
{
|
|
1227
|
+
"name": "mode",
|
|
1228
|
+
"type": {
|
|
1229
|
+
"text": "'fullscreen' | 'fullscreenTakeover' | undefined"
|
|
1230
|
+
},
|
|
1231
|
+
"fieldName": "mode",
|
|
1232
|
+
"inheritedFrom": {
|
|
1233
|
+
"name": "DialogBase",
|
|
1234
|
+
"module": "src/DialogBase.ts"
|
|
1235
|
+
}
|
|
1236
|
+
},
|
|
844
1237
|
{
|
|
845
1238
|
"name": "responsive",
|
|
846
1239
|
"type": {
|
|
@@ -848,7 +1241,11 @@
|
|
|
848
1241
|
},
|
|
849
1242
|
"default": "false",
|
|
850
1243
|
"description": "When set to true, fills screens smaller than 350px high and 400px wide with the full dialog.",
|
|
851
|
-
"fieldName": "responsive"
|
|
1244
|
+
"fieldName": "responsive",
|
|
1245
|
+
"inheritedFrom": {
|
|
1246
|
+
"name": "DialogBase",
|
|
1247
|
+
"module": "src/DialogBase.ts"
|
|
1248
|
+
}
|
|
852
1249
|
},
|
|
853
1250
|
{
|
|
854
1251
|
"name": "underlay",
|
|
@@ -856,18 +1253,16 @@
|
|
|
856
1253
|
"text": "boolean"
|
|
857
1254
|
},
|
|
858
1255
|
"default": "false",
|
|
859
|
-
"fieldName": "underlay"
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
"name": "FocusVisiblePolyfillMixin",
|
|
865
|
-
"package": "@spectrum-web-components/shared"
|
|
1256
|
+
"fieldName": "underlay",
|
|
1257
|
+
"inheritedFrom": {
|
|
1258
|
+
"name": "DialogBase",
|
|
1259
|
+
"module": "src/DialogBase.ts"
|
|
1260
|
+
}
|
|
866
1261
|
}
|
|
867
1262
|
],
|
|
868
1263
|
"superclass": {
|
|
869
|
-
"name": "
|
|
870
|
-
"
|
|
1264
|
+
"name": "DialogBase",
|
|
1265
|
+
"module": "/src/DialogBase.js"
|
|
871
1266
|
},
|
|
872
1267
|
"tagName": "sp-dialog-wrapper",
|
|
873
1268
|
"customElement": true
|