@mintplayer/ng-bootstrap 13.3.12 → 13.4.0
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/esm2020/lib/components/accordion/accordion/accordion.component.mjs +3 -3
- package/esm2020/lib/components/accordion/accordion-tab/accordion-tab.component.mjs +3 -3
- package/esm2020/lib/components/accordion/accordion-tab-header/accordion-tab-header.component.mjs +3 -3
- package/esm2020/lib/components/accordion/accordion.module.mjs +4 -4
- package/esm2020/lib/components/accordion/from-overlay/from-overlay.directive.mjs +5 -4
- package/esm2020/lib/components/accordion/from-overlay-id/from-overlay-id.directive.mjs +5 -4
- package/esm2020/lib/components/alert/alert/alert.component.mjs +3 -3
- package/esm2020/lib/components/alert/alert-close/alert-close.component.mjs +3 -3
- package/esm2020/lib/components/alert/alert.module.mjs +4 -4
- package/esm2020/lib/components/calendar/calendar.component.mjs +3 -3
- package/esm2020/lib/components/calendar/calendar.module.mjs +4 -4
- package/esm2020/lib/components/card/card/card.component.mjs +3 -3
- package/esm2020/lib/components/card/card-header/card-header.component.mjs +3 -3
- package/esm2020/lib/components/card/card.module.mjs +4 -4
- package/esm2020/lib/components/carousel/carousel/carousel.component.mjs +3 -3
- package/esm2020/lib/components/carousel/carousel-image/carousel-image.directive.mjs +3 -3
- package/esm2020/lib/components/carousel/carousel.module.mjs +4 -4
- package/esm2020/lib/components/code-snippet/code-snippet.component.mjs +3 -3
- package/esm2020/lib/components/code-snippet/code-snippet.module.mjs +4 -4
- package/esm2020/lib/components/context-menu/context-menu.directive.mjs +7 -7
- package/esm2020/lib/components/context-menu/context-menu.module.mjs +4 -4
- package/esm2020/lib/components/copy/copy.directive.mjs +3 -3
- package/esm2020/lib/components/copy/copy.module.mjs +4 -4
- package/esm2020/lib/components/datatable/datatable/datatable.component.mjs +3 -3
- package/esm2020/lib/components/datatable/datatable-column/datatable-column.directive.mjs +3 -3
- package/esm2020/lib/components/datatable/datatable.module.mjs +4 -4
- package/esm2020/lib/components/datatable/row-template/row-template.directive.mjs +3 -3
- package/esm2020/lib/components/datepicker/datepicker.component.mjs +3 -3
- package/esm2020/lib/components/datepicker/datepicker.module.mjs +4 -4
- package/esm2020/lib/components/dropdown/dropdown/dropdown.directive.mjs +3 -3
- package/esm2020/lib/components/dropdown/dropdown-menu/dropdown-menu.directive.mjs +3 -3
- package/esm2020/lib/components/dropdown/dropdown-toggle/dropdown-toggle.directive.mjs +3 -3
- package/esm2020/lib/components/dropdown/dropdown.module.mjs +4 -4
- package/esm2020/lib/components/file-upload/component/file-upload.component.mjs +3 -3
- package/esm2020/lib/components/file-upload/directive/file-upload-template.directive.mjs +3 -3
- package/esm2020/lib/components/file-upload/file-upload.module.mjs +4 -4
- package/esm2020/lib/components/for/for.directive.mjs +3 -3
- package/esm2020/lib/components/for/for.module.mjs +4 -4
- package/esm2020/lib/components/list-group/list-group/list-group.component.mjs +3 -3
- package/esm2020/lib/components/list-group/list-group-item/list-group-item.component.mjs +3 -3
- package/esm2020/lib/components/list-group/list-group.module.mjs +4 -4
- package/esm2020/lib/components/modal/component/modal/modal.component.mjs +3 -3
- package/esm2020/lib/components/modal/component/modal-content/modal-content.component.mjs +3 -3
- package/esm2020/lib/components/modal/directives/modal-body/modal-body.directive.mjs +3 -3
- package/esm2020/lib/components/modal/directives/modal-footer/modal-footer.directive.mjs +3 -3
- package/esm2020/lib/components/modal/directives/modal-header/modal-header.directive.mjs +3 -3
- package/esm2020/lib/components/modal/modal.module.mjs +4 -4
- package/esm2020/lib/components/modal/service/modal.service.mjs +3 -3
- package/esm2020/lib/components/multiselect/component/multiselect.component.mjs +3 -3
- package/esm2020/lib/components/multiselect/directives/button-template/button-template.directive.mjs +3 -3
- package/esm2020/lib/components/multiselect/directives/footer-template/footer-template.directive.mjs +3 -3
- package/esm2020/lib/components/multiselect/directives/header-template/header-template.directive.mjs +3 -3
- package/esm2020/lib/components/multiselect/multiselect.module.mjs +4 -4
- package/esm2020/lib/components/navbar/dropdown-toggle/dropdown-toggle.directive.mjs +3 -3
- package/esm2020/lib/components/navbar/expand-button/expand-button.directive.mjs +3 -3
- package/esm2020/lib/components/navbar/nav-link/nav-link.directive.mjs +3 -3
- package/esm2020/lib/components/navbar/navbar/navbar.component.mjs +3 -3
- package/esm2020/lib/components/navbar/navbar-brand/navbar-brand.component.mjs +3 -3
- package/esm2020/lib/components/navbar/navbar-content/navbar-content.directive.mjs +3 -3
- package/esm2020/lib/components/navbar/navbar-dropdown/navbar-dropdown.component.mjs +3 -3
- package/esm2020/lib/components/navbar/navbar-item/navbar-item.component.mjs +3 -3
- package/esm2020/lib/components/navbar/navbar-nav/navbar-nav.component.mjs +3 -3
- package/esm2020/lib/components/navbar/navbar-toggler/navbar-toggler.component.mjs +3 -3
- package/esm2020/lib/components/navbar/navbar.module.mjs +4 -4
- package/esm2020/lib/components/offcanvas/components/index.mjs +3 -2
- package/esm2020/lib/components/offcanvas/components/offcanvas/offcanvas.component.mjs +80 -36
- package/esm2020/lib/components/offcanvas/components/offcanvas-body/offcanvas-body.component.mjs +13 -9
- package/esm2020/lib/components/offcanvas/components/offcanvas-header/offcanvas-header.component.mjs +6 -6
- package/esm2020/lib/components/offcanvas/components/offcanvas-host/offcanvas-host.component.mjs +133 -0
- package/esm2020/lib/components/offcanvas/directives/index.mjs +2 -1
- package/esm2020/lib/components/offcanvas/directives/offcanvas-close/offcanvas-close.directive.mjs +11 -14
- package/esm2020/lib/components/offcanvas/directives/offcanvas-content/offcanvas-content.directive.mjs +18 -0
- package/esm2020/lib/components/offcanvas/index.mjs +2 -2
- package/esm2020/lib/components/offcanvas/offcanvas.module.mjs +43 -20
- package/esm2020/lib/components/offcanvas/providers/portal-factory.provider.mjs +3 -0
- package/esm2020/lib/components/pagination/pagination/pagination.component.mjs +3 -3
- package/esm2020/lib/components/pagination/pagination.module.mjs +4 -4
- package/esm2020/lib/components/progress-bar/progress/progress.component.mjs +3 -3
- package/esm2020/lib/components/progress-bar/progress-bar/progress-bar.component.mjs +3 -3
- package/esm2020/lib/components/progress-bar/progress-bar.module.mjs +4 -4
- package/esm2020/lib/components/rating/rating.component.mjs +3 -3
- package/esm2020/lib/components/rating/rating.module.mjs +4 -4
- package/esm2020/lib/components/scheduler/components/resource-group-presenter/resource-group-presenter.component.mjs +3 -3
- package/esm2020/lib/components/scheduler/components/scheduler/scheduler.component.mjs +3 -3
- package/esm2020/lib/components/scheduler/pipes/bs-seconds-timespan.pipe/bs-seconds-timespan.pipe.mjs +3 -3
- package/esm2020/lib/components/scheduler/pipes/bs-seconds-today-offset/bs-seconds-today-offset.pipe.mjs +3 -3
- package/esm2020/lib/components/scheduler/pipes/date-offset/date-offset.pipe.mjs +3 -3
- package/esm2020/lib/components/scheduler/pipes/day-of-week/day-of-week.pipe.mjs +3 -3
- package/esm2020/lib/components/scheduler/scheduler.module.mjs +4 -4
- package/esm2020/lib/components/scheduler/services/timeline/timeline.service.mjs +3 -3
- package/esm2020/lib/components/scrollspy/component/scrollspy.component.mjs +3 -3
- package/esm2020/lib/components/scrollspy/directives/scrollspy.directive.mjs +3 -3
- package/esm2020/lib/components/scrollspy/scrollspy.module.mjs +4 -4
- package/esm2020/lib/components/select2/component/select2.component.mjs +3 -3
- package/esm2020/lib/components/select2/directive/item-template.directive.mjs +3 -3
- package/esm2020/lib/components/select2/select2.module.mjs +4 -4
- package/esm2020/lib/components/snackbar/component/snackbar.component.mjs +3 -3
- package/esm2020/lib/components/snackbar/directives/snackbar-close/snackbar-close.directive.mjs +3 -3
- package/esm2020/lib/components/snackbar/service/snackbar.service.mjs +3 -3
- package/esm2020/lib/components/snackbar/snackbar.module.mjs +4 -4
- package/esm2020/lib/components/tab-control/tab-control/tab-control.component.mjs +3 -3
- package/esm2020/lib/components/tab-control/tab-control.module.mjs +4 -4
- package/esm2020/lib/components/tab-control/tab-page/tab-page.component.mjs +3 -3
- package/esm2020/lib/components/timepicker/timepicker.component.mjs +3 -3
- package/esm2020/lib/components/timepicker/timepicker.module.mjs +4 -4
- package/esm2020/lib/components/toggle-button/toggle-button.component.mjs +5 -6
- package/esm2020/lib/components/toggle-button/toggle-button.module.mjs +4 -4
- package/esm2020/lib/components/tooltip/component/tooltip.component.mjs +3 -3
- package/esm2020/lib/components/tooltip/directive/tooltip.directive.mjs +3 -3
- package/esm2020/lib/components/tooltip/tooltip.module.mjs +4 -4
- package/esm2020/lib/components/typeahead/typeahead.component.mjs +3 -3
- package/esm2020/lib/components/typeahead/typeahead.module.mjs +4 -4
- package/esm2020/lib/directives/enhanced-paste/enhanced-paste.directive.mjs +3 -3
- package/esm2020/lib/directives/enhanced-paste/enhanced-paste.module.mjs +4 -4
- package/esm2020/lib/pipes/font-color/font-color.module.mjs +4 -4
- package/esm2020/lib/pipes/font-color/font-color.pipe.mjs +3 -3
- package/esm2020/lib/pipes/format-bytes/format-bytes.module.mjs +4 -4
- package/esm2020/lib/pipes/format-bytes/format-bytes.pipe.mjs +3 -3
- package/esm2020/lib/pipes/in-list/in-list.module.mjs +4 -4
- package/esm2020/lib/pipes/in-list/in-list.pipe.mjs +3 -3
- package/esm2020/lib/pipes/month-name/month-name.module.mjs +4 -4
- package/esm2020/lib/pipes/month-name/month-name.pipe.mjs +3 -3
- package/esm2020/lib/pipes/uc-first/uc-first.module.mjs +4 -4
- package/esm2020/lib/pipes/uc-first/uc-first.pipe.mjs +3 -3
- package/esm2020/lib/pipes/weekday-name/weekday-name.module.mjs +4 -4
- package/esm2020/lib/pipes/weekday-name/weekday-name.pipe.mjs +3 -3
- package/esm2020/lib/services/calendar-month/calendar-month.service.mjs +3 -3
- package/esm2020/lib/services/scroll-offset/scroll-offset.service.mjs +3 -3
- package/fesm2015/mintplayer-ng-bootstrap.mjs +686 -538
- package/fesm2015/mintplayer-ng-bootstrap.mjs.map +1 -1
- package/fesm2020/mintplayer-ng-bootstrap.mjs +684 -538
- package/fesm2020/mintplayer-ng-bootstrap.mjs.map +1 -1
- package/lib/components/accordion/from-overlay/from-overlay.directive.d.ts +1 -0
- package/lib/components/accordion/from-overlay-id/from-overlay-id.directive.d.ts +1 -0
- package/lib/components/offcanvas/components/index.d.ts +2 -1
- package/lib/components/offcanvas/components/offcanvas/offcanvas.component.d.ts +24 -14
- package/lib/components/offcanvas/components/offcanvas-body/offcanvas-body.component.d.ts +4 -3
- package/lib/components/offcanvas/components/offcanvas-header/offcanvas-header.component.d.ts +3 -3
- package/lib/components/offcanvas/components/offcanvas-host/offcanvas-host.component.d.ts +35 -0
- package/lib/components/offcanvas/directives/index.d.ts +1 -0
- package/lib/components/offcanvas/directives/offcanvas-close/offcanvas-close.directive.d.ts +4 -6
- package/lib/components/offcanvas/directives/offcanvas-content/offcanvas-content.directive.d.ts +8 -0
- package/lib/components/offcanvas/index.d.ts +0 -1
- package/lib/components/offcanvas/offcanvas.module.d.ts +7 -5
- package/lib/components/offcanvas/providers/portal-factory.provider.d.ts +3 -0
- package/package.json +1 -1
- package/esm2020/lib/components/offcanvas/services/index.mjs +0 -2
- package/esm2020/lib/components/offcanvas/services/offcanvas/offcanvas.service.mjs +0 -72
- package/lib/components/offcanvas/services/index.d.ts +0 -1
- package/lib/components/offcanvas/services/offcanvas/offcanvas.service.d.ts +0 -13
|
@@ -9,8 +9,8 @@ import { BsButtonTemplateDirective } from './directives/button-template/button-t
|
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
export class BsMultiselectModule {
|
|
11
11
|
}
|
|
12
|
-
BsMultiselectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.
|
|
13
|
-
BsMultiselectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.
|
|
12
|
+
BsMultiselectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsMultiselectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
13
|
+
BsMultiselectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsMultiselectModule, declarations: [BsMultiselectComponent,
|
|
14
14
|
BsHeaderTemplateDirective,
|
|
15
15
|
BsFooterTemplateDirective,
|
|
16
16
|
BsButtonTemplateDirective], imports: [CommonModule,
|
|
@@ -19,12 +19,12 @@ BsMultiselectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ver
|
|
|
19
19
|
BsHeaderTemplateDirective,
|
|
20
20
|
BsFooterTemplateDirective,
|
|
21
21
|
BsButtonTemplateDirective] });
|
|
22
|
-
BsMultiselectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.
|
|
22
|
+
BsMultiselectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsMultiselectModule, imports: [[
|
|
23
23
|
CommonModule,
|
|
24
24
|
BsDropdownModule,
|
|
25
25
|
FocusOnLoadModule,
|
|
26
26
|
]] });
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsMultiselectModule, decorators: [{
|
|
28
28
|
type: NgModule,
|
|
29
29
|
args: [{
|
|
30
30
|
declarations: [
|
|
@@ -15,9 +15,9 @@ export class DropdownToggleDirective {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
|
-
DropdownToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.
|
|
19
|
-
DropdownToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.
|
|
18
|
+
DropdownToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: DropdownToggleDirective, deps: [{ token: i0.ElementRef }, { token: forwardRef(() => BsNavbarItemComponent) }, { token: forwardRef(() => BsNavbarDropdownComponent), optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
19
|
+
DropdownToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: DropdownToggleDirective, selector: "bs-navbar-item", queries: [{ propertyName: "childDropdowns", predicate: BsNavbarDropdownComponent }], ngImport: i0 });
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: DropdownToggleDirective, decorators: [{
|
|
21
21
|
type: Directive,
|
|
22
22
|
args: [{
|
|
23
23
|
// selector: 'bs-navbar-item > a[routerLink]',
|
|
@@ -7,9 +7,9 @@ export class BsExpandButtonDirective {
|
|
|
7
7
|
navbar.expandButtonTemplate = templateRef;
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
|
-
BsExpandButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.
|
|
11
|
-
BsExpandButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.
|
|
10
|
+
BsExpandButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsExpandButtonDirective, deps: [{ token: i1.BsNavbarComponent }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
11
|
+
BsExpandButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: BsExpandButtonDirective, selector: "[bsExpandButton]", ngImport: i0 });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsExpandButtonDirective, decorators: [{
|
|
13
13
|
type: Directive,
|
|
14
14
|
args: [{
|
|
15
15
|
selector: '[bsExpandButton]'
|
|
@@ -13,9 +13,9 @@ export class NavLinkDirective {
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
|
-
NavLinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.
|
|
17
|
-
NavLinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.
|
|
16
|
+
NavLinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: NavLinkDirective, deps: [{ token: i0.ElementRef }, { token: forwardRef(() => BsNavbarDropdownComponent), optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
17
|
+
NavLinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: NavLinkDirective, selector: "bs-navbar-item > a[routerLink]", ngImport: i0 });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: NavLinkDirective, decorators: [{
|
|
19
19
|
type: Directive,
|
|
20
20
|
args: [{
|
|
21
21
|
selector: 'bs-navbar-item > a[routerLink]'
|
|
@@ -14,9 +14,9 @@ export class BsNavbarComponent {
|
|
|
14
14
|
});
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
|
-
BsNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.
|
|
18
|
-
BsNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.
|
|
17
|
+
BsNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
BsNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: BsNavbarComponent, selector: "bs-navbar", inputs: { autoclose: "autoclose" }, viewQueries: [{ propertyName: "nav", first: true, predicate: ["nav"], descendants: true }], ngImport: i0, template: "<nav #nav class=\"navbar navbar-expand-md position-fixed navbar-dark bg-dark\">\n <div class=\"container-fluid\">\n <div class=\"d-flex w-100 w-md-auto\">\n <ng-content select=\"bs-navbar-brand\"></ng-content>\n <div class=\"flex-end d-md-none d-flex tw\">\n <button (click)=\"toggleExpanded()\" title=\"Expand/collapse menu\" class=\"align-self-center\" [class.navbar-toggler]=\"!expandButtonTemplate\" [class.bg-transparent]=\"expandButtonTemplate\" [class.shadow-none]=\"expandButtonTemplate\" [class.border-0]=\"expandButtonTemplate\" type=\"button\">\n <ng-container *ngTemplateOutlet=\"expandButtonTemplate ?? defaultExpandButton; context: { $implicit: (isExpanded$ | async) ? 'open' : 'closed' }\"></ng-container>\n </button>\n </div>\n </div>\n <ng-content></ng-content>\n </div>\n</nav>\n\n<ng-template #defaultExpandButton>\n <span class=\"navbar-toggler-icon\"></span>\n</ng-template>", styles: ["nav{left:0;top:0;right:0;z-index:10}@media (min-width: 768px){.mx-md-unset{margin-left:0!important;margin-right:0!important}.w-md-auto{width:auto!important}}.tw{margin:-.5rem -.6666666667rem}\n"], directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i1.AsyncPipe } });
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsNavbarComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ selector: 'bs-navbar', template: "<nav #nav class=\"navbar navbar-expand-md position-fixed navbar-dark bg-dark\">\n <div class=\"container-fluid\">\n <div class=\"d-flex w-100 w-md-auto\">\n <ng-content select=\"bs-navbar-brand\"></ng-content>\n <div class=\"flex-end d-md-none d-flex tw\">\n <button (click)=\"toggleExpanded()\" title=\"Expand/collapse menu\" class=\"align-self-center\" [class.navbar-toggler]=\"!expandButtonTemplate\" [class.bg-transparent]=\"expandButtonTemplate\" [class.shadow-none]=\"expandButtonTemplate\" [class.border-0]=\"expandButtonTemplate\" type=\"button\">\n <ng-container *ngTemplateOutlet=\"expandButtonTemplate ?? defaultExpandButton; context: { $implicit: (isExpanded$ | async) ? 'open' : 'closed' }\"></ng-container>\n </button>\n </div>\n </div>\n <ng-content></ng-content>\n </div>\n</nav>\n\n<ng-template #defaultExpandButton>\n <span class=\"navbar-toggler-icon\"></span>\n</ng-template>", styles: ["nav{left:0;top:0;right:0;z-index:10}@media (min-width: 768px){.mx-md-unset{margin-left:0!important;margin-right:0!important}.w-md-auto{width:auto!important}}.tw{margin:-.5rem -.6666666667rem}\n"] }]
|
|
22
22
|
}], propDecorators: { nav: [{
|
|
@@ -8,9 +8,9 @@ export class BsNavbarBrandComponent {
|
|
|
8
8
|
this.mxAuto = true;
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
|
-
BsNavbarBrandComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.
|
|
12
|
-
BsNavbarBrandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.
|
|
11
|
+
BsNavbarBrandComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsNavbarBrandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
BsNavbarBrandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: BsNavbarBrandComponent, selector: "bs-navbar-brand", inputs: { routerLink: "routerLink" }, host: { properties: { "class.mx-auto": "this.mxAuto" } }, ngImport: i0, template: "<a class=\"navbar-brand mx-auto mx-md-unset\" [routerLink]=\"routerLink\">\n <ng-content></ng-content>\n</a>", styles: [""], directives: [{ type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i2.NavLinkDirective, selector: "bs-navbar-item > a[routerLink]" }] });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsNavbarBrandComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{ selector: 'bs-navbar-brand', template: "<a class=\"navbar-brand mx-auto mx-md-unset\" [routerLink]=\"routerLink\">\n <ng-content></ng-content>\n</a>", styles: [""] }]
|
|
16
16
|
}], propDecorators: { routerLink: [{
|
|
@@ -52,9 +52,9 @@ export class NavbarContentDirective {
|
|
|
52
52
|
this.destroyed$.next(true);
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
|
-
NavbarContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.
|
|
56
|
-
NavbarContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.
|
|
55
|
+
NavbarContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: NavbarContentDirective, deps: [{ token: i0.ElementRef }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Directive });
|
|
56
|
+
NavbarContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: NavbarContentDirective, selector: "[navbarContent]", inputs: { navbar: ["navbarContent", "navbar"] }, ngImport: i0 });
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: NavbarContentDirective, decorators: [{
|
|
58
58
|
type: Directive,
|
|
59
59
|
args: [{
|
|
60
60
|
selector: '[navbarContent]'
|
|
@@ -14,9 +14,9 @@ export class BsNavbarDropdownComponent {
|
|
|
14
14
|
return [this.navbarItem.anchorTag].filter((a) => a).map((a) => a);
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
|
-
BsNavbarDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.
|
|
18
|
-
BsNavbarDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.
|
|
17
|
+
BsNavbarDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsNavbarDropdownComponent, deps: [{ token: BsNavbarDropdownComponent, host: true, optional: true, skipSelf: true }, { token: forwardRef(() => BsNavbarItemComponent), host: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
BsNavbarDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: BsNavbarDropdownComponent, selector: "bs-navbar-dropdown", inputs: { autoclose: "autoclose" }, queries: [{ propertyName: "childDropdowns", predicate: i0.forwardRef(function () { return BsNavbarDropdownComponent; }), descendants: true }], ngImport: i0, template: "<ul class=\"dropdown-menu\" [class.show]=\"isVisible\" [class.submenu]=\"!!parentDropdown\" (clickOutside)=\"isVisible = false\" [exclude]=\"elementsToExclude\" aria-labelledby=\"navbarDropdown\">\n <ng-content></ng-content>\n</ul>", styles: ["@media (max-width: 767px){.submenu{margin-left:.5rem;margin-right:.5rem}}@media (min-width: 768px){.submenu{position:absolute;left:100%;top:-1px}}\n"], directives: [{ type: i1.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }] });
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsNavbarDropdownComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ selector: 'bs-navbar-dropdown', template: "<ul class=\"dropdown-menu\" [class.show]=\"isVisible\" [class.submenu]=\"!!parentDropdown\" (clickOutside)=\"isVisible = false\" [exclude]=\"elementsToExclude\" aria-labelledby=\"navbarDropdown\">\n <ng-content></ng-content>\n</ul>", styles: ["@media (max-width: 767px){.submenu{margin-left:.5rem;margin-right:.5rem}}@media (min-width: 768px){.submenu{position:absolute;left:100%;top:-1px}}\n"] }]
|
|
22
22
|
}], ctorParameters: function () { return [{ type: BsNavbarDropdownComponent, decorators: [{
|
|
@@ -50,9 +50,9 @@ export class BsNavbarItemComponent {
|
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
|
-
BsNavbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.
|
|
54
|
-
BsNavbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.
|
|
53
|
+
BsNavbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsNavbarItemComponent, deps: [{ token: i1.BsNavbarComponent }, { token: i2.BsNavbarDropdownComponent, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
54
|
+
BsNavbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: BsNavbarItemComponent, selector: "bs-navbar-item", queries: [{ propertyName: "dropdowns", predicate: i0.forwardRef(function () { return BsNavbarDropdownComponent; }) }], ngImport: i0, template: "<li [class.nav-item]=\"parentDropdown === null\" [class.dropdown]=\"(dropdowns.length > 0) && (parentDropdown === null)\" [class.dropend]=\"(dropdowns.length > 0) && (parentDropdown !== null)\">\n <ng-content></ng-content>\n</li>", styles: ["li.dropend ::ng-deep a.dropdown-toggle{padding-right:1.5rem}li.dropend ::ng-deep a.dropdown-toggle:after{position:absolute;right:.5rem;top:.75rem}\n"] });
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsNavbarItemComponent, decorators: [{
|
|
56
56
|
type: Component,
|
|
57
57
|
args: [{ selector: 'bs-navbar-item', template: "<li [class.nav-item]=\"parentDropdown === null\" [class.dropdown]=\"(dropdowns.length > 0) && (parentDropdown === null)\" [class.dropend]=\"(dropdowns.length > 0) && (parentDropdown !== null)\">\n <ng-content></ng-content>\n</li>", styles: ["li.dropend ::ng-deep a.dropdown-toggle{padding-right:1.5rem}li.dropend ::ng-deep a.dropdown-toggle:after{position:absolute;right:.5rem;top:.75rem}\n"] }]
|
|
58
58
|
}], ctorParameters: function () { return [{ type: i1.BsNavbarComponent }, { type: i2.BsNavbarDropdownComponent, decorators: [{
|
|
@@ -55,9 +55,9 @@ export class BsNavbarNavComponent {
|
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
|
-
BsNavbarNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.
|
|
59
|
-
BsNavbarNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.
|
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.
|
|
58
|
+
BsNavbarNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsNavbarNavComponent, deps: [{ token: i1.BsNavbarComponent }], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
+
BsNavbarNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: BsNavbarNavComponent, selector: "bs-navbar-nav", inputs: { collapse: "collapse" }, host: { listeners: { "window:resize": "onWindowResize()" } }, ngImport: i0, template: "<div class=\"navbar-collapse w-100 show\" [class.collapse]=\"collapse$ | async\" *ngIf=\"showNavs$ | async\" [@slideUpDown] [@.disabled]=\"isResizing$ | async\">\n <ul class=\"navbar-nav mr-auto\">\n <ng-content></ng-content>\n </ul>\n</div>", styles: [":host{margin-right:auto}@media screen and (max-width: 767px){:host{width:100%!important}.navbar-collapse.collapse{overflow:hidden}}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe }, animations: [SlideUpDownAnimation] });
|
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsNavbarNavComponent, decorators: [{
|
|
61
61
|
type: Component,
|
|
62
62
|
args: [{ selector: 'bs-navbar-nav', animations: [SlideUpDownAnimation], template: "<div class=\"navbar-collapse w-100 show\" [class.collapse]=\"collapse$ | async\" *ngIf=\"showNavs$ | async\" [@slideUpDown] [@.disabled]=\"isResizing$ | async\">\n <ul class=\"navbar-nav mr-auto\">\n <ng-content></ng-content>\n </ul>\n</div>", styles: [":host{margin-right:auto}@media screen and (max-width: 767px){:host{width:100%!important}.navbar-collapse.collapse{overflow:hidden}}\n"] }]
|
|
63
63
|
}], ctorParameters: function () { return [{ type: i1.BsNavbarComponent }]; }, propDecorators: { collapse: [{
|
|
@@ -29,9 +29,9 @@ export class BsNavbarTogglerComponent {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
|
-
BsNavbarTogglerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.
|
|
33
|
-
BsNavbarTogglerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.
|
|
32
|
+
BsNavbarTogglerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsNavbarTogglerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
BsNavbarTogglerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: BsNavbarTogglerComponent, selector: "bs-navbar-toggler", inputs: { state: "state", toggleOnClick: "toggleOnClick" }, outputs: { stateChange: "stateChange" }, host: { listeners: { "click": "toggleState($event)" } }, ngImport: i0, template: "<div class=\"navbar-toggler float-left\" [ngClass]=\"state\">\n <div></div>\n <div></div>\n <div></div>\n</div>", styles: [":host{align-self:start;top:0;right:0}.navbar-toggler{padding:.75rem 1rem;border:none}.navbar-toggler>div{width:25px;height:2px;background:#BBB;margin:6px 0;transition:.4s}.navbar-toggler.open>div:nth-of-type(1){transform:rotate(-45deg) translate(-7px,5px)}.navbar-toggler.open>div:nth-of-type(2){opacity:0}.navbar-toggler.open>div:nth-of-type(3){transform:rotate(45deg) translate(-6px,-4px)}@media (min-width: 768px){.navbar-toggler.auto>div:nth-of-type(1){transform:rotate(-45deg) translate(-7px,5px)}.navbar-toggler.auto>div:nth-of-type(2){opacity:0}.navbar-toggler.auto>div:nth-of-type(3){transform:rotate(45deg) translate(-6px,-4px)}}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsNavbarTogglerComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
36
|
args: [{ selector: 'bs-navbar-toggler', template: "<div class=\"navbar-toggler float-left\" [ngClass]=\"state\">\n <div></div>\n <div></div>\n <div></div>\n</div>", styles: [":host{align-self:start;top:0;right:0}.navbar-toggler{padding:.75rem 1rem;border:none}.navbar-toggler>div{width:25px;height:2px;background:#BBB;margin:6px 0;transition:.4s}.navbar-toggler.open>div:nth-of-type(1){transform:rotate(-45deg) translate(-7px,5px)}.navbar-toggler.open>div:nth-of-type(2){opacity:0}.navbar-toggler.open>div:nth-of-type(3){transform:rotate(45deg) translate(-6px,-4px)}@media (min-width: 768px){.navbar-toggler.auto>div:nth-of-type(1){transform:rotate(-45deg) translate(-7px,5px)}.navbar-toggler.auto>div:nth-of-type(2){opacity:0}.navbar-toggler.auto>div:nth-of-type(3){transform:rotate(45deg) translate(-6px,-4px)}}\n"] }]
|
|
37
37
|
}], propDecorators: { stateChange: [{
|
|
@@ -15,8 +15,8 @@ import { BsNavbarTogglerComponent } from './navbar-toggler/navbar-toggler.compon
|
|
|
15
15
|
import * as i0 from "@angular/core";
|
|
16
16
|
export class BsNavbarModule {
|
|
17
17
|
}
|
|
18
|
-
BsNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.
|
|
19
|
-
BsNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.
|
|
18
|
+
BsNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
19
|
+
BsNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsNavbarModule, declarations: [BsNavbarComponent,
|
|
20
20
|
BsNavbarNavComponent,
|
|
21
21
|
BsNavbarDropdownComponent,
|
|
22
22
|
BsNavbarItemComponent,
|
|
@@ -37,12 +37,12 @@ BsNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
|
|
|
37
37
|
BsNavbarBrandComponent,
|
|
38
38
|
BsExpandButtonDirective,
|
|
39
39
|
BsNavbarTogglerComponent] });
|
|
40
|
-
BsNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.
|
|
40
|
+
BsNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsNavbarModule, imports: [[
|
|
41
41
|
CommonModule,
|
|
42
42
|
RouterModule,
|
|
43
43
|
ClickOutsideModule
|
|
44
44
|
]] });
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsNavbarModule, decorators: [{
|
|
46
46
|
type: NgModule,
|
|
47
47
|
args: [{
|
|
48
48
|
declarations: [
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from './offcanvas/offcanvas.component';
|
|
2
|
-
export * from './offcanvas-body/offcanvas-body.component';
|
|
3
2
|
export * from './offcanvas-header/offcanvas-header.component';
|
|
4
|
-
|
|
3
|
+
export * from './offcanvas-body/offcanvas-body.component';
|
|
4
|
+
export * from './offcanvas-host/offcanvas-host.component';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21pbnRwbGF5ZXItbmctYm9vdHN0cmFwL3NyYy9saWIvY29tcG9uZW50cy9vZmZjYW52YXMvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLDJDQUEyQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9vZmZjYW52YXMvb2ZmY2FudmFzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL29mZmNhbnZhcy1oZWFkZXIvb2ZmY2FudmFzLWhlYWRlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9vZmZjYW52YXMtYm9keS9vZmZjYW52YXMtYm9keS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9vZmZjYW52YXMtaG9zdC9vZmZjYW52YXMtaG9zdC5jb21wb25lbnQnOyJdfQ==
|
|
@@ -1,57 +1,101 @@
|
|
|
1
|
-
import { Component,
|
|
2
|
-
import { BehaviorSubject, map } from 'rxjs';
|
|
1
|
+
import { Component, EventEmitter, Inject, Input, Output, TemplateRef } from '@angular/core';
|
|
2
|
+
import { BehaviorSubject, combineLatest, delayWhen, interval, map, of, Subject, takeUntil } from 'rxjs';
|
|
3
|
+
import { FadeInOutAnimation } from '@mintplayer/ng-animations';
|
|
3
4
|
import { OFFCANVAS_CONTENT } from '../../providers/offcanvas-content.provider';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
import * as i1 from "@angular/common";
|
|
6
7
|
export class BsOffcanvasComponent {
|
|
7
|
-
constructor(
|
|
8
|
-
this.
|
|
9
|
-
this.
|
|
10
|
-
this.
|
|
11
|
-
this.
|
|
12
|
-
|
|
13
|
-
this.show$ = new BehaviorSubject(false);
|
|
8
|
+
constructor(contentTemplate) {
|
|
9
|
+
this.destroyed$ = new Subject();
|
|
10
|
+
this.disableTransition$ = new BehaviorSubject(false);
|
|
11
|
+
this.offcanvasClass$ = new BehaviorSubject(null);
|
|
12
|
+
this.hasBackdrop$ = new BehaviorSubject(false);
|
|
13
|
+
//#region Position
|
|
14
14
|
this.position$ = new BehaviorSubject('bottom');
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
15
|
+
//#endregion
|
|
16
|
+
//#region Size
|
|
17
|
+
this.size$ = new BehaviorSubject(null);
|
|
18
|
+
//#endregion
|
|
19
|
+
//#region Show
|
|
20
|
+
this.show$ = new BehaviorSubject(false);
|
|
21
|
+
this.showChange = new EventEmitter();
|
|
22
|
+
//#endregion
|
|
23
|
+
this.backdropClick = new EventEmitter();
|
|
24
|
+
this.contentTemplate = contentTemplate;
|
|
25
|
+
this.visibility$ = this.show$
|
|
26
|
+
.pipe(delayWhen((val, i) => val ? of(0) : interval(300)))
|
|
27
|
+
.pipe(map((val) => val ? 'visible' : 'hidden'));
|
|
28
|
+
this.position$
|
|
29
|
+
.pipe(takeUntil(this.destroyed$))
|
|
30
|
+
.subscribe((position) => {
|
|
31
|
+
this.disableTransition$.next(true);
|
|
32
|
+
this.offcanvasClass$.next(`offcanvas-${position}`);
|
|
33
|
+
setTimeout(() => this.disableTransition$.next(false));
|
|
34
|
+
});
|
|
35
|
+
this.width$ = combineLatest([this.position$, this.size$])
|
|
36
|
+
.pipe(map(([position, size]) => {
|
|
37
|
+
if (['start', 'end'].includes(position)) {
|
|
38
|
+
return size;
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
return null;
|
|
26
42
|
}
|
|
27
43
|
}));
|
|
44
|
+
this.height$ = combineLatest([this.position$, this.size$])
|
|
45
|
+
.pipe(map(([position, size]) => {
|
|
46
|
+
if (['top', 'bottom'].includes(position)) {
|
|
47
|
+
return size;
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
return null;
|
|
51
|
+
}
|
|
52
|
+
}));
|
|
53
|
+
this.showBackdrop$ = combineLatest([this.hasBackdrop$, this.show$])
|
|
54
|
+
.pipe(map(([hasBackdrop, show]) => hasBackdrop && show));
|
|
28
55
|
}
|
|
29
|
-
//#region Position
|
|
30
56
|
set position(value) {
|
|
31
57
|
this.position$.next(value);
|
|
32
58
|
}
|
|
33
59
|
get position() {
|
|
34
60
|
return this.position$.value;
|
|
35
61
|
}
|
|
62
|
+
set size(value) {
|
|
63
|
+
this.size$.next(value);
|
|
64
|
+
}
|
|
65
|
+
get size() {
|
|
66
|
+
return this.size$.value;
|
|
67
|
+
}
|
|
68
|
+
set show(value) {
|
|
69
|
+
this.show$.next(value);
|
|
70
|
+
}
|
|
71
|
+
get show() {
|
|
72
|
+
return this.show$.value;
|
|
73
|
+
}
|
|
74
|
+
onBackdropClick(ev) {
|
|
75
|
+
console.log(1);
|
|
76
|
+
this.backdropClick.emit(ev);
|
|
77
|
+
}
|
|
78
|
+
ngOnDestroy() {
|
|
79
|
+
this.destroyed$.next(true);
|
|
80
|
+
}
|
|
36
81
|
}
|
|
37
|
-
BsOffcanvasComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.
|
|
38
|
-
BsOffcanvasComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.
|
|
82
|
+
BsOffcanvasComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsOffcanvasComponent, deps: [{ token: OFFCANVAS_CONTENT }], target: i0.ɵɵFactoryTarget.Component });
|
|
83
|
+
BsOffcanvasComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: BsOffcanvasComponent, selector: "bs-offcanvas-holder", inputs: { position: "position", size: "size", show: "show" }, outputs: { showChange: "showChange", backdropClick: "backdropClick" }, ngImport: i0, template: "<div [@fadeInOut]=\"{value: ':leave', params: {duration: '300ms'} }\" *ngIf=\"showBackdrop$ | async\">\n <div class=\"modal-backdrop show\" (click)=\"onBackdropClick($event)\"></div>\n</div>\n\n<!-- <div class=\"offcanvas overflow-hidden\"\n [class.show]=\"show$ | async\"\n [class.disable-transition]=\"disableTransition$ | async\"\n [class]=\"offcanvasClass$ | async\"\n [style.height.px]=\"height$ | async\"\n [style.width.px]=\"width$ | async\"> -->\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n<!-- </div> -->", styles: [".offcanvas.oc-max-width{max-width:calc(100% - 40px)}.offcanvas.oc-max-height{max-height:calc(100% - 40px)}.modal-backdrop{z-index:1040}.offcanvas{visibility:unset}.offcanvas.disable-transition{transition:none}.offcanvas.offcanvas-top{height:auto;bottom:unset}.offcanvas.offcanvas-bottom{height:auto;top:unset}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i1.AsyncPipe }, animations: [FadeInOutAnimation] });
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BsOffcanvasComponent, decorators: [{
|
|
40
85
|
type: Component,
|
|
41
|
-
args: [{ selector: 'bs-offcanvas', template: "<div class=\"offcanvas overflow-hidden\"
|
|
86
|
+
args: [{ selector: 'bs-offcanvas-holder', animations: [FadeInOutAnimation], template: "<div [@fadeInOut]=\"{value: ':leave', params: {duration: '300ms'} }\" *ngIf=\"showBackdrop$ | async\">\n <div class=\"modal-backdrop show\" (click)=\"onBackdropClick($event)\"></div>\n</div>\n\n<!-- <div class=\"offcanvas overflow-hidden\"\n [class.show]=\"show$ | async\"\n [class.disable-transition]=\"disableTransition$ | async\"\n [class]=\"offcanvasClass$ | async\"\n [style.height.px]=\"height$ | async\"\n [style.width.px]=\"width$ | async\"> -->\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n<!-- </div> -->", styles: [".offcanvas.oc-max-width{max-width:calc(100% - 40px)}.offcanvas.oc-max-height{max-height:calc(100% - 40px)}.modal-backdrop{z-index:1040}.offcanvas{visibility:unset}.offcanvas.disable-transition{transition:none}.offcanvas.offcanvas-top{height:auto;bottom:unset}.offcanvas.offcanvas-bottom{height:auto;top:unset}\n"] }]
|
|
42
87
|
}], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
|
|
43
88
|
type: Inject,
|
|
44
89
|
args: [OFFCANVAS_CONTENT]
|
|
45
|
-
}] }]; }, propDecorators: {
|
|
90
|
+
}] }]; }, propDecorators: { position: [{
|
|
91
|
+
type: Input
|
|
92
|
+
}], size: [{
|
|
93
|
+
type: Input
|
|
94
|
+
}], showChange: [{
|
|
95
|
+
type: Output
|
|
96
|
+
}], show: [{
|
|
46
97
|
type: Input
|
|
47
|
-
}],
|
|
48
|
-
type:
|
|
49
|
-
args: ['class.d-block']
|
|
50
|
-
}], positionAbsolute: [{
|
|
51
|
-
type: HostBinding,
|
|
52
|
-
args: ['class.position-absolute']
|
|
53
|
-
}], width100: [{
|
|
54
|
-
type: HostBinding,
|
|
55
|
-
args: ['class.w-100']
|
|
98
|
+
}], backdropClick: [{
|
|
99
|
+
type: Output
|
|
56
100
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
101
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2ZmY2FudmFzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbWludHBsYXllci1uZy1ib290c3RyYXAvc3JjL2xpYi9jb21wb25lbnRzL29mZmNhbnZhcy9jb21wb25lbnRzL29mZmNhbnZhcy9vZmZjYW52YXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9taW50cGxheWVyLW5nLWJvb3RzdHJhcC9zcmMvbGliL2NvbXBvbmVudHMvb2ZmY2FudmFzL2NvbXBvbmVudHMvb2ZmY2FudmFzL29mZmNhbnZhcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkcsT0FBTyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxHQUFHLEVBQWMsRUFBRSxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDcEgsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFL0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNENBQTRDLENBQUM7OztBQVEvRSxNQUFNLE9BQU8sb0JBQW9CO0lBRS9CLFlBQXVDLGVBQWlDO1FBdUN4RSxlQUFVLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUUzQix1QkFBa0IsR0FBRyxJQUFJLGVBQWUsQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUN6RCxvQkFBZSxHQUFHLElBQUksZUFBZSxDQUFnQixJQUFJLENBQUMsQ0FBQztRQUczRCxpQkFBWSxHQUFHLElBQUksZUFBZSxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBR25ELGtCQUFrQjtRQUNsQixjQUFTLEdB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dHRlciwgSW5qZWN0LCBJbnB1dCwgT25EZXN0cm95LCBPdXRwdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIGNvbWJpbmVMYXRlc3QsIGRlbGF5V2hlbiwgaW50ZXJ2YWwsIG1hcCwgT2JzZXJ2YWJsZSwgb2YsIFN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgRmFkZUluT3V0QW5pbWF0aW9uIH0gZnJvbSAnQG1pbnRwbGF5ZXIvbmctYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBPZmZjYW52YXNQb3NpdGlvbiB9IGZyb20gJy4uLy4uL3R5cGVzL3Bvc2l0aW9uJztcbmltcG9ydCB7IE9GRkNBTlZBU19DT05URU5UIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL29mZmNhbnZhcy1jb250ZW50LnByb3ZpZGVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYnMtb2ZmY2FudmFzLWhvbGRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9vZmZjYW52YXMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vZmZjYW52YXMuY29tcG9uZW50LnNjc3MnXSxcbiAgYW5pbWF0aW9uczogW0ZhZGVJbk91dEFuaW1hdGlvbl1cbn0pXG5leHBvcnQgY2xhc3MgQnNPZmZjYW52YXNDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoT0ZGQ0FOVkFTX0NPTlRFTlQpIGNvbnRlbnRUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55Pikge1xuICAgIHRoaXMuY29udGVudFRlbXBsYXRlID0gY29udGVudFRlbXBsYXRlO1xuXG4gICAgdGhpcy52aXNpYmlsaXR5JCA9IHRoaXMuc2hvdyRcbiAgICAgIC5waXBlKGRlbGF5V2hlbigodmFsLCBpKSA9PiB2YWwgPyBvZigwKSA6IGludGVydmFsKDMwMCkpKVxuICAgICAgLnBpcGUobWFwKCh2YWwpID0+IHZhbCA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nKSk7XG5cbiAgICB0aGlzLnBvc2l0aW9uJFxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveWVkJCkpXG4gICAgICAuc3Vic2NyaWJlKChwb3NpdGlvbikgPT4ge1xuICAgICAgICB0aGlzLmRpc2FibGVUcmFuc2l0aW9uJC5uZXh0KHRydWUpO1xuICAgICAgICB0aGlzLm9mZmNhbnZhc0NsYXNzJC5uZXh0KGBvZmZjYW52YXMtJHtwb3NpdGlvbn1gKTtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLmRpc2FibGVUcmFuc2l0aW9uJC5uZXh0KGZhbHNlKSk7XG4gICAgICB9KTtcblxuICAgIHRoaXMud2lkdGgkID0gY29tYmluZUxhdGVzdChbdGhpcy5wb3NpdGlvbiQsIHRoaXMuc2l6ZSRdKVxuICAgICAgLnBpcGUobWFwKChbcG9zaXRpb24sIHNpemVdKSA9PiB7XG4gICAgICAgIGlmIChbJ3N0YXJ0JywgJ2VuZCddLmluY2x1ZGVzKHBvc2l0aW9uKSkge1xuICAgICAgICAgIHJldHVybiBzaXplO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG4gICAgICB9KSk7XG5cbiAgICB0aGlzLmhlaWdodCQgPSBjb21iaW5lTGF0ZXN0KFt0aGlzLnBvc2l0aW9uJCwgdGhpcy5zaXplJF0pXG4gICAgICAucGlwZShtYXAoKFtwb3NpdGlvbiwgc2l6ZV0pID0+IHtcbiAgICAgICAgaWYgKFsndG9wJywgJ2JvdHRvbSddLmluY2x1ZGVzKHBvc2l0aW9uKSkge1xuICAgICAgICAgIHJldHVybiBzaXplO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG4gICAgICB9KSk7XG5cbiAgICB0aGlzLnNob3dCYWNrZHJvcCQgPSBjb21iaW5lTGF0ZXN0KFt0aGlzLmhhc0JhY2tkcm9wJCwgdGhpcy5zaG93JF0pXG4gICAgICAucGlwZShtYXAoKFtoYXNCYWNrZHJvcCwgc2hvd10pID0+IGhhc0JhY2tkcm9wICYmIHNob3cpKTtcbiAgfVxuXG4gIGNvbnRlbnRUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcbiAgXG4gIGRlc3Ryb3llZCQgPSBuZXcgU3ViamVjdCgpO1xuICB2aXNpYmlsaXR5JDogT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICBkaXNhYmxlVHJhbnNpdGlvbiQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KGZhbHNlKTtcbiAgb2ZmY2FudmFzQ2xhc3MkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxzdHJpbmcgfCBudWxsPihudWxsKTtcbiAgd2lkdGgkOiBPYnNlcnZhYmxlPG51bWJlciB8IG51bGw+O1xuICBoZWlnaHQkOiBPYnNlcnZhYmxlPG51bWJlciB8IG51bGw+O1xuICBoYXNCYWNrZHJvcCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KGZhbHNlKTtcbiAgc2hvd0JhY2tkcm9wJDogT2JzZXJ2YWJsZTxib29sZWFuPjtcblxuICAvLyNyZWdpb24gUG9zaXRpb25cbiAgcG9zaXRpb24kID0gbmV3IEJlaGF2aW9yU3ViamVjdDxPZmZjYW52YXNQb3NpdGlvbj4oJ2JvdHRvbScpO1xuICBASW5wdXQoKSBwdWJsaWMgc2V0IHBvc2l0aW9uKHZhbHVlOiBPZmZjYW52YXNQb3NpdGlvbikge1xuICAgIHRoaXMucG9zaXRpb24kLm5leHQodmFsdWUpO1xuICB9XG4gIHB1YmxpYyBnZXQgcG9zaXRpb24oKSB7XG4gICAgcmV0dXJuIHRoaXMucG9zaXRpb24kLnZhbHVlO1xuICB9XG4gIC8vI2VuZHJlZ2lvblxuXG4gIC8vI3JlZ2lvbiBTaXplXG4gIHNpemUkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxudW1iZXIgfCBudWxsPihudWxsKTtcbiAgQElucHV0KCkgcHVibGljIHNldCBzaXplKHZhbHVlOiBudW1iZXIgfCBudWxsKSB7XG4gICAgdGhpcy5zaXplJC5uZXh0KHZhbHVlKTtcbiAgfVxuICBwdWJsaWMgZ2V0IHNpemUoKSB7XG4gICAgcmV0dXJuIHRoaXMuc2l6ZSQudmFsdWU7XG4gIH1cbiAgLy8jZW5kcmVnaW9uXG5cbiAgLy8jcmVnaW9uIFNob3dcbiAgc2hvdyQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KGZhbHNlKTtcbiAgQE91dHB1dCgpIHB1YmxpYyBzaG93Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICBASW5wdXQoKSBwdWJsaWMgc2V0IHNob3codmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLnNob3ckLm5leHQodmFsdWUpO1xuICB9XG4gIHB1YmxpYyBnZXQgc2hvdygpIHtcbiAgICByZXR1cm4gdGhpcy5zaG93JC52YWx1ZTtcbiAgfVxuICAvLyNlbmRyZWdpb25cblxuICBAT3V0cHV0KCkgYmFja2Ryb3BDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKTtcbiAgb25CYWNrZHJvcENsaWNrKGV2OiBNb3VzZUV2ZW50KSB7XG4gICAgY29uc29sZS5sb2coMSk7XG4gICAgdGhpcy5iYWNrZHJvcENsaWNrLmVtaXQoZXYpO1xuICB9XG4gIFxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmRlc3Ryb3llZCQubmV4dCh0cnVlKTtcbiAgfVxuXG59XG4iLCI8ZGl2IFtAZmFkZUluT3V0XT1cInt2YWx1ZTogJzpsZWF2ZScsIHBhcmFtczoge2R1cmF0aW9uOiAnMzAwbXMnfSB9XCIgKm5nSWY9XCJzaG93QmFja2Ryb3AkIHwgYXN5bmNcIj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYmFja2Ryb3Agc2hvd1wiIChjbGljayk9XCJvbkJhY2tkcm9wQ2xpY2soJGV2ZW50KVwiPjwvZGl2PlxuPC9kaXY+XG5cbjwhLS0gPGRpdiBjbGFzcz1cIm9mZmNhbnZhcyBvdmVyZmxvdy1oaWRkZW5cIlxuICAgIFtjbGFzcy5zaG93XT1cInNob3ckIHwgYXN5bmNcIlxuICAgIFtjbGFzcy5kaXNhYmxlLXRyYW5zaXRpb25dPVwiZGlzYWJsZVRyYW5zaXRpb24kIHwgYXN5bmNcIlxuICAgIFtjbGFzc109XCJvZmZjYW52YXNDbGFzcyQgfCBhc3luY1wiXG4gICAgW3N0eWxlLmhlaWdodC5weF09XCJoZWlnaHQkIHwgYXN5bmNcIlxuICAgIFtzdHlsZS53aWR0aC5weF09XCJ3aWR0aCQgfCBhc3luY1wiPiAtLT5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG48IS0tIDwvZGl2PiAtLT4iXX0=
|
package/esm2020/lib/components/offcanvas/components/offcanvas-body/offcanvas-body.component.mjs
CHANGED
|
@@ -1,14 +1,18 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
export class
|
|
4
|
-
constructor() {
|
|
3
|
+
export class OffcanvasBodyComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.noPadding = false;
|
|
6
|
+
}
|
|
5
7
|
ngOnInit() {
|
|
6
8
|
}
|
|
7
9
|
}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.
|
|
10
|
+
OffcanvasBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: OffcanvasBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
OffcanvasBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: OffcanvasBodyComponent, selector: "bs-offcanvas-body", inputs: { noPadding: "noPadding" }, ngImport: i0, template: "<div class=\"offcanvas-body\" [class.p-0]=\"noPadding\">\n <ng-content></ng-content>\n</div>", styles: [".offcanvas-body{overflow:unset}\n"] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: OffcanvasBodyComponent, decorators: [{
|
|
11
13
|
type: Component,
|
|
12
|
-
args: [{ selector: 'bs-offcanvas-body', template: "<div class=\"offcanvas-body
|
|
13
|
-
}], ctorParameters: function () { return []; }
|
|
14
|
-
|
|
14
|
+
args: [{ selector: 'bs-offcanvas-body', template: "<div class=\"offcanvas-body\" [class.p-0]=\"noPadding\">\n <ng-content></ng-content>\n</div>", styles: [".offcanvas-body{overflow:unset}\n"] }]
|
|
15
|
+
}], ctorParameters: function () { return []; }, propDecorators: { noPadding: [{
|
|
16
|
+
type: Input
|
|
17
|
+
}] } });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2ZmY2FudmFzLWJvZHkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9taW50cGxheWVyLW5nLWJvb3RzdHJhcC9zcmMvbGliL2NvbXBvbmVudHMvb2ZmY2FudmFzL2NvbXBvbmVudHMvb2ZmY2FudmFzLWJvZHkvb2ZmY2FudmFzLWJvZHkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9taW50cGxheWVyLW5nLWJvb3RzdHJhcC9zcmMvbGliL2NvbXBvbmVudHMvb2ZmY2FudmFzL2NvbXBvbmVudHMvb2ZmY2FudmFzLWJvZHkvb2ZmY2FudmFzLWJvZHkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBT3pELE1BQU0sT0FBTyxzQkFBc0I7SUFFakM7UUFFUyxjQUFTLEdBQUcsS0FBSyxDQUFDO0lBRlgsQ0FBQztJQUlqQixRQUFRO0lBQ1IsQ0FBQzs7bUhBUFUsc0JBQXNCO3VHQUF0QixzQkFBc0IsNkZDUG5DLGlHQUVNOzJGREtPLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxtQkFBbUI7MEVBUXBCLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYnMtb2ZmY2FudmFzLWJvZHknLFxuICB0ZW1wbGF0ZVVybDogJy4vb2ZmY2FudmFzLWJvZHkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vZmZjYW52YXMtYm9keS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE9mZmNhbnZhc0JvZHlDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgQElucHV0KCkgbm9QYWRkaW5nID0gZmFsc2U7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cIm9mZmNhbnZhcy1ib2R5XCIgW2NsYXNzLnAtMF09XCJub1BhZGRpbmdcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj4iXX0=
|
package/esm2020/lib/components/offcanvas/components/offcanvas-header/offcanvas-header.component.mjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { Component } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
export class
|
|
3
|
+
export class OffcanvasHeaderComponent {
|
|
4
4
|
constructor() { }
|
|
5
5
|
ngOnInit() {
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.
|
|
8
|
+
OffcanvasHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: OffcanvasHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
OffcanvasHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: OffcanvasHeaderComponent, selector: "bs-offcanvas-header", ngImport: i0, template: "<div class=\"offcanvas-header\">\n <ng-content></ng-content>\n</div>", styles: [""] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: OffcanvasHeaderComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
|
-
args: [{ selector: 'bs-offcanvas-header', template: "<div class=\"offcanvas-header\">\n <ng-content></ng-content>\n</div
|
|
12
|
+
args: [{ selector: 'bs-offcanvas-header', template: "<div class=\"offcanvas-header\">\n <ng-content></ng-content>\n</div>", styles: [""] }]
|
|
13
13
|
}], ctorParameters: function () { return []; } });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2ZmY2FudmFzLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21pbnRwbGF5ZXItbmctYm9vdHN0cmFwL3NyYy9saWIvY29tcG9uZW50cy9vZmZjYW52YXMvY29tcG9uZW50cy9vZmZjYW52YXMtaGVhZGVyL29mZmNhbnZhcy1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9taW50cGxheWVyLW5nLWJvb3RzdHJhcC9zcmMvbGliL2NvbXBvbmVudHMvb2ZmY2FudmFzL2NvbXBvbmVudHMvb2ZmY2FudmFzLWhlYWRlci9vZmZjYW52YXMtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBT2xELE1BQU0sT0FBTyx3QkFBd0I7SUFFbkMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7O3FIQUxVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLDJEQ1ByQyx5RUFFTTsyRkRLTyx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYnMtb2ZmY2FudmFzLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9vZmZjYW52YXMtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vb2ZmY2FudmFzLWhlYWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE9mZmNhbnZhc0hlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwib2ZmY2FudmFzLWhlYWRlclwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PiJdfQ==
|