@morozeckiy/dd-lib 0.9.1 → 0.9.3

package/assets/scss/common.scss

@@ -265,11 +265,11 @@ html {
 
 .cdk-overlay-pane {
   &.right {
-    margin-left: 35px;
+    margin-left: 8px;
   }
 
   &.left {
-    margin-right: 35px;
+    margin-right: 8px;
   }
 
   &.top {

package/fesm2022/morozeckiy-dd-lib.mjs

@@ -933,32 +933,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                 }] }] });
 
 const TOOLTIP_RIGHT = {
-    originX: 'start',
-    originY: 'center',
-    overlayX: 'start',
+    originX: 'end', // привязываемся к правому краю элемента
+    originY: 'center', // по центру по вертикали
+    overlayX: 'start', // overlay начинается с левого края
     overlayY: 'center',
     panelClass: 'right',
+    offsetX: 8, // небольшой отступ
 };
 const TOOLTIP_BOTTOM = {
     originX: 'center',
-    originY: 'bottom',
+    originY: 'bottom', // привязываемся к нижнему краю элемента
     overlayX: 'center',
-    overlayY: 'top',
+    overlayY: 'top', // overlay привязывается сверху
     panelClass: 'bottom',
+    offsetY: 8,
 };
 const TOOLTIP_TOP = {
     originX: 'center',
-    originY: 'top',
+    originY: 'top', // привязываемся к верхнему краю элемента
     overlayX: 'center',
-    overlayY: 'bottom',
+    overlayY: 'bottom', // overlay привязывается снизу
     panelClass: 'top',
+    offsetY: -8,
 };
 const TOOLTIP_LEFT = {
-    originX: 'end',
+    originX: 'start', // привязываемся к левому краю элемента
     originY: 'center',
-    overlayX: 'end',
+    overlayX: 'end', // overlay привязывается справа
     overlayY: 'center',
     panelClass: 'left',
+    offsetX: -8,
 };
 class TooltipDirective {
     set position(p) {
@@ -994,8 +998,9 @@ class TooltipDirective {
         }
         const clickedInside = this.element.nativeElement.contains(targetElement.target);
         if (!clickedInside) {
-            if (this.overlayRef?.hasAttached() === true) {
-                this.overlayRef?.detach();
+            if (this.overlayRef?.hasAttached()) {
+                this.overlayRef.dispose();
+                this.overlayRef = null;
             }
         }
     }
@@ -1003,12 +1008,9 @@ class TooltipDirective {
         if (!this.ddTooltip) {
             return;
         }
-        const overlay = document.getElementsByClassName('cdk-overlay-container')?.[0];
-        if (overlay && overlay.firstChild) {
-            overlay.removeChild(overlay.firstChild);
-        }
-        if (this.overlayRef?.hasAttached() === true) {
-            this.overlayRef?.detach();
+        if (this.overlayRef?.hasAttached()) {
+            this.overlayRef.dispose();
+            this.overlayRef = null;
             return;
         }
         this.attachTooltip();
@@ -1029,18 +1031,23 @@ class TooltipDirective {
         if (this.withClick) {
             return;
         }
-        if (this.overlayRef?.hasAttached() === true) {
-            this.overlayRef?.detach();
+        this.detachOverlay();
+    }
+    detachOverlay() {
+        if (this.overlayRef?.hasAttached()) {
+            this.overlayRef.detach();
         }
     }
     ngOnDestroy() {
         this.overlayRef?.dispose();
     }
     attachTooltip() {
-        if (this.overlayRef === null) {
-            const positionStrategy = this.getPositionStrategy();
-            this.overlayRef = this.overlay.create({ positionStrategy });
+        if (this.overlayRef) {
+            this.overlayRef.dispose();
+            this.overlayRef = null;
         }
+        const positionStrategy = this.getPositionStrategy();
+        this.overlayRef = this.overlay.create({ positionStrategy });
         const injector = Injector.create({
             providers: [
                 {
@@ -2010,36 +2017,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                 type: Input
             }] } });
 
-class ModalQuestionComponent {
-    constructor() {
-        this.borderMobile = false;
-        this.showLoader = false;
-        this.btnAccept = 'Подтвердить';
-        this.btnCancel = 'Отменить';
-        this.dialog = inject((DDDialogRef));
-    }
-    onKeydownComponent(event) {
-        if (event.key === 'Escape' || event.key === 'Esc') {
-            this.destroy();
-        }
-    }
-    close(accept) {
-        this.dialog.close(accept);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ModalQuestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: ModalQuestionComponent, isStandalone: true, selector: "dd-modal-question", host: { listeners: { "document:keydown": "onKeydownComponent($event)" } }, ngImport: i0, template: "<div class=\"popup\" [class.border-mobile]=\"borderMobile\">\r\n\r\n  <div (click)=\"close()\" class=\"popup__close\"></div>\r\n  <div class=\"popup__content\">\r\n    <div class=\"flex-column gap-16\">\r\n      <div class=\"h5-title\" [innerHTML]=\"modalTitle\"></div>\r\n      <div class=\"text-plain\" [innerHTML]=\"modalText\"></div>\r\n    </div>\r\n    <div class=\"d-flex justify-between full-width\">\r\n      <dd-lib-button>{{btnAccept}}</dd-lib-button>\r\n      <dd-lib-button btnColor=\"white\">{{btnCancel}}</dd-lib-button>\r\n    </div>\r\n  </div>\r\n\r\n  @if (showLoader) {\r\n    <div class=\"loader-modal\">\r\n      <dd-lib-loader size=\"giant\"></dd-lib-loader>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: LibLoaderComponent, selector: "dd-lib-loader", inputs: ["color", "size"] }, { kind: "component", type: LibButtonComponent, selector: "dd-lib-button", inputs: ["noPadding", "loaderColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ModalQuestionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'dd-modal-question', imports: [
-                        LibLoaderComponent,
-                        LibButtonComponent
-                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"popup\" [class.border-mobile]=\"borderMobile\">\r\n\r\n  <div (click)=\"close()\" class=\"popup__close\"></div>\r\n  <div class=\"popup__content\">\r\n    <div class=\"flex-column gap-16\">\r\n      <div class=\"h5-title\" [innerHTML]=\"modalTitle\"></div>\r\n      <div class=\"text-plain\" [innerHTML]=\"modalText\"></div>\r\n    </div>\r\n    <div class=\"d-flex justify-between full-width\">\r\n      <dd-lib-button>{{btnAccept}}</dd-lib-button>\r\n      <dd-lib-button btnColor=\"white\">{{btnCancel}}</dd-lib-button>\r\n    </div>\r\n  </div>\r\n\r\n  @if (showLoader) {\r\n    <div class=\"loader-modal\">\r\n      <dd-lib-loader size=\"giant\"></dd-lib-loader>\r\n    </div>\r\n  }\r\n</div>\r\n" }]
-        }], propDecorators: { onKeydownComponent: [{
-                type: HostListener,
-                args: ['document:keydown', ['$event']]
-            }] } });
-
 class ModalBaseComponent {
     constructor(route, router, dialog) {
         this.route = route;
@@ -2086,8 +2063,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                 args: ['document:keydown', ['$event']]
             }] } });
 
+class ModalQuestionComponent {
+    constructor() {
+        this.borderMobile = false;
+        this.showLoader = false;
+        this.btnAccept = 'Подтвердить';
+        this.btnCancel = 'Отменить';
+        this.dialog = inject((DDDialogRef));
+    }
+    onKeydownComponent(event) {
+        if (event.key === 'Escape' || event.key === 'Esc') {
+            this.destroy();
+        }
+    }
+    close(accept) {
+        this.dialog.close(accept);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ModalQuestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: ModalQuestionComponent, isStandalone: true, selector: "dd-modal-question", host: { listeners: { "document:keydown": "onKeydownComponent($event)" } }, ngImport: i0, template: "<dd-modal-base>\r\n  <div class=\"p-40 t-p-24\" [class.border-mobile]=\"borderMobile\">\r\n\r\n    <div (click)=\"close()\" class=\"popup__close\"></div>\r\n    <div class=\"popup__content\">\r\n      <div class=\"flex-column gap-16\">\r\n        <div class=\"h5-title\" [innerHTML]=\"modalTitle\"></div>\r\n        <div class=\"text-plain\" [innerHTML]=\"modalText\"></div>\r\n      </div>\r\n      <div class=\"mt-24 d-flex justify-between full-width\">\r\n        <dd-lib-button (click)=\"close(true)\">{{btnAccept}}</dd-lib-button>\r\n        <dd-lib-button  (click)=\"close(false)\" btnColor=\"white\">{{btnCancel}}</dd-lib-button>\r\n      </div>\r\n    </div>\r\n\r\n    @if (showLoader) {\r\n      <div class=\"loader-modal\">\r\n        <dd-lib-loader size=\"giant\"></dd-lib-loader>\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n</dd-modal-base>\r\n", styles: [""], dependencies: [{ kind: "component", type: LibLoaderComponent, selector: "dd-lib-loader", inputs: ["color", "size"] }, { kind: "component", type: LibButtonComponent, selector: "dd-lib-button", inputs: ["noPadding", "loaderColor"] }, { kind: "component", type: ModalBaseComponent, selector: "dd-modal-base", inputs: ["content", "component", "clearFragment", "borderMobile", "showLoader", "showContentLoader"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ModalQuestionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dd-modal-question', imports: [
+                        LibLoaderComponent,
+                        LibButtonComponent,
+                        ModalBaseComponent
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<dd-modal-base>\r\n  <div class=\"p-40 t-p-24\" [class.border-mobile]=\"borderMobile\">\r\n\r\n    <div (click)=\"close()\" class=\"popup__close\"></div>\r\n    <div class=\"popup__content\">\r\n      <div class=\"flex-column gap-16\">\r\n        <div class=\"h5-title\" [innerHTML]=\"modalTitle\"></div>\r\n        <div class=\"text-plain\" [innerHTML]=\"modalText\"></div>\r\n      </div>\r\n      <div class=\"mt-24 d-flex justify-between full-width\">\r\n        <dd-lib-button (click)=\"close(true)\">{{btnAccept}}</dd-lib-button>\r\n        <dd-lib-button  (click)=\"close(false)\" btnColor=\"white\">{{btnCancel}}</dd-lib-button>\r\n      </div>\r\n    </div>\r\n\r\n    @if (showLoader) {\r\n      <div class=\"loader-modal\">\r\n        <dd-lib-loader size=\"giant\"></dd-lib-loader>\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n</dd-modal-base>\r\n" }]
+        }], propDecorators: { onKeydownComponent: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }] } });
+
+function errorResponse() {
+    return (source) => source.pipe(map(res => {
+        if (res.result === 'ERROR') {
+            throw res.message;
+        }
+        return res;
+    }));
+}
+
 // services
-// map
 
 class LibCommonInputTextComponent {
     get id() {
@@ -5990,5 +6006,5 @@ const t = true;
  * Generated bundle index. Do not edit.
  */
 
-export { API_URL, AutoHeightDirective, BusNumberPatternDirective, ClickOutsideDirective, CounterDirective, DDDialogRef, DEFAULT_FORMAT, DIALOG_CONFIG, DataEmptyComponent, DateService, Debounce, DeclensionDirective, DestroyService, DialogConfig, DialogService, DisableAfterNCall, Disabled, DropDownPositionDirective, ErrorPageComponent, FetcherService, FilterByKeyPipe, FilterPipe, FixedPositionDirective, FooterComponent, FooterLinkComponent, FooterLinksBlockComponent, HighlightPipe, IDatePeriod, ITab, InterceptorsService, LibAccordionComponent, LibBackButtonComponent, LibButtonComponent, LibCalendarComponent, LibCardComponent, LibCheckboxComponent, LibCommentInputComponent, LibCommonButtonComponent, LibCommonInputTextComponent, LibDateInputComponent, LibDateRangeComponent, LibDisclaimerComponent, LibFileLoaderComponent, LibFileUploadComponent, LibFilterButtonComponent, LibFilterComponent, LibHorizontalScrollComponent, LibImageLoaderComponent, LibInfoCardComponent, LibInputComponent, LibLoaderComponent, LibRadioComponent, LibSearchInputComponent, LibSelectComponent, LibSkeletonComponent, LibSortComponent, LibStepComponent, LibSvgComponent, LibSvgIconComponent, LibSvgViewerComponent, LibTabsFragmentComponent, LibTextareaComponent, ListKeyboardNavigationDirective, MainSharedComponent, ModalBaseComponent, ModalCommonComponent, ModalQuestionComponent, NotFoundComponent, PhoneMaskDirective, ResizeTextareaDirective, ReversePipe, SafePipe, SelectableItemDirective, SortByValPipe, SvgIconsService, TOAST_CONFIG_TOKEN, TOOLTIP_DATA, TechWorksComponent, ThemeConfigurator, ThemeConstructorService, Throttle, ToUpperCaseDirective, ToastComponent, ToastConfig, ToastData, ToastRef, ToastService, ToastTypeData, TooltipComponent, TooltipDirective, TriangleDirective, ValidatorsService, VhHeightDirective, completeIconSet, defaultToastConfig, provideToast, svgIconActogoneAccept, svgIconAll, svgIconAppgalery, svgIconAppstore, svgIconArrowDownRed, svgIconArrowUpGreen, svgIconBackArrow, svgIconBurger, svgIconCalendar, svgIconCheckGreen, svgIconCheckWhite, svgIconCircleNo, svgIconClear, svgIconClose, svgIconDangerT, svgIconDd, svgIconDdM, svgIconDobrodel, svgIconDownChevron, svgIconDownload, svgIconEds, svgIconEds2, svgIconEds2M, svgIconEdsM, svgIconEntry, svgIconErrorHint, svgIconEsia, svgIconEye, svgIconEyeOff, svgIconFile, svgIconFilter, svgIconGoogleapp, svgIconGrid, svgIconHealth, svgIconHealthM, svgIconInfoCircle, svgIconInfoT, svgIconLeftChevron, svgIconListSearch, svgIconLogout, svgIconMailExclamation, svgIconMaxFilter, svgIconMoon, svgIconMy, svgIconMyM, svgIconNews, svgIconNext, svgIconPaperclip, svgIconPenEdit, svgIconPguMo, svgIconPguMoM, svgIconPlug, svgIconPlugD, svgIconPlus, svgIconPreset, svgIconPrev, svgIconPrint, svgIconPrinter, svgIconQuestion, svgIconQuestionWhiteG, svgIconRedClose, svgIconReload, svgIconRightChevron, svgIconRustore, svgIconSearch, svgIconSend, svgIconSetAvatar, svgIconSharedLogo, svgIconSmallRoundLoader, svgIconSort, svgIconStar, svgIconSuccessT, svgIconSun, svgIconTg, svgIconToggleArrowLeft, svgIconToggleArrowRight, svgIconTrash, svgIconTrophy, svgIconUser, svgIconUserEmpty, svgIconUserEmptyD, svgIconVk, svgIconWarningT, t };
+export { API_URL, AutoHeightDirective, BusNumberPatternDirective, ClickOutsideDirective, CounterDirective, DDDialogRef, DEFAULT_FORMAT, DIALOG_CONFIG, DataEmptyComponent, DateService, Debounce, DeclensionDirective, DestroyService, DialogConfig, DialogService, DisableAfterNCall, Disabled, DropDownPositionDirective, ErrorPageComponent, FetcherService, FilterByKeyPipe, FilterPipe, FixedPositionDirective, FooterComponent, FooterLinkComponent, FooterLinksBlockComponent, HighlightPipe, IDatePeriod, ITab, InterceptorsService, LibAccordionComponent, LibBackButtonComponent, LibButtonComponent, LibCalendarComponent, LibCardComponent, LibCheckboxComponent, LibCommentInputComponent, LibCommonButtonComponent, LibCommonInputTextComponent, LibDateInputComponent, LibDateRangeComponent, LibDisclaimerComponent, LibFileLoaderComponent, LibFileUploadComponent, LibFilterButtonComponent, LibFilterComponent, LibHorizontalScrollComponent, LibImageLoaderComponent, LibInfoCardComponent, LibInputComponent, LibLoaderComponent, LibRadioComponent, LibSearchInputComponent, LibSelectComponent, LibSkeletonComponent, LibSortComponent, LibStepComponent, LibSvgComponent, LibSvgIconComponent, LibSvgViewerComponent, LibTabsFragmentComponent, LibTextareaComponent, ListKeyboardNavigationDirective, MainSharedComponent, ModalBaseComponent, ModalCommonComponent, ModalQuestionComponent, NotFoundComponent, PhoneMaskDirective, ResizeTextareaDirective, ReversePipe, SafePipe, SelectableItemDirective, SortByValPipe, SvgIconsService, TOAST_CONFIG_TOKEN, TOOLTIP_DATA, TechWorksComponent, ThemeConfigurator, ThemeConstructorService, Throttle, ToUpperCaseDirective, ToastComponent, ToastConfig, ToastData, ToastRef, ToastService, ToastTypeData, TooltipComponent, TooltipDirective, TriangleDirective, ValidatorsService, VhHeightDirective, completeIconSet, defaultToastConfig, errorResponse, provideToast, svgIconActogoneAccept, svgIconAll, svgIconAppgalery, svgIconAppstore, svgIconArrowDownRed, svgIconArrowUpGreen, svgIconBackArrow, svgIconBurger, svgIconCalendar, svgIconCheckGreen, svgIconCheckWhite, svgIconCircleNo, svgIconClear, svgIconClose, svgIconDangerT, svgIconDd, svgIconDdM, svgIconDobrodel, svgIconDownChevron, svgIconDownload, svgIconEds, svgIconEds2, svgIconEds2M, svgIconEdsM, svgIconEntry, svgIconErrorHint, svgIconEsia, svgIconEye, svgIconEyeOff, svgIconFile, svgIconFilter, svgIconGoogleapp, svgIconGrid, svgIconHealth, svgIconHealthM, svgIconInfoCircle, svgIconInfoT, svgIconLeftChevron, svgIconListSearch, svgIconLogout, svgIconMailExclamation, svgIconMaxFilter, svgIconMoon, svgIconMy, svgIconMyM, svgIconNews, svgIconNext, svgIconPaperclip, svgIconPenEdit, svgIconPguMo, svgIconPguMoM, svgIconPlug, svgIconPlugD, svgIconPlus, svgIconPreset, svgIconPrev, svgIconPrint, svgIconPrinter, svgIconQuestion, svgIconQuestionWhiteG, svgIconRedClose, svgIconReload, svgIconRightChevron, svgIconRustore, svgIconSearch, svgIconSend, svgIconSetAvatar, svgIconSharedLogo, svgIconSmallRoundLoader, svgIconSort, svgIconStar, svgIconSuccessT, svgIconSun, svgIconTg, svgIconToggleArrowLeft, svgIconToggleArrowRight, svgIconTrash, svgIconTrophy, svgIconUser, svgIconUserEmpty, svgIconUserEmptyD, svgIconVk, svgIconWarningT, t };
 //# sourceMappingURL=morozeckiy-dd-lib.mjs.map