asksuite-citrus 1.7.3 → 1.7.5

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 (61) hide show
  1. package/assets/citrus-i18n/en.json +0 -2
  2. package/assets/citrus-i18n/es.json +0 -2
  3. package/assets/citrus-i18n/pt.json +0 -2
  4. package/esm2022/lib/asksuite-citrus.module.mjs +4 -14
  5. package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +4 -4
  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 +2 -2
  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/modal.component.mjs +2 -2
  17. package/esm2022/lib/components/pagination/pagination.component.mjs +2 -2
  18. package/esm2022/lib/components/select/select.component.mjs +2 -2
  19. package/esm2022/lib/components/table/table.component.mjs +2 -2
  20. package/esm2022/lib/components/toast/toast.component.mjs +3 -3
  21. package/esm2022/lib/directives/button/ask-button.directive.mjs +8 -3
  22. package/esm2022/lib/directives/index.mjs +1 -2
  23. package/esm2022/public-api.mjs +1 -3
  24. package/fesm2022/asksuite-citrus.mjs +61 -914
  25. package/fesm2022/asksuite-citrus.mjs.map +1 -1
  26. package/lib/asksuite-citrus.module.d.ts +7 -10
  27. package/lib/components/toast/toast.component.d.ts +2 -1
  28. package/lib/directives/button/ask-button.directive.d.ts +1 -1
  29. package/lib/directives/index.d.ts +0 -1
  30. package/package.json +2 -3
  31. package/public-api.d.ts +0 -1
  32. package/styles/font-weights.scss +0 -1
  33. package/styles/styles.scss +30 -2
  34. package/esm2022/lib/classes/richtext-wrapper.mjs +0 -298
  35. package/esm2022/lib/classes/toolbox-bubble.mjs +0 -46
  36. package/esm2022/lib/classes/toolbox-topbar.mjs +0 -34
  37. package/esm2022/lib/classes/toolbox.mjs +0 -109
  38. package/esm2022/lib/components/richtext-toolbox-core/richtext-toolbox-core.component.mjs +0 -82
  39. package/esm2022/lib/components/richtext-url-prompt/richtext-url-prompt-state.service.mjs +0 -16
  40. package/esm2022/lib/components/richtext-url-prompt/richtext-url-prompt.component.mjs +0 -66
  41. package/esm2022/lib/constants/richtext-toolbox.constants.mjs +0 -40
  42. package/esm2022/lib/constants/url-regex.constant.mjs +0 -2
  43. package/esm2022/lib/directives/richtext-toolbox/richtext-toolbox.directive.mjs +0 -170
  44. package/esm2022/lib/helpers/are-objects-equal.helper.mjs +0 -4
  45. package/esm2022/lib/interfaces/richtext-toolbox.interface.mjs +0 -2
  46. package/esm2022/lib/services/quill-builder.service.mjs +0 -18
  47. package/lib/classes/richtext-wrapper.d.ts +0 -52
  48. package/lib/classes/toolbox-bubble.d.ts +0 -12
  49. package/lib/classes/toolbox-topbar.d.ts +0 -8
  50. package/lib/classes/toolbox.d.ts +0 -31
  51. package/lib/components/richtext-toolbox-core/richtext-toolbox-core.component.d.ts +0 -25
  52. package/lib/components/richtext-url-prompt/richtext-url-prompt-state.service.d.ts +0 -6
  53. package/lib/components/richtext-url-prompt/richtext-url-prompt.component.d.ts +0 -19
  54. package/lib/constants/richtext-toolbox.constants.d.ts +0 -4
  55. package/lib/constants/url-regex.constant.d.ts +0 -1
  56. package/lib/directives/richtext-toolbox/richtext-toolbox.directive.d.ts +0 -40
  57. package/lib/helpers/are-objects-equal.helper.d.ts +0 -1
  58. package/lib/interfaces/richtext-toolbox.interface.d.ts +0 -54
  59. package/lib/services/quill-builder.service.d.ts +0 -8
  60. package/styles/ask-mixins.scss +0 -45
  61. package/styles/quill.scss +0 -18
@@ -1,4 +0,0 @@
1
- export function areObjectsEqual(obj1, obj2) {
2
- return Object.keys(obj1).every((key) => obj1[key] === obj2[key]);
3
- }
4
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJlLW9iamVjdHMtZXF1YWwuaGVscGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXNrc3VpdGUtY2l0cnVzL3NyYy9saWIvaGVscGVycy9hcmUtb2JqZWN0cy1lcXVhbC5oZWxwZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxVQUFVLGVBQWUsQ0FDN0IsSUFBeUIsRUFDekIsSUFBeUI7SUFFekIsT0FBTyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0FBQ25FLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZnVuY3Rpb24gYXJlT2JqZWN0c0VxdWFsKFxuICBvYmoxOiBSZWNvcmQ8c3RyaW5nLCBhbnk+LFxuICBvYmoyOiBSZWNvcmQ8c3RyaW5nLCBhbnk+XG4pIHtcbiAgcmV0dXJuIE9iamVjdC5rZXlzKG9iajEpLmV2ZXJ5KChrZXkpID0+IG9iajFba2V5XSA9PT0gb2JqMltrZXldKTtcbn1cbiJdfQ==
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaHRleHQtdG9vbGJveC5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9pbnRlcmZhY2VzL3JpY2h0ZXh0LXRvb2xib3guaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb3VuZHNTdGF0aWMgfSBmcm9tICdxdWlsbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUmljaHRleHRGb3JtYXRzIHtcbiAgaXRhbGljOiBib29sZWFuO1xuICBib2xkOiBib29sZWFuO1xuICB1bmRlcmxpbmU6IGJvb2xlYW47XG4gIHN0cmlrZTogYm9vbGVhbjtcbiAgbGluazogc3RyaW5nO1xuICBsaXN0X2J1bGxldGVkOiBib29sZWFuO1xuICBsaXN0X251bWJlcmVkOiBib29sZWFuO1xuICBqdXN0aWZ5X2xlZnQ6IGJvb2xlYW47XG4gIGp1c3RpZnlfY2VudGVyOiBib29sZWFuO1xuICBqdXN0aWZ5X3JpZ2h0OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFRvb2xzU3RhdGUge1xuICBoYXNTZWxlY3Rpb246IGJvb2xlYW47XG4gIGhhc0ZvY3VzOiBib29sZWFuO1xuICBkaXNhYmxlZFRvb2xzOiBUb29sS2V5cztcbiAgZm9ybWF0czogUmljaHRleHRGb3JtYXRzO1xuICBib3VuZHM/OiBCb3VuZHNTdGF0aWM7XG59XG5cbnR5cGUgRnVuY3Rpb25LZXlzPFQ+ID0ge1xuICBbSyBpbiBrZXlvZiBUXTogVFtLXSBleHRlbmRzICguLi5hcmdzOiBhbnlbXSkgPT4gYW55ID8gSyA6IG5ldmVyO1xufVtrZXlvZiBUXTtcblxuZXhwb3J0IGludGVyZmFjZSBSaWNoVGV4dEZ1bmN0aW9ucyB7XG4gIHNldEl0YWxpYygpOiB2b2lkO1xuICBzZXRCb2xkKCk6IHZvaWQ7XG4gIHNldFVuZGVybGluZSgpOiB2b2lkO1xuICBzZXRTdHJpa2UoKTogdm9pZDtcbiAgc2V0TGlzdE51bWJlcmVkKCk6IHZvaWQ7XG4gIHNldExpc3RCdWxsZXRlZCgpOiB2b2lkO1xuICBzZXRMaW5rKGxpbms6IHN0cmluZyk6IHZvaWQ7XG4gIHNldEp1c3RpZnlMZWZ0KCk6IHZvaWQ7XG4gIHNldEp1c3RpZnlDZW50ZXIoKTogdm9pZDtcbiAgc2V0SnVzdGlmeVJpZ2h0KCk6IHZvaWQ7XG4gIHNldFJlbW92ZSgpOiB2b2lkO1xufVxuXG5leHBvcnQgdHlwZSBSaWNoVGV4dEZ1bmN0aW9uc0tleXMgPSBGdW5jdGlvbktleXM8UmljaFRleHRGdW5jdGlvbnM+O1xuXG5leHBvcnQgdHlwZSBUb29sYmFySXRlbSA9IHtcbiAgdG9vbDogVG9vbDtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGRpc2FibGVkOiBib29sZWFuO1xuICBpY29uOiBzdHJpbmc7XG4gIHRvb2xGdW5jdGlvbk5hbWU6IFJpY2hUZXh0RnVuY3Rpb25zS2V5cztcbiAgdmFsdWU/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBUb29sID1cbiAgfCAnYm9sZCdcbiAgfCAnaXRhbGljJ1xuICB8ICd1bmRlcmxpbmUnXG4gIHwgJ3N0cmlrZSdcbiAgfCAnbGlzdF9udW1iZXJlZCdcbiAgfCAnbGlzdF9idWxsZXRlZCdcbiAgfCAnbGluaydcbiAgfCAnanVzdGlmeV9sZWZ0J1xuICB8ICdqdXN0aWZ5X2NlbnRlcidcbiAgfCAnanVzdGlmeV9yaWdodCdcbiAgfCAnY2xlYXInO1xuXG5leHBvcnQgdHlwZSBUb29sS2V5cyA9IFRvb2xbXTtcblxuZXhwb3J0IHR5cGUgVG9vbExheW91dCA9ICdidWJibGUnIHwgJ3RvcGJhcidcblxuZXhwb3J0IGludGVyZmFjZSBUb29sYm94SW5wdXR7XG4gIGF2YWlsYWJsZVRvb2xzOiBUb29sS2V5c1xuICBkaXNhYmxlZFRvb2xzOiBUb29sS2V5c1xuICBjbGFzczogc3RyaW5nXG59Il19
@@ -1,18 +0,0 @@
1
- import { Injectable } from '@angular/core';
2
- import Quill from 'quill';
3
- import * as i0 from "@angular/core";
4
- export class QuillBuilderService {
5
- constructor() { }
6
- getQuill() {
7
- return Quill;
8
- }
9
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: QuillBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
10
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: QuillBuilderService, providedIn: 'root' }); }
11
- }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: QuillBuilderService, decorators: [{
13
- type: Injectable,
14
- args: [{
15
- providedIn: 'root'
16
- }]
17
- }], ctorParameters: function () { return []; } });
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVpbGwtYnVpbGRlci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXNrc3VpdGUtY2l0cnVzL3NyYy9saWIvc2VydmljZXMvcXVpbGwtYnVpbGRlci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDOztBQUsxQixNQUFNLE9BQU8sbUJBQW1CO0lBRTlCLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7UUFDTixPQUFPLEtBQUssQ0FBQTtJQUNkLENBQUM7OEdBTlUsbUJBQW1CO2tIQUFuQixtQkFBbUIsY0FGbEIsTUFBTTs7MkZBRVAsbUJBQW1CO2tCQUgvQixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCBRdWlsbCBmcm9tICdxdWlsbCc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIFF1aWxsQnVpbGRlclNlcnZpY2Uge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgZ2V0UXVpbGwoKXtcbiAgICByZXR1cm4gUXVpbGxcbiAgfVxufVxuIl19
@@ -1,52 +0,0 @@
1
- import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
2
- import { RichTextFunctions, ToolKeys, ToolsState } from '../interfaces/richtext-toolbox.interface';
3
- import { QuillBuilderService } from '../services/quill-builder.service';
4
- export declare class RichtextWrapper implements RichTextFunctions {
5
- private ngZone;
6
- private cd;
7
- private quillBuilder;
8
- private elementRef;
9
- private quill;
10
- private stateSub;
11
- private esc$;
12
- private enter$;
13
- private maxLength;
14
- private breakOnEnter;
15
- private textChangeHandler;
16
- private selectionChangeHandler;
17
- private bindings;
18
- private maxLengthSubscription?;
19
- get state(): ToolsState;
20
- state$: import("rxjs").Observable<ToolsState>;
21
- get listenTextChanges$(): import("rxjs").Observable<string>;
22
- get listenOnTouched$(): import("rxjs").Observable<boolean>;
23
- get listenEscape$(): import("rxjs").Observable<boolean>;
24
- get listenEnter$(): import("rxjs").Observable<boolean>;
25
- constructor(ngZone: NgZone, cd: ChangeDetectorRef, quillBuilder: QuillBuilderService, elementRef: ElementRef<HTMLElement>);
26
- setItalic(): void;
27
- setBold(): void;
28
- setUnderline(): void;
29
- setStrike(): void;
30
- setListNumbered(): void;
31
- setListBulleted(): void;
32
- setLink(link: string): void;
33
- setJustifyLeft(): void;
34
- setJustifyCenter(): void;
35
- setJustifyRight(): void;
36
- setRemove(): void;
37
- setPlaceholder(placeholder: string): void;
38
- setText(text: string): void;
39
- setMaxLength(length: number): void;
40
- setDisabledTools(tools: ToolKeys): void;
41
- setEditorClass(className: string): void;
42
- getEditorElement(): HTMLDivElement;
43
- disable(): void;
44
- enable(): void;
45
- focus(): void;
46
- setBreakOnEnter(breakOnEnter: boolean): void;
47
- destroy(): void;
48
- private isToolDisabled;
49
- private urlMatcher;
50
- private listenEditorChanges;
51
- private update;
52
- }
@@ -1,12 +0,0 @@
1
- import { Injector } from "@angular/core";
2
- import { Toolbox } from "./toolbox";
3
- import { ToolsState } from "../interfaces/richtext-toolbox.interface";
4
- export declare class BubbleStrategy extends Toolbox {
5
- private clickListener?;
6
- constructor(injector: Injector);
7
- private move;
8
- private listenOutsideClicks;
9
- onToolsChanged(state: ToolsState): void;
10
- displayComponent(): void;
11
- destroyAll(): void;
12
- }
@@ -1,8 +0,0 @@
1
- import { Injector } from "@angular/core";
2
- import { Toolbox } from "./toolbox";
3
- import { ToolbarItem, ToolsState } from "../interfaces/richtext-toolbox.interface";
4
- export declare class TopbarStrategy extends Toolbox {
5
- constructor(injector: Injector);
6
- displayComponent(): void;
7
- prepareUpdatedTools(toolState: ToolsState): ToolbarItem[];
8
- }
@@ -1,31 +0,0 @@
1
- import { ChangeDetectorRef, ComponentRef, ElementRef, Injector, NgZone, Renderer2, ViewContainerRef } from '@angular/core';
2
- import { RichtextWrapper } from './richtext-wrapper';
3
- import { ToolbarItem, ToolboxInput, ToolsState } from '../interfaces/richtext-toolbox.interface';
4
- import { RichtextToolboxCoreComponent } from '../components/richtext-toolbox-core/richtext-toolbox-core.component';
5
- export declare abstract class Toolbox {
6
- readonly richtextWrapper: RichtextWrapper;
7
- protected hostEl: ElementRef<HTMLElement>;
8
- protected viewContainerRef: ViewContainerRef;
9
- protected renderer2: Renderer2;
10
- protected ngZone: NgZone;
11
- protected cd: ChangeDetectorRef;
12
- protected componentRef?: ComponentRef<RichtextToolboxCoreComponent>;
13
- protected get component(): RichtextToolboxCoreComponent | undefined;
14
- protected get componentEl(): HTMLElement | undefined;
15
- private parentEl?;
16
- private toolboxInput?;
17
- private _subscription?;
18
- constructor(injector: Injector);
19
- destroyAll(): void;
20
- toggleInputDisplay(display: boolean): void;
21
- setToolInput(toolInput: ToolboxInput): void;
22
- private isInputVisible;
23
- private getDisabledTools;
24
- private listenRichtextState;
25
- private getDefaultTools;
26
- protected onToolsChanged(toolsState: ToolsState): void;
27
- protected isVisible(): boolean;
28
- protected destroyComponent(): void;
29
- protected displayComponent(): void;
30
- protected prepareUpdatedTools(toolState: ToolsState): ToolbarItem[];
31
- }
@@ -1,25 +0,0 @@
1
- import { EventEmitter, QueryList, SimpleChanges } from '@angular/core';
2
- import { ToolbarItem } from '../../interfaces/richtext-toolbox.interface';
3
- import { AskDropdownDirective } from '../../directives';
4
- import * as i0 from "@angular/core";
5
- export declare class RichtextToolboxCoreComponent {
6
- dropdowns?: QueryList<AskDropdownDirective>;
7
- close: EventEmitter<void>;
8
- tool: EventEmitter<ToolbarItem>;
9
- get toolbarItems(): ToolbarItem[];
10
- set toolbarItems(value: ToolbarItem[]);
11
- type: 'topbar' | 'bubble';
12
- class: 'top-toolbox' | 'bubble-toolbox' | string;
13
- private _toolbarItems;
14
- private urlIdx;
15
- protected isUrlMode: boolean;
16
- get linkTool(): ToolbarItem | undefined;
17
- get urlDropdownRef(): AskDropdownDirective | undefined;
18
- ngOnChanges(sp: SimpleChanges): void;
19
- onTool(toolbarItem: ToolbarItem): void;
20
- onUrl(link: string): void;
21
- trackByToolFn(index: number, item: ToolbarItem): import("../../interfaces/richtext-toolbox.interface").Tool;
22
- protected closeUrlInput(): void;
23
- static ɵfac: i0.ɵɵFactoryDeclaration<RichtextToolboxCoreComponent, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<RichtextToolboxCoreComponent, "ask-richtext-toolbox-core", never, { "toolbarItems": { "alias": "toolbarItems"; "required": false; }; "type": { "alias": "type"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "close": "close"; "tool": "tool"; }, never, never, false, never>;
25
- }
@@ -1,6 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class RichtextUrlPromptStateService {
3
- urlText: string;
4
- static ɵfac: i0.ɵɵFactoryDeclaration<RichtextUrlPromptStateService, never>;
5
- static ɵprov: i0.ɵɵInjectableDeclaration<RichtextUrlPromptStateService>;
6
- }
@@ -1,19 +0,0 @@
1
- import { DestroyRef, ElementRef, EventEmitter } from '@angular/core';
2
- import { FormControl } from '@angular/forms';
3
- import { RichtextUrlPromptStateService } from './richtext-url-prompt-state.service';
4
- import * as i0 from "@angular/core";
5
- export declare class RichtextUrlPromptComponent {
6
- private destroyRef;
7
- private state;
8
- inputEl?: ElementRef<HTMLInputElement>;
9
- isPreset: boolean;
10
- set _url(url: string);
11
- url: EventEmitter<string>;
12
- formControl: FormControl<string>;
13
- get isValid(): boolean;
14
- constructor(destroyRef: DestroyRef, state: RichtextUrlPromptStateService);
15
- onSubmit(event: Event): void;
16
- ngAfterViewInit(): void;
17
- static ɵfac: i0.ɵɵFactoryDeclaration<RichtextUrlPromptComponent, never>;
18
- static ɵcmp: i0.ɵɵComponentDeclaration<RichtextUrlPromptComponent, "ask-richtext-url-prompt", never, { "_url": { "alias": "url"; "required": false; }; }, { "url": "url"; }, never, never, false, never>;
19
- }
@@ -1,4 +0,0 @@
1
- import { RichTextFunctionsKeys, Tool, ToolKeys } from "../interfaces/richtext-toolbox.interface";
2
- export declare const TOOL_FUNCTION_MAP: Record<Tool, RichTextFunctionsKeys>;
3
- export declare const TOOL_ICON_MAP: Record<Tool, string>;
4
- export declare const ALL_TOOLS: ToolKeys;
@@ -1 +0,0 @@
1
- export declare const URL_REGEX: RegExp;
@@ -1,40 +0,0 @@
1
- import { EventEmitter, Injector, OnChanges, SimpleChanges } from '@angular/core';
2
- import { ToolKeys, ToolLayout, ToolsState } from '../../interfaces/richtext-toolbox.interface';
3
- import { ControlValueAccessor } from '@angular/forms';
4
- import * as i0 from "@angular/core";
5
- export declare class RichtextToolboxDirective implements OnChanges, ControlValueAccessor {
6
- private injector;
7
- private toolbox?;
8
- private onChange;
9
- private onTouched;
10
- private subscription?;
11
- private text;
12
- rtPlaceholder: string;
13
- rtTools: ToolKeys;
14
- rtDisabledTools: ToolKeys;
15
- rtType: ToolLayout;
16
- rtToolbarOnly: boolean;
17
- maxlength: number;
18
- rtToolbarClass: string;
19
- rtEditorClass: string;
20
- rtBreakOnEnter: boolean;
21
- inputChange: EventEmitter<string>;
22
- inputEnter: EventEmitter<any>;
23
- inputEscape: EventEmitter<any>;
24
- toolChange: EventEmitter<ToolsState>;
25
- constructor(injector: Injector);
26
- ngOnChanges(sp: SimpleChanges): void;
27
- ngOnDestroy(): void;
28
- focus(): void;
29
- writeValue(text: string): void;
30
- registerOnChange(fn: any): void;
31
- registerOnTouched(fn: any): void;
32
- setDisabledState(isDisabled: boolean): void;
33
- private prepareToolbar;
34
- private prepareListeners;
35
- private update;
36
- private destroyAll;
37
- private generateToolboxLayout;
38
- static ɵfac: i0.ɵɵFactoryDeclaration<RichtextToolboxDirective, never>;
39
- static ɵdir: i0.ɵɵDirectiveDeclaration<RichtextToolboxDirective, "[askRichtextToolbox]", never, { "rtPlaceholder": { "alias": "rtPlaceholder"; "required": false; }; "rtTools": { "alias": "rtTools"; "required": false; }; "rtDisabledTools": { "alias": "rtDisabledTools"; "required": false; }; "rtType": { "alias": "rtType"; "required": false; }; "rtToolbarOnly": { "alias": "rtToolbarOnly"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "rtToolbarClass": { "alias": "rtToolbarClass"; "required": false; }; "rtEditorClass": { "alias": "rtEditorClass"; "required": false; }; "rtBreakOnEnter": { "alias": "rtBreakOnEnter"; "required": false; }; }, { "inputChange": "inputChange"; "inputEnter": "inputEnter"; "inputEscape": "inputEscape"; "toolChange": "toolChange"; }, never, never, false, never>;
40
- }
@@ -1 +0,0 @@
1
- export declare function areObjectsEqual(obj1: Record<string, any>, obj2: Record<string, any>): boolean;
@@ -1,54 +0,0 @@
1
- import { BoundsStatic } from 'quill';
2
- export interface RichtextFormats {
3
- italic: boolean;
4
- bold: boolean;
5
- underline: boolean;
6
- strike: boolean;
7
- link: string;
8
- list_bulleted: boolean;
9
- list_numbered: boolean;
10
- justify_left: boolean;
11
- justify_center: boolean;
12
- justify_right: boolean;
13
- }
14
- export interface ToolsState {
15
- hasSelection: boolean;
16
- hasFocus: boolean;
17
- disabledTools: ToolKeys;
18
- formats: RichtextFormats;
19
- bounds?: BoundsStatic;
20
- }
21
- type FunctionKeys<T> = {
22
- [K in keyof T]: T[K] extends (...args: any[]) => any ? K : never;
23
- }[keyof T];
24
- export interface RichTextFunctions {
25
- setItalic(): void;
26
- setBold(): void;
27
- setUnderline(): void;
28
- setStrike(): void;
29
- setListNumbered(): void;
30
- setListBulleted(): void;
31
- setLink(link: string): void;
32
- setJustifyLeft(): void;
33
- setJustifyCenter(): void;
34
- setJustifyRight(): void;
35
- setRemove(): void;
36
- }
37
- export type RichTextFunctionsKeys = FunctionKeys<RichTextFunctions>;
38
- export type ToolbarItem = {
39
- tool: Tool;
40
- selected: boolean;
41
- disabled: boolean;
42
- icon: string;
43
- toolFunctionName: RichTextFunctionsKeys;
44
- value?: string;
45
- };
46
- export type Tool = 'bold' | 'italic' | 'underline' | 'strike' | 'list_numbered' | 'list_bulleted' | 'link' | 'justify_left' | 'justify_center' | 'justify_right' | 'clear';
47
- export type ToolKeys = Tool[];
48
- export type ToolLayout = 'bubble' | 'topbar';
49
- export interface ToolboxInput {
50
- availableTools: ToolKeys;
51
- disabledTools: ToolKeys;
52
- class: string;
53
- }
54
- export {};
@@ -1,8 +0,0 @@
1
- import Quill from 'quill';
2
- import * as i0 from "@angular/core";
3
- export declare class QuillBuilderService {
4
- constructor();
5
- getQuill(): typeof Quill;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<QuillBuilderService, never>;
7
- static ɵprov: i0.ɵɵInjectableDeclaration<QuillBuilderService>;
8
- }
@@ -1,45 +0,0 @@
1
- @mixin remove-button-layout {
2
- background: none;
3
- color: inherit;
4
- border: none;
5
- padding: 0;
6
- margin: 0;
7
- font: inherit;
8
- cursor: pointer;
9
- outline: inherit;
10
- line-height: 0;
11
- }
12
-
13
- @mixin remove-input-layout {
14
- border: none;
15
- outline: none;
16
- background-color: transparent;
17
- }
18
-
19
- @mixin default-input() {
20
- position: relative;
21
- display: flex;
22
- align-items: center;
23
- border-radius: $radii-xs;
24
- border: 1px solid $grey-200;
25
- padding: 16px;
26
- outline: none;
27
- gap: 8px;
28
- line-height: 14px;
29
- color: $grey-700;
30
- height: 48px;
31
- font-size: $font-sm;
32
- font-weight: $font-weight-regular;
33
- transition: border 0.2s;
34
-
35
- &:focus {
36
- border-color: $asksuite-orange;
37
- }
38
-
39
- .material-icons {
40
- display: flex;
41
- align-items: center;
42
- justify-content: center;
43
- height: 14px;
44
- }
45
- }
package/styles/quill.scss DELETED
@@ -1,18 +0,0 @@
1
- @import url("https://cdn.quilljs.com/1.0.0/quill.core.css");
2
-
3
- .ql-editor {
4
- padding: 14px 16px;
5
- font-size: 0.875rem;
6
- word-break: break-word;
7
- }
8
-
9
- .bubble-toolbox {
10
- position: absolute;
11
- background-color: var(--grey-800);
12
- border-radius: 8px;
13
- z-index: 999;
14
- }
15
-
16
- .top-toolbox {
17
- background-color: var(--grey-100);
18
- }