asksuite-citrus 3.16.24-beta.2 → 3.16.24

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/esm2022/lib/asksuite-citrus.module.mjs +3 -1
  2. package/esm2022/lib/classes/richtext-wrapper.mjs +177 -25
  3. package/esm2022/lib/components/accordion/extendable-panel/extendable-panel.component.mjs +2 -2
  4. package/esm2022/lib/components/arrow-tag/arrow-tag.component.mjs +2 -2
  5. package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +2 -2
  6. package/esm2022/lib/components/avatar/avatar.component.mjs +2 -2
  7. package/esm2022/lib/components/box/box.component.mjs +2 -2
  8. package/esm2022/lib/components/button/button.component.mjs +2 -2
  9. package/esm2022/lib/components/character-counter/character-counter.component.mjs +2 -2
  10. package/esm2022/lib/components/checkbox/checkbox.component.mjs +2 -2
  11. package/esm2022/lib/components/chips/chips.component.mjs +2 -2
  12. package/esm2022/lib/components/date-picker/date-picker-calendar/date-picker-calendar.component.mjs +2 -2
  13. package/esm2022/lib/components/date-picker/date-picker.component.mjs +3 -3
  14. package/esm2022/lib/components/dropdown-container/dropdown-container.component.mjs +2 -2
  15. package/esm2022/lib/components/input/input.component.mjs +2 -2
  16. package/esm2022/lib/components/modal/confirmation-modal/confirmation-modal.component.mjs +2 -2
  17. package/esm2022/lib/components/modal/modal.component.mjs +2 -2
  18. package/esm2022/lib/components/pagination/pagination.component.mjs +2 -2
  19. package/esm2022/lib/components/phone-ddi/phone-ddi.component.mjs +2 -2
  20. package/esm2022/lib/components/richtext-toolbox/richtext-toolbox.component.mjs +2 -2
  21. package/esm2022/lib/components/richtext-url-prompt/richtext-url-prompt.component.mjs +2 -2
  22. package/esm2022/lib/components/select/select.component.mjs +2 -2
  23. package/esm2022/lib/components/tab-group/tab/tab.component.mjs +2 -2
  24. package/esm2022/lib/components/tab-group/tab-group.component.mjs +2 -2
  25. package/esm2022/lib/components/table/table.component.mjs +2 -2
  26. package/esm2022/lib/components/toast/toast.component.mjs +2 -2
  27. package/esm2022/lib/helpers/emoji-quill-blot.helper.mjs +23 -0
  28. package/fesm2022/asksuite-citrus.mjs +245 -71
  29. package/fesm2022/asksuite-citrus.mjs.map +1 -1
  30. package/lib/classes/richtext-wrapper.d.ts +7 -0
  31. package/lib/helpers/emoji-quill-blot.helper.d.ts +11 -0
  32. package/package.json +1 -1
  33. package/styles/colors-dark.scss +0 -1
  34. package/styles/colors-light.scss +0 -6
@@ -14,6 +14,9 @@ export declare class RichtextWrapper implements RichTextFunctions {
14
14
  private maxLength;
15
15
  private breakOnEnter;
16
16
  private allowImages;
17
+ private isFormatting;
18
+ private pendingFormat;
19
+ private lastKeyCombination;
17
20
  private quillFormats;
18
21
  private textChangeHandler;
19
22
  private selectionChangeHandler;
@@ -25,6 +28,7 @@ export declare class RichtextWrapper implements RichTextFunctions {
25
28
  get listenEscape$(): import("rxjs").Observable<boolean>;
26
29
  get listenEnter$(): import("rxjs").Observable<boolean>;
27
30
  constructor(ngZone: NgZone, cd: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>);
31
+ private emojiMatcher;
28
32
  setItalic(): void;
29
33
  setBold(): void;
30
34
  setUnderline(): void;
@@ -59,7 +63,10 @@ export declare class RichtextWrapper implements RichTextFunctions {
59
63
  private imageMatcher;
60
64
  private htmlPanelMatcher;
61
65
  private listenEditorChanges;
66
+ private setupKeyListeners;
62
67
  private update;
68
+ private setupEmojiDetection;
69
+ private formatEmoji;
63
70
  }
64
71
  export declare const QuillProxy: {
65
72
  Quill: typeof Quill;
@@ -0,0 +1,11 @@
1
+ declare const Inline: any;
2
+ export declare const EMOJI_REGEX: RegExp;
3
+ export declare class EmojiBlot extends Inline {
4
+ static blotName: string;
5
+ static tagName: string;
6
+ static className: string;
7
+ static create(value: any): any;
8
+ static formats(node: HTMLElement): HTMLElement;
9
+ static value(node: HTMLElement): HTMLElement;
10
+ }
11
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "asksuite-citrus",
3
- "version": "3.16.24-beta.2",
3
+ "version": "3.16.24",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^17.3.7",
6
6
  "@angular/core": "^17.3.7",
@@ -58,7 +58,6 @@
58
58
  --color-texticon-subtlest: #{$color-nda-1000}; //TODO: is same as color-texticon-subtler
59
59
  --color-texticon-inverse-default: #{$color-nd-0};
60
60
  --color-texticon-inverse-disabled: #{$color-nla-700};
61
- --color-texticon-inverse-contrast: #{$color-nla-1500};
62
61
  --color-texticon-disabled: #{$color-nda-700};
63
62
  --color-texticon-danger: #{$color-r-500};
64
63
  --color-texticon-warning: #{$color-y-500};
@@ -449,7 +449,6 @@ $color-background-alpha-subtler-pressed: $color-nla-700;
449
449
  $color-background-alpha-subtlest-default: $color-nla-200;
450
450
  $color-background-alpha-subtlest-hovered: $color-nla-400;
451
451
  $color-background-alpha-subtlest-pressed: $color-nla-500;
452
- $color-background-alpha-inverter-default: $color-nl-0;
453
452
  $color-background-bounding-box: $color-nla-0;
454
453
  $color-background-danger-contrast-default: $color-r-600;
455
454
  $color-background-danger-contrast-hovered: $color-r-700;
@@ -736,15 +735,11 @@ $color-border-contrast: $color-nla-1200;
736
735
  --color-background-accent-grey-subtlest-hovered: #{$color-background-accent-grey-subtlest-hovered};
737
736
  --color-background-accent-grey-inverse-hovered: #{$color-background-accent-grey-inverse-hovered};
738
737
  --color-background-accent-grey-inverse-pressed: #{$color-background-accent-grey-inverse-pressed};
739
- --color-background-accent-orange-subtle-default:#{$color-background-accent-orange-subtle-default};
740
- --color-background-accent-orange-subtle-hovered:#{$color-background-accent-orange-subtle-hovered};
741
- --color-background-accent-orange-subtle-pressed:#{$color-background-accent-orange-subtle-pressed};
742
738
  --color-background-brand-asksuite-subtler-default: #{$color-background-brand-asksuite-subtler-default};
743
739
  --color-background-warning-contrast-default: #{$color-background-warning-contrast-default};
744
740
  --color-border-matted-alpha-primary: #{$color-nl-0};
745
741
  --color-elevation-surface-primary-default: #{$color-elevation-surface-primary-default};
746
742
  --color-background-alpha-subtlest-hovered: #{$color-background-alpha-subtlest-hovered};
747
- --color-background-alpha-inverter-default: #{$color-background-alpha-inverter-default};
748
743
  --color-icon-brand-asksuite-contrast: #{$color-icon-brand-asksuite-contrast};
749
744
  --color-border-brand-asksuite-contrast: #{$color-border-brand-asksuite-contrast};
750
745
  --color-background-bounding-box: #{$color-background-bounding-box};
@@ -765,7 +760,6 @@ $color-border-contrast: $color-nla-1200;
765
760
  --color-background-brand-asksuite-subtlest-pressed: #{$color-background-brand-asksuite-subtlest-pressed};
766
761
  --color-border-brand-asksuite-bold: #{$color-border-brand-asksuite-bold};
767
762
  --color-texticon-inverse-disabled: #{$color-texticon-inverse-disabled};
768
- --color-texticon-inverse-contrast: #{$color-nl-0};
769
763
  --color-background-accent-disabled: #{$color-background-accent-disabled};
770
764
  --color-border-white-disabled: #{$color-border-white-disabled};
771
765
  --color-border-black-default: #{$color-border-black-default};