asksuite-citrus 3.16.24-beta.1 → 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 -4
@@ -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.1",
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};
@@ -735,9 +735,6 @@ $color-border-contrast: $color-nla-1200;
735
735
  --color-background-accent-grey-subtlest-hovered: #{$color-background-accent-grey-subtlest-hovered};
736
736
  --color-background-accent-grey-inverse-hovered: #{$color-background-accent-grey-inverse-hovered};
737
737
  --color-background-accent-grey-inverse-pressed: #{$color-background-accent-grey-inverse-pressed};
738
- --color-background-accent-orange-subtle-default:#{$color-background-accent-orange-subtle-default};
739
- --color-background-accent-orange-subtle-hovered:#{$color-background-accent-orange-subtle-hovered};
740
- --color-background-accent-orange-subtle-pressed:#{$color-background-accent-orange-subtle-pressed};
741
738
  --color-background-brand-asksuite-subtler-default: #{$color-background-brand-asksuite-subtler-default};
742
739
  --color-background-warning-contrast-default: #{$color-background-warning-contrast-default};
743
740
  --color-border-matted-alpha-primary: #{$color-nl-0};
@@ -763,7 +760,6 @@ $color-border-contrast: $color-nla-1200;
763
760
  --color-background-brand-asksuite-subtlest-pressed: #{$color-background-brand-asksuite-subtlest-pressed};
764
761
  --color-border-brand-asksuite-bold: #{$color-border-brand-asksuite-bold};
765
762
  --color-texticon-inverse-disabled: #{$color-texticon-inverse-disabled};
766
- --color-texticon-inverse-contrast: #{$color-nl-0};
767
763
  --color-background-accent-disabled: #{$color-background-accent-disabled};
768
764
  --color-border-white-disabled: #{$color-border-white-disabled};
769
765
  --color-border-black-default: #{$color-border-black-default};