@datarailsshared/datarailsshared 1.6.204 → 1.6.208
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.
- package/datarailsshared-datarailsshared-1.6.208.tgz +0 -0
- package/esm2022/lib/dr-dropdown/dr-dropdown.component.mjs +73 -37
- package/esm2022/lib/dr-tooltip/components/tooltip-custom/tooltip-custom.component.mjs +58 -0
- package/esm2022/lib/dr-tooltip/dr-tooltip.component.mjs +28 -8
- package/esm2022/lib/dr-tooltip/dr-tooltip.module.mjs +22 -4
- package/esm2022/lib/emoji-picker/emoji-picker.component.mjs +2 -2
- package/esm2022/lib/models/dropdown.mjs +1 -1
- package/esm2022/public-api.mjs +1 -1
- package/fesm2022/datarailsshared-datarailsshared.mjs +187 -61
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/dr-dropdown/dr-dropdown.component.d.ts +18 -9
- package/lib/dr-tooltip/components/tooltip-custom/tooltip-custom.component.d.ts +14 -0
- package/lib/dr-tooltip/dr-tooltip.component.d.ts +2 -2
- package/lib/dr-tooltip/dr-tooltip.module.d.ts +4 -3
- package/lib/models/dropdown.d.ts +16 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -1
- package/datarailsshared-datarailsshared-1.6.204.tgz +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Component, Output, Input, Injectable, inject, ChangeDetectorRef, DestroyRef, ChangeDetectionStrategy, HostBinding, TemplateRef, HostListener, Directive, forwardRef,
|
|
2
|
+
import { EventEmitter, Component, Output, Input, Injectable, inject, ChangeDetectorRef, DestroyRef, ChangeDetectionStrategy, HostBinding, Injector, EnvironmentInjector, ViewContainerRef, ViewChild, TemplateRef, HostListener, Directive, forwardRef, ContentChild, Pipe, ComponentFactoryResolver, Inject, Optional, ViewEncapsulation, PLATFORM_ID, ContentChildren, NgModule, ElementRef, Host, ViewChildren, InjectionToken, SkipSelf, booleanAttribute, Renderer2, numberAttribute } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule, isPlatformBrowser, DOCUMENT, NgIf, NgTemplateOutlet } from '@angular/common';
|
|
5
5
|
import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS, MatMomentDateModule } from '@angular/material-moment-adapter';
|
|
@@ -697,7 +697,7 @@ var TooltipTheme;
|
|
|
697
697
|
TooltipTheme["DARK"] = "dark";
|
|
698
698
|
})(TooltipTheme || (TooltipTheme = {}));
|
|
699
699
|
|
|
700
|
-
const _c0$
|
|
700
|
+
const _c0$P = ["*"];
|
|
701
701
|
class TooltipDefaultComponent {
|
|
702
702
|
constructor() {
|
|
703
703
|
this.theme = TooltipTheme.LIGHT;
|
|
@@ -705,7 +705,7 @@ class TooltipDefaultComponent {
|
|
|
705
705
|
/** @nocollapse */ static { this.ɵfac = function TooltipDefaultComponent_Factory(t) { return new (t || TooltipDefaultComponent)(); }; }
|
|
706
706
|
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TooltipDefaultComponent, selectors: [["dr-tooltip-default"]], hostVars: 2, hostBindings: function TooltipDefaultComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
707
707
|
i0.ɵɵclassMap(ctx.theme);
|
|
708
|
-
} }, inputs: { content: "content", theme: "theme" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$
|
|
708
|
+
} }, inputs: { content: "content", theme: "theme" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$P, decls: 2, vars: 1, consts: [[1, "content", 3, "innerHTML"]], template: function TooltipDefaultComponent_Template(rf, ctx) { if (rf & 1) {
|
|
709
709
|
i0.ɵɵprojectionDef();
|
|
710
710
|
i0.ɵɵelement(0, "span", 0);
|
|
711
711
|
i0.ɵɵprojection(1);
|
|
@@ -725,36 +725,109 @@ class TooltipDefaultComponent {
|
|
|
725
725
|
args: ['class']
|
|
726
726
|
}] }); })();
|
|
727
727
|
|
|
728
|
+
const _c0$O = ["container"];
|
|
729
|
+
class TooltipCustomComponent {
|
|
730
|
+
constructor() {
|
|
731
|
+
this.injector = inject(Injector);
|
|
732
|
+
this.environmentInjector = inject(EnvironmentInjector);
|
|
733
|
+
}
|
|
734
|
+
ngOnChanges(changes) {
|
|
735
|
+
if (changes.content) {
|
|
736
|
+
this.renderComponent();
|
|
737
|
+
}
|
|
738
|
+
}
|
|
739
|
+
renderComponent() {
|
|
740
|
+
this.cmpRef?.destroy();
|
|
741
|
+
this.container.clear();
|
|
742
|
+
const customInjector = Injector.create({
|
|
743
|
+
providers: this.content.providers ?? [],
|
|
744
|
+
parent: this.injector,
|
|
745
|
+
});
|
|
746
|
+
this.cmpRef = this.container.createComponent(this.content.component, {
|
|
747
|
+
injector: customInjector,
|
|
748
|
+
environmentInjector: this.environmentInjector,
|
|
749
|
+
});
|
|
750
|
+
if (this.content.inputs) {
|
|
751
|
+
Object.entries(this.content.inputs).forEach(([key, value]) => {
|
|
752
|
+
this.cmpRef.setInput(key, value);
|
|
753
|
+
});
|
|
754
|
+
this.cmpRef.changeDetectorRef.detectChanges();
|
|
755
|
+
}
|
|
756
|
+
}
|
|
757
|
+
/** @nocollapse */ static { this.ɵfac = function TooltipCustomComponent_Factory(t) { return new (t || TooltipCustomComponent)(); }; }
|
|
758
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TooltipCustomComponent, selectors: [["dr-tooltip-custom"]], viewQuery: function TooltipCustomComponent_Query(rf, ctx) { if (rf & 1) {
|
|
759
|
+
i0.ɵɵviewQuery(_c0$O, 7, ViewContainerRef);
|
|
760
|
+
} if (rf & 2) {
|
|
761
|
+
let _t;
|
|
762
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
|
|
763
|
+
} }, inputs: { content: "content" }, standalone: true, features: [i0.ɵɵNgOnChangesFeature, i0.ɵɵStandaloneFeature], decls: 2, vars: 0, consts: [["container", ""]], template: function TooltipCustomComponent_Template(rf, ctx) { if (rf & 1) {
|
|
764
|
+
i0.ɵɵelementContainer(0, null, 0);
|
|
765
|
+
} }, dependencies: [CommonModule], encapsulation: 2, changeDetection: 0 }); }
|
|
766
|
+
}
|
|
767
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipCustomComponent, [{
|
|
768
|
+
type: Component,
|
|
769
|
+
args: [{
|
|
770
|
+
selector: 'dr-tooltip-custom',
|
|
771
|
+
template: `<ng-container #container></ng-container>`,
|
|
772
|
+
standalone: true,
|
|
773
|
+
imports: [CommonModule],
|
|
774
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
775
|
+
}]
|
|
776
|
+
}], null, { container: [{
|
|
777
|
+
type: ViewChild,
|
|
778
|
+
args: ['container', { read: ViewContainerRef, static: true }]
|
|
779
|
+
}], content: [{
|
|
780
|
+
type: Input
|
|
781
|
+
}] }); })();
|
|
782
|
+
|
|
728
783
|
function TooltipComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
729
|
-
i0.ɵɵelement(0, "div",
|
|
784
|
+
i0.ɵɵelement(0, "div", 5);
|
|
730
785
|
} }
|
|
731
786
|
function TooltipComponent_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
732
787
|
i0.ɵɵelementContainer(0);
|
|
733
788
|
} }
|
|
734
789
|
function TooltipComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
|
|
735
790
|
i0.ɵɵelementContainerStart(0);
|
|
736
|
-
i0.ɵɵtemplate(1, TooltipComponent_ng_container_2_ng_container_1_Template, 1, 0, "ng-container",
|
|
791
|
+
i0.ɵɵtemplate(1, TooltipComponent_ng_container_2_ng_container_1_Template, 1, 0, "ng-container", 6);
|
|
737
792
|
i0.ɵɵelementContainerEnd();
|
|
738
793
|
} if (rf & 2) {
|
|
739
794
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
740
795
|
i0.ɵɵadvance(1);
|
|
741
796
|
i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.content)("ngTemplateOutletContext", ctx_r1.contentContext);
|
|
742
797
|
} }
|
|
798
|
+
function TooltipComponent_ng_template_3_ng_container_0_Template(rf, ctx) { if (rf & 1) {
|
|
799
|
+
i0.ɵɵelementContainerStart(0);
|
|
800
|
+
i0.ɵɵelement(1, "dr-tooltip-custom", 7);
|
|
801
|
+
i0.ɵɵelementContainerEnd();
|
|
802
|
+
} if (rf & 2) {
|
|
803
|
+
const ctx_r7 = i0.ɵɵnextContext(2);
|
|
804
|
+
i0.ɵɵadvance(1);
|
|
805
|
+
i0.ɵɵproperty("content", ctx_r7.content);
|
|
806
|
+
} }
|
|
743
807
|
function TooltipComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
|
|
744
|
-
i0.ɵɵ
|
|
808
|
+
i0.ɵɵtemplate(0, TooltipComponent_ng_template_3_ng_container_0_Template, 2, 1, "ng-container", 2);
|
|
745
809
|
} if (rf & 2) {
|
|
746
810
|
const ctx_r3 = i0.ɵɵnextContext();
|
|
747
|
-
i0.ɵɵ
|
|
811
|
+
const _r4 = i0.ɵɵreference(6);
|
|
812
|
+
i0.ɵɵproperty("ngIf", ctx_r3.isCustomTooltip)("ngIfElse", _r4);
|
|
813
|
+
} }
|
|
814
|
+
function TooltipComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
|
|
815
|
+
i0.ɵɵelement(0, "dr-tooltip-default", 8);
|
|
816
|
+
} if (rf & 2) {
|
|
817
|
+
const ctx_r5 = i0.ɵɵnextContext();
|
|
818
|
+
i0.ɵɵproperty("content", ctx_r5.content)("theme", ctx_r5.theme);
|
|
748
819
|
} }
|
|
749
820
|
const _c0$N = function (a0) { return { "dr-tooltip": a0 }; };
|
|
750
821
|
class TooltipComponent {
|
|
751
822
|
constructor() {
|
|
752
823
|
this.isContentTemplate = false;
|
|
824
|
+
this.isCustomTooltip = false;
|
|
753
825
|
this.role = 'tooltip';
|
|
754
826
|
this.isMouseOn$ = new BehaviorSubject(false);
|
|
755
827
|
}
|
|
756
828
|
ngOnInit() {
|
|
757
829
|
this.isContentTemplate = this.content instanceof TemplateRef;
|
|
830
|
+
this.isCustomTooltip = typeof this.content === 'object' && !!this.content?.component;
|
|
758
831
|
}
|
|
759
832
|
setMouseOn() {
|
|
760
833
|
this.isMouseOn$.next(true);
|
|
@@ -767,11 +840,12 @@ class TooltipComponent {
|
|
|
767
840
|
i0.ɵɵlistener("mouseenter", function TooltipComponent_mouseenter_HostBindingHandler() { return ctx.setMouseOn(); })("mouseleave", function TooltipComponent_mouseleave_HostBindingHandler() { return ctx.unsetMouseOn(); });
|
|
768
841
|
} if (rf & 2) {
|
|
769
842
|
i0.ɵɵattribute("role", ctx.role);
|
|
770
|
-
} }, inputs: { content: "content", contentContext: "contentContext", position: "position", options: "options", class: "class", theme: "theme" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls:
|
|
843
|
+
} }, inputs: { content: "content", contentContext: "contentContext", position: "position", options: "options", class: "class", theme: "theme" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 7, vars: 8, consts: [[3, "ngClass"], ["class", "dr-tooltip-arrow", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["checkCustomTooltip", ""], ["defaultContent", ""], [1, "dr-tooltip-arrow"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "content"], [3, "content", "theme"]], template: function TooltipComponent_Template(rf, ctx) { if (rf & 1) {
|
|
771
844
|
i0.ɵɵelementStart(0, "div", 0);
|
|
772
845
|
i0.ɵɵtemplate(1, TooltipComponent_div_1_Template, 1, 0, "div", 1);
|
|
773
846
|
i0.ɵɵtemplate(2, TooltipComponent_ng_container_2_Template, 2, 2, "ng-container", 2);
|
|
774
847
|
i0.ɵɵtemplate(3, TooltipComponent_ng_template_3_Template, 1, 2, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
|
|
848
|
+
i0.ɵɵtemplate(5, TooltipComponent_ng_template_5_Template, 1, 2, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
|
|
775
849
|
i0.ɵɵelementEnd();
|
|
776
850
|
} if (rf & 2) {
|
|
777
851
|
const _r2 = i0.ɵɵreference(4);
|
|
@@ -781,11 +855,11 @@ class TooltipComponent {
|
|
|
781
855
|
i0.ɵɵproperty("ngIf", !(ctx.options == null ? null : ctx.options.withoutArrow));
|
|
782
856
|
i0.ɵɵadvance(1);
|
|
783
857
|
i0.ɵɵproperty("ngIf", ctx.isContentTemplate)("ngIfElse", _r2);
|
|
784
|
-
} }, dependencies: [CommonModule, i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, TooltipDefaultComponent], styles: ["[_nghost-%COMP%]{display:block;font-family:Poppins,sans-serif}.top[_ngcontent-%COMP%], .top-left[_ngcontent-%COMP%], .top-right.dr-tooltip[_ngcontent-%COMP%]{transform:translateY(-8px)}.bottom[_ngcontent-%COMP%], .bottom-left[_ngcontent-%COMP%], .bottom-right.dr-tooltip[_ngcontent-%COMP%]{transform:translateY(8px)}.left[_ngcontent-%COMP%], .left-top[_ngcontent-%COMP%], .left-bottom.dr-tooltip[_ngcontent-%COMP%]{transform:translate(-8px)}.right[_ngcontent-%COMP%], .right-top[_ngcontent-%COMP%], .right-bottom.dr-tooltip[_ngcontent-%COMP%]{transform:translate(8px)}.dr-tooltip[_ngcontent-%COMP%]{background:#fff;border:1px solid #cfd7dd;box-sizing:border-box;border-radius:8px;font-size:12px;color:#545a6b;max-width:80vw!important;box-shadow:0 2px 4px #9199b440}.dr-tooltip-arrow[_ngcontent-%COMP%]{border-width:8px}.dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip-arrow[_ngcontent-%COMP%]:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.dr-tooltip-arrow[_ngcontent-%COMP%]:after{content:\"\";border-width:8px}.top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .top-left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .top-right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{bottom:-16px;border-top-color:#cfd7dd!important}.top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .top-left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .top-right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after{bottom:-6px;left:-8px;border-top-color:#fff}.bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .bottom-left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .bottom-right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{top:-7px;border-top:none;border-bottom-color:#cfd7dd!important}.bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .bottom-left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .bottom-right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after{border-top:none;top:1px;left:-8px;border-bottom-color:#fff}.left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .left-top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .left-bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{right:-16px;border-left-color:#cfd7dd!important}.left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .left-top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .left-bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after{bottom:-8px;left:-9px;border-left-color:#fff}.right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .right-top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .right-bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{left:-16px;border-right-color:#cfd7dd!important}.right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .right-top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .right-bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after{bottom:-8px;left:-7px;border-right-color:#fff}.top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{left:calc(50% - 8px)}.bottom-left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .top-left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{left:8px}.bottom-right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .top-right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{right:8px}.left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{top:calc(50% - 8px)}.left-top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .
|
|
858
|
+
} }, dependencies: [CommonModule, i1.NgClass, i1.NgIf, i1.NgTemplateOutlet, TooltipDefaultComponent, TooltipCustomComponent], styles: ["[_nghost-%COMP%]{display:block;font-family:Poppins,sans-serif}.top[_ngcontent-%COMP%], .top-left[_ngcontent-%COMP%], .top-right.dr-tooltip[_ngcontent-%COMP%]{transform:translateY(-8px)}.bottom[_ngcontent-%COMP%], .bottom-left[_ngcontent-%COMP%], .bottom-right.dr-tooltip[_ngcontent-%COMP%]{transform:translateY(8px)}.left[_ngcontent-%COMP%], .left-top[_ngcontent-%COMP%], .left-bottom.dr-tooltip[_ngcontent-%COMP%]{transform:translate(-8px)}.right[_ngcontent-%COMP%], .right-top[_ngcontent-%COMP%], .right-bottom.dr-tooltip[_ngcontent-%COMP%]{transform:translate(8px)}.dr-tooltip[_ngcontent-%COMP%]{background:#fff;border:1px solid #cfd7dd;box-sizing:border-box;border-radius:8px;font-size:12px;color:#545a6b;max-width:80vw!important;box-shadow:0 2px 4px #9199b440}.dr-tooltip-arrow[_ngcontent-%COMP%]{border-width:8px}.dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip-arrow[_ngcontent-%COMP%]:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.dr-tooltip-arrow[_ngcontent-%COMP%]:after{content:\"\";border-width:8px}.top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .top-left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .top-right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{bottom:-16px;border-top-color:#cfd7dd!important}.top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .top-left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .top-right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after{bottom:-6px;left:-8px;border-top-color:#fff}.bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .bottom-left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .bottom-right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{top:-7px;border-top:none;border-bottom-color:#cfd7dd!important}.bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .bottom-left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .bottom-right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after{border-top:none;top:1px;left:-8px;border-bottom-color:#fff}.left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .left-top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .left-bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{right:-16px;border-left-color:#cfd7dd!important}.left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .left-top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .left-bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after{bottom:-8px;left:-9px;border-left-color:#fff}.right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .right-top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .right-bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{left:-16px;border-right-color:#cfd7dd!important}.right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .right-top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .right-bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after{bottom:-8px;left:-7px;border-right-color:#fff}.top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{left:calc(50% - 8px)}.bottom-left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .top-left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{left:8px}.bottom-right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .top-right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{right:8px}.left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{top:calc(50% - 8px)}.left-top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .right-top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{top:8px}.right-bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .left-bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{bottom:8px}.dr-tooltip.dark[_ngcontent-%COMP%]{background:#0c142bcc;border:none;border-radius:8px;color:#fff}.dr-tooltip.dark.top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.top-left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.top-right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{border-top-color:#0c142bcc!important}.dr-tooltip.dark.top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.top-left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.top-right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after{border-top-color:transparent}.dr-tooltip.dark.bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.bottom-left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.bottom-right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{border-bottom-color:#0c142bcc!important}.dr-tooltip.dark.bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.bottom-left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.bottom-right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after{border-bottom-color:transparent}.dr-tooltip.dark.left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.left-top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.left-bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{border-left-color:#0c142bcc!important}.dr-tooltip.dark.left[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.left-top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.left-bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after{border-left-color:transparent}.dr-tooltip.dark.right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.right-top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%], .dr-tooltip.dark.right-bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]{border-right-color:#0c142bcc!important}.dr-tooltip.dark.right[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.right-top[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after, .dr-tooltip.dark.right-bottom[_ngcontent-%COMP%] .dr-tooltip-arrow[_ngcontent-%COMP%]:after{border-right-color:transparent}"], data: { animation: [trigger('tooltip', POPUP_ANIMATION)] } }); }
|
|
785
859
|
}
|
|
786
860
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TooltipComponent, [{
|
|
787
861
|
type: Component,
|
|
788
|
-
args: [{ selector: 'dr-tooltip', animations: [trigger('tooltip', POPUP_ANIMATION)], standalone: true, imports: [CommonModule, TooltipDefaultComponent], template: "<div [class]=\"position + ' ' + class + ' ' + theme\" [ngClass]=\"{ 'dr-tooltip': !options?.withoutContainerStyles }\">\n <div *ngIf=\"!options?.withoutArrow\" class=\"dr-tooltip-arrow\"></div>\n <ng-container *ngIf=\"isContentTemplate; else
|
|
862
|
+
args: [{ selector: 'dr-tooltip', animations: [trigger('tooltip', POPUP_ANIMATION)], standalone: true, imports: [CommonModule, TooltipDefaultComponent, TooltipCustomComponent], template: "<div [class]=\"position + ' ' + class + ' ' + theme\" [ngClass]=\"{ 'dr-tooltip': !options?.withoutContainerStyles }\">\n <div *ngIf=\"!options?.withoutArrow\" class=\"dr-tooltip-arrow\"></div>\n\n <ng-container *ngIf=\"isContentTemplate; else checkCustomTooltip\">\n <ng-container *ngTemplateOutlet=\"content; context: contentContext\"></ng-container>\n </ng-container>\n\n <ng-template #checkCustomTooltip>\n <ng-container *ngIf=\"isCustomTooltip; else defaultContent\">\n <dr-tooltip-custom [content]=\"content\"></dr-tooltip-custom>\n </ng-container>\n </ng-template>\n\n <ng-template #defaultContent>\n <dr-tooltip-default [content]=\"content\" [theme]=\"theme\"></dr-tooltip-default>\n </ng-template>\n</div>\n", styles: [":host{display:block;font-family:Poppins,sans-serif}.top,.top-left,.top-right.dr-tooltip{transform:translateY(-8px)}.bottom,.bottom-left,.bottom-right.dr-tooltip{transform:translateY(8px)}.left,.left-top,.left-bottom.dr-tooltip{transform:translate(-8px)}.right,.right-top,.right-bottom.dr-tooltip{transform:translate(8px)}.dr-tooltip{background:#fff;border:1px solid #cfd7dd;box-sizing:border-box;border-radius:8px;font-size:12px;color:#545a6b;max-width:80vw!important;box-shadow:0 2px 4px #9199b440}.dr-tooltip-arrow{border-width:8px}.dr-tooltip-arrow,.dr-tooltip-arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.dr-tooltip-arrow:after{content:\"\";border-width:8px}.top .dr-tooltip-arrow,.top-left .dr-tooltip-arrow,.top-right .dr-tooltip-arrow{bottom:-16px;border-top-color:#cfd7dd!important}.top .dr-tooltip-arrow:after,.top-left .dr-tooltip-arrow:after,.top-right .dr-tooltip-arrow:after{bottom:-6px;left:-8px;border-top-color:#fff}.bottom .dr-tooltip-arrow,.bottom-left .dr-tooltip-arrow,.bottom-right .dr-tooltip-arrow{top:-7px;border-top:none;border-bottom-color:#cfd7dd!important}.bottom .dr-tooltip-arrow:after,.bottom-left .dr-tooltip-arrow:after,.bottom-right .dr-tooltip-arrow:after{border-top:none;top:1px;left:-8px;border-bottom-color:#fff}.left .dr-tooltip-arrow,.left-top .dr-tooltip-arrow,.left-bottom .dr-tooltip-arrow{right:-16px;border-left-color:#cfd7dd!important}.left .dr-tooltip-arrow:after,.left-top .dr-tooltip-arrow:after,.left-bottom .dr-tooltip-arrow:after{bottom:-8px;left:-9px;border-left-color:#fff}.right .dr-tooltip-arrow,.right-top .dr-tooltip-arrow,.right-bottom .dr-tooltip-arrow{left:-16px;border-right-color:#cfd7dd!important}.right .dr-tooltip-arrow:after,.right-top .dr-tooltip-arrow:after,.right-bottom .dr-tooltip-arrow:after{bottom:-8px;left:-7px;border-right-color:#fff}.top .dr-tooltip-arrow,.bottom .dr-tooltip-arrow{left:calc(50% - 8px)}.bottom-left .dr-tooltip-arrow,.top-left .dr-tooltip-arrow{left:8px}.bottom-right .dr-tooltip-arrow,.top-right .dr-tooltip-arrow{right:8px}.left .dr-tooltip-arrow,.right .dr-tooltip-arrow{top:calc(50% - 8px)}.left-top .dr-tooltip-arrow,.right-top .dr-tooltip-arrow{top:8px}.right-bottom .dr-tooltip-arrow,.left-bottom .dr-tooltip-arrow{bottom:8px}.dr-tooltip.dark{background:#0c142bcc;border:none;border-radius:8px;color:#fff}.dr-tooltip.dark.top .dr-tooltip-arrow,.dr-tooltip.dark.top-left .dr-tooltip-arrow,.dr-tooltip.dark.top-right .dr-tooltip-arrow{border-top-color:#0c142bcc!important}.dr-tooltip.dark.top .dr-tooltip-arrow:after,.dr-tooltip.dark.top-left .dr-tooltip-arrow:after,.dr-tooltip.dark.top-right .dr-tooltip-arrow:after{border-top-color:transparent}.dr-tooltip.dark.bottom .dr-tooltip-arrow,.dr-tooltip.dark.bottom-left .dr-tooltip-arrow,.dr-tooltip.dark.bottom-right .dr-tooltip-arrow{border-bottom-color:#0c142bcc!important}.dr-tooltip.dark.bottom .dr-tooltip-arrow:after,.dr-tooltip.dark.bottom-left .dr-tooltip-arrow:after,.dr-tooltip.dark.bottom-right .dr-tooltip-arrow:after{border-bottom-color:transparent}.dr-tooltip.dark.left .dr-tooltip-arrow,.dr-tooltip.dark.left-top .dr-tooltip-arrow,.dr-tooltip.dark.left-bottom .dr-tooltip-arrow{border-left-color:#0c142bcc!important}.dr-tooltip.dark.left .dr-tooltip-arrow:after,.dr-tooltip.dark.left-top .dr-tooltip-arrow:after,.dr-tooltip.dark.left-bottom .dr-tooltip-arrow:after{border-left-color:transparent}.dr-tooltip.dark.right .dr-tooltip-arrow,.dr-tooltip.dark.right-top .dr-tooltip-arrow,.dr-tooltip.dark.right-bottom .dr-tooltip-arrow{border-right-color:#0c142bcc!important}.dr-tooltip.dark.right .dr-tooltip-arrow:after,.dr-tooltip.dark.right-top .dr-tooltip-arrow:after,.dr-tooltip.dark.right-bottom .dr-tooltip-arrow:after{border-right-color:transparent}\n"] }]
|
|
789
863
|
}], null, { content: [{
|
|
790
864
|
type: Input
|
|
791
865
|
}], contentContext: [{
|
|
@@ -1169,7 +1243,7 @@ function DrInputComponent_button_7_Template(rf, ctx) { if (rf & 1) {
|
|
|
1169
1243
|
i0.ɵɵtextInterpolate1(" ", ctx_r5._buttonOptions.text, "\n");
|
|
1170
1244
|
} }
|
|
1171
1245
|
const _c3$7 = [[["", "prefixIcon", ""]], [["", "suffixIcon", ""]]];
|
|
1172
|
-
const _c4$
|
|
1246
|
+
const _c4$4 = ["[prefixIcon]", "[suffixIcon]"];
|
|
1173
1247
|
class DrInputComponent {
|
|
1174
1248
|
set disabled(value) {
|
|
1175
1249
|
this.setDisabledState(value);
|
|
@@ -1354,7 +1428,7 @@ class DrInputComponent {
|
|
|
1354
1428
|
useExisting: forwardRef((() => DrInputComponent)),
|
|
1355
1429
|
multi: true,
|
|
1356
1430
|
},
|
|
1357
|
-
])], ngContentSelectors: _c4$
|
|
1431
|
+
])], ngContentSelectors: _c4$4, decls: 8, vars: 5, consts: [[4, "ngIf", "ngIfElse"], ["maskedInput", ""], ["class", "clear-icon", 3, "click", 4, "ngIf"], ["class", "search-icon", 3, "click", 4, "ngIf"], [3, "click", 4, "ngIf"], [3, "ngModel", "disabled", "readonly", "type", "placeholder", "name", "min", "max", "minlength", "maxlength", "step", "ngModelChange", "ngModelDebounceChange", "blur", "focus"], ["inputRef", ""], [3, "ngModel", "disabled", "readonly", "type", "placeholder", "name", "min", "max", "minlength", "maxlength", "mask", "suffix", "prefix", "step", "ngModelChange", "ngModelDebounceChange", "blur", "focus"], [1, "clear-icon", 3, "click"], [1, "search-icon", 3, "click"], [3, "click"]], template: function DrInputComponent_Template(rf, ctx) { if (rf & 1) {
|
|
1358
1432
|
i0.ɵɵprojectionDef(_c3$7);
|
|
1359
1433
|
i0.ɵɵprojection(0);
|
|
1360
1434
|
i0.ɵɵtemplate(1, DrInputComponent_ng_container_1_Template, 3, 12, "ng-container", 0);
|
|
@@ -1460,7 +1534,7 @@ const _c0$L = ["labelTemplate"];
|
|
|
1460
1534
|
const _c1$k = ["multiLabelTemplate"];
|
|
1461
1535
|
const _c2$b = ["optionTemplate"];
|
|
1462
1536
|
const _c3$6 = ["optionHeaderTemplate"];
|
|
1463
|
-
const _c4$
|
|
1537
|
+
const _c4$3 = ["optionFooterTemplate"];
|
|
1464
1538
|
const _c5$3 = function (a0) { return { item: a0 }; };
|
|
1465
1539
|
function DrSelectComponent_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
|
|
1466
1540
|
i0.ɵɵelementContainer(0, 6);
|
|
@@ -1708,7 +1782,7 @@ class DrSelectComponent {
|
|
|
1708
1782
|
i0.ɵɵcontentQuery(dirIndex, _c1$k, 5);
|
|
1709
1783
|
i0.ɵɵcontentQuery(dirIndex, _c2$b, 5);
|
|
1710
1784
|
i0.ɵɵcontentQuery(dirIndex, _c3$6, 5);
|
|
1711
|
-
i0.ɵɵcontentQuery(dirIndex, _c4$
|
|
1785
|
+
i0.ɵɵcontentQuery(dirIndex, _c4$3, 5);
|
|
1712
1786
|
} if (rf & 2) {
|
|
1713
1787
|
let _t;
|
|
1714
1788
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.labelTemplate = _t.first);
|
|
@@ -5889,11 +5963,20 @@ class TooltipInfoComponent {
|
|
|
5889
5963
|
type: Input
|
|
5890
5964
|
}] }); })();
|
|
5891
5965
|
|
|
5892
|
-
const TOOLTIP_COMPONENTS = [
|
|
5966
|
+
const TOOLTIP_COMPONENTS = [
|
|
5967
|
+
TooltipDefaultComponent,
|
|
5968
|
+
TooltipInfoComponent,
|
|
5969
|
+
TooltipCustomComponent,
|
|
5970
|
+
TooltipComponent,
|
|
5971
|
+
DrTooltipDirective,
|
|
5972
|
+
];
|
|
5893
5973
|
class DrTooltipModule {
|
|
5894
5974
|
/** @nocollapse */ static { this.ɵfac = function DrTooltipModule_Factory(t) { return new (t || DrTooltipModule)(); }; }
|
|
5895
5975
|
/** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrTooltipModule }); }
|
|
5896
|
-
/** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [TooltipDefaultComponent,
|
|
5976
|
+
/** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [TooltipDefaultComponent,
|
|
5977
|
+
TooltipInfoComponent,
|
|
5978
|
+
TooltipCustomComponent,
|
|
5979
|
+
TooltipComponent] }); }
|
|
5897
5980
|
}
|
|
5898
5981
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrTooltipModule, [{
|
|
5899
5982
|
type: NgModule,
|
|
@@ -5902,7 +5985,15 @@ class DrTooltipModule {
|
|
|
5902
5985
|
exports: [...TOOLTIP_COMPONENTS],
|
|
5903
5986
|
}]
|
|
5904
5987
|
}], null, null); })();
|
|
5905
|
-
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrTooltipModule, { imports: [TooltipDefaultComponent,
|
|
5988
|
+
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrTooltipModule, { imports: [TooltipDefaultComponent,
|
|
5989
|
+
TooltipInfoComponent,
|
|
5990
|
+
TooltipCustomComponent,
|
|
5991
|
+
TooltipComponent,
|
|
5992
|
+
DrTooltipDirective], exports: [TooltipDefaultComponent,
|
|
5993
|
+
TooltipInfoComponent,
|
|
5994
|
+
TooltipCustomComponent,
|
|
5995
|
+
TooltipComponent,
|
|
5996
|
+
DrTooltipDirective] }); })();
|
|
5906
5997
|
|
|
5907
5998
|
const components$3 = [DrSpinnerComponent];
|
|
5908
5999
|
const directives = [DrSpinnerDirective];
|
|
@@ -6432,7 +6523,7 @@ function StepperComponent_ng_container_3_div_1_ng_container_11_Template(rf, ctx)
|
|
|
6432
6523
|
const _r6 = i0.ɵɵreference(8);
|
|
6433
6524
|
i0.ɵɵproperty("ngTemplateOutlet", _r6)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c3$5, index_r13, isLast_r14, step_r12));
|
|
6434
6525
|
} }
|
|
6435
|
-
const _c4$
|
|
6526
|
+
const _c4$2 = function (a0) { return { step: a0 }; };
|
|
6436
6527
|
const _c5$2 = function (a0, a1) { return { step: a0, index: a1 }; };
|
|
6437
6528
|
function StepperComponent_ng_container_3_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
6438
6529
|
const _r31 = i0.ɵɵgetCurrentView();
|
|
@@ -6463,7 +6554,7 @@ function StepperComponent_ng_container_3_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
6463
6554
|
i0.ɵɵclassProp("step-setup", ctx_r16.inlineLabels);
|
|
6464
6555
|
i0.ɵɵattribute("data-analytics", ctx_r16.getDataAnalyticsTag(step_r12));
|
|
6465
6556
|
i0.ɵɵadvance(1);
|
|
6466
|
-
i0.ɵɵproperty("drTooltip", step_r12.description && _r4)("drTooltipContext", i0.ɵɵpureFunction1(22, _c4$
|
|
6557
|
+
i0.ɵɵproperty("drTooltip", step_r12.description && _r4)("drTooltipContext", i0.ɵɵpureFunction1(22, _c4$2, step_r12))("drTooltipPosition", "bottom");
|
|
6467
6558
|
i0.ɵɵadvance(1);
|
|
6468
6559
|
i0.ɵɵclassProp("active", ctx_r16.currentStep === step_r12)("completed", step_r12.completed);
|
|
6469
6560
|
i0.ɵɵadvance(1);
|
|
@@ -7738,7 +7829,7 @@ function DrChatComponent_dr_chat_suggestions_7_Template(rf, ctx) { if (rf & 1) {
|
|
|
7738
7829
|
i0.ɵɵclassProp("chat__suggestions--full-height", ctx_r3.fullScreen && !(ctx_r3.messages == null ? null : ctx_r3.messages.length));
|
|
7739
7830
|
i0.ɵɵproperty("values", ctx_r3.suggestions)("fullScreen", ctx_r3.fullScreen)("waitForReply", ctx_r3.waitForReply)("buttonMode", !!(ctx_r3.messages == null ? null : ctx_r3.messages.length));
|
|
7740
7831
|
} }
|
|
7741
|
-
const _c4$
|
|
7832
|
+
const _c4$1 = [[["dr-chat-alert"]], [["dr-chat-form"]], [["dr-ai-search-input"]], [["", "drChatFormInput", ""]], [["dr-chat-message"]]];
|
|
7742
7833
|
const _c5$1 = ["dr-chat-alert", "dr-chat-form", "dr-ai-search-input", "[drChatFormInput]", "dr-chat-message"];
|
|
7743
7834
|
class DrChatComponent {
|
|
7744
7835
|
set contentUpdateSubject(value) {
|
|
@@ -7838,7 +7929,7 @@ class DrChatComponent {
|
|
|
7838
7929
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.messagesContainer = _t.first);
|
|
7839
7930
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._chatSuggestions = _t.first);
|
|
7840
7931
|
} }, inputs: { fullScreen: "fullScreen", noMessagesPlaceholder: "noMessagesPlaceholder", contentUpdateSubject: "contentUpdateSubject", scrollBottom: "scrollBottom", suggestions: "suggestions", reopen: "reopen", waitForReply: "waitForReply", scrollDelay: "scrollDelay" }, outputs: { suggestionSelect: "suggestionSelect" }, features: [i0.ɵɵProvidersFeature([DrChatCustomMessageService])], ngContentSelectors: _c5$1, decls: 12, vars: 6, consts: [[1, "chat"], [1, "chat__sticky-top"], [3, "ngTemplateOutlet", 4, "ngIf"], [1, "chat__alert"], ["class", "chat__empty-state", 4, "ngIf"], ["class", "chat__messages", 4, "ngIf"], ["class", "chat__suggestions", 3, "values", "fullScreen", "waitForReply", "chat__suggestions--full-height", "buttonMode", "suggestionSelect", 4, "ngIf"], [1, "form"], [3, "ngTemplateOutlet"], [1, "chat__empty-state"], [1, "chat__empty-state__text"], [1, "chat__messages"], [1, "chat__messages__container"], ["messagesContainer", ""], [1, "chat__suggestions", 3, "values", "fullScreen", "waitForReply", "buttonMode", "suggestionSelect"]], template: function DrChatComponent_Template(rf, ctx) { if (rf & 1) {
|
|
7841
|
-
i0.ɵɵprojectionDef(_c4$
|
|
7932
|
+
i0.ɵɵprojectionDef(_c4$1);
|
|
7842
7933
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
7843
7934
|
i0.ɵɵtemplate(2, DrChatComponent_ng_container_2_Template, 1, 1, "ng-container", 2);
|
|
7844
7935
|
i0.ɵɵelementStart(3, "div", 3);
|
|
@@ -7937,7 +8028,7 @@ function DrChatFormDropdownComponent_dr_dot_flashing_15_Template(rf, ctx) { if (
|
|
|
7937
8028
|
} }
|
|
7938
8029
|
const _c2$5 = ["*", [["", "dropItem", ""]]];
|
|
7939
8030
|
const _c3$3 = function (a0) { return { "message-row_loading": a0 }; };
|
|
7940
|
-
const _c4
|
|
8031
|
+
const _c4 = function (a0, a1) { return { "message-row__input--focused": a0, "message-row__input--filled": a1 }; };
|
|
7941
8032
|
const _c5 = ["*", "[dropItem]"];
|
|
7942
8033
|
class DrChatFormDropdownComponent {
|
|
7943
8034
|
constructor(cdr, domSanitizer) {
|
|
@@ -8132,7 +8223,7 @@ class DrChatFormDropdownComponent {
|
|
|
8132
8223
|
let tmp_1_0;
|
|
8133
8224
|
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c3$3, ctx.isUploadingFiles));
|
|
8134
8225
|
i0.ɵɵadvance(1);
|
|
8135
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(17, _c4
|
|
8226
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(17, _c4, ctx.inputFocus, !!(ctx.message == null ? null : (tmp_1_0 = ctx.message.trim()) == null ? null : tmp_1_0.length) || !!i0.ɵɵpipeBind1(2, 11, ctx.droppedFiles$).length));
|
|
8136
8227
|
i0.ɵɵadvance(2);
|
|
8137
8228
|
i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(4, 13, ctx.droppedFiles$).length);
|
|
8138
8229
|
i0.ɵɵadvance(3);
|
|
@@ -10205,7 +10296,6 @@ function DrDropdownComponent_dr_dropdown_item_4_ng_container_3_Template(rf, ctx)
|
|
|
10205
10296
|
const act_r2 = i0.ɵɵnextContext().$implicit;
|
|
10206
10297
|
i0.ɵɵproperty("ngTemplateOutlet", act_r2.templateRef)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c1$b, act_r2));
|
|
10207
10298
|
} }
|
|
10208
|
-
const _c2$4 = function () { return { withoutArrow: true }; };
|
|
10209
10299
|
function DrDropdownComponent_dr_dropdown_item_4_Template(rf, ctx) { if (rf & 1) {
|
|
10210
10300
|
const _r20 = i0.ɵɵgetCurrentView();
|
|
10211
10301
|
i0.ɵɵelementStart(0, "dr-dropdown-item", 4);
|
|
@@ -10218,7 +10308,7 @@ function DrDropdownComponent_dr_dropdown_item_4_Template(rf, ctx) { if (rf & 1)
|
|
|
10218
10308
|
const act_r2 = ctx.$implicit;
|
|
10219
10309
|
const index_r3 = ctx.index;
|
|
10220
10310
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
10221
|
-
i0.ɵɵproperty("drTooltip", ctx_r1.tooltipToShow(act_r2))("drTooltipPosition", "
|
|
10311
|
+
i0.ɵɵproperty("drTooltip", ctx_r1.tooltipToShow(act_r2))("drTooltipPosition", ctx_r1.getTooltipPosition(act_r2))("drTooltipOptions", ctx_r1.getTooltipOptions(act_r2))("drTooltipTheme", ctx_r1.getTooltipTheme(act_r2))("drTooltipMousleaveTimeout", ctx_r1.getTooltipMousleaveTimeout(act_r2))("drTooltipMouseEnterTimeout", ctx_r1.getTooltipMouseEnterTimeout(act_r2))("drTooltipClass", "dr-dropdown__tooltip")("drDropdown", ctx_r1.hasChildren(act_r2) && act_r2.children)("drDropdownClass", act_r2.childOptions == null ? null : act_r2.childOptions.class)("drDropdownInHover", true)("drDropdownPosition", act_r2.childOptions == null ? null : act_r2.childOptions.position)("disabled", ctx_r1.disabled(act_r2))("selected", ctx_r1.selected(act_r2))("divider", act_r2.separateLine);
|
|
10222
10312
|
i0.ɵɵattribute("data-analytics", ctx_r1.getDataAnalyticsTag(act_r2, index_r3));
|
|
10223
10313
|
i0.ɵɵadvance(1);
|
|
10224
10314
|
i0.ɵɵproperty("ngIf", !act_r2.templateRef);
|
|
@@ -10227,9 +10317,29 @@ function DrDropdownComponent_dr_dropdown_item_4_Template(rf, ctx) { if (rf & 1)
|
|
|
10227
10317
|
i0.ɵɵadvance(1);
|
|
10228
10318
|
i0.ɵɵproperty("ngIf", act_r2.templateRef);
|
|
10229
10319
|
} }
|
|
10230
|
-
const
|
|
10231
|
-
const
|
|
10320
|
+
const _c2$4 = [[["dr-dropdown-item"]]];
|
|
10321
|
+
const _c3$2 = ["dr-dropdown-item"];
|
|
10232
10322
|
class DrDropdownComponent {
|
|
10323
|
+
constructor() {
|
|
10324
|
+
this.cdr = inject(ChangeDetectorRef);
|
|
10325
|
+
this.popoverRef = inject(DrPopoverRef, { optional: true });
|
|
10326
|
+
this.dropdownInstanceService = inject(DropdownInstanceService, { optional: true });
|
|
10327
|
+
this.drDropdownInHoverChange$ = new Subject();
|
|
10328
|
+
this.destroy$ = new Subject();
|
|
10329
|
+
this._active = true;
|
|
10330
|
+
this.list = [];
|
|
10331
|
+
this.wasHovered = false;
|
|
10332
|
+
this.asChild = false;
|
|
10333
|
+
this.onAction = new EventEmitter();
|
|
10334
|
+
if (!this.dropdownInstanceService)
|
|
10335
|
+
return;
|
|
10336
|
+
this.dropdownInstanceService.register(this);
|
|
10337
|
+
inject(DestroyRef).onDestroy(() => {
|
|
10338
|
+
this.dropdownInstanceService.unregister(this);
|
|
10339
|
+
this.destroy$.next();
|
|
10340
|
+
this.destroy$.next();
|
|
10341
|
+
});
|
|
10342
|
+
}
|
|
10233
10343
|
set options(data) {
|
|
10234
10344
|
if (data) {
|
|
10235
10345
|
this.drDropdownInHover = data.drDropdownInHover;
|
|
@@ -10255,31 +10365,17 @@ class DrDropdownComponent {
|
|
|
10255
10365
|
}
|
|
10256
10366
|
}
|
|
10257
10367
|
}
|
|
10258
|
-
constructor() {
|
|
10259
|
-
this.cdr = inject(ChangeDetectorRef);
|
|
10260
|
-
this.popoverRef = inject(DrPopoverRef, { optional: true });
|
|
10261
|
-
this.dropdownInstanceService = inject(DropdownInstanceService, { optional: true });
|
|
10262
|
-
this.destroy$ = new Subject();
|
|
10263
|
-
this._active = true;
|
|
10264
|
-
this.drDropdownInHoverChange$ = new Subject();
|
|
10265
|
-
this.list = [];
|
|
10266
|
-
this.wasHovered = false;
|
|
10267
|
-
this.asChild = false;
|
|
10268
|
-
this.onAction = new EventEmitter();
|
|
10269
|
-
if (!this.dropdownInstanceService)
|
|
10270
|
-
return;
|
|
10271
|
-
this.dropdownInstanceService.register(this);
|
|
10272
|
-
inject(DestroyRef).onDestroy(() => {
|
|
10273
|
-
this.dropdownInstanceService.unregister(this);
|
|
10274
|
-
this.destroy$.next();
|
|
10275
|
-
this.destroy$.next();
|
|
10276
|
-
});
|
|
10277
|
-
}
|
|
10278
10368
|
ngOnChanges(changes) {
|
|
10279
10369
|
if (!changes?.drDropdownInHover?.isFirstChange()) {
|
|
10280
10370
|
this.drDropdownInHoverChange$.next();
|
|
10281
10371
|
}
|
|
10282
10372
|
}
|
|
10373
|
+
onMouseleave() {
|
|
10374
|
+
this._active = false;
|
|
10375
|
+
}
|
|
10376
|
+
active() {
|
|
10377
|
+
return this._active;
|
|
10378
|
+
}
|
|
10283
10379
|
disabled(act) {
|
|
10284
10380
|
if (!act.disabled) {
|
|
10285
10381
|
return false;
|
|
@@ -10303,9 +10399,45 @@ class DrDropdownComponent {
|
|
|
10303
10399
|
}
|
|
10304
10400
|
}
|
|
10305
10401
|
tooltipToShow(act) {
|
|
10306
|
-
if (act.toolTipIfDisabled && !this.disabled(act))
|
|
10402
|
+
if (act.toolTipIfDisabled && !this.disabled(act)) {
|
|
10307
10403
|
return '';
|
|
10308
|
-
|
|
10404
|
+
}
|
|
10405
|
+
if (act.customTooltip) {
|
|
10406
|
+
return act.customTooltip(act.data);
|
|
10407
|
+
}
|
|
10408
|
+
if (act.toolTip) {
|
|
10409
|
+
return act.toolTip;
|
|
10410
|
+
}
|
|
10411
|
+
return '';
|
|
10412
|
+
}
|
|
10413
|
+
getTooltipOptions(act) {
|
|
10414
|
+
const customOptions = this.getCustomTooltipComponent(act)?.options;
|
|
10415
|
+
if (!customOptions)
|
|
10416
|
+
return { withoutArrow: true };
|
|
10417
|
+
return {
|
|
10418
|
+
withoutArrow: customOptions.withoutArrow,
|
|
10419
|
+
withoutContainerStyles: customOptions.withoutContainerStyles,
|
|
10420
|
+
};
|
|
10421
|
+
}
|
|
10422
|
+
getTooltipPosition(act) {
|
|
10423
|
+
return this.getCustomTooltipComponent(act)?.options?.position ?? 'left';
|
|
10424
|
+
}
|
|
10425
|
+
getTooltipTheme(act) {
|
|
10426
|
+
return this.getCustomTooltipComponent(act)?.options?.theme ?? TooltipTheme.LIGHT;
|
|
10427
|
+
}
|
|
10428
|
+
getTooltipMousleaveTimeout(act) {
|
|
10429
|
+
return this.getCustomTooltipComponent(act)?.options?.drTooltipMousleaveTimeout ?? 0;
|
|
10430
|
+
}
|
|
10431
|
+
getTooltipMouseEnterTimeout(act) {
|
|
10432
|
+
return this.getCustomTooltipComponent(act)?.options?.drTooltipMouseEnterTimeout ?? 0;
|
|
10433
|
+
}
|
|
10434
|
+
getCustomTooltipComponent(act) {
|
|
10435
|
+
if (act.customTooltip) {
|
|
10436
|
+
const result = act.customTooltip(act.data);
|
|
10437
|
+
if (typeof result !== 'string')
|
|
10438
|
+
return result;
|
|
10439
|
+
}
|
|
10440
|
+
return null;
|
|
10309
10441
|
}
|
|
10310
10442
|
action(act) {
|
|
10311
10443
|
if (!this.disabled(act)) {
|
|
@@ -10329,12 +10461,6 @@ class DrDropdownComponent {
|
|
|
10329
10461
|
this.wasHovered = true;
|
|
10330
10462
|
this._active = true;
|
|
10331
10463
|
}
|
|
10332
|
-
onMouseleave() {
|
|
10333
|
-
this._active = false;
|
|
10334
|
-
}
|
|
10335
|
-
active() {
|
|
10336
|
-
return this._active;
|
|
10337
|
-
}
|
|
10338
10464
|
getDataAnalyticsTag(act, index) {
|
|
10339
10465
|
return act.dataAnalytics
|
|
10340
10466
|
? act.dataAnalytics
|
|
@@ -10348,12 +10474,12 @@ class DrDropdownComponent {
|
|
|
10348
10474
|
} if (rf & 2) {
|
|
10349
10475
|
let _t;
|
|
10350
10476
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.menuContainer = _t.first);
|
|
10351
|
-
} }, inputs: { options: "options" }, outputs: { onAction: "action" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors:
|
|
10352
|
-
i0.ɵɵprojectionDef(
|
|
10477
|
+
} }, inputs: { options: "options" }, outputs: { onAction: "action" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c3$2, decls: 6, vars: 5, consts: [[1, "dr-dropdown"], ["menuContainer", ""], ["tabindex", "-1", "role", "listbox", 1, "dr-dropdown__container", 3, "mouseenter", "mouseleave"], ["drDropdownChild", "", "tabindex", "0", 3, "drTooltip", "drTooltipPosition", "drTooltipOptions", "drTooltipTheme", "drTooltipMousleaveTimeout", "drTooltipMouseEnterTimeout", "drTooltipClass", "drDropdown", "drDropdownClass", "drDropdownInHover", "drDropdownPosition", "disabled", "selected", "divider", "mousedown", 4, "ngFor", "ngForOf"], ["drDropdownChild", "", "tabindex", "0", 3, "drTooltip", "drTooltipPosition", "drTooltipOptions", "drTooltipTheme", "drTooltipMousleaveTimeout", "drTooltipMouseEnterTimeout", "drTooltipClass", "drDropdown", "drDropdownClass", "drDropdownInHover", "drDropdownPosition", "disabled", "selected", "divider", "mousedown"], ["dropdownItemContent", "", 4, "ngIf"], ["dropdownItemActions", "", 4, "ngIf"], ["dropdownItemContent", "", 3, "ngTemplateOutlet", "ngTemplateOutletContext", 4, "ngIf"], ["dropdownItemContent", ""], ["class", "dr-dropdown__icon", 3, "class", 4, "ngIf"], [1, "dr-dropdown__text"], [1, "dr-dropdown__icon"], ["dropdownItemActions", ""], [3, "class", "showOnHover", "mousedown", 4, "ngFor", "ngForOf"], ["class", "dr-icon-arrow-right", 4, "ngIf"], [3, "mousedown"], [1, "dr-icon-arrow-right"], ["dropdownItemContent", "", 3, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function DrDropdownComponent_Template(rf, ctx) { if (rf & 1) {
|
|
10478
|
+
i0.ɵɵprojectionDef(_c2$4);
|
|
10353
10479
|
i0.ɵɵelementStart(0, "div", 0, 1)(2, "div", 2);
|
|
10354
10480
|
i0.ɵɵlistener("mouseenter", function DrDropdownComponent_Template_div_mouseenter_2_listener() { return ctx.onMouseenter(); })("mouseleave", function DrDropdownComponent_Template_div_mouseleave_2_listener() { return ctx.onMouseleave(); });
|
|
10355
10481
|
i0.ɵɵprojection(3);
|
|
10356
|
-
i0.ɵɵtemplate(4, DrDropdownComponent_dr_dropdown_item_4_Template, 4,
|
|
10482
|
+
i0.ɵɵtemplate(4, DrDropdownComponent_dr_dropdown_item_4_Template, 4, 18, "dr-dropdown-item", 3);
|
|
10357
10483
|
i0.ɵɵpipe(5, "drDropdownItemShowPipe");
|
|
10358
10484
|
i0.ɵɵelementEnd()();
|
|
10359
10485
|
} if (rf & 2) {
|
|
@@ -10370,7 +10496,7 @@ __decorate([
|
|
|
10370
10496
|
], DrDropdownComponent.prototype, "onMouseleave", null);
|
|
10371
10497
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrDropdownComponent, [{
|
|
10372
10498
|
type: Component,
|
|
10373
|
-
args: [{ selector: 'dr-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #menuContainer [class]=\"containerClass\" class=\"dr-dropdown\">\n <div class=\"dr-dropdown__container\" (mouseenter)=\"onMouseenter()\" (mouseleave)=\"onMouseleave()\" tabindex=\"-1\" role=\"listbox\">\n <ng-content select=\"dr-dropdown-item\"></ng-content>\n\n <dr-dropdown-item\n *ngFor=\"let act of list | drDropdownItemShowPipe; let index = index\"\n (mousedown)=\"action(act)\"\n [drTooltip]=\"tooltipToShow(act)\"\n [drTooltipPosition]=\"
|
|
10499
|
+
args: [{ selector: 'dr-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #menuContainer [class]=\"containerClass\" class=\"dr-dropdown\">\n <div class=\"dr-dropdown__container\" (mouseenter)=\"onMouseenter()\" (mouseleave)=\"onMouseleave()\" tabindex=\"-1\" role=\"listbox\">\n <ng-content select=\"dr-dropdown-item\"></ng-content>\n\n <dr-dropdown-item\n *ngFor=\"let act of list | drDropdownItemShowPipe; let index = index\"\n (mousedown)=\"action(act)\"\n [drTooltip]=\"tooltipToShow(act)\"\n [drTooltipPosition]=\"getTooltipPosition(act)\"\n [drTooltipOptions]=\"getTooltipOptions(act)\"\n [drTooltipTheme]=\"getTooltipTheme(act)\"\n [drTooltipMousleaveTimeout]=\"getTooltipMousleaveTimeout(act)\"\n [drTooltipMouseEnterTimeout]=\"getTooltipMouseEnterTimeout(act)\"\n [drTooltipClass]=\"'dr-dropdown__tooltip'\"\n [drDropdown]=\"hasChildren(act) && act.children\"\n [drDropdownClass]=\"act.childOptions?.class\"\n [drDropdownInHover]=\"true\"\n [drDropdownPosition]=\"act.childOptions?.position\"\n drDropdownChild\n [disabled]=\"disabled(act)\"\n [selected]=\"selected(act)\"\n [divider]=\"act.separateLine\"\n [attr.data-analytics]=\"getDataAnalyticsTag(act, index)\"\n tabindex=\"0\">\n <ng-container dropdownItemContent *ngIf=\"!act.templateRef\">\n <i *ngIf=\"act.icon\" [class]=\"act.icon\" class=\"dr-dropdown__icon\"></i>\n <span class=\"dr-dropdown__text\">{{ act.title }}</span>\n </ng-container>\n\n <ng-container dropdownItemActions *ngIf=\"!act.templateRef\">\n <i\n *ngFor=\"let actionIcon of act.actionIcons\"\n [attr.data-analytics]=\"getDataAnalyticsTag(actionIcon, index)\"\n [class]=\"actionIcon.icon\"\n [class.showOnHover]=\"actionIcon.showOnHover\"\n (mousedown)=\"onActionIconClick($event, actionIcon, act.data)\"></i>\n <i *ngIf=\"hasChildren(act)\" class=\"dr-icon-arrow-right\"></i>\n </ng-container>\n\n <ng-container\n *ngIf=\"act.templateRef\"\n dropdownItemContent\n [ngTemplateOutlet]=\"act.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: act }\">\n </ng-container>\n </dr-dropdown-item>\n </div>\n</div>\n", styles: ["::ng-deep .dr-dropdown__item .dr-dropdown{visibility:hidden;transition-delay:.2s}::ng-deep .dr-dropdown__item:hover>*>.dr-dropdown{visibility:visible;transition-delay:0s}::ng-deep .dr-dropdown__tooltip>.default-content{max-width:300px;white-space:normal!important}.dr-dropdown{width:auto}.dr-dropdown__text{overflow:hidden;text-overflow:ellipsis;flex:1}.dr-dropdown__container{display:flex;flex-direction:column;background:#fff;padding:8px 0;overflow-y:auto;max-height:60vh;max-width:300px}.dr-dropdown__icon{margin-right:8px}.dr-dropdown i:not(:first-child):hover{color:#4646ce}.dr-dropdown dr-dropdown-item:hover .showOnHover{visibility:visible}.dr-dropdown .showOnHover{visibility:hidden}\n"] }]
|
|
10374
10500
|
}], function () { return []; }, { menuContainer: [{
|
|
10375
10501
|
type: ViewChild,
|
|
10376
10502
|
args: ['menuContainer', { static: true }]
|
|
@@ -14279,11 +14405,11 @@ class EmojiPickerComponent {
|
|
|
14279
14405
|
} if (rf & 2) {
|
|
14280
14406
|
const _r1 = i0.ɵɵreference(2);
|
|
14281
14407
|
i0.ɵɵproperty("ngIf", ctx.mode === ctx.EmojiPickerMode.BUTTON)("ngIfElse", _r1);
|
|
14282
|
-
} }, dependencies: [DrButtonComponent, PickerComponent, CdkOverlayOrigin, CdkConnectedOverlay, NgIf, NgTemplateOutlet], styles: [".emoji-picker-popup[_ngcontent-%COMP%]{position:relative;overflow:hidden;margin-top:8px;z-index:1000;box-shadow:0 2px 36px #00000026;border-radius:12px}.emoji-picker-popup-section[_ngcontent-%COMP%]{display:block}.emoji-picker-popup-section[_ngcontent-%COMP%] section.emoji-mart{border-color:transparent}"], changeDetection: 0 }); }
|
|
14408
|
+
} }, dependencies: [DrButtonComponent, PickerComponent, CdkOverlayOrigin, CdkConnectedOverlay, NgIf, NgTemplateOutlet], styles: [".emoji-picker-popup[_ngcontent-%COMP%]{position:relative;overflow:hidden;margin-top:8px;z-index:1000;box-shadow:0 2px 36px #00000026;border-radius:12px}.emoji-picker-popup[_ngcontent-%COMP%] .emoji-picker-section[_ngcontent-%COMP%]{display:block}.emoji-picker-popup[_ngcontent-%COMP%] .emoji-picker-section[_ngcontent-%COMP%] section.emoji-mart{border-color:transparent}"], changeDetection: 0 }); }
|
|
14283
14409
|
}
|
|
14284
14410
|
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EmojiPickerComponent, [{
|
|
14285
14411
|
type: Component,
|
|
14286
|
-
args: [{ selector: 'dr-emoji-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DrButtonComponent, PickerComponent, CdkOverlayOrigin, CdkConnectedOverlay, NgIf, NgTemplateOutlet], template: "<ng-container *ngIf=\"mode === EmojiPickerMode.BUTTON; else flatTpl\">\n <dr-button\n #emojiButton\n theme=\"icon\"\n icon=\"dr-icon-emoji-smiley\"\n cdkOverlayOrigin\n #trigger=\"cdkOverlayOrigin\"\n (click)=\"toggleEmojiPicker()\"></dr-button>\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"emojisOpened\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n [cdkConnectedOverlayBackdropClass]=\"'emoji-modal-backdrop'\"\n (backdropClick)=\"closeEmojiPicker()\">\n <div class=\"emoji-picker-popup\">\n <ng-container *ngTemplateOutlet=\"flatTpl\"></ng-container>\n </div>\n </ng-template>\n</ng-container>\n\n<ng-template #flatTpl>\n <!-- See details here: https://github.com/scttcper/ngx-emoji-mart -->\n <emoji-mart\n emoji=\"thumbsup\"\n color=\"#0D99FF\"\n [darkMode]=\"false\"\n (emojiSelect)=\"onEmojiSelected($event)\"\n class=\"emoji-picker-section\"></emoji-mart>\n</ng-template>\n", styles: [".emoji-picker-popup{position:relative;overflow:hidden;margin-top:8px;z-index:1000;box-shadow:0 2px 36px #00000026;border-radius:12px}.emoji-picker-popup-section{display:block}.emoji-picker-popup-section ::ng-deep section.emoji-mart{border-color:transparent}\n"] }]
|
|
14412
|
+
args: [{ selector: 'dr-emoji-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DrButtonComponent, PickerComponent, CdkOverlayOrigin, CdkConnectedOverlay, NgIf, NgTemplateOutlet], template: "<ng-container *ngIf=\"mode === EmojiPickerMode.BUTTON; else flatTpl\">\n <dr-button\n #emojiButton\n theme=\"icon\"\n icon=\"dr-icon-emoji-smiley\"\n cdkOverlayOrigin\n #trigger=\"cdkOverlayOrigin\"\n (click)=\"toggleEmojiPicker()\"></dr-button>\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"emojisOpened\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n [cdkConnectedOverlayBackdropClass]=\"'emoji-modal-backdrop'\"\n (backdropClick)=\"closeEmojiPicker()\">\n <div class=\"emoji-picker-popup\">\n <ng-container *ngTemplateOutlet=\"flatTpl\"></ng-container>\n </div>\n </ng-template>\n</ng-container>\n\n<ng-template #flatTpl>\n <!-- See details here: https://github.com/scttcper/ngx-emoji-mart -->\n <emoji-mart\n emoji=\"thumbsup\"\n color=\"#0D99FF\"\n [darkMode]=\"false\"\n (emojiSelect)=\"onEmojiSelected($event)\"\n class=\"emoji-picker-section\"></emoji-mart>\n</ng-template>\n", styles: [".emoji-picker-popup{position:relative;overflow:hidden;margin-top:8px;z-index:1000;box-shadow:0 2px 36px #00000026;border-radius:12px}.emoji-picker-popup .emoji-picker-section{display:block}.emoji-picker-popup .emoji-picker-section ::ng-deep section.emoji-mart{border-color:transparent}\n"] }]
|
|
14287
14413
|
}], null, { mode: [{
|
|
14288
14414
|
type: Input
|
|
14289
14415
|
}], emojiSelected: [{
|