@zipify/wysiwyg 3.5.1-ai-prototype → 3.5.3-ai-prototype

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 (10) hide show
  1. package/dist/cli.js +1 -1
  2. package/dist/wysiwyg.css +28 -20
  3. package/dist/wysiwyg.mjs +775 -523
  4. package/example/aiAdapter.js +32 -2
  5. package/lib/components/floatingMenu/FloatingMenuControl.vue +20 -2
  6. package/lib/components/toolbar/controls/aiComponent/AiControl.vue +39 -21
  7. package/lib/components/toolbar/controls/aiComponent/AiSettings.vue +153 -0
  8. package/lib/components/toolbar/controls/aiComponent/AiSuggestionItem.vue +15 -5
  9. package/lib/extensions/AiComponent.js +6 -5
  10. package/package.json +1 -1
package/dist/wysiwyg.css CHANGED
@@ -647,53 +647,61 @@
647
647
  color: rgb(var(--zw-color-white));
648
648
  }
649
649
 
650
- .zw-ai-component__suggestion[data-v-390cf52c] {
650
+ .zw-ai-component__suggestion[data-v-6652f513] {
651
651
  font-size: 14px;
652
652
  margin-bottom: 8px;
653
653
  padding: 16px 8px;
654
654
  color: #CDD1DC;
655
655
  border-radius: 2px;
656
656
  }
657
- .zw-ai-component-suggestion__request[data-v-390cf52c] {
657
+ .zw-ai-component-suggestion__request[data-v-6652f513] {
658
658
  font-size: 12px;
659
659
  color: #666;
660
660
  }
661
- .zw-ai-component-suggestion__button[data-v-390cf52c] {
661
+ .zw-ai-component-suggestion__button[data-v-6652f513] {
662
662
  font-size: 14px;
663
663
  padding: 4px 8px;
664
664
  background-color: #A4A4A4;
665
665
  color: #FFF;
666
666
  border-radius: 2px;
667
+ margin-right: 8px;
667
668
  }
668
- .zw-ai-component-suggestion__button[data-v-390cf52c]:hover {
669
+ .zw-ai-component-suggestion__button[data-v-6652f513]:hover {
669
670
  opacity: 0.8;
670
671
  background-color: #3AAA35;
671
672
  }
672
673
 
673
- .zw-suggestion-modal[data-v-a21c0bda] {
674
+ .zw-selectors[data-v-869120f8] {
675
+ display: flex;
676
+ }
677
+ .zw-ai__dropdown[data-v-869120f8] {
678
+ width: 100%;
679
+ }
680
+
681
+ .zw-suggestion-modal[data-v-5e1b7230] {
674
682
  width: 500px;
675
683
  }
676
- .zw-link-modal__body[data-v-a21c0bda] {
684
+ .zw-link-modal__body[data-v-5e1b7230] {
677
685
  padding: var(--zw-offset-sm);
678
686
  }
679
- .zw-generated-text__suggestion[data-v-a21c0bda] {
687
+ .zw-generated-text__suggestion[data-v-5e1b7230] {
680
688
  font-size: 14px;
681
689
  color: #908E8E;
682
690
  }
683
- .zw-ai-component__send-button[data-v-a21c0bda] {
691
+ .zw-ai-component__send-button[data-v-5e1b7230] {
684
692
  position: absolute;
685
693
  top: 50%;
686
694
  transform: translateY(-50%);
687
695
  right: 16px;
688
696
  }
689
- .zw-ai-component__icon[data-v-a21c0bda] {
697
+ .zw-ai-component__icon[data-v-5e1b7230] {
690
698
  color: #CDD1DC;
691
699
  }
692
- .zw-ai-component__send-button:hover .zw-ai-component__icon[data-v-a21c0bda] {
700
+ .zw-ai-component__send-button:hover .zw-ai-component__icon[data-v-5e1b7230] {
693
701
  color: #878DA2;
694
702
  transition: color 0.1s ease-in-out;
695
703
  }
696
- .zw-field__label[data-v-a21c0bda] {
704
+ .zw-field__label[data-v-5e1b7230] {
697
705
  display: inline-block;
698
706
  font-size: var(--zw-font-size-xxs);
699
707
  padding-bottom: var(--zw-offset-xxs);
@@ -804,27 +812,27 @@
804
812
  opacity: 0.8;
805
813
  }
806
814
 
807
- .zw-floating-menu__button[data-v-88889ea8] {
815
+ .zw-floating-menu__button[data-v-62b796d5] {
808
816
  padding: 2px;
809
817
  background-color: rgba(255, 252, 252, 1);
810
818
  border-radius: 50%;
811
819
  box-shadow: 0 0 0 0 1px #878DA2;
812
820
  }
813
- .zw-link-modal[data-v-88889ea8] {
821
+ .zw-link-modal[data-v-62b796d5] {
814
822
  width: 450px;
815
823
  background-color: #FCFCFC;
816
824
  border-radius: 8px;
817
825
  box-shadow: 0 0 0 0.5px #878DA2, 0 0 2px 0.5px rgba(135, 141, 162, 0.5), 0 1px 8px 0.5px rgba(135, 141, 162, 0.1), 0 2px 12px 0.5px rgba(135, 141, 162, 0.1), 0 4px 20 0.5px rgba(135, 141, 162, 0.25);
818
826
  }
819
- .zw-link-modal__body[data-v-88889ea8] {
827
+ .zw-link-modal__body[data-v-62b796d5] {
820
828
  padding: var(--zw-offset-sm);
821
829
  }
822
- .zw-link-form__body[data-v-88889ea8] {
830
+ .zw-link-form__body[data-v-62b796d5] {
823
831
  overscroll-behavior: contain;
824
832
  overflow: auto;
825
833
  max-height: max(min(calc(1051.21px - calc(calc(3.5px * 16) + 47.9844px) - calc(0.25px * 16)), calc(34.75px * 16)), calc(10px * 16));
826
834
  }
827
- .zw-ai-component__selected-text[data-v-88889ea8] {
835
+ .zw-ai-component__selected-text[data-v-62b796d5] {
828
836
  font-size: 14px;
829
837
  margin-bottom: 8px;
830
838
  padding: 16px 8px;
@@ -832,7 +840,7 @@
832
840
  border: 0.5px solid #000;
833
841
  border-radius: 2px;
834
842
  }
835
- .zw-ai-component__input[data-v-88889ea8] {
843
+ .zw-ai-component__input[data-v-62b796d5] {
836
844
  width: 100%;
837
845
  min-height: 40px;
838
846
  border: 1px solid #E9E9E9;
@@ -840,16 +848,16 @@
840
848
  padding: 8px;
841
849
  font-size: 14px;
842
850
  }
843
- .zw-ai-component__send-button[data-v-88889ea8] {
851
+ .zw-ai-component__send-button[data-v-62b796d5] {
844
852
  position: absolute;
845
853
  top: 50%;
846
854
  transform: translateY(-50%);
847
855
  right: 16px;
848
856
  }
849
- .zw-ai-component__icon[data-v-88889ea8] {
857
+ .zw-ai-component__icon[data-v-62b796d5] {
850
858
  color: #CDD1DC;
851
859
  }
852
- .zw-ai-component__send-button:hover .zw-ai-component__icon[data-v-88889ea8] {
860
+ .zw-ai-component__send-button:hover .zw-ai-component__icon[data-v-62b796d5] {
853
861
  color: #878DA2;
854
862
  transition: color 0.1s ease-in-out;
855
863
  }