asksuite-citrus 3.16.18 → 3.16.19-beta.0

package/fesm2022/asksuite-citrus.mjs

@@ -2388,11 +2388,6 @@ class RichtextWrapper {
     getCurrentCursorPosition() {
         return this.quill.getSelection();
     }
-    setCursorPosition(position) {
-        const textlength = this.quill.getLength();
-        const safePosition = Math.min(Math.max(position, 0), textlength - 1);
-        return this.quill.setSelection(safePosition, 0);
-    }
     destroy() {
         this.quill.off('selection-change', this.selectionChangeHandler);
         this.quill.off('text-change', this.textChangeHandler);
@@ -2941,9 +2936,6 @@ class RichtextToolboxDirective {
     getCurrentCursorPosition() {
         return this.toolbox?.richtextWrapper.getCurrentCursorPosition();
     }
-    setCursorPosition(position) {
-        return this.toolbox?.richtextWrapper.setCursorPosition(position);
-    }
     getTextWithoutHtmlTags() {
         return this.toolbox?.richtextWrapper.getTextWithoutHtmlTags() || '';
     }
@@ -4261,6 +4253,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
                 type: Input
             }] } });
 
+class NotificationTooltipComponent {
+    constructor() {
+        this.title = '';
+        this.message = '';
+        this.direction = 'horizontal';
+        this.positionArrowHorizontal = 'center';
+        this.positionArrowVertical = 'center';
+        this.sideArrow = 'bottom';
+        this.buttonTitle = "'ACTIONS.CLOSE' | translate'";
+        this.onClick = new EventEmitter();
+        this.visible = true;
+        this.class = '';
+    }
+    ngOnInit() {
+        this.class = `tooltip-arrow-${this.direction} -side-${this.sideArrow} -${this.direction === 'horizontal'
+            ? this.positionArrowHorizontal : this.positionArrowVertical}`;
+    }
+    closeTooltip() {
+        this.visible = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: NotificationTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: NotificationTooltipComponent, selector: "app-tooltip", inputs: { title: "title", message: "message", direction: "direction", positionArrowHorizontal: "positionArrowHorizontal", positionArrowVertical: "positionArrowVertical", sideArrow: "sideArrow", buttonTitle: "buttonTitle" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "\n  <div class=\"tooltip-container\">\n    <div [ngClass]=\"class\"></div>\n    <div class=\"tooltip-content\">\n        @if(title !==''){\n          <p class=\"title\">{{ title | translate }}</p>\n        }\n        <p class=\"message\">{{ message | translate }}</p>\n      <button class=\"button\" (click)=\"onClick.emit($event)\">{{buttonTitle | translate}}</button>\n    </div>\n  </div>\n\n", styles: [".tooltip-container{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;flex:1 0 0;z-index:1000;position:absolute}.tooltip-arrow-horizontal{position:absolute;transform:translate(-50%);width:0;height:0;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:1001}.tooltip-arrow-horizontal.-side-top{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid var(--color-background-alpha-bolder-default);top:4%}.tooltip-arrow-horizontal.-side-bottom{border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--color-background-alpha-bolder-default);top:90%}.tooltip-arrow-horizontal.-left{left:7%}.tooltip-arrow-horizontal.-center{left:50%}.tooltip-arrow-horizontal.-right{left:93%}.tooltip-arrow-vertical{position:absolute;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid var(--color-background-alpha-bolder-default);z-index:1001}.tooltip-arrow-vertical.-side-left{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid;left:4%}.tooltip-arrow-vertical.-side-right{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid;left:96%}.tooltip-arrow-vertical.-top{top:18%}.tooltip-arrow-vertical.-center{top:45%}.tooltip-arrow-vertical.-bottom{top:73%}.tooltip-content{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;flex:1 0 0;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);width:214px;border-radius:8px;background:var(--color-background-alpha-bolder-default);align-self:stretch}.button{display:flex;height:32px;width:168px;padding:6px 12px;justify-content:center;align-items:center;gap:8px;border-radius:8px;color:var(--color-texticon-contrast)}.title{color:var(--color-texticon-inverse-default);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;align-self:stretch}.message{color:var(--color-texticon-inverse-default, #FFF);font-family:Inter;font-size:13px;font-style:normal;font-weight:400;line-height:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: NotificationTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-tooltip', template: "\n  <div class=\"tooltip-container\">\n    <div [ngClass]=\"class\"></div>\n    <div class=\"tooltip-content\">\n        @if(title !==''){\n          <p class=\"title\">{{ title | translate }}</p>\n        }\n        <p class=\"message\">{{ message | translate }}</p>\n      <button class=\"button\" (click)=\"onClick.emit($event)\">{{buttonTitle | translate}}</button>\n    </div>\n  </div>\n\n", styles: [".tooltip-container{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;flex:1 0 0;z-index:1000;position:absolute}.tooltip-arrow-horizontal{position:absolute;transform:translate(-50%);width:0;height:0;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:1001}.tooltip-arrow-horizontal.-side-top{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid var(--color-background-alpha-bolder-default);top:4%}.tooltip-arrow-horizontal.-side-bottom{border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--color-background-alpha-bolder-default);top:90%}.tooltip-arrow-horizontal.-left{left:7%}.tooltip-arrow-horizontal.-center{left:50%}.tooltip-arrow-horizontal.-right{left:93%}.tooltip-arrow-vertical{position:absolute;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid var(--color-background-alpha-bolder-default);z-index:1001}.tooltip-arrow-vertical.-side-left{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid;left:4%}.tooltip-arrow-vertical.-side-right{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid;left:96%}.tooltip-arrow-vertical.-top{top:18%}.tooltip-arrow-vertical.-center{top:45%}.tooltip-arrow-vertical.-bottom{top:73%}.tooltip-content{display:flex;padding:12px 16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;flex:1 0 0;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);width:214px;border-radius:8px;background:var(--color-background-alpha-bolder-default);align-self:stretch}.button{display:flex;height:32px;width:168px;padding:6px 12px;justify-content:center;align-items:center;gap:8px;border-radius:8px;color:var(--color-texticon-contrast)}.title{color:var(--color-texticon-inverse-default);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:20px;align-self:stretch}.message{color:var(--color-texticon-inverse-default, #FFF);font-family:Inter;font-size:13px;font-style:normal;font-weight:400;line-height:20px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { title: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }], positionArrowHorizontal: [{
+                type: Input
+            }], positionArrowVertical: [{
+                type: Input
+            }], sideArrow: [{
+                type: Input
+            }], buttonTitle: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
 Quill.register(HTMLPanelQuillBlot);
 function initMyLib(myLibService) {
     return new StorageUtilService(myLibService);
@@ -4327,7 +4363,8 @@ class AsksuiteCitrusModule {
             ListItemDirective,
             ArrowTagComponent,
             TabGroupComponent,
-            TabComponent], imports: [CommonModule,
+            TabComponent,
+            NotificationTooltipComponent], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             CdkOverlayOrigin,
@@ -4379,7 +4416,8 @@ class AsksuiteCitrusModule {
             ArrowTagComponent,
             TabGroupComponent,
             TabComponent,
-            IconV2Component] }); }
+            IconV2Component,
+            NotificationTooltipComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: AsksuiteCitrusModule, providers: [
             {
                 provide: Storage,
@@ -4446,6 +4484,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
                         ArrowTagComponent,
                         TabGroupComponent,
                         TabComponent,
+                        NotificationTooltipComponent
                     ],
                     imports: [
                         CommonModule,
@@ -4505,7 +4544,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
                         ArrowTagComponent,
                         TabGroupComponent,
                         TabComponent,
-                        IconV2Component
+                        IconV2Component,
+                        NotificationTooltipComponent
                     ],
                     providers: [
                         {
@@ -4809,5 +4849,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ASK_MODAL_CONFIG, ASK_MODAL_DATA, ASK_TOAST_CONFIG, AccordionComponent, ArrowTagComponent, AskButtonDirective, AskDropdownDirective, AskStrokedButtonDirective, AskTextButtonDirective, AskTooltipDirective, AsksuiteCitrusModule, AutocompleteComponent, AutofocusDirective, AvatarComponent, AvatarStatus, BadgeDirective, BoxComponent, ButtonComponent, CharacterCounterComponent, CheckboxComponent, ChipsComponent, DEFAULT_DATE_FORMAT, DEFAULT_PERIODS, DatePickerCalendarComponent, DatePickerComponent, DropdownContainerComponent, DynamicDropdownService, ExtendablePanelComponent, FLAG_PROVIDER_URL, ForceBreakLinePipe, IconComponent, IconV2Component, InputComponent, InputDirective, ListItemDirective, LoadingBarComponent, ModalBodyDirective, ModalFooterDirective, ModalHeaderDirective, ModalRef, ModalService, OverlayComponent, PaginatePipe, PaginationComponent, PhoneDdiComponent, PhoneMaskValidator, RichtextToolboxDirective, ScrollDirective, SelectComponent, SkeletonComponent, SpinnerDirective, TabComponent, TabGroupComponent, TableComponent, TagComponent, ThemeService, ToastService, filterSelectedList, formatFrom, formatTo, initMyLib, removeDiacritics, searchArray, updatePaginationConfig };
+export { ASK_MODAL_CONFIG, ASK_MODAL_DATA, ASK_TOAST_CONFIG, AccordionComponent, ArrowTagComponent, AskButtonDirective, AskDropdownDirective, AskStrokedButtonDirective, AskTextButtonDirective, AskTooltipDirective, AsksuiteCitrusModule, AutocompleteComponent, AutofocusDirective, AvatarComponent, AvatarStatus, BadgeDirective, BoxComponent, ButtonComponent, CharacterCounterComponent, CheckboxComponent, ChipsComponent, DEFAULT_DATE_FORMAT, DEFAULT_PERIODS, DatePickerCalendarComponent, DatePickerComponent, DropdownContainerComponent, DynamicDropdownService, ExtendablePanelComponent, FLAG_PROVIDER_URL, ForceBreakLinePipe, IconComponent, IconV2Component, InputComponent, InputDirective, ListItemDirective, LoadingBarComponent, ModalBodyDirective, ModalFooterDirective, ModalHeaderDirective, ModalRef, ModalService, NotificationTooltipComponent, OverlayComponent, PaginatePipe, PaginationComponent, PhoneDdiComponent, PhoneMaskValidator, RichtextToolboxDirective, ScrollDirective, SelectComponent, SkeletonComponent, SpinnerDirective, TabComponent, TabGroupComponent, TableComponent, TagComponent, ThemeService, ToastService, filterSelectedList, formatFrom, formatTo, initMyLib, removeDiacritics, searchArray, updatePaginationConfig };
 //# sourceMappingURL=asksuite-citrus.mjs.map