@mintplayer/ng-bootstrap 21.0.0 → 21.1.1
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/fesm2022/mintplayer-ng-bootstrap-accordion.mjs +33 -46
- package/fesm2022/mintplayer-ng-bootstrap-accordion.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-alert.mjs +12 -30
- package/fesm2022/mintplayer-ng-bootstrap-alert.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-badge.mjs +6 -18
- package/fesm2022/mintplayer-ng-bootstrap-badge.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-calendar.mjs +31 -65
- package/fesm2022/mintplayer-ng-bootstrap-calendar.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-carousel.mjs +200 -132
- package/fesm2022/mintplayer-ng-bootstrap-carousel.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-close.mjs +5 -7
- package/fesm2022/mintplayer-ng-bootstrap-close.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-code-snippet.mjs +14 -17
- package/fesm2022/mintplayer-ng-bootstrap-code-snippet.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-color-picker.mjs +231 -347
- package/fesm2022/mintplayer-ng-bootstrap-color-picker.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-datatable.mjs +43 -39
- package/fesm2022/mintplayer-ng-bootstrap-datatable.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-datepicker.mjs +7 -35
- package/fesm2022/mintplayer-ng-bootstrap-datepicker.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-dock.mjs +1 -0
- package/fesm2022/mintplayer-ng-bootstrap-dock.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-dropdown-menu.mjs +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-dropdown-menu.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-dropdown.mjs +46 -86
- package/fesm2022/mintplayer-ng-bootstrap-dropdown.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-enhanced-paste.mjs +7 -7
- package/fesm2022/mintplayer-ng-bootstrap-enhanced-paste.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-file-upload.mjs +7 -6
- package/fesm2022/mintplayer-ng-bootstrap-file-upload.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-grid.mjs +32 -74
- package/fesm2022/mintplayer-ng-bootstrap-grid.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-let.mjs +6 -7
- package/fesm2022/mintplayer-ng-bootstrap-let.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-markdown.mjs +18 -18
- package/fesm2022/mintplayer-ng-bootstrap-markdown.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-modal.mjs +20 -22
- package/fesm2022/mintplayer-ng-bootstrap-modal.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-multiselect.mjs +16 -10
- package/fesm2022/mintplayer-ng-bootstrap-multiselect.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-navbar-toggler.mjs +8 -28
- package/fesm2022/mintplayer-ng-bootstrap-navbar-toggler.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-navbar.mjs +208 -265
- package/fesm2022/mintplayer-ng-bootstrap-navbar.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-navigation-lock.mjs +8 -21
- package/fesm2022/mintplayer-ng-bootstrap-navigation-lock.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-offcanvas.mjs +43 -38
- package/fesm2022/mintplayer-ng-bootstrap-offcanvas.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-ordinal-number.mjs +6 -6
- package/fesm2022/mintplayer-ng-bootstrap-ordinal-number.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-pagination.mjs +59 -120
- package/fesm2022/mintplayer-ng-bootstrap-pagination.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-placeholder.mjs +11 -25
- package/fesm2022/mintplayer-ng-bootstrap-placeholder.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-playlist-toggler.mjs +8 -28
- package/fesm2022/mintplayer-ng-bootstrap-playlist-toggler.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-popover.mjs +67 -103
- package/fesm2022/mintplayer-ng-bootstrap-popover.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-progress-bar.mjs +34 -63
- package/fesm2022/mintplayer-ng-bootstrap-progress-bar.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-range.mjs +6 -6
- package/fesm2022/mintplayer-ng-bootstrap-range.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-rating.mjs +19 -47
- package/fesm2022/mintplayer-ng-bootstrap-rating.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-resizable.mjs +35 -41
- package/fesm2022/mintplayer-ng-bootstrap-resizable.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-scheduler.mjs +205 -779
- package/fesm2022/mintplayer-ng-bootstrap-scheduler.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-scrollspy.mjs +34 -39
- package/fesm2022/mintplayer-ng-bootstrap-scrollspy.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-searchbox.mjs +74 -100
- package/fesm2022/mintplayer-ng-bootstrap-searchbox.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-select.mjs +37 -79
- package/fesm2022/mintplayer-ng-bootstrap-select.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-select2.mjs +78 -45
- package/fesm2022/mintplayer-ng-bootstrap-select2.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-shell.mjs +16 -26
- package/fesm2022/mintplayer-ng-bootstrap-shell.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-signature-pad.mjs +14 -40
- package/fesm2022/mintplayer-ng-bootstrap-signature-pad.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-spinner.mjs +8 -32
- package/fesm2022/mintplayer-ng-bootstrap-spinner.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-splitter.mjs +70 -76
- package/fesm2022/mintplayer-ng-bootstrap-splitter.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-sticky-footer.mjs +11 -11
- package/fesm2022/mintplayer-ng-bootstrap-sticky-footer.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-tab-control.mjs +53 -99
- package/fesm2022/mintplayer-ng-bootstrap-tab-control.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-table.mjs +7 -38
- package/fesm2022/mintplayer-ng-bootstrap-table.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-timepicker.mjs +23 -49
- package/fesm2022/mintplayer-ng-bootstrap-timepicker.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-toast.mjs +33 -38
- package/fesm2022/mintplayer-ng-bootstrap-toast.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-toggle-button.mjs +45 -98
- package/fesm2022/mintplayer-ng-bootstrap-toggle-button.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-tooltip.mjs +12 -24
- package/fesm2022/mintplayer-ng-bootstrap-tooltip.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-treeview.mjs +21 -43
- package/fesm2022/mintplayer-ng-bootstrap-treeview.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-trust-html.mjs +6 -6
- package/fesm2022/mintplayer-ng-bootstrap-trust-html.mjs.map +1 -1
- package/fesm2022/mintplayer-ng-bootstrap-typeahead.mjs +29 -49
- package/fesm2022/mintplayer-ng-bootstrap-typeahead.mjs.map +1 -1
- package/package.json +5 -5
- package/types/mintplayer-ng-bootstrap-accordion.d.ts +11 -15
- package/types/mintplayer-ng-bootstrap-alert.d.ts +4 -9
- package/types/mintplayer-ng-bootstrap-badge.d.ts +5 -9
- package/types/mintplayer-ng-bootstrap-calendar.d.ts +14 -22
- package/types/mintplayer-ng-bootstrap-carousel.d.ts +41 -35
- package/types/mintplayer-ng-bootstrap-close.d.ts +1 -2
- package/types/mintplayer-ng-bootstrap-code-snippet.d.ts +4 -5
- package/types/mintplayer-ng-bootstrap-color-picker.d.ts +70 -97
- package/types/mintplayer-ng-bootstrap-datatable.d.ts +11 -11
- package/types/mintplayer-ng-bootstrap-datepicker.d.ts +6 -13
- package/types/mintplayer-ng-bootstrap-dropdown.d.ts +14 -20
- package/types/mintplayer-ng-bootstrap-enhanced-paste.d.ts +1 -3
- package/types/mintplayer-ng-bootstrap-file-upload.d.ts +1 -1
- package/types/mintplayer-ng-bootstrap-grid.d.ts +14 -26
- package/types/mintplayer-ng-bootstrap-let.d.ts +0 -2
- package/types/mintplayer-ng-bootstrap-markdown.d.ts +1 -5
- package/types/mintplayer-ng-bootstrap-modal.d.ts +3 -6
- package/types/mintplayer-ng-bootstrap-multiselect.d.ts +6 -6
- package/types/mintplayer-ng-bootstrap-navbar-toggler.d.ts +5 -11
- package/types/mintplayer-ng-bootstrap-navbar.d.ts +75 -80
- package/types/mintplayer-ng-bootstrap-navigation-lock.d.ts +2 -4
- package/types/mintplayer-ng-bootstrap-offcanvas.d.ts +12 -14
- package/types/mintplayer-ng-bootstrap-ordinal-number.d.ts +1 -2
- package/types/mintplayer-ng-bootstrap-pagination.d.ts +17 -31
- package/types/mintplayer-ng-bootstrap-placeholder.d.ts +3 -8
- package/types/mintplayer-ng-bootstrap-playlist-toggler.d.ts +5 -11
- package/types/mintplayer-ng-bootstrap-popover.d.ts +15 -23
- package/types/mintplayer-ng-bootstrap-progress-bar.d.ts +19 -22
- package/types/mintplayer-ng-bootstrap-range.d.ts +1 -2
- package/types/mintplayer-ng-bootstrap-rating.d.ts +8 -14
- package/types/mintplayer-ng-bootstrap-resizable.d.ts +7 -11
- package/types/mintplayer-ng-bootstrap-scheduler.d.ts +132 -220
- package/types/mintplayer-ng-bootstrap-scrollspy.d.ts +14 -15
- package/types/mintplayer-ng-bootstrap-searchbox.d.ts +20 -27
- package/types/mintplayer-ng-bootstrap-select.d.ts +13 -23
- package/types/mintplayer-ng-bootstrap-select2.d.ts +16 -14
- package/types/mintplayer-ng-bootstrap-shell.d.ts +6 -12
- package/types/mintplayer-ng-bootstrap-signature-pad.d.ts +7 -12
- package/types/mintplayer-ng-bootstrap-spinner.d.ts +8 -16
- package/types/mintplayer-ng-bootstrap-splitter.d.ts +21 -27
- package/types/mintplayer-ng-bootstrap-sticky-footer.d.ts +3 -3
- package/types/mintplayer-ng-bootstrap-tab-control.d.ts +29 -37
- package/types/mintplayer-ng-bootstrap-table.d.ts +6 -13
- package/types/mintplayer-ng-bootstrap-timepicker.d.ts +7 -14
- package/types/mintplayer-ng-bootstrap-toast.d.ts +5 -10
- package/types/mintplayer-ng-bootstrap-toggle-button.d.ts +22 -36
- package/types/mintplayer-ng-bootstrap-tooltip.d.ts +4 -7
- package/types/mintplayer-ng-bootstrap-treeview.d.ts +10 -15
- package/types/mintplayer-ng-bootstrap-trust-html.d.ts +0 -2
- package/types/mintplayer-ng-bootstrap-typeahead.d.ts +14 -17
|
@@ -1,27 +1,23 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import * as i1 from '@angular/
|
|
5
|
-
import { OverlayModule } from '@angular/cdk/overlay';
|
|
6
|
-
import * as i2 from '@angular/common';
|
|
2
|
+
import { input, ChangeDetectionStrategy, Component, HostBinding, InjectionToken, inject, Injector, signal, Injectable, Pipe, Input, HostListener, Directive, NgModule } from '@angular/core';
|
|
3
|
+
import { Overlay, OverlayModule } from '@angular/cdk/overlay';
|
|
4
|
+
import * as i1 from '@angular/common';
|
|
7
5
|
import { AsyncPipe, NgTemplateOutlet } from '@angular/common';
|
|
8
|
-
import * as
|
|
6
|
+
import * as i2 from '@mintplayer/ng-bootstrap/has-overlay';
|
|
9
7
|
import { BsHasOverlayComponent } from '@mintplayer/ng-bootstrap/has-overlay';
|
|
10
8
|
import { ComponentPortal } from '@angular/cdk/portal';
|
|
11
9
|
|
|
12
10
|
class BsToastComponent {
|
|
13
11
|
constructor() {
|
|
14
|
-
this.isVisible = false;
|
|
12
|
+
this.isVisible = input(false, ...(ngDevMode ? [{ debugName: "isVisible" }] : []));
|
|
15
13
|
}
|
|
16
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: BsToastComponent, isStandalone: false, selector: "bs-toast", inputs: { isVisible: { classPropertyName: "isVisible", publicName: "isVisible", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"toast d-block fade mb-2 me-2\" [class.show]=\"isVisible()\" aria-live=\"assertive\" aria-atomic=\"true\">\n <ng-content></ng-content>\n</div>\n", styles: [":host ::ng-deep .fade{transition:opacity .15s linear}@media(prefers-reduced-motion:reduce){:host ::ng-deep .fade{transition:none}}:host ::ng-deep .fade:not(.show){opacity:0}:host ::ng-deep .collapse:not(.show){display:none}:host ::ng-deep .collapsing{height:0;overflow:hidden;transition:height .35s ease}@media(prefers-reduced-motion:reduce){:host ::ng-deep .collapsing{transition:none}}:host ::ng-deep .collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media(prefers-reduced-motion:reduce){:host ::ng-deep .collapsing.collapse-horizontal{transition:none}}:host ::ng-deep .toast{--bs-toast-zindex: 1090;--bs-toast-padding-x: .75rem;--bs-toast-padding-y: .5rem;--bs-toast-spacing: 1.5rem;--bs-toast-max-width: 350px;--bs-toast-font-size: .875rem;--bs-toast-color: ;--bs-toast-bg: rgba(var(--bs-body-bg-rgb), .85);--bs-toast-border-width: var(--bs-border-width);--bs-toast-border-color: var(--bs-border-color-translucent);--bs-toast-border-radius: var(--bs-border-radius);--bs-toast-box-shadow: var(--bs-box-shadow);--bs-toast-header-color: var(--bs-secondary-color);--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), .85);--bs-toast-header-border-color: var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}:host ::ng-deep .toast.showing{opacity:0}:host ::ng-deep .toast:not(.show){display:none}:host ::ng-deep .toast-container{--bs-toast-zindex: 1090;position:absolute;z-index:var(--bs-toast-zindex);width:max-content;max-width:100%;pointer-events:none}:host ::ng-deep .toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}:host ::ng-deep .toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}:host ::ng-deep .toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}:host ::ng-deep .toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
18
16
|
}
|
|
19
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToastComponent, decorators: [{
|
|
20
18
|
type: Component,
|
|
21
|
-
args: [{ selector: 'bs-toast', standalone: false, template: "<div class=\"toast d-block fade mb-2 me-2\" [class.show]=\"isVisible\" aria-live=\"assertive\" aria-atomic=\"true\">\n <ng-content></ng-content>\n</div
|
|
22
|
-
}], propDecorators: { isVisible: [{
|
|
23
|
-
type: Input
|
|
24
|
-
}] } });
|
|
19
|
+
args: [{ selector: 'bs-toast', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"toast d-block fade mb-2 me-2\" [class.show]=\"isVisible()\" aria-live=\"assertive\" aria-atomic=\"true\">\n <ng-content></ng-content>\n</div>\n", styles: [":host ::ng-deep .fade{transition:opacity .15s linear}@media(prefers-reduced-motion:reduce){:host ::ng-deep .fade{transition:none}}:host ::ng-deep .fade:not(.show){opacity:0}:host ::ng-deep .collapse:not(.show){display:none}:host ::ng-deep .collapsing{height:0;overflow:hidden;transition:height .35s ease}@media(prefers-reduced-motion:reduce){:host ::ng-deep .collapsing{transition:none}}:host ::ng-deep .collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media(prefers-reduced-motion:reduce){:host ::ng-deep .collapsing.collapse-horizontal{transition:none}}:host ::ng-deep .toast{--bs-toast-zindex: 1090;--bs-toast-padding-x: .75rem;--bs-toast-padding-y: .5rem;--bs-toast-spacing: 1.5rem;--bs-toast-max-width: 350px;--bs-toast-font-size: .875rem;--bs-toast-color: ;--bs-toast-bg: rgba(var(--bs-body-bg-rgb), .85);--bs-toast-border-width: var(--bs-border-width);--bs-toast-border-color: var(--bs-border-color-translucent);--bs-toast-border-radius: var(--bs-border-radius);--bs-toast-box-shadow: var(--bs-box-shadow);--bs-toast-header-color: var(--bs-secondary-color);--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), .85);--bs-toast-header-border-color: var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}:host ::ng-deep .toast.showing{opacity:0}:host ::ng-deep .toast:not(.show){display:none}:host ::ng-deep .toast-container{--bs-toast-zindex: 1090;position:absolute;z-index:var(--bs-toast-zindex);width:max-content;max-width:100%;pointer-events:none}:host ::ng-deep .toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}:host ::ng-deep .toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}:host ::ng-deep .toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}:host ::ng-deep .toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}\n"] }]
|
|
20
|
+
}], propDecorators: { isVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "isVisible", required: false }] }] } });
|
|
25
21
|
|
|
26
22
|
class BsToastHeaderComponent {
|
|
27
23
|
constructor() {
|
|
@@ -59,12 +55,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
59
55
|
const PORTAL_FACTORY = new InjectionToken('ToastPortalFactory');
|
|
60
56
|
|
|
61
57
|
class BsToastService {
|
|
62
|
-
constructor(
|
|
63
|
-
this.overlayService =
|
|
64
|
-
this.rootInjector =
|
|
65
|
-
this.portalFactory =
|
|
58
|
+
constructor() {
|
|
59
|
+
this.overlayService = inject(Overlay);
|
|
60
|
+
this.rootInjector = inject(Injector);
|
|
61
|
+
this.portalFactory = inject(PORTAL_FACTORY);
|
|
66
62
|
this.overlayRef = null;
|
|
67
|
-
this.toasts
|
|
63
|
+
this.toasts = signal([], ...(ngDevMode ? [{ debugName: "toasts" }] : []));
|
|
68
64
|
}
|
|
69
65
|
pushToast(toast, context) {
|
|
70
66
|
if (!this.overlayRef) {
|
|
@@ -83,30 +79,29 @@ class BsToastService {
|
|
|
83
79
|
}
|
|
84
80
|
context = context ?? {};
|
|
85
81
|
const ctx = Object.assign(context, { isVisible: false });
|
|
86
|
-
this.toasts
|
|
87
|
-
|
|
82
|
+
const currentToasts = this.toasts();
|
|
83
|
+
currentToasts.push({ template: toast, context: ctx });
|
|
84
|
+
this.toasts.set([...currentToasts]);
|
|
88
85
|
setTimeout(() => ctx.isVisible = true, 20);
|
|
89
86
|
}
|
|
90
87
|
close(index) {
|
|
91
|
-
const toasts = this.toasts
|
|
88
|
+
const toasts = this.toasts();
|
|
92
89
|
const toast = toasts[index];
|
|
93
90
|
if (toast && toast.context) {
|
|
94
91
|
toast.context.isVisible = false;
|
|
95
92
|
}
|
|
96
93
|
setTimeout(() => {
|
|
97
|
-
toasts
|
|
98
|
-
|
|
94
|
+
const currentToasts = this.toasts();
|
|
95
|
+
currentToasts.splice(index, 1);
|
|
96
|
+
this.toasts.set([...currentToasts]);
|
|
99
97
|
}, 400);
|
|
100
98
|
}
|
|
101
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToastService, deps: [
|
|
99
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
102
100
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToastService }); }
|
|
103
101
|
}
|
|
104
102
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToastService, decorators: [{
|
|
105
103
|
type: Injectable
|
|
106
|
-
}]
|
|
107
|
-
type: Inject,
|
|
108
|
-
args: [PORTAL_FACTORY]
|
|
109
|
-
}] }] });
|
|
104
|
+
}] });
|
|
110
105
|
|
|
111
106
|
class BsAddPropertiesPipe {
|
|
112
107
|
transform(value, toAdd) {
|
|
@@ -125,25 +120,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
125
120
|
}] });
|
|
126
121
|
|
|
127
122
|
class BsToastContainerComponent {
|
|
128
|
-
constructor(
|
|
123
|
+
constructor() {
|
|
124
|
+
this.toastService = inject(BsToastService);
|
|
129
125
|
this.overflowY = 'auto';
|
|
130
|
-
this.toastService = toastService;
|
|
131
126
|
}
|
|
132
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToastContainerComponent, deps: [
|
|
133
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BsToastContainerComponent, isStandalone: false, selector: "bs-toast-container", host: { properties: { "style.overflow-y": "this.overflowY" } }, ngImport: i0, template: "<bs-has-overlay></bs-has-overlay>\n@for (toast of
|
|
127
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
128
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BsToastContainerComponent, isStandalone: false, selector: "bs-toast-container", host: { properties: { "style.overflow-y": "this.overflowY" } }, ngImport: i0, template: "<bs-has-overlay></bs-has-overlay>\n@for (toast of toastService.toasts(); let i = $index; track i) {\n <ng-container [ngTemplateOutlet]=\"toast.template\" [ngTemplateOutletContext]=\"toast.context | bsAddProperties: {toastIndex: i}\"></ng-container>\n}\n", styles: [":host ::ng-deep .toast{--bs-toast-zindex: 1090;--bs-toast-padding-x: .75rem;--bs-toast-padding-y: .5rem;--bs-toast-spacing: 1.5rem;--bs-toast-max-width: 350px;--bs-toast-font-size: .875rem;--bs-toast-color: ;--bs-toast-bg: rgba(var(--bs-body-bg-rgb), .85);--bs-toast-border-width: var(--bs-border-width);--bs-toast-border-color: var(--bs-border-color-translucent);--bs-toast-border-radius: var(--bs-border-radius);--bs-toast-box-shadow: var(--bs-box-shadow);--bs-toast-header-color: var(--bs-secondary-color);--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), .85);--bs-toast-header-border-color: var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}:host ::ng-deep .toast.showing{opacity:0}:host ::ng-deep .toast:not(.show){display:none}:host ::ng-deep .toast-container{--bs-toast-zindex: 1090;position:absolute;z-index:var(--bs-toast-zindex);width:max-content;max-width:100%;pointer-events:none}:host ::ng-deep .toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}:host ::ng-deep .toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}:host ::ng-deep .toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}:host ::ng-deep .toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.BsHasOverlayComponent, selector: "bs-has-overlay" }, { kind: "pipe", type: BsAddPropertiesPipe, name: "bsAddProperties" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
134
129
|
}
|
|
135
130
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToastContainerComponent, decorators: [{
|
|
136
131
|
type: Component,
|
|
137
|
-
args: [{ selector: 'bs-toast-container', standalone: false, template: "<bs-has-overlay></bs-has-overlay>\n@for (toast of
|
|
138
|
-
}],
|
|
132
|
+
args: [{ selector: 'bs-toast-container', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<bs-has-overlay></bs-has-overlay>\n@for (toast of toastService.toasts(); let i = $index; track i) {\n <ng-container [ngTemplateOutlet]=\"toast.template\" [ngTemplateOutletContext]=\"toast.context | bsAddProperties: {toastIndex: i}\"></ng-container>\n}\n", styles: [":host ::ng-deep .toast{--bs-toast-zindex: 1090;--bs-toast-padding-x: .75rem;--bs-toast-padding-y: .5rem;--bs-toast-spacing: 1.5rem;--bs-toast-max-width: 350px;--bs-toast-font-size: .875rem;--bs-toast-color: ;--bs-toast-bg: rgba(var(--bs-body-bg-rgb), .85);--bs-toast-border-width: var(--bs-border-width);--bs-toast-border-color: var(--bs-border-color-translucent);--bs-toast-border-radius: var(--bs-border-radius);--bs-toast-box-shadow: var(--bs-box-shadow);--bs-toast-header-color: var(--bs-secondary-color);--bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), .85);--bs-toast-header-border-color: var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}:host ::ng-deep .toast.showing{opacity:0}:host ::ng-deep .toast:not(.show){display:none}:host ::ng-deep .toast-container{--bs-toast-zindex: 1090;position:absolute;z-index:var(--bs-toast-zindex);width:max-content;max-width:100%;pointer-events:none}:host ::ng-deep .toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}:host ::ng-deep .toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}:host ::ng-deep .toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}:host ::ng-deep .toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}\n"] }]
|
|
133
|
+
}], propDecorators: { overflowY: [{
|
|
139
134
|
type: HostBinding,
|
|
140
135
|
args: ['style.overflow-y']
|
|
141
136
|
}] } });
|
|
142
137
|
|
|
143
138
|
class BsToastCloseDirective {
|
|
144
|
-
constructor(
|
|
145
|
-
this.toast =
|
|
146
|
-
this.toastService =
|
|
139
|
+
constructor() {
|
|
140
|
+
this.toast = inject(BsToastComponent);
|
|
141
|
+
this.toastService = inject(BsToastService);
|
|
147
142
|
this.index = null;
|
|
148
143
|
}
|
|
149
144
|
onClick() {
|
|
@@ -151,7 +146,7 @@ class BsToastCloseDirective {
|
|
|
151
146
|
this.toastService.close(this.index);
|
|
152
147
|
}
|
|
153
148
|
}
|
|
154
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToastCloseDirective, deps: [
|
|
149
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToastCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
155
150
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BsToastCloseDirective, isStandalone: false, selector: "bs-close", inputs: { index: "index" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
|
|
156
151
|
}
|
|
157
152
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToastCloseDirective, decorators: [{
|
|
@@ -160,7 +155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
160
155
|
selector: 'bs-close',
|
|
161
156
|
standalone: false,
|
|
162
157
|
}]
|
|
163
|
-
}],
|
|
158
|
+
}], propDecorators: { onClick: [{
|
|
164
159
|
type: HostListener,
|
|
165
160
|
args: ['click']
|
|
166
161
|
}], index: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mintplayer-ng-bootstrap-toast.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/toast/src/components/toast/toast.component.ts","../../../../libs/mintplayer-ng-bootstrap/toast/src/components/toast/toast.component.html","../../../../libs/mintplayer-ng-bootstrap/toast/src/components/toast-header/toast-header.component.ts","../../../../libs/mintplayer-ng-bootstrap/toast/src/components/toast-header/toast-header.component.html","../../../../libs/mintplayer-ng-bootstrap/toast/src/components/toast-body/toast-body.component.ts","../../../../libs/mintplayer-ng-bootstrap/toast/src/components/toast-body/toast-body.component.html","../../../../libs/mintplayer-ng-bootstrap/toast/src/providers/portal-factory.provider.ts","../../../../libs/mintplayer-ng-bootstrap/toast/src/services/toast/toast.service.ts","../../../../libs/mintplayer-ng-bootstrap/toast/src/pipes/add-properties.pipe.ts","../../../../libs/mintplayer-ng-bootstrap/toast/src/components/toast-container/toast-container.component.ts","../../../../libs/mintplayer-ng-bootstrap/toast/src/components/toast-container/toast-container.component.html","../../../../libs/mintplayer-ng-bootstrap/toast/src/directives/toast-close/toast-close.directive.ts","../../../../libs/mintplayer-ng-bootstrap/toast/src/toast.module.ts","../../../../libs/mintplayer-ng-bootstrap/toast/mintplayer-ng-bootstrap-toast.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'bs-toast',\n templateUrl: './toast.component.html',\n styleUrls: ['./toast.component.scss'],\n standalone: false,\n})\nexport class BsToastComponent {\n @Input() public isVisible = false;\n}\n","<div class=\"toast d-block fade mb-2 me-2\" [class.show]=\"isVisible\" aria-live=\"assertive\" aria-atomic=\"true\">\n <ng-content></ng-content>\n</div>","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'bs-toast-header',\n templateUrl: './toast-header.component.html',\n styleUrls: ['./toast-header.component.scss'],\n standalone: false,\n})\nexport class BsToastHeaderComponent {\n @HostBinding('class.toast-header') toastClass = true;\n}\n","<ng-content></ng-content>","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'bs-toast-body',\n templateUrl: './toast-body.component.html',\n styleUrls: ['./toast-body.component.scss'],\n standalone: false,\n})\nexport class BsToastBodyComponent {\n @HostBinding('class.d-flex')\n @HostBinding('class.toast-body')\n toastClasses = true;\n}\n","<ng-content></ng-content>\n","import { ComponentPortal } from \"@angular/cdk/portal\";\nimport { InjectionToken, Injector } from \"@angular/core\";\n\nexport const PORTAL_FACTORY = new InjectionToken<(injector: Injector) => ComponentPortal<any>>('ToastPortalFactory');","import { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { Inject, Injectable, Injector, TemplateRef } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\nimport { BsToastContainerComponent } from '../../components/toast-container/toast-container.component';\nimport { PORTAL_FACTORY } from '../../providers/portal-factory.provider';\n\n@Injectable()\nexport class BsToastService {\n\n constructor(private overlayService: Overlay, private rootInjector: Injector, @Inject(PORTAL_FACTORY) private portalFactory: (injector: Injector) => ComponentPortal<any>) { }\n\n overlayRef: OverlayRef | null = null;\n toasts$ = new BehaviorSubject<ToastItem[]>([]);\n public pushToast(toast: TemplateRef<any>, context?: Object) {\n if (!this.overlayRef) {\n const injector = Injector.create({\n providers: [],\n parent: this.rootInjector,\n });\n const portal = this.portalFactory(injector);\n this.overlayRef = this.overlayService.create({\n scrollStrategy: this.overlayService.scrollStrategies.block(),\n positionStrategy: this.overlayService.position().global()\n .top('0').left('0').bottom('0').right('0'),\n hasBackdrop: false\n });\n const component = this.overlayRef.attach<BsToastContainerComponent>(portal);\n }\n\n context = context ?? {};\n const ctx = Object.assign(context, { isVisible: false });\n this.toasts$.value.push({ template: toast, context: ctx });\n this.toasts$.next(this.toasts$.value);\n setTimeout(() => ctx.isVisible = true, 20);\n }\n\n public close(index: number) {\n const toasts = this.toasts$.value;\n const toast = toasts[index];\n if (toast && toast.context) {\n (<any>toast.context).isVisible = false;\n }\n\n setTimeout(() => {\n toasts.splice(index, 1);\n this.toasts$.next(this.toasts$.value);\n }, 400);\n }\n}\n\ninterface ToastItem {\n template: TemplateRef<any>;\n context: Object | null;\n}","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'bsAddProperties',\n standalone: false,\n})\nexport class BsAddPropertiesPipe implements PipeTransform {\n transform(value: Object | null, toAdd: Object) {\n const result = Object.assign(value ?? {}, toAdd);\n return result;\n }\n}\n","import { Component, HostBinding } from '@angular/core';\nimport { BsToastService } from '../../services/toast/toast.service';\n\n@Component({\n selector: 'bs-toast-container',\n templateUrl: './toast-container.component.html',\n styleUrls: ['./toast-container.component.scss'],\n standalone: false,\n})\nexport class BsToastContainerComponent {\n constructor(toastService: BsToastService) {\n this.toastService = toastService;\n }\n\n toastService: BsToastService;\n\n @HostBinding('style.overflow-y') overflowY = 'auto';\n}\n","<bs-has-overlay></bs-has-overlay>\n@for (toast of (toastService.toasts$ | async); let i = $index; track i) {\n <ng-container [ngTemplateOutlet]=\"toast.template\" [ngTemplateOutletContext]=\"toast.context | bsAddProperties: {toastIndex: i}\"></ng-container>\n}","import { Directive, HostListener, Input } from '@angular/core';\nimport { BsToastService } from '../../services/toast/toast.service';\nimport { BsToastComponent } from '../../components/toast/toast.component';\n\n@Directive({\n selector: 'bs-close',\n standalone: false,\n})\nexport class BsToastCloseDirective {\n constructor(private toast: BsToastComponent, private toastService: BsToastService) {}\n\n @HostListener('click') onClick() {\n if (this.index !== null) {\n this.toastService.close(this.index);\n }\n }\n\n @Input() index: number | null = null;\n}\n","import { Injector, NgModule } from '@angular/core';\nimport { AsyncPipe, NgTemplateOutlet } from '@angular/common';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { BsHasOverlayComponent } from '@mintplayer/ng-bootstrap/has-overlay';\nimport { BsToastComponent } from './components/toast/toast.component';\nimport { BsToastBodyComponent } from './components/toast-body/toast-body.component';\nimport { BsToastHeaderComponent } from './components/toast-header/toast-header.component';\nimport { BsToastContainerComponent } from './components/toast-container/toast-container.component';\nimport { PORTAL_FACTORY } from './providers/portal-factory.provider';\nimport { BsToastService } from './services/toast/toast.service';\nimport { BsToastCloseDirective } from './directives/toast-close/toast-close.directive';\nimport { BsAddPropertiesPipe } from './pipes/add-properties.pipe';\n\n@NgModule({\n declarations: [\n BsToastComponent,\n BsToastBodyComponent,\n BsToastHeaderComponent,\n BsToastContainerComponent,\n BsToastCloseDirective,\n BsAddPropertiesPipe,\n ],\n imports: [\n AsyncPipe,\n OverlayModule,\n NgTemplateOutlet,\n BsHasOverlayComponent,\n ],\n exports: [\n BsToastComponent,\n BsToastBodyComponent,\n BsToastHeaderComponent,\n BsToastContainerComponent,\n BsToastCloseDirective,\n BsAddPropertiesPipe,\n ],\n providers: [\n {\n provide: PORTAL_FACTORY,\n useValue: (injector: Injector) => {\n return new ComponentPortal(BsToastContainerComponent, null, injector);\n }\n },\n BsToastService\n ]\n})\nexport class BsToastModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.BsToastService","i4.BsAddPropertiesPipe","i1.BsToastComponent","i2.BsToastService"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"mintplayer-ng-bootstrap-toast.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/toast/src/components/toast/toast.component.ts","../../../../libs/mintplayer-ng-bootstrap/toast/src/components/toast/toast.component.html","../../../../libs/mintplayer-ng-bootstrap/toast/src/components/toast-header/toast-header.component.ts","../../../../libs/mintplayer-ng-bootstrap/toast/src/components/toast-header/toast-header.component.html","../../../../libs/mintplayer-ng-bootstrap/toast/src/components/toast-body/toast-body.component.ts","../../../../libs/mintplayer-ng-bootstrap/toast/src/components/toast-body/toast-body.component.html","../../../../libs/mintplayer-ng-bootstrap/toast/src/providers/portal-factory.provider.ts","../../../../libs/mintplayer-ng-bootstrap/toast/src/services/toast/toast.service.ts","../../../../libs/mintplayer-ng-bootstrap/toast/src/pipes/add-properties.pipe.ts","../../../../libs/mintplayer-ng-bootstrap/toast/src/components/toast-container/toast-container.component.ts","../../../../libs/mintplayer-ng-bootstrap/toast/src/components/toast-container/toast-container.component.html","../../../../libs/mintplayer-ng-bootstrap/toast/src/directives/toast-close/toast-close.directive.ts","../../../../libs/mintplayer-ng-bootstrap/toast/src/toast.module.ts","../../../../libs/mintplayer-ng-bootstrap/toast/mintplayer-ng-bootstrap-toast.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\n@Component({\n selector: 'bs-toast',\n templateUrl: './toast.component.html',\n styleUrls: ['./toast.component.scss'],\n standalone: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsToastComponent {\n isVisible = input(false);\n}\n","<div class=\"toast d-block fade mb-2 me-2\" [class.show]=\"isVisible()\" aria-live=\"assertive\" aria-atomic=\"true\">\n <ng-content></ng-content>\n</div>\n","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'bs-toast-header',\n templateUrl: './toast-header.component.html',\n styleUrls: ['./toast-header.component.scss'],\n standalone: false,\n})\nexport class BsToastHeaderComponent {\n @HostBinding('class.toast-header') toastClass = true;\n}\n","<ng-content></ng-content>","import { Component, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'bs-toast-body',\n templateUrl: './toast-body.component.html',\n styleUrls: ['./toast-body.component.scss'],\n standalone: false,\n})\nexport class BsToastBodyComponent {\n @HostBinding('class.d-flex')\n @HostBinding('class.toast-body')\n toastClasses = true;\n}\n","<ng-content></ng-content>\n","import { ComponentPortal } from \"@angular/cdk/portal\";\nimport { InjectionToken, Injector } from \"@angular/core\";\n\nexport const PORTAL_FACTORY = new InjectionToken<(injector: Injector) => ComponentPortal<any>>('ToastPortalFactory');","import { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { inject, Injectable, Injector, signal, TemplateRef } from '@angular/core';\nimport { BsToastContainerComponent } from '../../components/toast-container/toast-container.component';\nimport { PORTAL_FACTORY } from '../../providers/portal-factory.provider';\n\n@Injectable()\nexport class BsToastService {\n\n private overlayService = inject(Overlay);\n private rootInjector = inject(Injector);\n private portalFactory = inject<(injector: Injector) => ComponentPortal<any>>(PORTAL_FACTORY);\n\n overlayRef: OverlayRef | null = null;\n toasts = signal<ToastItem[]>([]);\n\n public pushToast(toast: TemplateRef<any>, context?: Object) {\n if (!this.overlayRef) {\n const injector = Injector.create({\n providers: [],\n parent: this.rootInjector,\n });\n const portal = this.portalFactory(injector);\n this.overlayRef = this.overlayService.create({\n scrollStrategy: this.overlayService.scrollStrategies.block(),\n positionStrategy: this.overlayService.position().global()\n .top('0').left('0').bottom('0').right('0'),\n hasBackdrop: false\n });\n const component = this.overlayRef.attach<BsToastContainerComponent>(portal);\n }\n\n context = context ?? {};\n const ctx = Object.assign(context, { isVisible: false });\n const currentToasts = this.toasts();\n currentToasts.push({ template: toast, context: ctx });\n this.toasts.set([...currentToasts]);\n setTimeout(() => ctx.isVisible = true, 20);\n }\n\n public close(index: number) {\n const toasts = this.toasts();\n const toast = toasts[index];\n if (toast && toast.context) {\n (<any>toast.context).isVisible = false;\n }\n\n setTimeout(() => {\n const currentToasts = this.toasts();\n currentToasts.splice(index, 1);\n this.toasts.set([...currentToasts]);\n }, 400);\n }\n}\n\ninterface ToastItem {\n template: TemplateRef<any>;\n context: Object | null;\n}\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'bsAddProperties',\n standalone: false,\n})\nexport class BsAddPropertiesPipe implements PipeTransform {\n transform(value: Object | null, toAdd: Object) {\n const result = Object.assign(value ?? {}, toAdd);\n return result;\n }\n}\n","import { ChangeDetectionStrategy, Component, HostBinding, inject } from '@angular/core';\nimport { BsToastService } from '../../services/toast/toast.service';\n\n@Component({\n selector: 'bs-toast-container',\n templateUrl: './toast-container.component.html',\n styleUrls: ['./toast-container.component.scss'],\n standalone: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsToastContainerComponent {\n toastService = inject(BsToastService);\n\n @HostBinding('style.overflow-y') overflowY = 'auto';\n}\n","<bs-has-overlay></bs-has-overlay>\n@for (toast of toastService.toasts(); let i = $index; track i) {\n <ng-container [ngTemplateOutlet]=\"toast.template\" [ngTemplateOutletContext]=\"toast.context | bsAddProperties: {toastIndex: i}\"></ng-container>\n}\n","import { Directive, HostListener, inject, Input } from '@angular/core';\nimport { BsToastService } from '../../services/toast/toast.service';\nimport { BsToastComponent } from '../../components/toast/toast.component';\n\n@Directive({\n selector: 'bs-close',\n standalone: false,\n})\nexport class BsToastCloseDirective {\n private toast = inject(BsToastComponent);\n private toastService = inject(BsToastService);\n\n @HostListener('click') onClick() {\n if (this.index !== null) {\n this.toastService.close(this.index);\n }\n }\n\n @Input() index: number | null = null;\n}\n","import { Injector, NgModule } from '@angular/core';\nimport { AsyncPipe, NgTemplateOutlet } from '@angular/common';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { BsHasOverlayComponent } from '@mintplayer/ng-bootstrap/has-overlay';\nimport { BsToastComponent } from './components/toast/toast.component';\nimport { BsToastBodyComponent } from './components/toast-body/toast-body.component';\nimport { BsToastHeaderComponent } from './components/toast-header/toast-header.component';\nimport { BsToastContainerComponent } from './components/toast-container/toast-container.component';\nimport { PORTAL_FACTORY } from './providers/portal-factory.provider';\nimport { BsToastService } from './services/toast/toast.service';\nimport { BsToastCloseDirective } from './directives/toast-close/toast-close.directive';\nimport { BsAddPropertiesPipe } from './pipes/add-properties.pipe';\n\n@NgModule({\n declarations: [\n BsToastComponent,\n BsToastBodyComponent,\n BsToastHeaderComponent,\n BsToastContainerComponent,\n BsToastCloseDirective,\n BsAddPropertiesPipe,\n ],\n imports: [\n AsyncPipe,\n OverlayModule,\n NgTemplateOutlet,\n BsHasOverlayComponent,\n ],\n exports: [\n BsToastComponent,\n BsToastBodyComponent,\n BsToastHeaderComponent,\n BsToastContainerComponent,\n BsToastCloseDirective,\n BsAddPropertiesPipe,\n ],\n providers: [\n {\n provide: PORTAL_FACTORY,\n useValue: (injector: Injector) => {\n return new ComponentPortal(BsToastContainerComponent, null, injector);\n }\n },\n BsToastService\n ]\n})\nexport class BsToastModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3.BsAddPropertiesPipe"],"mappings":"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"}
|
|
@@ -1,32 +1,21 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
-
import { BehaviorSubject, map, combineLatest, fromEvent } from 'rxjs';
|
|
4
|
-
import * as i1 from '@angular/common';
|
|
5
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { input, model, computed, HostBinding, ViewChild, ChangeDetectionStrategy, Component, ContentChildren, Directive, inject, DestroyRef, forwardRef, NgModule } from '@angular/core';
|
|
6
3
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
7
4
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
5
|
+
import { fromEvent } from 'rxjs';
|
|
6
|
+
import { CommonModule } from '@angular/common';
|
|
8
7
|
|
|
9
8
|
class BsToggleButtonComponent {
|
|
10
9
|
constructor() {
|
|
11
10
|
this.dInlineBlockClass = true;
|
|
12
11
|
this.disableAnimations = true;
|
|
13
|
-
|
|
14
|
-
this.
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
this.
|
|
18
|
-
this.
|
|
19
|
-
|
|
20
|
-
//#region name
|
|
21
|
-
this.name$ = new BehaviorSubject(null);
|
|
22
|
-
//#endregion
|
|
23
|
-
//#region value
|
|
24
|
-
this.value$ = new BehaviorSubject(null);
|
|
25
|
-
//#endregion
|
|
26
|
-
//#region Group
|
|
27
|
-
this.group$ = new BehaviorSubject(null);
|
|
28
|
-
this.mainCheckStyle$ = this.type$.pipe(map((type) => {
|
|
29
|
-
switch (type) {
|
|
12
|
+
this.type = input('checkbox', ...(ngDevMode ? [{ debugName: "type" }] : []));
|
|
13
|
+
this.isToggled = model(false, ...(ngDevMode ? [{ debugName: "isToggled" }] : []));
|
|
14
|
+
this.name = input(null, ...(ngDevMode ? [{ debugName: "name" }] : []));
|
|
15
|
+
this.value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
16
|
+
this.group = input(null, ...(ngDevMode ? [{ debugName: "group" }] : []));
|
|
17
|
+
this.mainCheckStyle = computed(() => {
|
|
18
|
+
switch (this.type()) {
|
|
30
19
|
case 'checkbox':
|
|
31
20
|
case 'radio':
|
|
32
21
|
case 'switch':
|
|
@@ -34,17 +23,17 @@ class BsToggleButtonComponent {
|
|
|
34
23
|
default:
|
|
35
24
|
return null;
|
|
36
25
|
}
|
|
37
|
-
}));
|
|
38
|
-
this.isSwitch
|
|
39
|
-
switch (type) {
|
|
26
|
+
}, ...(ngDevMode ? [{ debugName: "mainCheckStyle" }] : []));
|
|
27
|
+
this.isSwitch = computed(() => {
|
|
28
|
+
switch (this.type()) {
|
|
40
29
|
case 'switch':
|
|
41
30
|
return true;
|
|
42
31
|
default:
|
|
43
32
|
return false;
|
|
44
33
|
}
|
|
45
|
-
}));
|
|
46
|
-
this.inputClass
|
|
47
|
-
switch (type) {
|
|
34
|
+
}, ...(ngDevMode ? [{ debugName: "isSwitch" }] : []));
|
|
35
|
+
this.inputClass = computed(() => {
|
|
36
|
+
switch (this.type()) {
|
|
48
37
|
case 'checkbox':
|
|
49
38
|
case 'radio':
|
|
50
39
|
case 'switch':
|
|
@@ -52,9 +41,9 @@ class BsToggleButtonComponent {
|
|
|
52
41
|
default:
|
|
53
42
|
return 'btn-check';
|
|
54
43
|
}
|
|
55
|
-
}));
|
|
56
|
-
this.labelClass
|
|
57
|
-
switch (type) {
|
|
44
|
+
}, ...(ngDevMode ? [{ debugName: "inputClass" }] : []));
|
|
45
|
+
this.labelClass = computed(() => {
|
|
46
|
+
switch (this.type()) {
|
|
58
47
|
case 'checkbox':
|
|
59
48
|
case 'radio':
|
|
60
49
|
case 'switch':
|
|
@@ -64,18 +53,20 @@ class BsToggleButtonComponent {
|
|
|
64
53
|
case 'radio_toggle_button':
|
|
65
54
|
return 'btn btn-secondary';
|
|
66
55
|
}
|
|
67
|
-
}));
|
|
68
|
-
this.checkOrRadio
|
|
69
|
-
switch (type) {
|
|
56
|
+
}, ...(ngDevMode ? [{ debugName: "labelClass" }] : []));
|
|
57
|
+
this.checkOrRadio = computed(() => {
|
|
58
|
+
switch (this.type()) {
|
|
70
59
|
case 'radio':
|
|
71
60
|
case 'radio_toggle_button':
|
|
72
61
|
return 'radio';
|
|
73
62
|
default:
|
|
74
63
|
return 'checkbox';
|
|
75
64
|
}
|
|
76
|
-
}));
|
|
77
|
-
this.nameResult
|
|
78
|
-
|
|
65
|
+
}, ...(ngDevMode ? [{ debugName: "checkOrRadio" }] : []));
|
|
66
|
+
this.nameResult = computed(() => {
|
|
67
|
+
const type = this.type();
|
|
68
|
+
const name = this.name();
|
|
69
|
+
const group = this.group();
|
|
79
70
|
switch (type) {
|
|
80
71
|
case 'radio':
|
|
81
72
|
case 'radio_toggle_button':
|
|
@@ -92,68 +83,24 @@ class BsToggleButtonComponent {
|
|
|
92
83
|
default:
|
|
93
84
|
throw 'Invalid value';
|
|
94
85
|
}
|
|
95
|
-
}));
|
|
96
|
-
}
|
|
97
|
-
get type() {
|
|
98
|
-
return this.type$.value;
|
|
99
|
-
}
|
|
100
|
-
set type(value) {
|
|
101
|
-
this.type$.next(value);
|
|
102
|
-
}
|
|
103
|
-
get isToggled() {
|
|
104
|
-
return this._isToggled;
|
|
86
|
+
}, ...(ngDevMode ? [{ debugName: "nameResult" }] : []));
|
|
105
87
|
}
|
|
106
|
-
set isToggled(value) {
|
|
107
|
-
this._isToggled = value;
|
|
108
|
-
this.isToggledChange.emit(this._isToggled);
|
|
109
|
-
}
|
|
110
|
-
get name() {
|
|
111
|
-
return this.name$.value;
|
|
112
|
-
}
|
|
113
|
-
set name(value) {
|
|
114
|
-
this.name$.next(value);
|
|
115
|
-
}
|
|
116
|
-
get value() {
|
|
117
|
-
return this.value$.value;
|
|
118
|
-
}
|
|
119
|
-
set value(value) {
|
|
120
|
-
this.value$.next(value);
|
|
121
|
-
}
|
|
122
|
-
get group() {
|
|
123
|
-
return this.group$.value;
|
|
124
|
-
}
|
|
125
|
-
set group(value) {
|
|
126
|
-
this.group$.next(value);
|
|
127
|
-
}
|
|
128
|
-
//#endregion
|
|
129
88
|
ngAfterViewInit() {
|
|
130
89
|
this.disableAnimations = false;
|
|
131
90
|
}
|
|
132
91
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
133
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
92
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: BsToggleButtonComponent, isStandalone: false, selector: "bs-toggle-button", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, isToggled: { classPropertyName: "isToggled", publicName: "isToggled", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isToggled: "isToggledChange" }, host: { properties: { "class.d-inline-block": "this.dInlineBlockClass" } }, viewQueries: [{ propertyName: "checkbox", first: true, predicate: ["checkbox"], descendants: true }], ngImport: i0, template: "<label [class]=\"mainCheckStyle()\" [class.form-switch]=\"isSwitch()\">\n <input #checkbox [class]=\"inputClass()\" [type]=\"checkOrRadio()\" [name]=\"nameResult()\" [value]=\"value()\">\n <span [class]=\"labelClass()\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [":host ::ng-deep .form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}:host ::ng-deep .form-check .form-check-input{float:left;margin-left:-1.5em}:host ::ng-deep .form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}:host ::ng-deep .form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}:host ::ng-deep .form-check-input{--bs-form-check-bg: var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;print-color-adjust:exact}:host ::ng-deep .form-check-input[type=checkbox]{border-radius:.25em}:host ::ng-deep .form-check-input[type=radio]{border-radius:50%}:host ::ng-deep .form-check-input:active{filter:brightness(90%)}:host ::ng-deep .form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}:host ::ng-deep .form-check-input:checked[type=checkbox]{--bs-form-check-bg-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input:checked[type=radio]{--bs-form-check-bg-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}:host ::ng-deep .form-check-input[disabled]~.form-check-label,:host ::ng-deep .form-check-input:disabled~.form-check-label{cursor:default;opacity:.5}:host ::ng-deep .form-switch{padding-left:2.5em}:host ::ng-deep .form-switch .form-check-input{--bs-form-switch-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e\");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .form-switch .form-check-input{transition:none}}:host ::ng-deep .form-switch .form-check-input:focus{--bs-form-switch-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e\")}:host ::ng-deep .form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\")}:host ::ng-deep .form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}:host ::ng-deep .form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}:host ::ng-deep .form-check-inline{display:inline-block;margin-right:1rem}:host ::ng-deep .btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}:host ::ng-deep .btn-check[disabled]+.btn,:host ::ng-deep .btn-check:disabled+.btn{pointer-events:none;filter:none;opacity:.65}:host ::ng-deep [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e\")}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
134
93
|
}
|
|
135
94
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToggleButtonComponent, decorators: [{
|
|
136
95
|
type: Component,
|
|
137
|
-
args: [{ selector: 'bs-toggle-button', standalone: false, template: "<label [class]=\"mainCheckStyle
|
|
138
|
-
}],
|
|
96
|
+
args: [{ selector: 'bs-toggle-button', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<label [class]=\"mainCheckStyle()\" [class.form-switch]=\"isSwitch()\">\n <input #checkbox [class]=\"inputClass()\" [type]=\"checkOrRadio()\" [name]=\"nameResult()\" [value]=\"value()\">\n <span [class]=\"labelClass()\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [":host ::ng-deep .form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}:host ::ng-deep .form-check .form-check-input{float:left;margin-left:-1.5em}:host ::ng-deep .form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}:host ::ng-deep .form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}:host ::ng-deep .form-check-input{--bs-form-check-bg: var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;print-color-adjust:exact}:host ::ng-deep .form-check-input[type=checkbox]{border-radius:.25em}:host ::ng-deep .form-check-input[type=radio]{border-radius:50%}:host ::ng-deep .form-check-input:active{filter:brightness(90%)}:host ::ng-deep .form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}:host ::ng-deep .form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}:host ::ng-deep .form-check-input:checked[type=checkbox]{--bs-form-check-bg-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input:checked[type=radio]{--bs-form-check-bg-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\")}:host ::ng-deep .form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}:host ::ng-deep .form-check-input[disabled]~.form-check-label,:host ::ng-deep .form-check-input:disabled~.form-check-label{cursor:default;opacity:.5}:host ::ng-deep .form-switch{padding-left:2.5em}:host ::ng-deep .form-switch .form-check-input{--bs-form-switch-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e\");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media(prefers-reduced-motion:reduce){:host ::ng-deep .form-switch .form-check-input{transition:none}}:host ::ng-deep .form-switch .form-check-input:focus{--bs-form-switch-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e\")}:host ::ng-deep .form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\")}:host ::ng-deep .form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}:host ::ng-deep .form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}:host ::ng-deep .form-check-inline{display:inline-block;margin-right:1rem}:host ::ng-deep .btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}:host ::ng-deep .btn-check[disabled]+.btn,:host ::ng-deep .btn-check:disabled+.btn{pointer-events:none;filter:none;opacity:.65}:host ::ng-deep [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e\")}\n"] }]
|
|
97
|
+
}], propDecorators: { checkbox: [{
|
|
139
98
|
type: ViewChild,
|
|
140
99
|
args: ['checkbox']
|
|
141
100
|
}], dInlineBlockClass: [{
|
|
142
101
|
type: HostBinding,
|
|
143
102
|
args: ['class.d-inline-block']
|
|
144
|
-
}], type: [{
|
|
145
|
-
type: Input
|
|
146
|
-
}], isToggledChange: [{
|
|
147
|
-
type: Output
|
|
148
|
-
}], isToggled: [{
|
|
149
|
-
type: Input
|
|
150
|
-
}], name: [{
|
|
151
|
-
type: Input
|
|
152
|
-
}], value: [{
|
|
153
|
-
type: Input
|
|
154
|
-
}], group: [{
|
|
155
|
-
type: Input
|
|
156
|
-
}] } });
|
|
103
|
+
}], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], isToggled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isToggled", required: false }] }, { type: i0.Output, args: ["isToggledChange"] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], group: [{ type: i0.Input, args: [{ isSignal: true, alias: "group", required: false }] }] } });
|
|
157
104
|
|
|
158
105
|
class BsToggleButtonGroupDirective {
|
|
159
106
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToggleButtonGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
@@ -172,9 +119,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
172
119
|
}] } });
|
|
173
120
|
|
|
174
121
|
class BsToggleButtonValueAccessor {
|
|
175
|
-
constructor(
|
|
176
|
-
this.host =
|
|
177
|
-
this.destroy =
|
|
122
|
+
constructor() {
|
|
123
|
+
this.host = inject(BsToggleButtonComponent);
|
|
124
|
+
this.destroy = inject(DestroyRef);
|
|
178
125
|
}
|
|
179
126
|
ngAfterViewInit() {
|
|
180
127
|
fromEvent(this.host.checkbox.nativeElement, 'change')
|
|
@@ -182,7 +129,7 @@ class BsToggleButtonValueAccessor {
|
|
|
182
129
|
.subscribe((ev) => {
|
|
183
130
|
if (this.onValueChange && this.host.checkbox) {
|
|
184
131
|
const isChecked = ev.target.checked;
|
|
185
|
-
switch (this.host.type) {
|
|
132
|
+
switch (this.host.type()) {
|
|
186
133
|
case 'radio':
|
|
187
134
|
case 'radio_toggle_button':
|
|
188
135
|
if (isChecked) {
|
|
@@ -190,11 +137,11 @@ class BsToggleButtonValueAccessor {
|
|
|
190
137
|
}
|
|
191
138
|
break;
|
|
192
139
|
default:
|
|
193
|
-
|
|
194
|
-
|
|
140
|
+
const group = this.host.group();
|
|
141
|
+
if (group) {
|
|
195
142
|
const itemValue = this.host.checkbox.nativeElement.value;
|
|
196
143
|
const result = group.toggleButtons
|
|
197
|
-
.map(tb => ({ value: tb.value, checked: tb.checkbox.nativeElement.checked }))
|
|
144
|
+
.map(tb => ({ value: tb.value(), checked: tb.checkbox.nativeElement.checked }))
|
|
198
145
|
.filter(tb => !!tb.value && tb.checked)
|
|
199
146
|
.map(tb => tb.value);
|
|
200
147
|
if (this.host.checkbox.nativeElement.checked) {
|
|
@@ -226,16 +173,16 @@ class BsToggleButtonValueAccessor {
|
|
|
226
173
|
}
|
|
227
174
|
writeValue(value) {
|
|
228
175
|
if (this.host.checkbox) {
|
|
229
|
-
switch (this.host.type) {
|
|
176
|
+
switch (this.host.type()) {
|
|
230
177
|
case 'radio':
|
|
231
178
|
case 'radio_toggle_button':
|
|
232
|
-
if (value === this.host.value) {
|
|
179
|
+
if (value === this.host.value()) {
|
|
233
180
|
this.host.checkbox.nativeElement.checked = true;
|
|
234
181
|
}
|
|
235
182
|
break;
|
|
236
183
|
default:
|
|
237
|
-
if (this.host.group) {
|
|
238
|
-
this.host.checkbox.nativeElement.checked = value.includes(this.host.value);
|
|
184
|
+
if (this.host.group()) {
|
|
185
|
+
this.host.checkbox.nativeElement.checked = value.includes(this.host.value());
|
|
239
186
|
}
|
|
240
187
|
else {
|
|
241
188
|
this.host.checkbox.nativeElement.checked = value;
|
|
@@ -249,7 +196,7 @@ class BsToggleButtonValueAccessor {
|
|
|
249
196
|
this.host.checkbox.nativeElement.disabled = isDisabled;
|
|
250
197
|
}
|
|
251
198
|
}
|
|
252
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToggleButtonValueAccessor, deps: [
|
|
199
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToggleButtonValueAccessor, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
253
200
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BsToggleButtonValueAccessor, isStandalone: false, selector: "bs-toggle-button", providers: [{
|
|
254
201
|
provide: NG_VALUE_ACCESSOR,
|
|
255
202
|
useExisting: forwardRef(() => BsToggleButtonValueAccessor),
|
|
@@ -267,7 +214,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
267
214
|
multi: true,
|
|
268
215
|
}],
|
|
269
216
|
}]
|
|
270
|
-
}]
|
|
217
|
+
}] });
|
|
271
218
|
|
|
272
219
|
class BsToggleButtonModule {
|
|
273
220
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsToggleButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|