ct-rich-text-editor 1.2.8 → 1.3.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.
@@ -109,7 +109,7 @@
109
109
  }
110
110
 
111
111
  /*
112
- ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
112
+ ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
113
113
  */
114
114
 
115
115
  /*
@@ -181,8 +181,7 @@ Add the correct text decoration in Chrome, Edge, and Safari.
181
181
  */
182
182
 
183
183
  abbr:where([title]) {
184
- -webkit-text-decoration: underline dotted;
185
- text-decoration: underline dotted;
184
+ text-decoration: underline dotted;
186
185
  }
187
186
 
188
187
  /*
@@ -966,6 +965,10 @@ video {
966
965
  height: 1px;
967
966
  }
968
967
 
968
+ .cteditor-max-h-60{
969
+ max-height: 15rem;
970
+ }
971
+
969
972
  .cteditor-max-h-64{
970
973
  max-height: 16rem;
971
974
  }
@@ -1243,9 +1246,8 @@ video {
1243
1246
  }
1244
1247
 
1245
1248
  .cteditor-select-none{
1246
- -webkit-user-select: none;
1247
- -moz-user-select: none;
1248
- user-select: none;
1249
+ -moz-user-select: none;
1250
+ user-select: none;
1249
1251
  }
1250
1252
 
1251
1253
  .cteditor-resize-none{
@@ -1591,6 +1593,10 @@ video {
1591
1593
  border-color: hsl(var(--cteditorf47ac10b-primary) / 0.2);
1592
1594
  }
1593
1595
 
1596
+ .cteditor-border-primary\/40{
1597
+ border-color: hsl(var(--cteditorf47ac10b-primary) / 0.4);
1598
+ }
1599
+
1594
1600
  .cteditor-border-red-200{
1595
1601
  --tw-border-opacity: 1;
1596
1602
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
@@ -1810,6 +1816,10 @@ video {
1810
1816
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
1811
1817
  }
1812
1818
 
1819
+ .cteditor-bg-gradient-to-br{
1820
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
1821
+ }
1822
+
1813
1823
  .cteditor-bg-gradient-to-r{
1814
1824
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
1815
1825
  }
@@ -1820,11 +1830,21 @@ video {
1820
1830
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1821
1831
  }
1822
1832
 
1833
+ .cteditor-from-primary\/10{
1834
+ --tw-gradient-from: hsl(var(--cteditorf47ac10b-primary) / 0.1) var(--tw-gradient-from-position);
1835
+ --tw-gradient-to: hsl(var(--cteditorf47ac10b-primary) / 0) var(--tw-gradient-to-position);
1836
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1837
+ }
1838
+
1823
1839
  .cteditor-via-primary\/10{
1824
1840
  --tw-gradient-to: hsl(var(--cteditorf47ac10b-primary) / 0) var(--tw-gradient-to-position);
1825
1841
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--cteditorf47ac10b-primary) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
1826
1842
  }
1827
1843
 
1844
+ .cteditor-to-accent\/10{
1845
+ --tw-gradient-to: hsl(var(--cteditorf47ac10b-accent) / 0.1) var(--tw-gradient-to-position);
1846
+ }
1847
+
1828
1848
  .cteditor-to-background{
1829
1849
  --tw-gradient-to: hsl(var(--cteditorf47ac10b-background)) var(--tw-gradient-to-position);
1830
1850
  }
@@ -2139,10 +2159,6 @@ video {
2139
2159
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
2140
2160
  }
2141
2161
 
2142
- .cteditor-text-background{
2143
- color: hsl(var(--cteditorf47ac10b-background));
2144
- }
2145
-
2146
2162
  .cteditor-text-black{
2147
2163
  --tw-text-opacity: 1;
2148
2164
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
@@ -2305,8 +2321,8 @@ video {
2305
2321
  text-underline-offset: 4px;
2306
2322
  }
2307
2323
 
2308
- .cteditor-caret-\[\#757575\]{
2309
- caret-color: #757575;
2324
+ .cteditor-caret-\[\#3b82f6\]{
2325
+ caret-color: #3b82f6;
2310
2326
  }
2311
2327
 
2312
2328
  .cteditor-opacity-0{
@@ -2378,16 +2394,18 @@ video {
2378
2394
  --tw-ring-offset-color: hsl(var(--cteditorf47ac10b-background));
2379
2395
  }
2380
2396
 
2397
+ .cteditor-backdrop-blur-md{
2398
+ --tw-backdrop-blur: blur(12px);
2399
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2400
+ }
2401
+
2381
2402
  .cteditor-backdrop-blur-sm{
2382
2403
  --tw-backdrop-blur: blur(4px);
2383
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2384
2404
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2385
2405
  }
2386
2406
 
2387
2407
  .cteditor-transition{
2388
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2389
2408
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2390
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2391
2409
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2392
2410
  transition-duration: 150ms;
2393
2411
  }
@@ -2607,8 +2625,7 @@ body.dark ::-webkit-scrollbar-thumb {
2607
2625
  /* AI Chat Popup Style */
2608
2626
 
2609
2627
  body .ai-chat-popup {
2610
- -webkit-backdrop-filter: blur(2px);
2611
- backdrop-filter: blur(2px);
2628
+ backdrop-filter: blur(2px);
2612
2629
  display: flex;
2613
2630
  justify-content: center;
2614
2631
  align-items: center;
@@ -2712,6 +2729,11 @@ body .ai-chat-popup .ai-chat-input {
2712
2729
  content: var(--tw-content);
2713
2730
  }
2714
2731
 
2732
+ .hover\:cteditor-translate-x-\[1px\]:hover{
2733
+ --tw-translate-x: 1px;
2734
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2735
+ }
2736
+
2715
2737
  .hover\:cteditor-scale-105:hover{
2716
2738
  --tw-scale-x: 1.05;
2717
2739
  --tw-scale-y: 1.05;
@@ -2739,6 +2761,10 @@ body .ai-chat-popup .ai-chat-input {
2739
2761
  border-color: hsl(var(--cteditorf47ac10b-primary));
2740
2762
  }
2741
2763
 
2764
+ .hover\:cteditor-border-primary\/30:hover{
2765
+ border-color: hsl(var(--cteditorf47ac10b-primary) / 0.3);
2766
+ }
2767
+
2742
2768
  .hover\:cteditor-border-white:hover{
2743
2769
  --tw-border-opacity: 1;
2744
2770
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
@@ -2873,6 +2899,12 @@ body .ai-chat-popup .ai-chat-input {
2873
2899
  opacity: 1;
2874
2900
  }
2875
2901
 
2902
+ .hover\:cteditor-shadow:hover{
2903
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2904
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2905
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2906
+ }
2907
+
2876
2908
  .hover\:cteditor-shadow-lg:hover{
2877
2909
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2878
2910
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2992,6 +3024,16 @@ body .ai-chat-popup .ai-chat-input {
2992
3024
  opacity: 0.5;
2993
3025
  }
2994
3026
 
3027
+ .cteditor-group:hover .group-hover\:cteditor-from-primary\/20{
3028
+ --tw-gradient-from: hsl(var(--cteditorf47ac10b-primary) / 0.2) var(--tw-gradient-from-position);
3029
+ --tw-gradient-to: hsl(var(--cteditorf47ac10b-primary) / 0) var(--tw-gradient-to-position);
3030
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
3031
+ }
3032
+
3033
+ .cteditor-group:hover .group-hover\:cteditor-to-accent\/20{
3034
+ --tw-gradient-to: hsl(var(--cteditorf47ac10b-accent) / 0.2) var(--tw-gradient-to-position);
3035
+ }
3036
+
2995
3037
  .cteditor-group:hover .group-hover\:cteditor-text-foreground{
2996
3038
  color: hsl(var(--cteditorf47ac10b-foreground));
2997
3039
  }
@@ -3227,6 +3269,11 @@ body .ai-chat-popup .ai-chat-input {
3227
3269
  border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
3228
3270
  }
3229
3271
 
3272
+ .dark\:cteditor-bg-\[\#0b0b0b\]:is(.cteditor-dark *){
3273
+ --tw-bg-opacity: 1;
3274
+ background-color: rgb(11 11 11 / var(--tw-bg-opacity, 1));
3275
+ }
3276
+
3230
3277
  .dark\:cteditor-bg-amber-950\/50:is(.cteditor-dark *){
3231
3278
  background-color: rgb(69 26 3 / 0.5);
3232
3279
  }
@@ -3321,6 +3368,11 @@ body .ai-chat-popup .ai-chat-input {
3321
3368
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
3322
3369
  }
3323
3370
 
3371
+ .dark\:cteditor-text-white:is(.cteditor-dark *){
3372
+ --tw-text-opacity: 1;
3373
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3374
+ }
3375
+
3324
3376
  .dark\:cteditor-text-yellow-400:is(.cteditor-dark *){
3325
3377
  --tw-text-opacity: 1;
3326
3378
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
@@ -3328,6 +3380,10 @@ body .ai-chat-popup .ai-chat-input {
3328
3380
 
3329
3381
  @media (min-width: 640px){
3330
3382
 
3383
+ .sm\:cteditor-inline{
3384
+ display: inline;
3385
+ }
3386
+
3331
3387
  .sm\:cteditor-w-\[400px\]{
3332
3388
  width: 400px;
3333
3389
  }
@@ -3415,9 +3471,8 @@ body .ai-chat-popup .ai-chat-input {
3415
3471
  }
3416
3472
 
3417
3473
  .\[\&\>button\]\:cteditor-select-none>button{
3418
- -webkit-user-select: none;
3419
- -moz-user-select: none;
3420
- user-select: none;
3474
+ -moz-user-select: none;
3475
+ user-select: none;
3421
3476
  }
3422
3477
 
3423
3478
  .\[\&\>button\]\:cteditor-items-center>button{
@@ -3883,9 +3938,8 @@ body .ai-chat-popup .ai-chat-input {
3883
3938
 
3884
3939
  .comment-node {
3885
3940
  display: inline;
3886
- -webkit-user-select: none;
3887
- -moz-user-select: none;
3888
- user-select: none;
3941
+ -moz-user-select: none;
3942
+ user-select: none;
3889
3943
  }
3890
3944
 
3891
3945
  .comment-highlight {
@@ -3991,9 +4045,8 @@ body .ai-chat-popup .ai-chat-input {
3991
4045
  }
3992
4046
 
3993
4047
  .embedBlock {
3994
- -webkit-user-select: none;
3995
- -moz-user-select: none;
3996
- user-select: none;
4048
+ -moz-user-select: none;
4049
+ user-select: none;
3997
4050
  }
3998
4051
 
3999
4052
  .embedBlockFocus {
@@ -4680,9 +4733,8 @@ body .ai-chat-popup .ai-chat-input {
4680
4733
  }
4681
4734
 
4682
4735
  .PlaygroundEditorTheme__embedBlock {
4683
- -webkit-user-select: none;
4684
- -moz-user-select: none;
4685
- user-select: none;
4736
+ -moz-user-select: none;
4737
+ user-select: none;
4686
4738
  }
4687
4739
 
4688
4740
  .PlaygroundEditorTheme__embedBlockFocus {
@@ -4722,9 +4774,8 @@ body .ai-chat-popup .ai-chat-input {
4722
4774
 
4723
4775
  .PlaygroundEditorTheme__hr.selected {
4724
4776
  outline: 2px solid rgb(60, 132, 244);
4725
- -webkit-user-select: none;
4726
- -moz-user-select: none;
4727
- user-select: none;
4777
+ -moz-user-select: none;
4778
+ user-select: none;
4728
4779
  }
4729
4780
 
4730
4781
  .PlaygroundEditorTheme__specialText {
@@ -4735,9 +4786,8 @@ body .ai-chat-popup .ai-chat-input {
4735
4786
  .editor-image {
4736
4787
  position: relative;
4737
4788
  display: inline-block;
4738
- -webkit-user-select: none;
4739
- -moz-user-select: none;
4740
- user-select: none;
4789
+ -moz-user-select: none;
4790
+ user-select: none;
4741
4791
  }
4742
4792
 
4743
4793
  .editor-image img {
@@ -4747,9 +4797,8 @@ body .ai-chat-popup .ai-chat-input {
4747
4797
 
4748
4798
  .editor-image img.focused {
4749
4799
  outline: 2px solid rgb(60, 132, 244);
4750
- -webkit-user-select: none;
4751
- -moz-user-select: none;
4752
- user-select: none;
4800
+ -moz-user-select: none;
4801
+ user-select: none;
4753
4802
  }
4754
4803
 
4755
4804
  .editor-image img.focused.draggable {
@@ -5147,12 +5196,10 @@ body .ai-chat-popup .ai-chat-input {
5147
5196
  display: flex;
5148
5197
  align-items: center;
5149
5198
  flex-direction: row;
5150
- -webkit-user-select: none;
5151
- -moz-user-select: none;
5152
- user-select: none;
5199
+ -moz-user-select: none;
5200
+ user-select: none;
5153
5201
  background-color: hsla(var(--background) / 0.95);
5154
- -webkit-backdrop-filter: blur(8px);
5155
- backdrop-filter: blur(8px);
5202
+ backdrop-filter: blur(8px);
5156
5203
  border: 1px solid hsla(var(--foreground) / 0.1);
5157
5204
  border-radius: 8px;
5158
5205
  padding: 4px 8px;
@@ -5528,9 +5575,8 @@ body .ai-chat-popup .ai-chat-input {
5528
5575
  display: flex;
5529
5576
  width: 20px;
5530
5577
  height: 20px;
5531
- -webkit-user-select: none;
5532
- -moz-user-select: none;
5533
- user-select: none;
5578
+ -moz-user-select: none;
5579
+ user-select: none;
5534
5580
  margin-right: 8px;
5535
5581
  line-height: 16px;
5536
5582
  background-size: contain;
@@ -5541,9 +5587,8 @@ body .ai-chat-popup .ai-chat-input {
5541
5587
  width: 16px;
5542
5588
  height: 16px;
5543
5589
  display: flex;
5544
- -webkit-user-select: none;
5545
- -moz-user-select: none;
5546
- user-select: none;
5590
+ -moz-user-select: none;
5591
+ user-select: none;
5547
5592
  }
5548
5593
 
5549
5594
  .floating-text-format-popup i.chevron-down.inside {
@@ -5569,8 +5614,7 @@ body .ai-chat-popup .ai-chat-input {
5569
5614
 
5570
5615
  /* Improve dropdown menu styles */
5571
5616
  .floating-text-format-popup .improve-dropdown {
5572
- -webkit-backdrop-filter: blur(8px);
5573
- backdrop-filter: blur(8px);
5617
+ backdrop-filter: blur(8px);
5574
5618
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
5575
5619
  }
5576
5620
 
@@ -5651,9 +5695,8 @@ body .ai-chat-popup .ai-chat-input {
5651
5695
  height: 150px;
5652
5696
  background-image: linear-gradient(transparent, black),
5653
5697
  linear-gradient(to right, white, transparent);
5654
- -webkit-user-select: none;
5655
- -moz-user-select: none;
5656
- user-select: none;
5698
+ -moz-user-select: none;
5699
+ user-select: none;
5657
5700
  }
5658
5701
  .color-picker-saturation_cursor {
5659
5702
  position: absolute;
@@ -5680,9 +5723,8 @@ body .ai-chat-popup .ai-chat-input {
5680
5723
  rgb(255, 0, 255),
5681
5724
  rgb(255, 0, 0)
5682
5725
  );
5683
- -webkit-user-select: none;
5684
- -moz-user-select: none;
5685
- user-select: none;
5726
+ -moz-user-select: none;
5727
+ user-select: none;
5686
5728
  border-radius: 12px;
5687
5729
  }
5688
5730
 
@@ -5767,16 +5809,14 @@ body .ai-chat-popup .ai-chat-input {
5767
5809
 
5768
5810
  /* Error highlighting styles - can be applied to text nodes */
5769
5811
  .spelling-error {
5770
- -webkit-text-decoration: underline wavy red;
5771
- text-decoration: underline wavy red;
5812
+ text-decoration: underline wavy red;
5772
5813
  text-decoration-thickness: 2px;
5773
5814
  text-underline-offset: 2px;
5774
5815
  cursor: pointer;
5775
5816
  }
5776
5817
 
5777
5818
  .grammar-error {
5778
- -webkit-text-decoration: underline wavy blue;
5779
- text-decoration: underline wavy blue;
5819
+ text-decoration: underline wavy blue;
5780
5820
  text-decoration-thickness: 2px;
5781
5821
  text-underline-offset: 2px;
5782
5822
  cursor: pointer;
@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
4
4
  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
5
5
  return value;
6
6
  };
7
- import { g as getDefaultExportFromCjs, c as commonjsGlobal } from "./index-2d49fa3f.js";
7
+ import { g as getDefaultExportFromCjs, c as commonjsGlobal } from "./index-7aab7b5a.js";
8
8
  function _mergeNamespaces(n, m) {
9
9
  for (var i = 0; i < m.length; i++) {
10
10
  const e = m[i];
@@ -46125,4 +46125,4 @@ const html2pdf_bundle$1 = /* @__PURE__ */ _mergeNamespaces({
46125
46125
  export {
46126
46126
  html2pdf_bundle$1 as h
46127
46127
  };
46128
- //# sourceMappingURL=html2pdf.bundle-b85c32f6.js.map
46128
+ //# sourceMappingURL=html2pdf.bundle-0fecc54c.js.map