@vaadin/dialog 25.1.0-beta1 → 25.1.0-beta3
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 +13 -532
- package/package.json +12 -12
- package/src/styles/vaadin-dialog-overlay-base-styles.js +1 -0
- package/src/vaadin-dialog-base-mixin.js +0 -6
- package/src/vaadin-dialog-draggable-mixin.js +0 -1
- package/src/vaadin-dialog-renderer-mixin.js +3 -1
- package/src/vaadin-dialog-resizable-mixin.js +0 -1
- package/src/vaadin-dialog.d.ts +1 -0
- package/src/vaadin-dialog.js +1 -0
- package/web-types.json +50 -18
- package/web-types.lit.json +2 -2
package/custom-elements.json
CHANGED
|
@@ -705,475 +705,6 @@
|
|
|
705
705
|
}
|
|
706
706
|
]
|
|
707
707
|
},
|
|
708
|
-
{
|
|
709
|
-
"kind": "javascript-module",
|
|
710
|
-
"path": "src/vaadin-dialog-overlay.js",
|
|
711
|
-
"declarations": [
|
|
712
|
-
{
|
|
713
|
-
"kind": "class",
|
|
714
|
-
"description": "An element used internally by `<vaadin-dialog>`. Not intended to be used separately.",
|
|
715
|
-
"name": "DialogOverlay",
|
|
716
|
-
"members": [
|
|
717
|
-
{
|
|
718
|
-
"kind": "method",
|
|
719
|
-
"name": "bringToFront",
|
|
720
|
-
"description": "Brings the overlay as visually the frontmost one.",
|
|
721
|
-
"inheritedFrom": {
|
|
722
|
-
"name": "OverlayStackMixin",
|
|
723
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-stack-mixin.js"
|
|
724
|
-
}
|
|
725
|
-
},
|
|
726
|
-
{
|
|
727
|
-
"kind": "method",
|
|
728
|
-
"name": "close",
|
|
729
|
-
"parameters": [
|
|
730
|
-
{
|
|
731
|
-
"name": "sourceEvent",
|
|
732
|
-
"type": {
|
|
733
|
-
"text": "Event="
|
|
734
|
-
}
|
|
735
|
-
}
|
|
736
|
-
],
|
|
737
|
-
"inheritedFrom": {
|
|
738
|
-
"name": "OverlayMixin",
|
|
739
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
740
|
-
}
|
|
741
|
-
},
|
|
742
|
-
{
|
|
743
|
-
"kind": "field",
|
|
744
|
-
"name": "focusTrap",
|
|
745
|
-
"privacy": "public",
|
|
746
|
-
"type": {
|
|
747
|
-
"text": "boolean"
|
|
748
|
-
},
|
|
749
|
-
"description": "When true, opening the overlay moves focus to the first focusable child,\nor to the overlay part with tabindex if there are no focusable children.",
|
|
750
|
-
"attribute": "focus-trap",
|
|
751
|
-
"inheritedFrom": {
|
|
752
|
-
"name": "OverlayFocusMixin",
|
|
753
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
|
|
754
|
-
}
|
|
755
|
-
},
|
|
756
|
-
{
|
|
757
|
-
"kind": "field",
|
|
758
|
-
"name": "footerRenderer",
|
|
759
|
-
"privacy": "public",
|
|
760
|
-
"type": {
|
|
761
|
-
"text": "object"
|
|
762
|
-
},
|
|
763
|
-
"description": "Custom function for rendering the dialog footer.",
|
|
764
|
-
"attribute": "footer-renderer",
|
|
765
|
-
"inheritedFrom": {
|
|
766
|
-
"name": "DialogOverlayMixin",
|
|
767
|
-
"module": "src/vaadin-dialog-overlay-mixin.js"
|
|
768
|
-
}
|
|
769
|
-
},
|
|
770
|
-
{
|
|
771
|
-
"kind": "method",
|
|
772
|
-
"name": "getBounds",
|
|
773
|
-
"description": "Retrieves the coordinates of the overlay.",
|
|
774
|
-
"return": {
|
|
775
|
-
"type": {
|
|
776
|
-
"text": "!DialogOverlayBounds"
|
|
777
|
-
}
|
|
778
|
-
},
|
|
779
|
-
"inheritedFrom": {
|
|
780
|
-
"name": "DialogOverlayMixin",
|
|
781
|
-
"module": "src/vaadin-dialog-overlay-mixin.js"
|
|
782
|
-
}
|
|
783
|
-
},
|
|
784
|
-
{
|
|
785
|
-
"kind": "field",
|
|
786
|
-
"name": "headerRenderer",
|
|
787
|
-
"privacy": "public",
|
|
788
|
-
"type": {
|
|
789
|
-
"text": "object"
|
|
790
|
-
},
|
|
791
|
-
"description": "Custom function for rendering the dialog header.",
|
|
792
|
-
"attribute": "header-renderer",
|
|
793
|
-
"inheritedFrom": {
|
|
794
|
-
"name": "DialogOverlayMixin",
|
|
795
|
-
"module": "src/vaadin-dialog-overlay-mixin.js"
|
|
796
|
-
}
|
|
797
|
-
},
|
|
798
|
-
{
|
|
799
|
-
"kind": "field",
|
|
800
|
-
"name": "headerTitle",
|
|
801
|
-
"privacy": "public",
|
|
802
|
-
"type": {
|
|
803
|
-
"text": "string"
|
|
804
|
-
},
|
|
805
|
-
"description": "String used for rendering a dialog title.",
|
|
806
|
-
"attribute": "header-title",
|
|
807
|
-
"inheritedFrom": {
|
|
808
|
-
"name": "DialogOverlayMixin",
|
|
809
|
-
"module": "src/vaadin-dialog-overlay-mixin.js"
|
|
810
|
-
}
|
|
811
|
-
},
|
|
812
|
-
{
|
|
813
|
-
"kind": "field",
|
|
814
|
-
"name": "hidden",
|
|
815
|
-
"privacy": "public",
|
|
816
|
-
"type": {
|
|
817
|
-
"text": "boolean"
|
|
818
|
-
},
|
|
819
|
-
"description": "When set to true, the overlay is hidden. This also closes the overlay\nimmediately in case there is a closing animation in progress.",
|
|
820
|
-
"attribute": "hidden",
|
|
821
|
-
"inheritedFrom": {
|
|
822
|
-
"name": "OverlayMixin",
|
|
823
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
824
|
-
}
|
|
825
|
-
},
|
|
826
|
-
{
|
|
827
|
-
"kind": "field",
|
|
828
|
-
"name": "keepInViewport",
|
|
829
|
-
"privacy": "public",
|
|
830
|
-
"type": {
|
|
831
|
-
"text": "boolean"
|
|
832
|
-
},
|
|
833
|
-
"description": "Whether to keep the overlay within the viewport.",
|
|
834
|
-
"attribute": "keep-in-viewport",
|
|
835
|
-
"inheritedFrom": {
|
|
836
|
-
"name": "DialogOverlayMixin",
|
|
837
|
-
"module": "src/vaadin-dialog-overlay-mixin.js"
|
|
838
|
-
}
|
|
839
|
-
},
|
|
840
|
-
{
|
|
841
|
-
"kind": "field",
|
|
842
|
-
"name": "model",
|
|
843
|
-
"privacy": "public",
|
|
844
|
-
"type": {
|
|
845
|
-
"text": "object"
|
|
846
|
-
},
|
|
847
|
-
"description": "Object with properties that is passed to `renderer` function",
|
|
848
|
-
"attribute": "model",
|
|
849
|
-
"inheritedFrom": {
|
|
850
|
-
"name": "OverlayMixin",
|
|
851
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
852
|
-
}
|
|
853
|
-
},
|
|
854
|
-
{
|
|
855
|
-
"kind": "field",
|
|
856
|
-
"name": "modeless",
|
|
857
|
-
"privacy": "public",
|
|
858
|
-
"type": {
|
|
859
|
-
"text": "boolean"
|
|
860
|
-
},
|
|
861
|
-
"description": "When true the overlay won't disable the main content, showing\nit doesn't change the functionality of the user interface.",
|
|
862
|
-
"attribute": "modeless",
|
|
863
|
-
"inheritedFrom": {
|
|
864
|
-
"name": "OverlayMixin",
|
|
865
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
866
|
-
}
|
|
867
|
-
},
|
|
868
|
-
{
|
|
869
|
-
"kind": "field",
|
|
870
|
-
"name": "opened",
|
|
871
|
-
"privacy": "public",
|
|
872
|
-
"type": {
|
|
873
|
-
"text": "boolean"
|
|
874
|
-
},
|
|
875
|
-
"description": "When true, the overlay is visible and attached to body.",
|
|
876
|
-
"attribute": "opened",
|
|
877
|
-
"inheritedFrom": {
|
|
878
|
-
"name": "OverlayMixin",
|
|
879
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
880
|
-
}
|
|
881
|
-
},
|
|
882
|
-
{
|
|
883
|
-
"kind": "field",
|
|
884
|
-
"name": "owner",
|
|
885
|
-
"privacy": "public",
|
|
886
|
-
"type": {
|
|
887
|
-
"text": "HTMLElement"
|
|
888
|
-
},
|
|
889
|
-
"description": "Owner element passed with renderer function",
|
|
890
|
-
"attribute": "owner",
|
|
891
|
-
"inheritedFrom": {
|
|
892
|
-
"name": "OverlayMixin",
|
|
893
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
894
|
-
}
|
|
895
|
-
},
|
|
896
|
-
{
|
|
897
|
-
"kind": "field",
|
|
898
|
-
"name": "renderer",
|
|
899
|
-
"privacy": "public",
|
|
900
|
-
"type": {
|
|
901
|
-
"text": "OverlayRenderer | null | undefined"
|
|
902
|
-
},
|
|
903
|
-
"description": "Custom function for rendering the content of the overlay.\nReceives three arguments:\n\n- `root` The root container DOM element. Append your content to it.\n- `owner` The host element of the renderer function.\n- `model` The object with the properties related with rendering.",
|
|
904
|
-
"attribute": "renderer",
|
|
905
|
-
"inheritedFrom": {
|
|
906
|
-
"name": "OverlayMixin",
|
|
907
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
908
|
-
}
|
|
909
|
-
},
|
|
910
|
-
{
|
|
911
|
-
"kind": "method",
|
|
912
|
-
"name": "requestContentUpdate",
|
|
913
|
-
"description": "Requests an update for the content of the overlay.\nWhile performing the update, it invokes the renderer passed in the `renderer` property.\n\nIt is not guaranteed that the update happens immediately (synchronously) after it is requested.",
|
|
914
|
-
"inheritedFrom": {
|
|
915
|
-
"name": "OverlayMixin",
|
|
916
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
917
|
-
}
|
|
918
|
-
},
|
|
919
|
-
{
|
|
920
|
-
"kind": "field",
|
|
921
|
-
"name": "restoreFocusNode",
|
|
922
|
-
"privacy": "public",
|
|
923
|
-
"type": {
|
|
924
|
-
"text": "HTMLElement"
|
|
925
|
-
},
|
|
926
|
-
"description": "Set to specify the element which should be focused on overlay close,\nif `restoreFocusOnClose` is set to true.",
|
|
927
|
-
"attribute": "restore-focus-node",
|
|
928
|
-
"inheritedFrom": {
|
|
929
|
-
"name": "OverlayFocusMixin",
|
|
930
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
|
|
931
|
-
}
|
|
932
|
-
},
|
|
933
|
-
{
|
|
934
|
-
"kind": "field",
|
|
935
|
-
"name": "restoreFocusOnClose",
|
|
936
|
-
"privacy": "public",
|
|
937
|
-
"type": {
|
|
938
|
-
"text": "boolean"
|
|
939
|
-
},
|
|
940
|
-
"description": "Set to true to enable restoring of focus when overlay is closed.",
|
|
941
|
-
"attribute": "restore-focus-on-close",
|
|
942
|
-
"inheritedFrom": {
|
|
943
|
-
"name": "OverlayFocusMixin",
|
|
944
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
|
|
945
|
-
}
|
|
946
|
-
},
|
|
947
|
-
{
|
|
948
|
-
"kind": "method",
|
|
949
|
-
"name": "setBounds",
|
|
950
|
-
"parameters": [
|
|
951
|
-
{
|
|
952
|
-
"name": "bounds"
|
|
953
|
-
},
|
|
954
|
-
{
|
|
955
|
-
"name": "absolute",
|
|
956
|
-
"default": "true"
|
|
957
|
-
}
|
|
958
|
-
],
|
|
959
|
-
"description": "Override method from OverlayMixin to adjust the position of the overlay if `keepInViewport` is true.",
|
|
960
|
-
"inheritedFrom": {
|
|
961
|
-
"name": "OverlayMixin",
|
|
962
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
963
|
-
}
|
|
964
|
-
},
|
|
965
|
-
{
|
|
966
|
-
"kind": "field",
|
|
967
|
-
"name": "withBackdrop",
|
|
968
|
-
"privacy": "public",
|
|
969
|
-
"type": {
|
|
970
|
-
"text": "boolean"
|
|
971
|
-
},
|
|
972
|
-
"description": "When true the overlay has backdrop on top of content when opened.",
|
|
973
|
-
"attribute": "with-backdrop",
|
|
974
|
-
"inheritedFrom": {
|
|
975
|
-
"name": "OverlayMixin",
|
|
976
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
977
|
-
}
|
|
978
|
-
}
|
|
979
|
-
],
|
|
980
|
-
"mixins": [
|
|
981
|
-
{
|
|
982
|
-
"name": "DialogOverlayMixin",
|
|
983
|
-
"module": "src/vaadin-dialog-overlay-mixin.js"
|
|
984
|
-
},
|
|
985
|
-
{
|
|
986
|
-
"name": "DirMixin",
|
|
987
|
-
"package": "@vaadin/component-base/src/dir-mixin.js"
|
|
988
|
-
},
|
|
989
|
-
{
|
|
990
|
-
"name": "ThemableMixin",
|
|
991
|
-
"package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
|
|
992
|
-
},
|
|
993
|
-
{
|
|
994
|
-
"name": "PolylitMixin",
|
|
995
|
-
"package": "@vaadin/component-base/src/polylit-mixin.js"
|
|
996
|
-
},
|
|
997
|
-
{
|
|
998
|
-
"name": "LumoInjectionMixin",
|
|
999
|
-
"package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
|
|
1000
|
-
}
|
|
1001
|
-
],
|
|
1002
|
-
"superclass": {
|
|
1003
|
-
"name": "LitElement",
|
|
1004
|
-
"package": "lit"
|
|
1005
|
-
},
|
|
1006
|
-
"tagName": "vaadin-dialog-overlay",
|
|
1007
|
-
"customElement": true,
|
|
1008
|
-
"attributes": [
|
|
1009
|
-
{
|
|
1010
|
-
"name": "focus-trap",
|
|
1011
|
-
"type": {
|
|
1012
|
-
"text": "boolean"
|
|
1013
|
-
},
|
|
1014
|
-
"description": "When true, opening the overlay moves focus to the first focusable child,\nor to the overlay part with tabindex if there are no focusable children.",
|
|
1015
|
-
"fieldName": "focusTrap",
|
|
1016
|
-
"inheritedFrom": {
|
|
1017
|
-
"name": "OverlayFocusMixin",
|
|
1018
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
|
|
1019
|
-
}
|
|
1020
|
-
},
|
|
1021
|
-
{
|
|
1022
|
-
"name": "header-title",
|
|
1023
|
-
"type": {
|
|
1024
|
-
"text": "string"
|
|
1025
|
-
},
|
|
1026
|
-
"description": "String used for rendering a dialog title.",
|
|
1027
|
-
"fieldName": "headerTitle",
|
|
1028
|
-
"inheritedFrom": {
|
|
1029
|
-
"name": "DialogOverlayMixin",
|
|
1030
|
-
"module": "src/vaadin-dialog-overlay-mixin.js"
|
|
1031
|
-
}
|
|
1032
|
-
},
|
|
1033
|
-
{
|
|
1034
|
-
"name": "hidden",
|
|
1035
|
-
"type": {
|
|
1036
|
-
"text": "boolean"
|
|
1037
|
-
},
|
|
1038
|
-
"description": "When set to true, the overlay is hidden. This also closes the overlay\nimmediately in case there is a closing animation in progress.",
|
|
1039
|
-
"fieldName": "hidden",
|
|
1040
|
-
"inheritedFrom": {
|
|
1041
|
-
"name": "OverlayMixin",
|
|
1042
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
1043
|
-
}
|
|
1044
|
-
},
|
|
1045
|
-
{
|
|
1046
|
-
"name": "keep-in-viewport",
|
|
1047
|
-
"type": {
|
|
1048
|
-
"text": "boolean"
|
|
1049
|
-
},
|
|
1050
|
-
"description": "Whether to keep the overlay within the viewport.",
|
|
1051
|
-
"fieldName": "keepInViewport",
|
|
1052
|
-
"inheritedFrom": {
|
|
1053
|
-
"name": "DialogOverlayMixin",
|
|
1054
|
-
"module": "src/vaadin-dialog-overlay-mixin.js"
|
|
1055
|
-
}
|
|
1056
|
-
},
|
|
1057
|
-
{
|
|
1058
|
-
"name": "modeless",
|
|
1059
|
-
"type": {
|
|
1060
|
-
"text": "boolean"
|
|
1061
|
-
},
|
|
1062
|
-
"description": "When true the overlay won't disable the main content, showing\nit doesn't change the functionality of the user interface.",
|
|
1063
|
-
"fieldName": "modeless",
|
|
1064
|
-
"inheritedFrom": {
|
|
1065
|
-
"name": "OverlayMixin",
|
|
1066
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
1067
|
-
}
|
|
1068
|
-
},
|
|
1069
|
-
{
|
|
1070
|
-
"name": "opened",
|
|
1071
|
-
"type": {
|
|
1072
|
-
"text": "boolean"
|
|
1073
|
-
},
|
|
1074
|
-
"description": "When true, the overlay is visible and attached to body.",
|
|
1075
|
-
"fieldName": "opened",
|
|
1076
|
-
"inheritedFrom": {
|
|
1077
|
-
"name": "OverlayMixin",
|
|
1078
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
1079
|
-
}
|
|
1080
|
-
},
|
|
1081
|
-
{
|
|
1082
|
-
"name": "owner",
|
|
1083
|
-
"type": {
|
|
1084
|
-
"text": "HTMLElement"
|
|
1085
|
-
},
|
|
1086
|
-
"description": "Owner element passed with renderer function",
|
|
1087
|
-
"fieldName": "owner",
|
|
1088
|
-
"inheritedFrom": {
|
|
1089
|
-
"name": "OverlayMixin",
|
|
1090
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
1091
|
-
}
|
|
1092
|
-
},
|
|
1093
|
-
{
|
|
1094
|
-
"name": "renderer",
|
|
1095
|
-
"type": {
|
|
1096
|
-
"text": "OverlayRenderer | null | undefined"
|
|
1097
|
-
},
|
|
1098
|
-
"description": "Custom function for rendering the content of the overlay.\nReceives three arguments:\n\n- `root` The root container DOM element. Append your content to it.\n- `owner` The host element of the renderer function.\n- `model` The object with the properties related with rendering.",
|
|
1099
|
-
"fieldName": "renderer",
|
|
1100
|
-
"inheritedFrom": {
|
|
1101
|
-
"name": "OverlayMixin",
|
|
1102
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
1103
|
-
}
|
|
1104
|
-
},
|
|
1105
|
-
{
|
|
1106
|
-
"name": "restore-focus-node",
|
|
1107
|
-
"type": {
|
|
1108
|
-
"text": "HTMLElement"
|
|
1109
|
-
},
|
|
1110
|
-
"description": "Set to specify the element which should be focused on overlay close,\nif `restoreFocusOnClose` is set to true.",
|
|
1111
|
-
"fieldName": "restoreFocusNode",
|
|
1112
|
-
"inheritedFrom": {
|
|
1113
|
-
"name": "OverlayFocusMixin",
|
|
1114
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
|
|
1115
|
-
}
|
|
1116
|
-
},
|
|
1117
|
-
{
|
|
1118
|
-
"name": "restore-focus-on-close",
|
|
1119
|
-
"type": {
|
|
1120
|
-
"text": "boolean"
|
|
1121
|
-
},
|
|
1122
|
-
"description": "Set to true to enable restoring of focus when overlay is closed.",
|
|
1123
|
-
"fieldName": "restoreFocusOnClose",
|
|
1124
|
-
"inheritedFrom": {
|
|
1125
|
-
"name": "OverlayFocusMixin",
|
|
1126
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-focus-mixin.js"
|
|
1127
|
-
}
|
|
1128
|
-
},
|
|
1129
|
-
{
|
|
1130
|
-
"name": "with-backdrop",
|
|
1131
|
-
"type": {
|
|
1132
|
-
"text": "boolean"
|
|
1133
|
-
},
|
|
1134
|
-
"description": "When true the overlay has backdrop on top of content when opened.",
|
|
1135
|
-
"fieldName": "withBackdrop",
|
|
1136
|
-
"inheritedFrom": {
|
|
1137
|
-
"name": "OverlayMixin",
|
|
1138
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
1139
|
-
}
|
|
1140
|
-
}
|
|
1141
|
-
],
|
|
1142
|
-
"events": [
|
|
1143
|
-
{
|
|
1144
|
-
"name": "vaadin-overlay-closed",
|
|
1145
|
-
"type": {
|
|
1146
|
-
"text": "CustomEvent"
|
|
1147
|
-
},
|
|
1148
|
-
"inheritedFrom": {
|
|
1149
|
-
"name": "OverlayMixin",
|
|
1150
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
1151
|
-
}
|
|
1152
|
-
},
|
|
1153
|
-
{
|
|
1154
|
-
"name": "vaadin-overlay-closing",
|
|
1155
|
-
"type": {
|
|
1156
|
-
"text": "CustomEvent"
|
|
1157
|
-
},
|
|
1158
|
-
"inheritedFrom": {
|
|
1159
|
-
"name": "OverlayMixin",
|
|
1160
|
-
"package": "@vaadin/overlay/src/vaadin-overlay-mixin.js"
|
|
1161
|
-
}
|
|
1162
|
-
}
|
|
1163
|
-
]
|
|
1164
|
-
}
|
|
1165
|
-
],
|
|
1166
|
-
"exports": [
|
|
1167
|
-
{
|
|
1168
|
-
"kind": "js",
|
|
1169
|
-
"name": "DialogOverlay",
|
|
1170
|
-
"declaration": {
|
|
1171
|
-
"name": "DialogOverlay",
|
|
1172
|
-
"module": "src/vaadin-dialog-overlay.js"
|
|
1173
|
-
}
|
|
1174
|
-
}
|
|
1175
|
-
]
|
|
1176
|
-
},
|
|
1177
708
|
{
|
|
1178
709
|
"kind": "javascript-module",
|
|
1179
710
|
"path": "src/vaadin-dialog-renderer-mixin.js",
|
|
@@ -1207,6 +738,9 @@
|
|
|
1207
738
|
"kind": "field",
|
|
1208
739
|
"name": "headerTitle",
|
|
1209
740
|
"privacy": "public",
|
|
741
|
+
"type": {
|
|
742
|
+
"text": "string"
|
|
743
|
+
},
|
|
1210
744
|
"description": "String used for rendering a dialog title.\n\nIf both `headerTitle` and `headerRenderer` are defined, the title\nand the elements created by the renderer will be placed next to\neach other, with the title coming first.\n\nWhen `headerTitle` is set, the attribute `has-title` is set on the dialog.",
|
|
1211
745
|
"attribute": "header-title"
|
|
1212
746
|
},
|
|
@@ -1245,6 +779,9 @@
|
|
|
1245
779
|
},
|
|
1246
780
|
{
|
|
1247
781
|
"name": "header-title",
|
|
782
|
+
"type": {
|
|
783
|
+
"text": "string"
|
|
784
|
+
},
|
|
1248
785
|
"description": "String used for rendering a dialog title.\n\nIf both `headerTitle` and `headerRenderer` are defined, the title\nand the elements created by the renderer will be placed next to\neach other, with the title coming first.\n\nWhen `headerTitle` is set, the attribute `has-title` is set on the dialog.",
|
|
1249
786
|
"fieldName": "headerTitle"
|
|
1250
787
|
},
|
|
@@ -1403,75 +940,13 @@
|
|
|
1403
940
|
}
|
|
1404
941
|
]
|
|
1405
942
|
},
|
|
1406
|
-
{
|
|
1407
|
-
"kind": "javascript-module",
|
|
1408
|
-
"path": "src/vaadin-dialog-utils.js",
|
|
1409
|
-
"declarations": [
|
|
1410
|
-
{
|
|
1411
|
-
"kind": "function",
|
|
1412
|
-
"name": "getMouseOrFirstTouchEvent",
|
|
1413
|
-
"parameters": [
|
|
1414
|
-
{
|
|
1415
|
-
"name": "e",
|
|
1416
|
-
"type": {
|
|
1417
|
-
"text": "!MouseEvent | !TouchEvent"
|
|
1418
|
-
}
|
|
1419
|
-
}
|
|
1420
|
-
],
|
|
1421
|
-
"description": "Checks if the argument is a touch event and if so, returns a first touch.\nOtherwise, if the mouse event was passed, returns it as is.",
|
|
1422
|
-
"return": {
|
|
1423
|
-
"type": {
|
|
1424
|
-
"text": "!MouseEvent | !Touch"
|
|
1425
|
-
}
|
|
1426
|
-
},
|
|
1427
|
-
"privacy": "protected"
|
|
1428
|
-
},
|
|
1429
|
-
{
|
|
1430
|
-
"kind": "function",
|
|
1431
|
-
"name": "eventInWindow",
|
|
1432
|
-
"parameters": [
|
|
1433
|
-
{
|
|
1434
|
-
"name": "e",
|
|
1435
|
-
"type": {
|
|
1436
|
-
"text": "!MouseEvent | !TouchEvent"
|
|
1437
|
-
}
|
|
1438
|
-
}
|
|
1439
|
-
],
|
|
1440
|
-
"description": "Checks whether a mouse or touch event is in window.",
|
|
1441
|
-
"return": {
|
|
1442
|
-
"type": {
|
|
1443
|
-
"text": "boolean"
|
|
1444
|
-
}
|
|
1445
|
-
},
|
|
1446
|
-
"privacy": "protected"
|
|
1447
|
-
}
|
|
1448
|
-
],
|
|
1449
|
-
"exports": [
|
|
1450
|
-
{
|
|
1451
|
-
"kind": "js",
|
|
1452
|
-
"name": "getMouseOrFirstTouchEvent",
|
|
1453
|
-
"declaration": {
|
|
1454
|
-
"name": "getMouseOrFirstTouchEvent",
|
|
1455
|
-
"module": "src/vaadin-dialog-utils.js"
|
|
1456
|
-
}
|
|
1457
|
-
},
|
|
1458
|
-
{
|
|
1459
|
-
"kind": "js",
|
|
1460
|
-
"name": "eventInWindow",
|
|
1461
|
-
"declaration": {
|
|
1462
|
-
"name": "eventInWindow",
|
|
1463
|
-
"module": "src/vaadin-dialog-utils.js"
|
|
1464
|
-
}
|
|
1465
|
-
}
|
|
1466
|
-
]
|
|
1467
|
-
},
|
|
1468
943
|
{
|
|
1469
944
|
"kind": "javascript-module",
|
|
1470
945
|
"path": "src/vaadin-dialog.js",
|
|
1471
946
|
"declarations": [
|
|
1472
947
|
{
|
|
1473
948
|
"kind": "class",
|
|
1474
|
-
"description": "`<vaadin-dialog>` is a Web Component for creating customized modal dialogs.\n\n### Rendering\n\nThe content of the dialog can be populated by using the renderer callback function.\n\nThe renderer function provides `root`, `dialog` arguments.\nGenerate DOM content, append it to the `root` element and control the state\nof the host element by accessing `dialog`. Before generating new content,\nusers are able to check if there is already content in `root` for reusing it.\n\n```html\n<vaadin-dialog id=\"dialog\"></vaadin-dialog>\n```\n```js\nconst dialog = document.querySelector('#dialog');\ndialog.renderer = function(root, dialog) {\n root.textContent = \"Sample dialog\";\n};\n```\n\nRenderer is called on the opening of the dialog.\nDOM generated during the renderer call can be reused\nin the next renderer call and will be provided with the `root` argument.\nOn first call it will be empty.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`header` | Element wrapping title and header content\n`header-content` | Element wrapping the header content slot\n`title` | Element wrapping the title slot\n`footer` | Element wrapping the footer slot\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|--------------------------------------------\n`has-title` | Set when the element has a title\n`has-header` | Set when the element has header renderer\n`has-footer` | Set when the element has footer renderer\n`overflow` | Set to `top`, `bottom`, none or both\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-dialog-background` |\n|`--vaadin-dialog-border-color` |\n|`--vaadin-dialog-border-radius` |\n|`--vaadin-dialog-border-width` |\n|`--vaadin-dialog-max-width` |\n|`--vaadin-dialog-min-width` |\n|`--vaadin-dialog-padding` |\n|`--vaadin-dialog-shadow` |\n|`--vaadin-dialog-title-color` |\n|`--vaadin-dialog-title-font-size` |\n|`--vaadin-dialog-title-font-weight` |\n|`--vaadin-dialog-title-line-height` |\n|`--vaadin-overlay-backdrop-background` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
949
|
+
"description": "`<vaadin-dialog>` is a Web Component for creating customized modal dialogs.\n\n### Rendering\n\nThe content of the dialog can be populated by using the renderer callback function.\n\nThe renderer function provides `root`, `dialog` arguments.\nGenerate DOM content, append it to the `root` element and control the state\nof the host element by accessing `dialog`. Before generating new content,\nusers are able to check if there is already content in `root` for reusing it.\n\n```html\n<vaadin-dialog id=\"dialog\"></vaadin-dialog>\n```\n```js\nconst dialog = document.querySelector('#dialog');\ndialog.renderer = function(root, dialog) {\n root.textContent = \"Sample dialog\";\n};\n```\n\nRenderer is called on the opening of the dialog.\nDOM generated during the renderer call can be reused\nin the next renderer call and will be provided with the `root` argument.\nOn first call it will be empty.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`header` | Element wrapping title and header content\n`header-content` | Element wrapping the header content slot\n`title` | Element wrapping the title slot\n`footer` | Element wrapping the footer slot\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|--------------------------------------------\n`has-title` | Set when the element has a title\n`has-header` | Set when the element has header renderer\n`has-footer` | Set when the element has footer renderer\n`overflow` | Set to `top`, `bottom`, none or both\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-dialog-background` |\n|`--vaadin-dialog-border-color` |\n|`--vaadin-dialog-border-radius` |\n|`--vaadin-dialog-border-width` |\n|`--vaadin-dialog-max-width` |\n|`--vaadin-dialog-min-width` |\n|`--vaadin-dialog-padding` |\n|`--vaadin-dialog-shadow` |\n|`--vaadin-dialog-text-color` |\n|`--vaadin-dialog-title-color` |\n|`--vaadin-dialog-title-font-size` |\n|`--vaadin-dialog-title-font-weight` |\n|`--vaadin-dialog-title-line-height` |\n|`--vaadin-overlay-backdrop-background` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
1475
950
|
"name": "Dialog",
|
|
1476
951
|
"members": [
|
|
1477
952
|
{
|
|
@@ -1520,6 +995,9 @@
|
|
|
1520
995
|
"kind": "field",
|
|
1521
996
|
"name": "headerTitle",
|
|
1522
997
|
"privacy": "public",
|
|
998
|
+
"type": {
|
|
999
|
+
"text": "string"
|
|
1000
|
+
},
|
|
1523
1001
|
"description": "String used for rendering a dialog title.\n\nIf both `headerTitle` and `headerRenderer` are defined, the title\nand the elements created by the renderer will be placed next to\neach other, with the title coming first.\n\nWhen `headerTitle` is set, the attribute `has-title` is set on the dialog.",
|
|
1524
1002
|
"attribute": "header-title",
|
|
1525
1003
|
"inheritedFrom": {
|
|
@@ -1863,6 +1341,9 @@
|
|
|
1863
1341
|
},
|
|
1864
1342
|
{
|
|
1865
1343
|
"name": "header-title",
|
|
1344
|
+
"type": {
|
|
1345
|
+
"text": "string"
|
|
1346
|
+
},
|
|
1866
1347
|
"description": "String used for rendering a dialog title.\n\nIf both `headerTitle` and `headerRenderer` are defined, the title\nand the elements created by the renderer will be placed next to\neach other, with the title coming first.\n\nWhen `headerTitle` is set, the attribute `has-title` is set on the dialog.",
|
|
1867
1348
|
"fieldName": "headerTitle",
|
|
1868
1349
|
"inheritedFrom": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/dialog",
|
|
3
|
-
"version": "25.1.0-
|
|
3
|
+
"version": "25.1.0-beta3",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -37,25 +37,25 @@
|
|
|
37
37
|
],
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
40
|
-
"@vaadin/component-base": "25.1.0-
|
|
41
|
-
"@vaadin/lit-renderer": "25.1.0-
|
|
42
|
-
"@vaadin/overlay": "25.1.0-
|
|
43
|
-
"@vaadin/vaadin-themable-mixin": "25.1.0-
|
|
40
|
+
"@vaadin/component-base": "25.1.0-beta3",
|
|
41
|
+
"@vaadin/lit-renderer": "25.1.0-beta3",
|
|
42
|
+
"@vaadin/overlay": "25.1.0-beta3",
|
|
43
|
+
"@vaadin/vaadin-themable-mixin": "25.1.0-beta3",
|
|
44
44
|
"lit": "^3.0.0"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@vaadin/a11y-base": "25.1.0-
|
|
48
|
-
"@vaadin/aura": "25.1.0-
|
|
49
|
-
"@vaadin/chai-plugins": "25.1.0-
|
|
50
|
-
"@vaadin/test-runner-commands": "25.1.0-
|
|
47
|
+
"@vaadin/a11y-base": "25.1.0-beta3",
|
|
48
|
+
"@vaadin/aura": "25.1.0-beta3",
|
|
49
|
+
"@vaadin/chai-plugins": "25.1.0-beta3",
|
|
50
|
+
"@vaadin/test-runner-commands": "25.1.0-beta3",
|
|
51
51
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
52
|
-
"@vaadin/vaadin-lumo-styles": "25.1.0-
|
|
53
|
-
"sinon": "^21.0.
|
|
52
|
+
"@vaadin/vaadin-lumo-styles": "25.1.0-beta3",
|
|
53
|
+
"sinon": "^21.0.2"
|
|
54
54
|
},
|
|
55
55
|
"customElements": "custom-elements.json",
|
|
56
56
|
"web-types": [
|
|
57
57
|
"web-types.json",
|
|
58
58
|
"web-types.lit.json"
|
|
59
59
|
],
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "4251850231a42298fda23b83928da588831cdb5d"
|
|
61
61
|
}
|
|
@@ -29,6 +29,7 @@ export const dialogOverlayBase = css`
|
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
[part='overlay'] {
|
|
32
|
+
color: var(--vaadin-dialog-text-color, var(--vaadin-overlay-text-color, var(--vaadin-text-color)));
|
|
32
33
|
background: var(--vaadin-dialog-background, var(--vaadin-overlay-background, var(--vaadin-background-color)));
|
|
33
34
|
background-origin: border-box;
|
|
34
35
|
border: var(--vaadin-dialog-border-width, var(--vaadin-overlay-border-width, 1px)) solid
|
|
@@ -13,7 +13,6 @@ export const DialogBaseMixin = (superClass) =>
|
|
|
13
13
|
return {
|
|
14
14
|
/**
|
|
15
15
|
* True if the dialog is visible and available for interaction.
|
|
16
|
-
* @type {boolean}
|
|
17
16
|
*/
|
|
18
17
|
opened: {
|
|
19
18
|
type: Boolean,
|
|
@@ -26,7 +25,6 @@ export const DialogBaseMixin = (superClass) =>
|
|
|
26
25
|
/**
|
|
27
26
|
* Set to true to disable closing dialog on outside click
|
|
28
27
|
* @attr {boolean} no-close-on-outside-click
|
|
29
|
-
* @type {boolean}
|
|
30
28
|
*/
|
|
31
29
|
noCloseOnOutsideClick: {
|
|
32
30
|
type: Boolean,
|
|
@@ -36,7 +34,6 @@ export const DialogBaseMixin = (superClass) =>
|
|
|
36
34
|
/**
|
|
37
35
|
* Set to true to disable closing dialog on Escape press
|
|
38
36
|
* @attr {boolean} no-close-on-esc
|
|
39
|
-
* @type {boolean}
|
|
40
37
|
*/
|
|
41
38
|
noCloseOnEsc: {
|
|
42
39
|
type: Boolean,
|
|
@@ -45,7 +42,6 @@ export const DialogBaseMixin = (superClass) =>
|
|
|
45
42
|
|
|
46
43
|
/**
|
|
47
44
|
* Set to true to remove backdrop and allow click events on background elements.
|
|
48
|
-
* @type {boolean}
|
|
49
45
|
*/
|
|
50
46
|
modeless: {
|
|
51
47
|
type: Boolean,
|
|
@@ -55,7 +51,6 @@ export const DialogBaseMixin = (superClass) =>
|
|
|
55
51
|
/**
|
|
56
52
|
* Set to true to disable focus trapping.
|
|
57
53
|
* @attr {boolean} no-focus-trap
|
|
58
|
-
* @type {boolean}
|
|
59
54
|
*/
|
|
60
55
|
noFocusTrap: {
|
|
61
56
|
type: Boolean,
|
|
@@ -101,7 +96,6 @@ export const DialogBaseMixin = (superClass) =>
|
|
|
101
96
|
* dialog will also adjust any programmatically configured size and position
|
|
102
97
|
* so that it stays within the viewport.
|
|
103
98
|
* @attr {boolean} keep-in-viewport
|
|
104
|
-
* @type {boolean}
|
|
105
99
|
*/
|
|
106
100
|
keepInViewport: {
|
|
107
101
|
type: Boolean,
|
|
@@ -33,7 +33,9 @@ export const DialogRendererMixin = (superClass) =>
|
|
|
33
33
|
* When `headerTitle` is set, the attribute `has-title` is set on the dialog.
|
|
34
34
|
* @attr {string} header-title
|
|
35
35
|
*/
|
|
36
|
-
headerTitle:
|
|
36
|
+
headerTitle: {
|
|
37
|
+
type: String,
|
|
38
|
+
},
|
|
37
39
|
|
|
38
40
|
/**
|
|
39
41
|
* Custom function for rendering the dialog header.
|
package/src/vaadin-dialog.d.ts
CHANGED
|
@@ -137,6 +137,7 @@ export type DialogEventMap = DialogCustomEventMap & HTMLElementEventMap;
|
|
|
137
137
|
* |`--vaadin-dialog-min-width` |
|
|
138
138
|
* |`--vaadin-dialog-padding` |
|
|
139
139
|
* |`--vaadin-dialog-shadow` |
|
|
140
|
+
* |`--vaadin-dialog-text-color` |
|
|
140
141
|
* |`--vaadin-dialog-title-color` |
|
|
141
142
|
* |`--vaadin-dialog-title-font-size` |
|
|
142
143
|
* |`--vaadin-dialog-title-font-weight` |
|
package/src/vaadin-dialog.js
CHANGED
|
@@ -80,6 +80,7 @@ export { DialogOverlay } from './vaadin-dialog-overlay.js';
|
|
|
80
80
|
* |`--vaadin-dialog-min-width` |
|
|
81
81
|
* |`--vaadin-dialog-padding` |
|
|
82
82
|
* |`--vaadin-dialog-shadow` |
|
|
83
|
+
* |`--vaadin-dialog-text-color` |
|
|
83
84
|
* |`--vaadin-dialog-title-color` |
|
|
84
85
|
* |`--vaadin-dialog-title-font-size` |
|
|
85
86
|
* |`--vaadin-dialog-title-font-weight` |
|
package/web-types.json
CHANGED
|
@@ -1,21 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/dialog",
|
|
4
|
-
"version": "25.1.0-
|
|
4
|
+
"version": "25.1.0-beta3",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "vaadin-dialog",
|
|
11
|
-
"description": "`<vaadin-dialog>` is a Web Component for creating customized modal dialogs.\n\n### Rendering\n\nThe content of the dialog can be populated by using the renderer callback function.\n\nThe renderer function provides `root`, `dialog` arguments.\nGenerate DOM content, append it to the `root` element and control the state\nof the host element by accessing `dialog`. Before generating new content,\nusers are able to check if there is already content in `root` for reusing it.\n\n```html\n<vaadin-dialog id=\"dialog\"></vaadin-dialog>\n```\n```js\nconst dialog = document.querySelector('#dialog');\ndialog.renderer = function(root, dialog) {\n root.textContent = \"Sample dialog\";\n};\n```\n\nRenderer is called on the opening of the dialog.\nDOM generated during the renderer call can be reused\nin the next renderer call and will be provided with the `root` argument.\nOn first call it will be empty.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`header` | Element wrapping title and header content\n`header-content` | Element wrapping the header content slot\n`title` | Element wrapping the title slot\n`footer` | Element wrapping the footer slot\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|--------------------------------------------\n`has-title` | Set when the element has a title\n`has-header` | Set when the element has header renderer\n`has-footer` | Set when the element has footer renderer\n`overflow` | Set to `top`, `bottom`, none or both\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-dialog-background` |\n|`--vaadin-dialog-border-color` |\n|`--vaadin-dialog-border-radius` |\n|`--vaadin-dialog-border-width` |\n|`--vaadin-dialog-max-width` |\n|`--vaadin-dialog-min-width` |\n|`--vaadin-dialog-padding` |\n|`--vaadin-dialog-shadow` |\n|`--vaadin-dialog-title-color` |\n|`--vaadin-dialog-title-font-size` |\n|`--vaadin-dialog-title-font-weight` |\n|`--vaadin-dialog-title-line-height` |\n|`--vaadin-overlay-backdrop-background` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
11
|
+
"description": "`<vaadin-dialog>` is a Web Component for creating customized modal dialogs.\n\n### Rendering\n\nThe content of the dialog can be populated by using the renderer callback function.\n\nThe renderer function provides `root`, `dialog` arguments.\nGenerate DOM content, append it to the `root` element and control the state\nof the host element by accessing `dialog`. Before generating new content,\nusers are able to check if there is already content in `root` for reusing it.\n\n```html\n<vaadin-dialog id=\"dialog\"></vaadin-dialog>\n```\n```js\nconst dialog = document.querySelector('#dialog');\ndialog.renderer = function(root, dialog) {\n root.textContent = \"Sample dialog\";\n};\n```\n\nRenderer is called on the opening of the dialog.\nDOM generated during the renderer call can be reused\nin the next renderer call and will be provided with the `root` argument.\nOn first call it will be empty.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`header` | Element wrapping title and header content\n`header-content` | Element wrapping the header content slot\n`title` | Element wrapping the title slot\n`footer` | Element wrapping the footer slot\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|--------------------------------------------\n`has-title` | Set when the element has a title\n`has-header` | Set when the element has header renderer\n`has-footer` | Set when the element has footer renderer\n`overflow` | Set to `top`, `bottom`, none or both\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-dialog-background` |\n|`--vaadin-dialog-border-color` |\n|`--vaadin-dialog-border-radius` |\n|`--vaadin-dialog-border-width` |\n|`--vaadin-dialog-max-width` |\n|`--vaadin-dialog-min-width` |\n|`--vaadin-dialog-padding` |\n|`--vaadin-dialog-shadow` |\n|`--vaadin-dialog-text-color` |\n|`--vaadin-dialog-title-color` |\n|`--vaadin-dialog-title-font-size` |\n|`--vaadin-dialog-title-font-weight` |\n|`--vaadin-dialog-title-line-height` |\n|`--vaadin-overlay-backdrop-background` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "draggable",
|
|
15
15
|
"description": "Set to true to enable repositioning the dialog by clicking and dragging.\n\nBy default, only the overlay area can be used to drag the element. But,\na child element can be marked as a draggable area by adding a\n\"`draggable`\" class to it, this will by default make all of its children draggable also.\nIf you want a child element to be draggable\nbut still have its children non-draggable (by default), mark it with\n\"`draggable-leaf-only`\" class name.",
|
|
16
16
|
"value": {
|
|
17
17
|
"type": [
|
|
18
|
-
"boolean"
|
|
18
|
+
"boolean",
|
|
19
|
+
"null",
|
|
20
|
+
"undefined"
|
|
19
21
|
]
|
|
20
22
|
}
|
|
21
23
|
},
|
|
@@ -46,7 +48,9 @@
|
|
|
46
48
|
"description": "Set to true to prevent the dialog from moving outside the viewport bounds.\nWhen enabled, all four edges of the dialog will remain visible, for example\nwhen dragging the dialog or when the viewport is resized. Note that the\ndialog will also adjust any programmatically configured size and position\nso that it stays within the viewport.",
|
|
47
49
|
"value": {
|
|
48
50
|
"type": [
|
|
49
|
-
"boolean"
|
|
51
|
+
"boolean",
|
|
52
|
+
"null",
|
|
53
|
+
"undefined"
|
|
50
54
|
]
|
|
51
55
|
}
|
|
52
56
|
},
|
|
@@ -66,7 +70,9 @@
|
|
|
66
70
|
"description": "Set to true to remove backdrop and allow click events on background elements.",
|
|
67
71
|
"value": {
|
|
68
72
|
"type": [
|
|
69
|
-
"boolean"
|
|
73
|
+
"boolean",
|
|
74
|
+
"null",
|
|
75
|
+
"undefined"
|
|
70
76
|
]
|
|
71
77
|
}
|
|
72
78
|
},
|
|
@@ -75,7 +81,9 @@
|
|
|
75
81
|
"description": "Set to true to disable closing dialog on Escape press",
|
|
76
82
|
"value": {
|
|
77
83
|
"type": [
|
|
78
|
-
"boolean"
|
|
84
|
+
"boolean",
|
|
85
|
+
"null",
|
|
86
|
+
"undefined"
|
|
79
87
|
]
|
|
80
88
|
}
|
|
81
89
|
},
|
|
@@ -84,7 +92,9 @@
|
|
|
84
92
|
"description": "Set to true to disable closing dialog on outside click",
|
|
85
93
|
"value": {
|
|
86
94
|
"type": [
|
|
87
|
-
"boolean"
|
|
95
|
+
"boolean",
|
|
96
|
+
"null",
|
|
97
|
+
"undefined"
|
|
88
98
|
]
|
|
89
99
|
}
|
|
90
100
|
},
|
|
@@ -93,7 +103,9 @@
|
|
|
93
103
|
"description": "Set to true to disable focus trapping.",
|
|
94
104
|
"value": {
|
|
95
105
|
"type": [
|
|
96
|
-
"boolean"
|
|
106
|
+
"boolean",
|
|
107
|
+
"null",
|
|
108
|
+
"undefined"
|
|
97
109
|
]
|
|
98
110
|
}
|
|
99
111
|
},
|
|
@@ -102,7 +114,9 @@
|
|
|
102
114
|
"description": "True if the dialog is visible and available for interaction.",
|
|
103
115
|
"value": {
|
|
104
116
|
"type": [
|
|
105
|
-
"boolean"
|
|
117
|
+
"boolean",
|
|
118
|
+
"null",
|
|
119
|
+
"undefined"
|
|
106
120
|
]
|
|
107
121
|
}
|
|
108
122
|
},
|
|
@@ -122,7 +136,9 @@
|
|
|
122
136
|
"description": "Set to true to enable resizing the dialog by dragging the corners and edges.",
|
|
123
137
|
"value": {
|
|
124
138
|
"type": [
|
|
125
|
-
"boolean"
|
|
139
|
+
"boolean",
|
|
140
|
+
"null",
|
|
141
|
+
"undefined"
|
|
126
142
|
]
|
|
127
143
|
}
|
|
128
144
|
},
|
|
@@ -167,7 +183,9 @@
|
|
|
167
183
|
"description": "Set to true to enable repositioning the dialog by clicking and dragging.\n\nBy default, only the overlay area can be used to drag the element. But,\na child element can be marked as a draggable area by adding a\n\"`draggable`\" class to it, this will by default make all of its children draggable also.\nIf you want a child element to be draggable\nbut still have its children non-draggable (by default), mark it with\n\"`draggable-leaf-only`\" class name.",
|
|
168
184
|
"value": {
|
|
169
185
|
"type": [
|
|
170
|
-
"boolean"
|
|
186
|
+
"boolean",
|
|
187
|
+
"null",
|
|
188
|
+
"undefined"
|
|
171
189
|
]
|
|
172
190
|
}
|
|
173
191
|
},
|
|
@@ -218,7 +236,9 @@
|
|
|
218
236
|
"description": "Set to true to prevent the dialog from moving outside the viewport bounds.\nWhen enabled, all four edges of the dialog will remain visible, for example\nwhen dragging the dialog or when the viewport is resized. Note that the\ndialog will also adjust any programmatically configured size and position\nso that it stays within the viewport.",
|
|
219
237
|
"value": {
|
|
220
238
|
"type": [
|
|
221
|
-
"boolean"
|
|
239
|
+
"boolean",
|
|
240
|
+
"null",
|
|
241
|
+
"undefined"
|
|
222
242
|
]
|
|
223
243
|
}
|
|
224
244
|
},
|
|
@@ -238,7 +258,9 @@
|
|
|
238
258
|
"description": "Set to true to remove backdrop and allow click events on background elements.",
|
|
239
259
|
"value": {
|
|
240
260
|
"type": [
|
|
241
|
-
"boolean"
|
|
261
|
+
"boolean",
|
|
262
|
+
"null",
|
|
263
|
+
"undefined"
|
|
242
264
|
]
|
|
243
265
|
}
|
|
244
266
|
},
|
|
@@ -247,7 +269,9 @@
|
|
|
247
269
|
"description": "Set to true to disable closing dialog on Escape press",
|
|
248
270
|
"value": {
|
|
249
271
|
"type": [
|
|
250
|
-
"boolean"
|
|
272
|
+
"boolean",
|
|
273
|
+
"null",
|
|
274
|
+
"undefined"
|
|
251
275
|
]
|
|
252
276
|
}
|
|
253
277
|
},
|
|
@@ -256,7 +280,9 @@
|
|
|
256
280
|
"description": "Set to true to disable closing dialog on outside click",
|
|
257
281
|
"value": {
|
|
258
282
|
"type": [
|
|
259
|
-
"boolean"
|
|
283
|
+
"boolean",
|
|
284
|
+
"null",
|
|
285
|
+
"undefined"
|
|
260
286
|
]
|
|
261
287
|
}
|
|
262
288
|
},
|
|
@@ -265,7 +291,9 @@
|
|
|
265
291
|
"description": "Set to true to disable focus trapping.",
|
|
266
292
|
"value": {
|
|
267
293
|
"type": [
|
|
268
|
-
"boolean"
|
|
294
|
+
"boolean",
|
|
295
|
+
"null",
|
|
296
|
+
"undefined"
|
|
269
297
|
]
|
|
270
298
|
}
|
|
271
299
|
},
|
|
@@ -274,7 +302,9 @@
|
|
|
274
302
|
"description": "True if the dialog is visible and available for interaction.",
|
|
275
303
|
"value": {
|
|
276
304
|
"type": [
|
|
277
|
-
"boolean"
|
|
305
|
+
"boolean",
|
|
306
|
+
"null",
|
|
307
|
+
"undefined"
|
|
278
308
|
]
|
|
279
309
|
}
|
|
280
310
|
},
|
|
@@ -304,7 +334,9 @@
|
|
|
304
334
|
"description": "Set to true to enable resizing the dialog by dragging the corners and edges.",
|
|
305
335
|
"value": {
|
|
306
336
|
"type": [
|
|
307
|
-
"boolean"
|
|
337
|
+
"boolean",
|
|
338
|
+
"null",
|
|
339
|
+
"undefined"
|
|
308
340
|
]
|
|
309
341
|
}
|
|
310
342
|
},
|
package/web-types.lit.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/dialog",
|
|
4
|
-
"version": "25.1.0-
|
|
4
|
+
"version": "25.1.0-beta3",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"elements": [
|
|
17
17
|
{
|
|
18
18
|
"name": "vaadin-dialog",
|
|
19
|
-
"description": "`<vaadin-dialog>` is a Web Component for creating customized modal dialogs.\n\n### Rendering\n\nThe content of the dialog can be populated by using the renderer callback function.\n\nThe renderer function provides `root`, `dialog` arguments.\nGenerate DOM content, append it to the `root` element and control the state\nof the host element by accessing `dialog`. Before generating new content,\nusers are able to check if there is already content in `root` for reusing it.\n\n```html\n<vaadin-dialog id=\"dialog\"></vaadin-dialog>\n```\n```js\nconst dialog = document.querySelector('#dialog');\ndialog.renderer = function(root, dialog) {\n root.textContent = \"Sample dialog\";\n};\n```\n\nRenderer is called on the opening of the dialog.\nDOM generated during the renderer call can be reused\nin the next renderer call and will be provided with the `root` argument.\nOn first call it will be empty.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`header` | Element wrapping title and header content\n`header-content` | Element wrapping the header content slot\n`title` | Element wrapping the title slot\n`footer` | Element wrapping the footer slot\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|--------------------------------------------\n`has-title` | Set when the element has a title\n`has-header` | Set when the element has header renderer\n`has-footer` | Set when the element has footer renderer\n`overflow` | Set to `top`, `bottom`, none or both\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-dialog-background` |\n|`--vaadin-dialog-border-color` |\n|`--vaadin-dialog-border-radius` |\n|`--vaadin-dialog-border-width` |\n|`--vaadin-dialog-max-width` |\n|`--vaadin-dialog-min-width` |\n|`--vaadin-dialog-padding` |\n|`--vaadin-dialog-shadow` |\n|`--vaadin-dialog-title-color` |\n|`--vaadin-dialog-title-font-size` |\n|`--vaadin-dialog-title-font-weight` |\n|`--vaadin-dialog-title-line-height` |\n|`--vaadin-overlay-backdrop-background` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
19
|
+
"description": "`<vaadin-dialog>` is a Web Component for creating customized modal dialogs.\n\n### Rendering\n\nThe content of the dialog can be populated by using the renderer callback function.\n\nThe renderer function provides `root`, `dialog` arguments.\nGenerate DOM content, append it to the `root` element and control the state\nof the host element by accessing `dialog`. Before generating new content,\nusers are able to check if there is already content in `root` for reusing it.\n\n```html\n<vaadin-dialog id=\"dialog\"></vaadin-dialog>\n```\n```js\nconst dialog = document.querySelector('#dialog');\ndialog.renderer = function(root, dialog) {\n root.textContent = \"Sample dialog\";\n};\n```\n\nRenderer is called on the opening of the dialog.\nDOM generated during the renderer call can be reused\nin the next renderer call and will be provided with the `root` argument.\nOn first call it will be empty.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`header` | Element wrapping title and header content\n`header-content` | Element wrapping the header content slot\n`title` | Element wrapping the title slot\n`footer` | Element wrapping the footer slot\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|--------------------------------------------\n`has-title` | Set when the element has a title\n`has-header` | Set when the element has header renderer\n`has-footer` | Set when the element has footer renderer\n`overflow` | Set to `top`, `bottom`, none or both\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-dialog-background` |\n|`--vaadin-dialog-border-color` |\n|`--vaadin-dialog-border-radius` |\n|`--vaadin-dialog-border-width` |\n|`--vaadin-dialog-max-width` |\n|`--vaadin-dialog-min-width` |\n|`--vaadin-dialog-padding` |\n|`--vaadin-dialog-shadow` |\n|`--vaadin-dialog-text-color` |\n|`--vaadin-dialog-title-color` |\n|`--vaadin-dialog-title-font-size` |\n|`--vaadin-dialog-title-font-weight` |\n|`--vaadin-dialog-title-line-height` |\n|`--vaadin-overlay-backdrop-background` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|