quasar 2.6.2 → 2.6.5

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 (123) hide show
  1. package/dist/api/Notify.json +68 -734
  2. package/dist/api/QDialog.json +12 -1
  3. package/dist/api/QTable.json +14 -0
  4. package/dist/icon-set/bootstrap-icons.umd.prod.js +1 -1
  5. package/dist/icon-set/eva-icons.umd.prod.js +1 -1
  6. package/dist/icon-set/fontawesome-v5-pro.umd.prod.js +1 -1
  7. package/dist/icon-set/fontawesome-v5.umd.prod.js +1 -1
  8. package/dist/icon-set/fontawesome-v6-pro.umd.prod.js +1 -1
  9. package/dist/icon-set/fontawesome-v6.umd.prod.js +1 -1
  10. package/dist/icon-set/ionicons-v4.umd.prod.js +1 -1
  11. package/dist/icon-set/line-awesome.umd.prod.js +1 -1
  12. package/dist/icon-set/material-icons-outlined.umd.prod.js +1 -1
  13. package/dist/icon-set/material-icons-round.umd.prod.js +1 -1
  14. package/dist/icon-set/material-icons-sharp.umd.prod.js +1 -1
  15. package/dist/icon-set/material-icons.umd.prod.js +1 -1
  16. package/dist/icon-set/mdi-v3.umd.prod.js +1 -1
  17. package/dist/icon-set/mdi-v4.umd.prod.js +1 -1
  18. package/dist/icon-set/mdi-v5.umd.prod.js +1 -1
  19. package/dist/icon-set/mdi-v6.umd.prod.js +1 -1
  20. package/dist/icon-set/svg-bootstrap-icons.umd.prod.js +1 -1
  21. package/dist/icon-set/svg-eva-icons.umd.prod.js +1 -1
  22. package/dist/icon-set/svg-fontawesome-v5.umd.prod.js +1 -1
  23. package/dist/icon-set/svg-fontawesome-v6.umd.prod.js +1 -1
  24. package/dist/icon-set/svg-ionicons-v4.umd.prod.js +1 -1
  25. package/dist/icon-set/svg-ionicons-v5.umd.prod.js +1 -1
  26. package/dist/icon-set/svg-ionicons-v6.umd.prod.js +1 -1
  27. package/dist/icon-set/svg-line-awesome.umd.prod.js +1 -1
  28. package/dist/icon-set/svg-material-icons-outlined.umd.prod.js +1 -1
  29. package/dist/icon-set/svg-material-icons-round.umd.prod.js +1 -1
  30. package/dist/icon-set/svg-material-icons-sharp.umd.prod.js +1 -1
  31. package/dist/icon-set/svg-material-icons.umd.prod.js +1 -1
  32. package/dist/icon-set/svg-mdi-v6.umd.prod.js +1 -1
  33. package/dist/icon-set/svg-themify.umd.prod.js +1 -1
  34. package/dist/icon-set/themify.umd.prod.js +1 -1
  35. package/dist/lang/ar-TN.umd.prod.js +6 -0
  36. package/dist/lang/ar.umd.prod.js +1 -1
  37. package/dist/lang/az-Latn.umd.prod.js +1 -1
  38. package/dist/lang/bg.umd.prod.js +1 -1
  39. package/dist/lang/bn.umd.prod.js +1 -1
  40. package/dist/lang/ca.umd.prod.js +1 -1
  41. package/dist/lang/cs.umd.prod.js +1 -1
  42. package/dist/lang/da.umd.prod.js +1 -1
  43. package/dist/lang/de.umd.prod.js +1 -1
  44. package/dist/lang/el.umd.prod.js +1 -1
  45. package/dist/lang/en-GB.umd.prod.js +1 -1
  46. package/dist/lang/en-US.umd.prod.js +1 -1
  47. package/dist/lang/eo.umd.prod.js +1 -1
  48. package/dist/lang/es.umd.prod.js +1 -1
  49. package/dist/lang/et.umd.prod.js +1 -1
  50. package/dist/lang/eu.umd.prod.js +1 -1
  51. package/dist/lang/fa-IR.umd.prod.js +1 -1
  52. package/dist/lang/fa.umd.prod.js +1 -1
  53. package/dist/lang/fi.umd.prod.js +1 -1
  54. package/dist/lang/fr.umd.prod.js +1 -1
  55. package/dist/lang/gn.umd.prod.js +1 -1
  56. package/dist/lang/he.umd.prod.js +1 -1
  57. package/dist/lang/hr.umd.prod.js +1 -1
  58. package/dist/lang/hu.umd.prod.js +1 -1
  59. package/dist/lang/id.umd.prod.js +1 -1
  60. package/dist/lang/is.umd.prod.js +1 -1
  61. package/dist/lang/it.umd.prod.js +1 -1
  62. package/dist/lang/ja.umd.prod.js +1 -1
  63. package/dist/lang/km.umd.prod.js +1 -1
  64. package/dist/lang/ko-KR.umd.prod.js +1 -1
  65. package/dist/lang/kur-CKB.umd.prod.js +1 -1
  66. package/dist/lang/kz.umd.prod.js +1 -1
  67. package/dist/lang/lt.umd.prod.js +1 -1
  68. package/dist/lang/lu.umd.prod.js +1 -1
  69. package/dist/lang/lv.umd.prod.js +1 -1
  70. package/dist/lang/ml.umd.prod.js +1 -1
  71. package/dist/lang/ms.umd.prod.js +1 -1
  72. package/dist/lang/my.umd.prod.js +1 -1
  73. package/dist/lang/nb-NO.umd.prod.js +1 -1
  74. package/dist/lang/nl.umd.prod.js +1 -1
  75. package/dist/lang/pl.umd.prod.js +1 -1
  76. package/dist/lang/pt-BR.umd.prod.js +1 -1
  77. package/dist/lang/pt.umd.prod.js +1 -1
  78. package/dist/lang/ro.umd.prod.js +1 -1
  79. package/dist/lang/ru.umd.prod.js +1 -1
  80. package/dist/lang/sk.umd.prod.js +1 -1
  81. package/dist/lang/sl.umd.prod.js +1 -1
  82. package/dist/lang/sr-CYR.umd.prod.js +1 -1
  83. package/dist/lang/sr.umd.prod.js +1 -1
  84. package/dist/lang/sv.umd.prod.js +1 -1
  85. package/dist/lang/ta.umd.prod.js +1 -1
  86. package/dist/lang/th.umd.prod.js +1 -1
  87. package/dist/lang/tr.umd.prod.js +1 -1
  88. package/dist/lang/ug.umd.prod.js +1 -1
  89. package/dist/lang/uk.umd.prod.js +1 -1
  90. package/dist/lang/vi.umd.prod.js +1 -1
  91. package/dist/lang/zh-CN.umd.prod.js +1 -1
  92. package/dist/lang/zh-TW.umd.prod.js +1 -1
  93. package/dist/quasar.cjs.prod.js +2 -2
  94. package/dist/quasar.css +12 -20
  95. package/dist/quasar.esm.prod.js +2 -2
  96. package/dist/quasar.prod.css +1 -1
  97. package/dist/quasar.rtl.css +27 -39
  98. package/dist/quasar.rtl.prod.css +1 -1
  99. package/dist/quasar.sass +9 -15
  100. package/dist/quasar.umd.js +28 -14
  101. package/dist/quasar.umd.prod.js +2 -2
  102. package/dist/types/api/qnotify.d.ts +9 -0
  103. package/dist/types/api.d.ts +1 -0
  104. package/dist/types/index.d.ts +154 -730
  105. package/dist/vetur/quasar-attributes.json +4 -0
  106. package/dist/vetur/quasar-tags.json +1 -0
  107. package/dist/web-types/web-types.json +10 -1
  108. package/lang/ar-TN.js +101 -0
  109. package/lang/ar-TN.mjs +96 -0
  110. package/lang/index.json +4 -0
  111. package/package.json +1 -1
  112. package/src/components/checkbox/QCheckbox.js +1 -1
  113. package/src/components/checkbox/QCheckbox.sass +5 -9
  114. package/src/components/dialog/QDialog.js +3 -3
  115. package/src/components/dialog/QDialog.json +10 -1
  116. package/src/components/icon/QIcon.js +3 -4
  117. package/src/components/radio/QRadio.js +1 -1
  118. package/src/components/radio/QRadio.sass +5 -9
  119. package/src/components/table/QTable.js +4 -0
  120. package/src/components/table/QTable.json +4 -0
  121. package/src/components/table/QTh.js +5 -2
  122. package/src/components/virtual-scroll/QVirtualScroll.js +9 -1
  123. package/src/plugins/Notify.json +55 -533
@@ -444,506 +444,19 @@ export interface Notify {
444
444
  * @returns Calling this function with no parameters hides the notification; When called with one Object parameter (the original notification must NOT be grouped), it updates the notification (specified properties are shallow merged with previous ones; note that group and position cannot be changed while updating and so they are ignored)
445
445
  */
446
446
  create: (
447
- opts:
448
- | {
449
- /**
450
- * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
451
- */
452
- type?: string;
453
- /**
454
- * Color name for component from the Quasar Color Palette
455
- */
456
- color?: string;
457
- /**
458
- * Color name for component from the Quasar Color Palette
459
- */
460
- textColor?: string;
461
- /**
462
- * The content of your message
463
- */
464
- message?: string;
465
- /**
466
- * The content of your optional caption
467
- */
468
- caption?: string;
469
- /**
470
- * Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
471
- */
472
- html?: boolean;
473
- /**
474
- * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
475
- */
476
- icon?: string;
477
- /**
478
- * Color name for component from the Quasar Color Palette
479
- */
480
- iconColor?: string;
481
- /**
482
- * Size in CSS units, including unit name
483
- */
484
- iconSize?: string;
485
- /**
486
- * URL to an avatar/image; Suggestion: public folder
487
- */
488
- avatar?: string;
489
- /**
490
- * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
491
- */
492
- spinner?: boolean | Component;
493
- /**
494
- * Color name for component from the Quasar Color Palette
495
- */
496
- spinnerColor?: string;
497
- /**
498
- * Size in CSS units, including unit name
499
- */
500
- spinnerSize?: string;
501
- /**
502
- * Window side/corner to stick to
503
- * Default value: bottom
504
- */
505
- position?:
506
- | "top-left"
507
- | "top-right"
508
- | "bottom-left"
509
- | "bottom-right"
510
- | "top"
511
- | "bottom"
512
- | "left"
513
- | "right"
514
- | "center";
515
- /**
516
- * Override the auto generated group with custom one; Grouped notifications cannot be updated; String or number value inform this is part of a specific group, regardless of its options; When a new notification is triggered with same group name, it replaces the old one and shows a badge with how many times the notification was triggered
517
- * Default value: (message + caption + multiline + actions labels + position)
518
- */
519
- group?: boolean | string | number;
520
- /**
521
- * Color name for the badge from the Quasar Color Palette
522
- */
523
- badgeColor?: string;
524
- /**
525
- * Color name for the badge text from the Quasar Color Palette
526
- */
527
- badgeTextColor?: string;
528
- /**
529
- * Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left
530
- * Default value: (top-left/top-right)
531
- */
532
- badgePosition?:
533
- | "top-left"
534
- | "top-right"
535
- | "bottom-left"
536
- | "bottom-right";
537
- /**
538
- * Style definitions to be attributed to the badge
539
- */
540
- badgeStyle?: VueStyleProp;
541
- /**
542
- * Class definitions to be attributed to the badge
543
- */
544
- badgeClass?: VueClassProp;
545
- /**
546
- * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
547
- */
548
- progress?: boolean;
549
- /**
550
- * Class definitions to be attributed to the progress bar
551
- */
552
- progressClass?: VueClassProp;
553
- /**
554
- * Add CSS class(es) to the notification for easier customization
555
- */
556
- classes?: string;
557
- /**
558
- * Key-value for attributes to be set on the notification
559
- */
560
- attrs?: any;
561
- /**
562
- * Amount of time to display (in milliseconds)
563
- * Default value: 5000
564
- */
565
- timeout?: number;
566
- /**
567
- * Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop
568
- */
569
- actions?: any[];
570
- /**
571
- * Function to call when notification gets dismissed
572
- */
573
- onDismiss?: () => void;
574
- /**
575
- * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
576
- */
577
- closeBtn?: boolean | string;
578
- /**
579
- * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
580
- */
581
- multiLine?: boolean;
582
- /**
583
- * Ignore the default configuration (set by setDefaults()) for this instance only
584
- */
585
- ignoreDefaults?: boolean;
586
- }
587
- | string
588
- ) => (props?: {
589
- /**
590
- * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
591
- */
592
- type?: string;
593
- /**
594
- * Color name for component from the Quasar Color Palette
595
- */
596
- color?: string;
597
- /**
598
- * Color name for component from the Quasar Color Palette
599
- */
600
- textColor?: string;
601
- /**
602
- * The content of your message
603
- */
604
- message?: string;
605
- /**
606
- * The content of your optional caption
607
- */
608
- caption?: string;
609
- /**
610
- * Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
611
- */
612
- html?: boolean;
613
- /**
614
- * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
615
- */
616
- icon?: string;
617
- /**
618
- * Color name for component from the Quasar Color Palette
619
- */
620
- iconColor?: string;
621
- /**
622
- * Size in CSS units, including unit name
623
- */
624
- iconSize?: string;
625
- /**
626
- * URL to an avatar/image; Suggestion: use public folder
627
- */
628
- avatar?: string;
629
- /**
630
- * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
631
- */
632
- spinner?: boolean | Component;
633
- /**
634
- * Color name for component from the Quasar Color Palette
635
- */
636
- spinnerColor?: string;
637
- /**
638
- * Size in CSS units, including unit name
639
- */
640
- spinnerSize?: string;
641
- /**
642
- * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
643
- */
644
- progress?: boolean;
645
- /**
646
- * Class definitions to be attributed to the progress bar
647
- */
648
- progressClass?: VueClassProp;
649
- /**
650
- * Add CSS class(es) to the notification for easier customization
651
- */
652
- classes?: string;
653
- /**
654
- * Key-value for attributes to be set on the notification
655
- */
656
- attrs?: any;
657
- /**
658
- * Amount of time to display (in milliseconds)
659
- * Default value: 5000
660
- */
661
- timeout?: number;
662
- /**
663
- * Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop
664
- */
665
- actions?: any[];
666
- /**
667
- * Function to call when notification gets dismissed
668
- */
669
- onDismiss?: () => void;
670
- /**
671
- * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
672
- */
673
- closeBtn?: boolean | string;
674
- /**
675
- * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
676
- */
677
- multiLine?: boolean;
678
- /**
679
- * Ignore the default configuration (set by setDefaults()) for this instance only
680
- */
681
- ignoreDefaults?: boolean;
682
- }) => void;
447
+ opts: QNotifyCreateOptions | string
448
+ ) => (props?: QNotifyUpdateOptions) => void;
683
449
  /**
684
450
  * Merge options into the default ones
685
- * @param opts Notification options
451
+ * @param opts Notification options (See 'opts' param of 'create()' for object properties)
686
452
  */
687
- setDefaults: (opts: {
688
- /**
689
- * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
690
- */
691
- type?: string;
692
- /**
693
- * Color name for component from the Quasar Color Palette
694
- */
695
- color?: string;
696
- /**
697
- * Color name for component from the Quasar Color Palette
698
- */
699
- textColor?: string;
700
- /**
701
- * The content of your message
702
- */
703
- message?: string;
704
- /**
705
- * The content of your optional caption
706
- */
707
- caption?: string;
708
- /**
709
- * Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
710
- */
711
- html?: boolean;
712
- /**
713
- * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
714
- */
715
- icon?: string;
716
- /**
717
- * Color name for component from the Quasar Color Palette
718
- */
719
- iconColor?: string;
720
- /**
721
- * Size in CSS units, including unit name
722
- */
723
- iconSize?: string;
724
- /**
725
- * URL to an avatar/image; Suggestion: use public folder
726
- */
727
- avatar?: string;
728
- /**
729
- * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
730
- */
731
- spinner?: boolean | Component;
732
- /**
733
- * Color name for component from the Quasar Color Palette
734
- */
735
- spinnerColor?: string;
736
- /**
737
- * Size in CSS units, including unit name
738
- */
739
- spinnerSize?: string;
740
- /**
741
- * Window side/corner to stick to
742
- * Default value: bottom
743
- */
744
- position?:
745
- | "top-left"
746
- | "top-right"
747
- | "bottom-left"
748
- | "bottom-right"
749
- | "top"
750
- | "bottom"
751
- | "left"
752
- | "right"
753
- | "center";
754
- /**
755
- * Color name for the badge from the Quasar Color Palette
756
- */
757
- badgeColor?: string;
758
- /**
759
- * Color name for the badge text from the Quasar Color Palette
760
- */
761
- badgeTextColor?: string;
762
- /**
763
- * Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left
764
- * Default value: (top-left/top-right)
765
- */
766
- badgePosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
767
- /**
768
- * Style definitions to be attributed to the badge
769
- */
770
- badgeStyle?: VueStyleProp;
771
- /**
772
- * Class definitions to be attributed to the badge
773
- */
774
- badgeClass?: VueClassProp;
775
- /**
776
- * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
777
- */
778
- progress?: boolean;
779
- /**
780
- * Class definitions to be attributed to the progress bar
781
- */
782
- progressClass?: VueClassProp;
783
- /**
784
- * Add CSS class(es) to the notification for easier customization
785
- */
786
- classes?: string;
787
- /**
788
- * Key-value for attributes to be set on the notification
789
- */
790
- attrs?: any;
791
- /**
792
- * Amount of time to display (in milliseconds)
793
- * Default value: 5000
794
- */
795
- timeout?: number;
796
- /**
797
- * Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop
798
- */
799
- actions?: any[];
800
- /**
801
- * Function to call when notification gets dismissed
802
- */
803
- onDismiss?: () => void;
804
- /**
805
- * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
806
- */
807
- closeBtn?: boolean | string;
808
- /**
809
- * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
810
- */
811
- multiLine?: boolean;
812
- }) => void;
453
+ setDefaults: (opts: QNotifyOptions) => void;
813
454
  /**
814
455
  * Register a new type of notification (or override an existing one)
815
456
  * @param typeName Name of the type (to be used as 'type' prop later on)
816
- * @param typeOpts Notification options
457
+ * @param typeOpts Notification options (See 'opts' param of 'create()' for object properties)
817
458
  */
818
- registerType: (
819
- typeName: string,
820
- typeOpts: {
821
- /**
822
- * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
823
- */
824
- type?: string;
825
- /**
826
- * Color name for component from the Quasar Color Palette
827
- */
828
- color?: string;
829
- /**
830
- * Color name for component from the Quasar Color Palette
831
- */
832
- textColor?: string;
833
- /**
834
- * The content of your message
835
- */
836
- message?: string;
837
- /**
838
- * The content of your optional caption
839
- */
840
- caption?: string;
841
- /**
842
- * Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
843
- */
844
- html?: boolean;
845
- /**
846
- * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
847
- */
848
- icon?: string;
849
- /**
850
- * Color name for component from the Quasar Color Palette
851
- */
852
- iconColor?: string;
853
- /**
854
- * Size in CSS units, including unit name
855
- */
856
- iconSize?: string;
857
- /**
858
- * URL to an avatar/image; Suggestion: use public folder
859
- */
860
- avatar?: string;
861
- /**
862
- * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
863
- */
864
- spinner?: boolean | Component;
865
- /**
866
- * Color name for component from the Quasar Color Palette
867
- */
868
- spinnerColor?: string;
869
- /**
870
- * Size in CSS units, including unit name
871
- */
872
- spinnerSize?: string;
873
- /**
874
- * Window side/corner to stick to
875
- * Default value: bottom
876
- */
877
- position?:
878
- | "top-left"
879
- | "top-right"
880
- | "bottom-left"
881
- | "bottom-right"
882
- | "top"
883
- | "bottom"
884
- | "left"
885
- | "right"
886
- | "center";
887
- /**
888
- * Color name for the badge from the Quasar Color Palette
889
- */
890
- badgeColor?: string;
891
- /**
892
- * Color name for the badge text from the Quasar Color Palette
893
- */
894
- badgeTextColor?: string;
895
- /**
896
- * Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left
897
- * Default value: (top-left/top-right)
898
- */
899
- badgePosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
900
- /**
901
- * Style definitions to be attributed to the badge
902
- */
903
- badgeStyle?: VueStyleProp;
904
- /**
905
- * Class definitions to be attributed to the badge
906
- */
907
- badgeClass?: VueClassProp;
908
- /**
909
- * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
910
- */
911
- progress?: boolean;
912
- /**
913
- * Class definitions to be attributed to the progress bar
914
- */
915
- progressClass?: VueClassProp;
916
- /**
917
- * Add CSS class(es) to the notification for easier customization
918
- */
919
- classes?: string;
920
- /**
921
- * Key-value for attributes to be set on the notification
922
- */
923
- attrs?: any;
924
- /**
925
- * Amount of time to display (in milliseconds)
926
- * Default value: 5000
927
- */
928
- timeout?: number;
929
- /**
930
- * Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop
931
- */
932
- actions?: any[];
933
- /**
934
- * Function to call when notification gets dismissed
935
- */
936
- onDismiss?: () => void;
937
- /**
938
- * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
939
- */
940
- closeBtn?: boolean | string;
941
- /**
942
- * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
943
- */
944
- multiLine?: boolean;
945
- }
946
- ) => void;
459
+ registerType: (typeName: string, typeOpts: QNotifyOptions) => void;
947
460
  }
948
461
 
949
462
  export interface Platform {
@@ -3606,8 +3119,9 @@ export interface QDialog extends ComponentPublicInstance<QDialogProps> {
3606
3119
  toggle: (evt?: Event) => void;
3607
3120
  /**
3608
3121
  * Focus dialog; if you have content with autofocus attribute, it will directly focus it
3122
+ * @param selector Optional CSS selector to override default focusable element
3609
3123
  */
3610
- focus: () => void;
3124
+ focus: (selector?: string) => void;
3611
3125
  /**
3612
3126
  * Shakes dialog
3613
3127
  */
@@ -10281,6 +9795,10 @@ export interface QTableProps {
10281
9795
  * Display data using QVirtualScroll (for non-grid mode only)
10282
9796
  */
10283
9797
  virtualScroll?: boolean | undefined;
9798
+ /**
9799
+ * CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one
9800
+ */
9801
+ virtualScrollTarget?: Element | string | undefined;
10284
9802
  /**
10285
9803
  * Minimum number of rows to render in the virtual list
10286
9804
  * Default value: 30
@@ -13748,6 +13266,145 @@ import { WebStorageGetItemMethodType } from "./api";
13748
13266
  import { WebStorageGetIndexMethodType } from "./api";
13749
13267
  import { WebStorageGetKeyMethodType } from "./api";
13750
13268
  import { WebStorageGetAllKeysMethodType } from "./api";
13269
+ import { QNotifyAction } from "./api";
13270
+ export interface QNotifyCreateOptions {
13271
+ /**
13272
+ * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
13273
+ */
13274
+ type?: string;
13275
+ /**
13276
+ * Color name for component from the Quasar Color Palette
13277
+ */
13278
+ color?: string;
13279
+ /**
13280
+ * Color name for component from the Quasar Color Palette
13281
+ */
13282
+ textColor?: string;
13283
+ /**
13284
+ * The content of your message
13285
+ */
13286
+ message?: string;
13287
+ /**
13288
+ * The content of your optional caption
13289
+ */
13290
+ caption?: string;
13291
+ /**
13292
+ * Render the message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
13293
+ */
13294
+ html?: boolean;
13295
+ /**
13296
+ * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
13297
+ */
13298
+ icon?: string;
13299
+ /**
13300
+ * Color name for component from the Quasar Color Palette
13301
+ */
13302
+ iconColor?: string;
13303
+ /**
13304
+ * Size in CSS units, including unit name
13305
+ */
13306
+ iconSize?: string;
13307
+ /**
13308
+ * URL to an avatar/image; Suggestion: use public folder
13309
+ */
13310
+ avatar?: string;
13311
+ /**
13312
+ * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
13313
+ */
13314
+ spinner?: boolean | Component;
13315
+ /**
13316
+ * Color name for component from the Quasar Color Palette
13317
+ */
13318
+ spinnerColor?: string;
13319
+ /**
13320
+ * Size in CSS units, including unit name
13321
+ */
13322
+ spinnerSize?: string;
13323
+ /**
13324
+ * Window side/corner to stick to
13325
+ * Default value: bottom
13326
+ */
13327
+ position?:
13328
+ | "top-left"
13329
+ | "top-right"
13330
+ | "bottom-left"
13331
+ | "bottom-right"
13332
+ | "top"
13333
+ | "bottom"
13334
+ | "left"
13335
+ | "right"
13336
+ | "center";
13337
+ /**
13338
+ * Override the auto generated group with custom one; Grouped notifications cannot be updated; String or number value inform this is part of a specific group, regardless of its options; When a new notification is triggered with same group name, it replaces the old one and shows a badge with how many times the notification was triggered
13339
+ * Default value: (message + caption + multiline + actions labels + position)
13340
+ */
13341
+ group?: boolean | string | number;
13342
+ /**
13343
+ * Color name for the badge from the Quasar Color Palette
13344
+ */
13345
+ badgeColor?: string;
13346
+ /**
13347
+ * Color name for the badge text from the Quasar Color Palette
13348
+ */
13349
+ badgeTextColor?: string;
13350
+ /**
13351
+ * Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left
13352
+ * Default value: (top-left/top-right)
13353
+ */
13354
+ badgePosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
13355
+ /**
13356
+ * Style definitions to be attributed to the badge
13357
+ */
13358
+ badgeStyle?: VueStyleProp;
13359
+ /**
13360
+ * Class definitions to be attributed to the badge
13361
+ */
13362
+ badgeClass?: VueClassProp;
13363
+ /**
13364
+ * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
13365
+ */
13366
+ progress?: boolean;
13367
+ /**
13368
+ * Class definitions to be attributed to the progress bar
13369
+ */
13370
+ progressClass?: VueClassProp;
13371
+ /**
13372
+ * Add CSS class(es) to the notification for easier customization
13373
+ */
13374
+ classes?: string;
13375
+ /**
13376
+ * Key-value for attributes to be set on the notification
13377
+ */
13378
+ attrs?: any;
13379
+ /**
13380
+ * Amount of time to display (in milliseconds)
13381
+ * Default value: 5000
13382
+ */
13383
+ timeout?: number;
13384
+ /**
13385
+ * Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop
13386
+ */
13387
+ actions?: QNotifyAction[];
13388
+ /**
13389
+ * Function to call when notification gets dismissed
13390
+ */
13391
+ onDismiss?: () => void;
13392
+ /**
13393
+ * Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language
13394
+ */
13395
+ closeBtn?: boolean | string;
13396
+ /**
13397
+ * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
13398
+ */
13399
+ multiLine?: boolean;
13400
+ /**
13401
+ * Ignore the default configuration (set by setDefaults()) for this instance only
13402
+ */
13403
+ ignoreDefaults?: boolean;
13404
+ }
13405
+
13406
+ import { QNotifyUpdateOptions } from "./api";
13407
+ import { QNotifyOptions } from "./api";
13751
13408
  import { VueStyleObjectProp } from "./api";
13752
13409
  import { ValidationRule } from "./api";
13753
13410
  import { QRejectedEntry } from "./api";
@@ -13851,242 +13508,8 @@ declare module "./globals" {
13851
13508
  * @returns Calling this function with no parameters hides the notification; When called with one Object parameter (the original notification must NOT be grouped), it updates the notification (specified properties are shallow merged with previous ones; note that group and position cannot be changed while updating and so they are ignored)
13852
13509
  */
13853
13510
  notify: (
13854
- opts:
13855
- | {
13856
- /**
13857
- * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
13858
- */
13859
- type?: string;
13860
- /**
13861
- * Color name for component from the Quasar Color Palette
13862
- */
13863
- color?: string;
13864
- /**
13865
- * Color name for component from the Quasar Color Palette
13866
- */
13867
- textColor?: string;
13868
- /**
13869
- * The content of your message
13870
- */
13871
- message?: string;
13872
- /**
13873
- * The content of your optional caption
13874
- */
13875
- caption?: string;
13876
- /**
13877
- * Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
13878
- */
13879
- html?: boolean;
13880
- /**
13881
- * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
13882
- */
13883
- icon?: string;
13884
- /**
13885
- * Color name for component from the Quasar Color Palette
13886
- */
13887
- iconColor?: string;
13888
- /**
13889
- * Size in CSS units, including unit name
13890
- */
13891
- iconSize?: string;
13892
- /**
13893
- * URL to an avatar/image; Suggestion: public folder
13894
- */
13895
- avatar?: string;
13896
- /**
13897
- * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
13898
- */
13899
- spinner?: boolean | Component;
13900
- /**
13901
- * Color name for component from the Quasar Color Palette
13902
- */
13903
- spinnerColor?: string;
13904
- /**
13905
- * Size in CSS units, including unit name
13906
- */
13907
- spinnerSize?: string;
13908
- /**
13909
- * Window side/corner to stick to
13910
- * Default value: bottom
13911
- */
13912
- position?:
13913
- | "top-left"
13914
- | "top-right"
13915
- | "bottom-left"
13916
- | "bottom-right"
13917
- | "top"
13918
- | "bottom"
13919
- | "left"
13920
- | "right"
13921
- | "center";
13922
- /**
13923
- * Override the auto generated group with custom one; Grouped notifications cannot be updated; String or number value inform this is part of a specific group, regardless of its options; When a new notification is triggered with same group name, it replaces the old one and shows a badge with how many times the notification was triggered
13924
- * Default value: (message + caption + multiline + actions labels + position)
13925
- */
13926
- group?: boolean | string | number;
13927
- /**
13928
- * Color name for the badge from the Quasar Color Palette
13929
- */
13930
- badgeColor?: string;
13931
- /**
13932
- * Color name for the badge text from the Quasar Color Palette
13933
- */
13934
- badgeTextColor?: string;
13935
- /**
13936
- * Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left
13937
- * Default value: (top-left/top-right)
13938
- */
13939
- badgePosition?:
13940
- | "top-left"
13941
- | "top-right"
13942
- | "bottom-left"
13943
- | "bottom-right";
13944
- /**
13945
- * Style definitions to be attributed to the badge
13946
- */
13947
- badgeStyle?: VueStyleProp;
13948
- /**
13949
- * Class definitions to be attributed to the badge
13950
- */
13951
- badgeClass?: VueClassProp;
13952
- /**
13953
- * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
13954
- */
13955
- progress?: boolean;
13956
- /**
13957
- * Class definitions to be attributed to the progress bar
13958
- */
13959
- progressClass?: VueClassProp;
13960
- /**
13961
- * Add CSS class(es) to the notification for easier customization
13962
- */
13963
- classes?: string;
13964
- /**
13965
- * Key-value for attributes to be set on the notification
13966
- */
13967
- attrs?: any;
13968
- /**
13969
- * Amount of time to display (in milliseconds)
13970
- * Default value: 5000
13971
- */
13972
- timeout?: number;
13973
- /**
13974
- * Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop
13975
- */
13976
- actions?: any[];
13977
- /**
13978
- * Function to call when notification gets dismissed
13979
- */
13980
- onDismiss?: () => void;
13981
- /**
13982
- * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
13983
- */
13984
- closeBtn?: boolean | string;
13985
- /**
13986
- * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
13987
- */
13988
- multiLine?: boolean;
13989
- /**
13990
- * Ignore the default configuration (set by setDefaults()) for this instance only
13991
- */
13992
- ignoreDefaults?: boolean;
13993
- }
13994
- | string
13995
- ) => (props?: {
13996
- /**
13997
- * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
13998
- */
13999
- type?: string;
14000
- /**
14001
- * Color name for component from the Quasar Color Palette
14002
- */
14003
- color?: string;
14004
- /**
14005
- * Color name for component from the Quasar Color Palette
14006
- */
14007
- textColor?: string;
14008
- /**
14009
- * The content of your message
14010
- */
14011
- message?: string;
14012
- /**
14013
- * The content of your optional caption
14014
- */
14015
- caption?: string;
14016
- /**
14017
- * Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
14018
- */
14019
- html?: boolean;
14020
- /**
14021
- * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
14022
- */
14023
- icon?: string;
14024
- /**
14025
- * Color name for component from the Quasar Color Palette
14026
- */
14027
- iconColor?: string;
14028
- /**
14029
- * Size in CSS units, including unit name
14030
- */
14031
- iconSize?: string;
14032
- /**
14033
- * URL to an avatar/image; Suggestion: use public folder
14034
- */
14035
- avatar?: string;
14036
- /**
14037
- * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
14038
- */
14039
- spinner?: boolean | Component;
14040
- /**
14041
- * Color name for component from the Quasar Color Palette
14042
- */
14043
- spinnerColor?: string;
14044
- /**
14045
- * Size in CSS units, including unit name
14046
- */
14047
- spinnerSize?: string;
14048
- /**
14049
- * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
14050
- */
14051
- progress?: boolean;
14052
- /**
14053
- * Class definitions to be attributed to the progress bar
14054
- */
14055
- progressClass?: VueClassProp;
14056
- /**
14057
- * Add CSS class(es) to the notification for easier customization
14058
- */
14059
- classes?: string;
14060
- /**
14061
- * Key-value for attributes to be set on the notification
14062
- */
14063
- attrs?: any;
14064
- /**
14065
- * Amount of time to display (in milliseconds)
14066
- * Default value: 5000
14067
- */
14068
- timeout?: number;
14069
- /**
14070
- * Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop
14071
- */
14072
- actions?: any[];
14073
- /**
14074
- * Function to call when notification gets dismissed
14075
- */
14076
- onDismiss?: () => void;
14077
- /**
14078
- * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
14079
- */
14080
- closeBtn?: boolean | string;
14081
- /**
14082
- * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
14083
- */
14084
- multiLine?: boolean;
14085
- /**
14086
- * Ignore the default configuration (set by setDefaults()) for this instance only
14087
- */
14088
- ignoreDefaults?: boolean;
14089
- }) => void;
13511
+ opts: QNotifyCreateOptions | string
13512
+ ) => (props?: QNotifyUpdateOptions) => void;
14090
13513
  platform: Platform;
14091
13514
  screen: Screen;
14092
13515
  sessionStorage: SessionStorage;
@@ -14536,6 +13959,7 @@ export interface QuasarPluginOptions {
14536
13959
  import "./lang";
14537
13960
  declare module "./lang" {
14538
13961
  export interface QuasarLanguageCodesHolder {
13962
+ "ar-TN": true;
14539
13963
  ar: true;
14540
13964
  "az-Latn": true;
14541
13965
  bg: true;