@dialpad/dialtone-vue 3.135.2 → 3.136.0

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 (34) hide show
  1. package/dist/dialtone-vue.cjs +2 -0
  2. package/dist/dialtone-vue.cjs.map +1 -1
  3. package/dist/dialtone-vue.js +2 -0
  4. package/dist/dialtone-vue.js.map +1 -1
  5. package/dist/lib/message-input.cjs +14 -24
  6. package/dist/lib/message-input.cjs.map +1 -1
  7. package/dist/lib/message-input.js +15 -25
  8. package/dist/lib/message-input.js.map +1 -1
  9. package/dist/lib/rich-text-editor.cjs +154 -57
  10. package/dist/lib/rich-text-editor.cjs.map +1 -1
  11. package/dist/lib/rich-text-editor.js +154 -57
  12. package/dist/lib/rich-text-editor.js.map +1 -1
  13. package/dist/lib/scrollbar-directive.cjs +2402 -0
  14. package/dist/lib/scrollbar-directive.cjs.map +1 -0
  15. package/dist/lib/scrollbar-directive.js +2402 -0
  16. package/dist/lib/scrollbar-directive.js.map +1 -0
  17. package/dist/style.css +648 -4
  18. package/dist/types/components/rich_text_editor/extensions/channels/suggestion.d.ts.map +1 -1
  19. package/dist/types/components/rich_text_editor/extensions/emoji/suggestion.d.ts.map +1 -1
  20. package/dist/types/components/rich_text_editor/extensions/mentions/suggestion.d.ts.map +1 -1
  21. package/dist/types/components/rich_text_editor/extensions/slash_command/suggestion.d.ts.map +1 -1
  22. package/dist/types/components/rich_text_editor/extensions/suggestion/SuggestionList.vue.d.ts +1 -1
  23. package/dist/types/components/rich_text_editor/extensions/tippy_plugins/hide_on_esc.d.ts +12 -0
  24. package/dist/types/components/rich_text_editor/extensions/tippy_plugins/hide_on_esc.d.ts.map +1 -0
  25. package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts +2 -1
  26. package/dist/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  27. package/dist/types/directives/scrollbar/index.d.ts +2 -0
  28. package/dist/types/directives/scrollbar/index.d.ts.map +1 -0
  29. package/dist/types/directives/scrollbar/scrollbar.d.ts +6 -0
  30. package/dist/types/directives/scrollbar/scrollbar.d.ts.map +1 -0
  31. package/dist/types/index.d.ts +1 -0
  32. package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts +0 -3
  33. package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map +1 -1
  34. package/package.json +5 -4
package/dist/style.css CHANGED
@@ -160,10 +160,12 @@
160
160
  transform: scale(0.98);
161
161
  }
162
162
 
163
+ .dt-suggestion-list__container {
164
+ max-height: var(--dt-size-875);
165
+ }
163
166
  .dt-suggestion-list {
164
167
  position: relative;
165
168
  padding: var(--dt-size-300);
166
- max-height: var(--dt-size-875) !important;
167
169
  min-width: var(--dt-size-925);
168
170
  max-width: var(--dt-size-975);
169
171
  }
@@ -264,7 +266,650 @@
264
266
  overflow: hidden;
265
267
  transition: height var(--td300) var(--ttf-out-quint);
266
268
  }
267
- .dt-top-banner-info {
269
+ /*!
270
+ * OverlayScrollbars
271
+ * Version: 2.9.1
272
+ *
273
+ * Copyright (c) Rene Haas | KingSora.
274
+ * https://github.com/KingSora
275
+ *
276
+ * Released under the MIT license.
277
+ */
278
+ .os-size-observer,
279
+ .os-size-observer-listener {
280
+ scroll-behavior: auto !important;
281
+ direction: inherit;
282
+ pointer-events: none;
283
+ overflow: hidden;
284
+ visibility: hidden;
285
+ box-sizing: border-box;
286
+ }
287
+
288
+ .os-size-observer,
289
+ .os-size-observer-listener,
290
+ .os-size-observer-listener-item,
291
+ .os-size-observer-listener-item-final {
292
+ writing-mode: horizontal-tb;
293
+ position: absolute;
294
+ left: 0;
295
+ top: 0;
296
+ }
297
+
298
+ .os-size-observer {
299
+ z-index: -1;
300
+ contain: strict;
301
+ display: flex;
302
+ flex-direction: row;
303
+ flex-wrap: nowrap;
304
+ padding: inherit;
305
+ border: inherit;
306
+ box-sizing: inherit;
307
+ margin: -133px;
308
+ top: 0;
309
+ right: 0;
310
+ bottom: 0;
311
+ left: 0;
312
+ transform: scale(0.1);
313
+ }
314
+ .os-size-observer::before {
315
+ content: "";
316
+ flex: none;
317
+ box-sizing: inherit;
318
+ padding: 10px;
319
+ width: 10px;
320
+ height: 10px;
321
+ }
322
+
323
+ .os-size-observer-appear {
324
+ animation: os-size-observer-appear-animation 1ms forwards;
325
+ }
326
+
327
+ .os-size-observer-listener {
328
+ box-sizing: border-box;
329
+ position: relative;
330
+ flex: auto;
331
+ padding: inherit;
332
+ border: inherit;
333
+ margin: -133px;
334
+ transform: scale(calc(1 / 0.1));
335
+ }
336
+ .os-size-observer-listener.ltr {
337
+ margin-right: -266px;
338
+ margin-left: 0;
339
+ }
340
+ .os-size-observer-listener.rtl {
341
+ margin-left: -266px;
342
+ margin-right: 0;
343
+ }
344
+ .os-size-observer-listener:empty::before {
345
+ content: "";
346
+ width: 100%;
347
+ height: 100%;
348
+ }
349
+ .os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
350
+ display: block;
351
+ position: relative;
352
+ padding: inherit;
353
+ border: inherit;
354
+ box-sizing: content-box;
355
+ flex: auto;
356
+ }
357
+
358
+ .os-size-observer-listener-scroll {
359
+ box-sizing: border-box;
360
+ display: flex;
361
+ }
362
+
363
+ .os-size-observer-listener-item {
364
+ right: 0;
365
+ bottom: 0;
366
+ overflow: hidden;
367
+ direction: ltr;
368
+ flex: none;
369
+ }
370
+
371
+ .os-size-observer-listener-item-final {
372
+ transition: none;
373
+ }
374
+
375
+ @keyframes os-size-observer-appear-animation {
376
+ from {
377
+ cursor: auto;
378
+ }
379
+ to {
380
+ cursor: none;
381
+ }
382
+ }
383
+ .os-trinsic-observer {
384
+ flex: none;
385
+ box-sizing: border-box;
386
+ position: relative;
387
+ max-width: 0px;
388
+ max-height: 1px;
389
+ padding: 0;
390
+ margin: 0;
391
+ border: none;
392
+ overflow: hidden;
393
+ z-index: -1;
394
+ height: 0;
395
+ top: calc(100% + 1px);
396
+ contain: strict;
397
+ }
398
+ .os-trinsic-observer:not(:empty) {
399
+ height: calc(100% + 1px);
400
+ top: -1px;
401
+ }
402
+ .os-trinsic-observer:not(:empty) > .os-size-observer {
403
+ width: 1000%;
404
+ height: 1000%;
405
+ min-height: 1px;
406
+ min-width: 1px;
407
+ }
408
+
409
+ /**
410
+ * hide native scrollbars
411
+ * changes to this styles need to be reflected in the environment styles to correctly detect scrollbar hiding
412
+ */
413
+ [data-overlayscrollbars-initialize],
414
+ [data-overlayscrollbars-viewport~=scrollbarHidden] {
415
+ scrollbar-width: none !important;
416
+ }
417
+
418
+ [data-overlayscrollbars-initialize]::-webkit-scrollbar,
419
+ [data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
420
+ [data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
421
+ [data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner {
422
+ -webkit-appearance: none !important;
423
+ appearance: none !important;
424
+ display: none !important;
425
+ width: 0 !important;
426
+ height: 0 !important;
427
+ }
428
+
429
+ /**
430
+ * elements wont suddenly clip after initialization is done
431
+ */
432
+ [data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
433
+ overflow: auto;
434
+ }
435
+
436
+ /**
437
+ * applied to body
438
+ */
439
+ html[data-overlayscrollbars-body] {
440
+ overflow: hidden;
441
+ }
442
+
443
+ html[data-overlayscrollbars-body],
444
+ html[data-overlayscrollbars-body] > body {
445
+ width: 100%;
446
+ height: 100%;
447
+ margin: 0;
448
+ }
449
+
450
+ html[data-overlayscrollbars-body] > body {
451
+ overflow: visible;
452
+ margin: 0;
453
+ }
454
+
455
+ /**
456
+ * structure setup
457
+ */
458
+ [data-overlayscrollbars] {
459
+ position: relative;
460
+ }
461
+
462
+ [data-overlayscrollbars~=host],
463
+ [data-overlayscrollbars-padding] {
464
+ display: flex;
465
+ align-items: stretch !important;
466
+ flex-direction: row !important;
467
+ flex-wrap: nowrap !important;
468
+ scroll-behavior: auto !important;
469
+ }
470
+
471
+ [data-overlayscrollbars-padding],
472
+ [data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
473
+ box-sizing: inherit;
474
+ position: relative;
475
+ flex: auto !important;
476
+ height: auto;
477
+ width: 100%;
478
+ min-width: 0;
479
+ padding: 0;
480
+ margin: 0;
481
+ border: none;
482
+ z-index: 0;
483
+ }
484
+
485
+ [data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
486
+ --os-vaw: 0;
487
+ --os-vah: 0;
488
+ outline: none;
489
+ }
490
+ [data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
491
+ outline: none;
492
+ }
493
+ [data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
494
+ content: "";
495
+ position: absolute;
496
+ pointer-events: none;
497
+ z-index: -1;
498
+ min-width: 1px;
499
+ min-height: 1px;
500
+ width: var(--os-vaw);
501
+ height: var(--os-vah);
502
+ }
503
+
504
+ [data-overlayscrollbars],
505
+ [data-overlayscrollbars-padding],
506
+ [data-overlayscrollbars-viewport] {
507
+ overflow: hidden !important;
508
+ }
509
+
510
+ [data-overlayscrollbars~=noClipping],
511
+ [data-overlayscrollbars-padding~=noClipping] {
512
+ overflow: visible !important;
513
+ }
514
+
515
+ [data-overlayscrollbars-viewport~=measuring] {
516
+ overflow: hidden !important;
517
+ scroll-behavior: auto !important;
518
+ scroll-snap-type: none !important;
519
+ }
520
+
521
+ [data-overlayscrollbars-viewport~=overflowXVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
522
+ overflow-x: visible !important;
523
+ }
524
+
525
+ [data-overlayscrollbars-viewport~=overflowXHidden] {
526
+ overflow-x: hidden !important;
527
+ }
528
+
529
+ [data-overlayscrollbars-viewport~=overflowXScroll] {
530
+ overflow-x: scroll !important;
531
+ }
532
+
533
+ [data-overlayscrollbars-viewport~=overflowYVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
534
+ overflow-y: visible !important;
535
+ }
536
+
537
+ [data-overlayscrollbars-viewport~=overflowYHidden] {
538
+ overflow-y: hidden !important;
539
+ }
540
+
541
+ [data-overlayscrollbars-viewport~=overflowYScroll] {
542
+ overflow-y: scroll !important;
543
+ }
544
+
545
+ [data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
546
+ font-size: 0 !important;
547
+ line-height: 0 !important;
548
+ }
549
+
550
+ [data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
551
+ [data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
552
+ [data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > * {
553
+ display: none !important;
554
+ position: absolute !important;
555
+ width: 1px !important;
556
+ height: 1px !important;
557
+ padding: 0 !important;
558
+ margin: -1px !important;
559
+ overflow: hidden !important;
560
+ clip: rect(0, 0, 0, 0) !important;
561
+ white-space: nowrap !important;
562
+ border-width: 0 !important;
563
+ }
564
+
565
+ [data-overlayscrollbars-viewport~=scrolling] {
566
+ scroll-behavior: auto !important;
567
+ scroll-snap-type: none !important;
568
+ }
569
+
570
+ [data-overlayscrollbars-content] {
571
+ box-sizing: inherit;
572
+ }
573
+
574
+ /**
575
+ * Display contents to bridge any flickering during deferred initialization.
576
+ */
577
+ [data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
578
+ display: contents;
579
+ }
580
+
581
+ /**
582
+ * optional & experimental grid mode
583
+ */
584
+ [data-overlayscrollbars-grid],
585
+ [data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
586
+ display: grid;
587
+ grid-template: 1fr/1fr;
588
+ }
589
+
590
+ [data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
591
+ [data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
592
+ [data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
593
+ height: auto !important;
594
+ width: auto !important;
595
+ }
596
+
597
+ @property --os-scroll-percent {
598
+ syntax: "<number>";
599
+ inherits: true;
600
+ initial-value: 0;
601
+ }
602
+ @property --os-viewport-percent {
603
+ syntax: "<number>";
604
+ inherits: true;
605
+ initial-value: 0;
606
+ }
607
+ .os-scrollbar {
608
+ --os-viewport-percent: 0;
609
+ --os-scroll-percent: 0;
610
+ --os-scroll-direction: 0;
611
+ --os-scroll-percent-directional: calc(
612
+ var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *
613
+ var(--os-scroll-direction)
614
+ );
615
+ }
616
+
617
+ .os-scrollbar {
618
+ contain: size layout;
619
+ contain: size layout style;
620
+ transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
621
+ pointer-events: none;
622
+ position: absolute;
623
+ opacity: 0;
624
+ visibility: hidden;
625
+ }
626
+
627
+ body > .os-scrollbar {
628
+ position: fixed;
629
+ z-index: 99999;
630
+ }
631
+
632
+ .os-scrollbar-transitionless {
633
+ transition: none !important;
634
+ }
635
+
636
+ .os-scrollbar-track {
637
+ position: relative;
638
+ padding: 0 !important;
639
+ border: none !important;
640
+ }
641
+
642
+ .os-scrollbar-handle {
643
+ position: absolute;
644
+ }
645
+
646
+ .os-scrollbar-track,
647
+ .os-scrollbar-handle {
648
+ pointer-events: none;
649
+ width: 100%;
650
+ height: 100%;
651
+ }
652
+
653
+ .os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
654
+ .os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
655
+ pointer-events: auto;
656
+ touch-action: none;
657
+ }
658
+
659
+ .os-scrollbar-horizontal {
660
+ bottom: 0;
661
+ left: 0;
662
+ }
663
+
664
+ .os-scrollbar-vertical {
665
+ top: 0;
666
+ right: 0;
667
+ }
668
+
669
+ .os-scrollbar-rtl.os-scrollbar-horizontal {
670
+ right: 0;
671
+ }
672
+
673
+ .os-scrollbar-rtl.os-scrollbar-vertical {
674
+ right: auto;
675
+ left: 0;
676
+ }
677
+
678
+ .os-scrollbar-visible {
679
+ opacity: 1;
680
+ visibility: visible;
681
+ }
682
+
683
+ .os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
684
+ opacity: 0;
685
+ visibility: hidden;
686
+ }
687
+
688
+ .os-scrollbar-interaction.os-scrollbar-visible {
689
+ opacity: 1;
690
+ visibility: visible;
691
+ }
692
+
693
+ .os-scrollbar-unusable,
694
+ .os-scrollbar-unusable *,
695
+ .os-scrollbar-wheel,
696
+ .os-scrollbar-wheel * {
697
+ pointer-events: none !important;
698
+ }
699
+
700
+ .os-scrollbar-unusable .os-scrollbar-handle {
701
+ opacity: 0 !important;
702
+ transition: none !important;
703
+ }
704
+
705
+ .os-scrollbar-horizontal .os-scrollbar-handle {
706
+ bottom: 0;
707
+ left: calc(var(--os-scroll-percent-directional) * 100%);
708
+ transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
709
+ width: calc(var(--os-viewport-percent) * 100%);
710
+ }
711
+
712
+ .os-scrollbar-vertical .os-scrollbar-handle {
713
+ right: 0;
714
+ top: calc(var(--os-scroll-percent-directional) * 100%);
715
+ transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
716
+ height: calc(var(--os-viewport-percent) * 100%);
717
+ }
718
+
719
+ @supports (container-type: size) {
720
+ .os-scrollbar-track {
721
+ container-type: size;
722
+ }
723
+ .os-scrollbar-horizontal .os-scrollbar-handle {
724
+ left: auto;
725
+ transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
726
+ }
727
+ .os-scrollbar-vertical .os-scrollbar-handle {
728
+ top: auto;
729
+ transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
730
+ }
731
+ .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
732
+ right: auto;
733
+ left: 0;
734
+ }
735
+ }
736
+ .os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
737
+ right: auto;
738
+ left: 0;
739
+ }
740
+
741
+ .os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
742
+ .os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
743
+ left: 0;
744
+ right: 0;
745
+ }
746
+
747
+ .os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
748
+ .os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
749
+ top: 0;
750
+ bottom: 0;
751
+ }
752
+
753
+ @media print {
754
+ .os-scrollbar {
755
+ display: none;
756
+ }
757
+ }
758
+ .os-scrollbar {
759
+ --os-size: 0;
760
+ --os-padding-perpendicular: 0;
761
+ --os-padding-axis: 0;
762
+ --os-track-border-radius: 0;
763
+ --os-track-bg: none;
764
+ --os-track-bg-hover: none;
765
+ --os-track-bg-active: none;
766
+ --os-track-border: none;
767
+ --os-track-border-hover: none;
768
+ --os-track-border-active: none;
769
+ --os-handle-border-radius: 0;
770
+ --os-handle-bg: none;
771
+ --os-handle-bg-hover: none;
772
+ --os-handle-bg-active: none;
773
+ --os-handle-border: none;
774
+ --os-handle-border-hover: none;
775
+ --os-handle-border-active: none;
776
+ --os-handle-min-size: 33px;
777
+ --os-handle-max-size: none;
778
+ --os-handle-perpendicular-size: 100%;
779
+ --os-handle-perpendicular-size-hover: 100%;
780
+ --os-handle-perpendicular-size-active: 100%;
781
+ --os-handle-interactive-area-offset: 0;
782
+ }
783
+
784
+ .os-scrollbar-track {
785
+ border: var(--os-track-border);
786
+ border-radius: var(--os-track-border-radius);
787
+ background: var(--os-track-bg);
788
+ transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
789
+ }
790
+ .os-scrollbar-track:hover {
791
+ border: var(--os-track-border-hover);
792
+ background: var(--os-track-bg-hover);
793
+ }
794
+ .os-scrollbar-track:active {
795
+ border: var(--os-track-border-active);
796
+ background: var(--os-track-bg-active);
797
+ }
798
+
799
+ .os-scrollbar-handle {
800
+ border: var(--os-handle-border);
801
+ border-radius: var(--os-handle-border-radius);
802
+ background: var(--os-handle-bg);
803
+ }
804
+ .os-scrollbar-handle:hover {
805
+ border: var(--os-handle-border-hover);
806
+ background: var(--os-handle-bg-hover);
807
+ }
808
+ .os-scrollbar-handle:active {
809
+ border: var(--os-handle-border-active);
810
+ background: var(--os-handle-bg-active);
811
+ }
812
+
813
+ .os-scrollbar-track:before,
814
+ .os-scrollbar-handle:before {
815
+ content: "";
816
+ position: absolute;
817
+ left: 0;
818
+ right: 0;
819
+ top: 0;
820
+ bottom: 0;
821
+ display: block;
822
+ }
823
+
824
+ .os-scrollbar-horizontal {
825
+ padding: var(--os-padding-perpendicular) var(--os-padding-axis);
826
+ right: var(--os-size);
827
+ height: var(--os-size);
828
+ }
829
+ .os-scrollbar-horizontal.os-scrollbar-rtl {
830
+ left: var(--os-size);
831
+ right: 0;
832
+ }
833
+ .os-scrollbar-horizontal .os-scrollbar-track:before {
834
+ top: calc(var(--os-padding-perpendicular) * -1);
835
+ bottom: calc(var(--os-padding-perpendicular) * -1);
836
+ }
837
+ .os-scrollbar-horizontal .os-scrollbar-handle {
838
+ min-width: var(--os-handle-min-size);
839
+ max-width: var(--os-handle-max-size);
840
+ height: var(--os-handle-perpendicular-size);
841
+ transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
842
+ }
843
+ .os-scrollbar-horizontal .os-scrollbar-handle:before {
844
+ top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
845
+ bottom: calc(var(--os-padding-perpendicular) * -1);
846
+ }
847
+ .os-scrollbar-horizontal:hover .os-scrollbar-handle {
848
+ height: var(--os-handle-perpendicular-size-hover);
849
+ }
850
+ .os-scrollbar-horizontal:active .os-scrollbar-handle {
851
+ height: var(--os-handle-perpendicular-size-active);
852
+ }
853
+
854
+ .os-scrollbar-vertical {
855
+ padding: var(--os-padding-axis) var(--os-padding-perpendicular);
856
+ bottom: var(--os-size);
857
+ width: var(--os-size);
858
+ }
859
+ .os-scrollbar-vertical .os-scrollbar-track:before {
860
+ left: calc(var(--os-padding-perpendicular) * -1);
861
+ right: calc(var(--os-padding-perpendicular) * -1);
862
+ }
863
+ .os-scrollbar-vertical .os-scrollbar-handle {
864
+ min-height: var(--os-handle-min-size);
865
+ max-height: var(--os-handle-max-size);
866
+ width: var(--os-handle-perpendicular-size);
867
+ transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
868
+ }
869
+ .os-scrollbar-vertical .os-scrollbar-handle:before {
870
+ left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
871
+ right: calc(var(--os-padding-perpendicular) * -1);
872
+ }
873
+ .os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
874
+ right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
875
+ left: calc(var(--os-padding-perpendicular) * -1);
876
+ }
877
+ .os-scrollbar-vertical:hover .os-scrollbar-handle {
878
+ width: var(--os-handle-perpendicular-size-hover);
879
+ }
880
+ .os-scrollbar-vertical:active .os-scrollbar-handle {
881
+ width: var(--os-handle-perpendicular-size-active);
882
+ }
883
+
884
+ /* NONE THEME: */
885
+ [data-overlayscrollbars-viewport~=measuring] > .os-scrollbar,
886
+ .os-theme-none.os-scrollbar {
887
+ display: none !important;
888
+ }
889
+
890
+ /* DARK & LIGHT THEME: */
891
+ .os-theme-dark,
892
+ .os-theme-light {
893
+ box-sizing: border-box;
894
+ --os-size: 10px;
895
+ --os-padding-perpendicular: 2px;
896
+ --os-padding-axis: 2px;
897
+ --os-track-border-radius: 10px;
898
+ --os-handle-interactive-area-offset: 4px;
899
+ --os-handle-border-radius: 10px;
900
+ }
901
+
902
+ .os-theme-dark {
903
+ --os-handle-bg: rgba(0, 0, 0, 0.44);
904
+ --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
905
+ --os-handle-bg-active: rgba(0, 0, 0, 0.66);
906
+ }
907
+
908
+ .os-theme-light {
909
+ --os-handle-bg: rgba(255, 255, 255, 0.44);
910
+ --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
911
+ --os-handle-bg-active: rgba(255, 255, 255, 0.66);
912
+ }.dt-top-banner-info {
268
913
  font-size: var(--dt-font-size-100);
269
914
  display: flex;
270
915
  justify-content: space-between;
@@ -1131,12 +1776,11 @@
1131
1776
  border-color: var(--dt-color-border-default);
1132
1777
  cursor: text;
1133
1778
  }
1134
- .dt-message-input--focused {
1779
+ .dt-message-input:focus-within {
1135
1780
  border-color: var(--dt-color-border-bold);
1136
1781
  box-shadow: var(--dt-shadow-small);
1137
1782
  }
1138
1783
  .dt-message-input__editor-wrapper {
1139
- overflow: auto;
1140
1784
  padding: var(--dt-space-400) var(--dt-space-500) var(--dt-space-300);
1141
1785
  }
1142
1786
  .dt-message-input__remaining-char-tooltip {
@@ -1 +1 @@
1
- {"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/channels/suggestion.js"],"names":[],"mappings":";;IAeU;;;;;MAyDP"}
1
+ {"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/channels/suggestion.js"],"names":[],"mappings":";;IAgBU;;;;;MAsEP"}
@@ -1 +1 @@
1
- {"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/emoji/suggestion.js"],"names":[],"mappings":";IAUS;;;;QAYN;IAEQ;;;;aA0BR;IAEO;;;;;MA0DP"}
1
+ {"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/emoji/suggestion.js"],"names":[],"mappings":";IAWS;;;;QAYN;IAEQ;;;;aA0BR;IAEO;;;;;MAiEP"}
@@ -1 +1 @@
1
- {"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/mentions/suggestion.js"],"names":[],"mappings":";;IAeU;;;;;MAyDP"}
1
+ {"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/mentions/suggestion.js"],"names":[],"mappings":";;IAgBU;;;;;MAsEP"}
@@ -1 +1 @@
1
- {"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/slash_command/suggestion.js"],"names":[],"mappings":";;;IAgBU;;;;;MA0DP"}
1
+ {"version":3,"file":"suggestion.d.ts","sourceRoot":"","sources":["../../../../../../components/rich_text_editor/extensions/slash_command/suggestion.js"],"names":[],"mappings":";;;IAiBU;;;;;MAuEP"}
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
23
23
  }): boolean;
24
24
  upHandler(): void;
25
25
  downHandler(): void;
26
- scrollActiveElementIntoView(): void;
26
+ scrollActiveElementIntoView(): Promise<void>;
27
27
  selectHandler(): void;
28
28
  selectItem(index: any): void;
29
29
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -0,0 +1,12 @@
1
+ declare namespace _default {
2
+ let name: string;
3
+ let defaultValue: boolean;
4
+ function fn({ hide }: {
5
+ hide: any;
6
+ }): {
7
+ onShow(): void;
8
+ onHide(): void;
9
+ };
10
+ }
11
+ export default _default;
12
+ //# sourceMappingURL=hide_on_esc.d.ts.map