@datarailsshared/datarailsshared 1.5.253 → 1.5.255
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.5.255.tgz +0 -0
- package/esm2022/lib/date-tags/date-tag.component.mjs +2 -2
- package/esm2022/lib/dr-alert/dr-alert.component.mjs +2 -2
- package/esm2022/lib/dr-badge-status/dr-badge-status.component.mjs +4 -6
- package/esm2022/lib/dr-chat/chat.component.mjs +2 -2
- package/esm2022/lib/dr-chat/dr-chat-form/chat-form.component.mjs +2 -2
- package/esm2022/lib/dr-chat/dr-chat-message/chat-message.component.mjs +3 -3
- package/esm2022/lib/dr-chat/dr-chat-suggestions/chat-suggestions.component.mjs +2 -2
- package/esm2022/lib/dr-dropdown/dr-dropdown.component.mjs +3 -3
- package/esm2022/lib/dr-error/dr-error.component.mjs +6 -7
- package/esm2022/lib/dr-inputs/button/button.component.mjs +3 -3
- package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker/dr-date-picker.component.mjs +2 -2
- package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker-with-timeframe/dr-date-picker-with-timeframe.component.mjs +3 -3
- package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker_custom-header/dr-date-picker_custom-header.component.mjs +2 -2
- package/esm2022/lib/dr-inputs/date-pickers/services/dr-date-picker.service.mjs +1 -1
- package/esm2022/lib/dr-inputs/dr-input/dr-input.component.mjs +2 -2
- package/esm2022/lib/dr-inputs/dr-select/dr-select.component.mjs +3 -3
- package/esm2022/lib/dr-inputs/dr-toggle/dr-toggle.component.mjs +2 -2
- package/esm2022/lib/dr-popover/dr-popover.directive.mjs +1 -2
- package/esm2022/lib/dr-spinner/dr-spinner.directive.mjs +7 -13
- package/esm2022/lib/dr-tabs/dr-tabs.component.mjs +2 -2
- package/esm2022/lib/dr-tags/dr-tag.component.mjs +2 -2
- package/esm2022/lib/dr-toastr/default-toastr/default-toastr.component.mjs +2 -2
- package/esm2022/lib/dr-tooltip/dr-tooltip.component.mjs +2 -2
- package/esm2022/lib/list-tags/list-tag.component.mjs +2 -2
- package/esm2022/lib/models/dropdown.mjs +1 -1
- package/esm2022/lib/models/spinnerOptions.mjs +2 -13
- package/esm2022/lib/stepper/stepper.component.mjs +7 -4
- package/esm2022/public-api.mjs +1 -2
- package/fesm2022/datarailsshared-datarailsshared.mjs +58 -75
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/dr-badge-status/dr-badge-status.component.d.ts +1 -4
- package/lib/dr-error/dr-error.component.d.ts +5 -7
- package/lib/dr-inputs/button/button.component.d.ts +2 -2
- package/lib/dr-inputs/date-pickers/dr-date-picker-with-timeframe/dr-date-picker-with-timeframe.component.d.ts +2 -2
- package/lib/dr-inputs/date-pickers/dr-date-picker_custom-header/dr-date-picker_custom-header.component.d.ts +1 -1
- package/lib/dr-inputs/date-pickers/services/dr-date-picker.service.d.ts +3 -3
- package/lib/dr-inputs/dr-select/dr-select.component.d.ts +1 -1
- package/lib/dr-popover/dr-popover.directive.d.ts +2 -3
- package/lib/dr-spinner/dr-spinner.directive.d.ts +1 -2
- package/lib/models/dropdown.d.ts +1 -1
- package/lib/models/spinnerOptions.d.ts +2 -10
- package/lib/stepper/stepper.component.d.ts +10 -10
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.5.253.tgz +0 -0
|
@@ -23,11 +23,11 @@ export class DefaultToastrComponent extends Toast {
|
|
|
23
23
|
this.icon = ToastrStatusIcon[this.data.status];
|
|
24
24
|
}
|
|
25
25
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultToastrComponent, deps: [{ token: i1.ToastrService }, { token: i1.ToastPackage }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DefaultToastrComponent, selector: "dr-default-toastr", host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"icon-container\">\n <i class=\"toastr-icon\" [ngClass]=\"icon\"></i>\n</div>\n\n<div class=\"content-container\">\n <span class=\"title\">\n {{data.title}}\n </span>\n\n <div class=\"message\" *ngIf=\"!data.isHtmlBody; else htmlBody\">\n {{data.message}}\n </div>\n\n <ng-template #htmlBody>\n <div class=\"message\" [innerHTML]=\"data.message\"></div>\n </ng-template>\n\n</div>\n\n<div class=\"icon-container\">\n <i class=\"dr-icon-exit\"></i>\n</div>\n", styles: ["::ng-deep .toastr-bottom-left{left:24px!important;bottom:24px!important}::ng-deep dr-default-toastr:not(:last-child){margin-bottom:24px!important}:host.ngx-toastr{display:flex;background:#
|
|
26
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DefaultToastrComponent, selector: "dr-default-toastr", host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"icon-container\">\n <i class=\"toastr-icon\" [ngClass]=\"icon\"></i>\n</div>\n\n<div class=\"content-container\">\n <span class=\"title\">\n {{data.title}}\n </span>\n\n <div class=\"message\" *ngIf=\"!data.isHtmlBody; else htmlBody\">\n {{data.message}}\n </div>\n\n <ng-template #htmlBody>\n <div class=\"message\" [innerHTML]=\"data.message\"></div>\n </ng-template>\n\n</div>\n\n<div class=\"icon-container\">\n <i class=\"dr-icon-exit\"></i>\n</div>\n", styles: ["::ng-deep .toastr-bottom-left{left:24px!important;bottom:24px!important}::ng-deep dr-default-toastr:not(:last-child){margin-bottom:24px!important}:host.ngx-toastr{display:flex;background:#fff;position:relative;overflow:hidden;pointer-events:auto;max-width:410px;width:385px;border-radius:6px;padding:17px 41px 12px 12px}:host.ngx-toastr:before{content:\"\";display:block;position:absolute;left:0;top:0;width:100%;height:5px}:host.ngx-toastr:hover{cursor:pointer}:host.ngx-toastr .toastr-icon{display:inline-block}:host.ngx-toastr .dr-icon-exit{position:absolute;top:19px;right:19px;color:#6d6e6f}:host.ngx-toastr .content-container{padding-right:24px}:host.ngx-toastr .content-container span.title{font-weight:700;font-size:16px;line-height:24px}:host.ngx-toastr .content-container span.title,:host.ngx-toastr .content-container div.message{color:#333;word-break:break-word;margin:0!important}:host.ngx-toastr .content-container div.message{font-size:16px;font-weight:400;line-height:24px}:host.ngx-toastr .content-container div.message a{text-decoration:underline!important}:host.ngx-toastr .icon-container{font-size:16px!important;background-size:contain!important;min-width:16px!important;min-height:16px!important;align-self:self-start;margin-right:12px!important;margin-left:4px!important}:host.ngx-toastr .icon-container .toastr-icon svg{display:none}:host.ngx-toastr.status-success:before{background-color:#03a678}:host.ngx-toastr.status-success .toastr-icon{color:#03a678}:host.ngx-toastr.status-info:before{background-color:#0061ff}:host.ngx-toastr.status-info .toastr-icon{color:#0061ff}:host.ngx-toastr.status-warning:before{background-color:#fda014}:host.ngx-toastr.status-warning .toastr-icon{color:#fda014}:host.ngx-toastr.status-danger:before{background-color:#de2833}:host.ngx-toastr.status-danger .toastr-icon{color:#de2833}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
27
27
|
}
|
|
28
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultToastrComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
|
-
args: [{ selector: 'dr-default-toastr', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"icon-container\">\n <i class=\"toastr-icon\" [ngClass]=\"icon\"></i>\n</div>\n\n<div class=\"content-container\">\n <span class=\"title\">\n {{data.title}}\n </span>\n\n <div class=\"message\" *ngIf=\"!data.isHtmlBody; else htmlBody\">\n {{data.message}}\n </div>\n\n <ng-template #htmlBody>\n <div class=\"message\" [innerHTML]=\"data.message\"></div>\n </ng-template>\n\n</div>\n\n<div class=\"icon-container\">\n <i class=\"dr-icon-exit\"></i>\n</div>\n", styles: ["::ng-deep .toastr-bottom-left{left:24px!important;bottom:24px!important}::ng-deep dr-default-toastr:not(:last-child){margin-bottom:24px!important}:host.ngx-toastr{display:flex;background:#
|
|
30
|
+
args: [{ selector: 'dr-default-toastr', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"icon-container\">\n <i class=\"toastr-icon\" [ngClass]=\"icon\"></i>\n</div>\n\n<div class=\"content-container\">\n <span class=\"title\">\n {{data.title}}\n </span>\n\n <div class=\"message\" *ngIf=\"!data.isHtmlBody; else htmlBody\">\n {{data.message}}\n </div>\n\n <ng-template #htmlBody>\n <div class=\"message\" [innerHTML]=\"data.message\"></div>\n </ng-template>\n\n</div>\n\n<div class=\"icon-container\">\n <i class=\"dr-icon-exit\"></i>\n</div>\n", styles: ["::ng-deep .toastr-bottom-left{left:24px!important;bottom:24px!important}::ng-deep dr-default-toastr:not(:last-child){margin-bottom:24px!important}:host.ngx-toastr{display:flex;background:#fff;position:relative;overflow:hidden;pointer-events:auto;max-width:410px;width:385px;border-radius:6px;padding:17px 41px 12px 12px}:host.ngx-toastr:before{content:\"\";display:block;position:absolute;left:0;top:0;width:100%;height:5px}:host.ngx-toastr:hover{cursor:pointer}:host.ngx-toastr .toastr-icon{display:inline-block}:host.ngx-toastr .dr-icon-exit{position:absolute;top:19px;right:19px;color:#6d6e6f}:host.ngx-toastr .content-container{padding-right:24px}:host.ngx-toastr .content-container span.title{font-weight:700;font-size:16px;line-height:24px}:host.ngx-toastr .content-container span.title,:host.ngx-toastr .content-container div.message{color:#333;word-break:break-word;margin:0!important}:host.ngx-toastr .content-container div.message{font-size:16px;font-weight:400;line-height:24px}:host.ngx-toastr .content-container div.message a{text-decoration:underline!important}:host.ngx-toastr .icon-container{font-size:16px!important;background-size:contain!important;min-width:16px!important;min-height:16px!important;align-self:self-start;margin-right:12px!important;margin-left:4px!important}:host.ngx-toastr .icon-container .toastr-icon svg{display:none}:host.ngx-toastr.status-success:before{background-color:#03a678}:host.ngx-toastr.status-success .toastr-icon{color:#03a678}:host.ngx-toastr.status-info:before{background-color:#0061ff}:host.ngx-toastr.status-info .toastr-icon{color:#0061ff}:host.ngx-toastr.status-warning:before{background-color:#fda014}:host.ngx-toastr.status-warning .toastr-icon{color:#fda014}:host.ngx-toastr.status-danger:before{background-color:#de2833}:host.ngx-toastr.status-danger .toastr-icon{color:#de2833}\n"] }]
|
|
31
31
|
}], ctorParameters: function () { return [{ type: i1.ToastrService }, { type: i1.ToastPackage }]; }, propDecorators: { class: [{
|
|
32
32
|
type: HostBinding,
|
|
33
33
|
args: ['class']
|
|
@@ -20,7 +20,7 @@ export class TooltipComponent {
|
|
|
20
20
|
this.isMouseOn$.next(false);
|
|
21
21
|
}
|
|
22
22
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipComponent, selector: "dr-tooltip", inputs: { content: "content", contentContext: "contentContext", position: "position", options: "options", class: "class", theme: "theme" }, host: { listeners: { "mouseenter": "setMouseOn()", "mouseleave": "unsetMouseOn()" } }, ngImport: i0, 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 defaultContent\">\n <ng-container *ngTemplateOutlet=\"content; context: contentContext\"></ng-container>\n </ng-container>\n <ng-template #defaultContent>\n <div class=\"default-content\">{{ content }}</div>\n </ng-template>\n</div>\n", styles: [":host{display:block}.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 .default-content{font-size:12px;line-height:24px;padding:4px 8px;white-space:pre;text-overflow:ellipsis;overflow:hidden}.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,.dr-tooltip-arrow .right-top{top:8px}.right-bottom .dr-tooltip-arrow,.left-bottom .dr-tooltip-arrow{bottom:8px}.dr-tooltip.dark{background:#
|
|
23
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipComponent, selector: "dr-tooltip", inputs: { content: "content", contentContext: "contentContext", position: "position", options: "options", class: "class", theme: "theme" }, host: { listeners: { "mouseenter": "setMouseOn()", "mouseleave": "unsetMouseOn()" } }, ngImport: i0, 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 defaultContent\">\n <ng-container *ngTemplateOutlet=\"content; context: contentContext\"></ng-container>\n </ng-container>\n <ng-template #defaultContent>\n <div class=\"default-content\">{{ content }}</div>\n </ng-template>\n</div>\n", styles: [":host{display:block}.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 .default-content{font-size:12px;line-height:24px;padding:4px 8px;white-space:pre;text-overflow:ellipsis;overflow:hidden}.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,.dr-tooltip-arrow .right-top{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 .default-content{font-size:12px;line-height:24px;padding:4px 8px}.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"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
|
|
24
24
|
trigger('tooltip', POPUP_ANIMATION),
|
|
25
25
|
] }); }
|
|
26
26
|
}
|
|
@@ -28,7 +28,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
28
28
|
type: Component,
|
|
29
29
|
args: [{ selector: 'dr-tooltip', animations: [
|
|
30
30
|
trigger('tooltip', POPUP_ANIMATION),
|
|
31
|
-
], 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 defaultContent\">\n <ng-container *ngTemplateOutlet=\"content; context: contentContext\"></ng-container>\n </ng-container>\n <ng-template #defaultContent>\n <div class=\"default-content\">{{ content }}</div>\n </ng-template>\n</div>\n", styles: [":host{display:block}.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 .default-content{font-size:12px;line-height:24px;padding:4px 8px;white-space:pre;text-overflow:ellipsis;overflow:hidden}.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,.dr-tooltip-arrow .right-top{top:8px}.right-bottom .dr-tooltip-arrow,.left-bottom .dr-tooltip-arrow{bottom:8px}.dr-tooltip.dark{background:#
|
|
31
|
+
], 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 defaultContent\">\n <ng-container *ngTemplateOutlet=\"content; context: contentContext\"></ng-container>\n </ng-container>\n <ng-template #defaultContent>\n <div class=\"default-content\">{{ content }}</div>\n </ng-template>\n</div>\n", styles: [":host{display:block}.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 .default-content{font-size:12px;line-height:24px;padding:4px 8px;white-space:pre;text-overflow:ellipsis;overflow:hidden}.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,.dr-tooltip-arrow .right-top{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 .default-content{font-size:12px;line-height:24px;padding:4px 8px}.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"] }]
|
|
32
32
|
}], ctorParameters: function () { return []; }, propDecorators: { content: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}], contentContext: [{
|