@sebgroup/green-angular 3.8.0 → 4.1.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 → esm2022}/lib/accordion/accordion-list-item.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/accordion/accordion.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/accordion/accordion.module.mjs +5 -5
- package/esm2022/lib/badge/badge.component.mjs +80 -0
- package/{esm2020 → esm2022}/lib/badge/badge.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/button/button.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/button/button.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/cell-table/cell-table-item.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/cell-table/cell-table.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/cell-table/cell-table.module.mjs +7 -7
- package/{esm2020 → esm2022}/lib/cell-table/cell-underline.directive.mjs +4 -4
- package/{esm2020 → esm2022}/lib/context-menu/context-menu.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/context-menu/context-menu.module.mjs +5 -5
- package/esm2022/lib/datepicker/datepicker.component.mjs +138 -0
- package/{esm2020 → esm2022}/lib/datepicker/datepicker.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/dropdown/dropdown-button.directive.mjs +4 -4
- package/{esm2020 → esm2022}/lib/dropdown/dropdown-option.directive.mjs +4 -4
- package/esm2022/lib/dropdown/dropdown.component.mjs +212 -0
- package/{esm2020 → esm2022}/lib/dropdown/dropdown.module.mjs +9 -9
- package/{esm2020 → esm2022}/lib/green-angular.module.mjs +31 -31
- package/{esm2020 → esm2022}/lib/in-page-wizard/in-page-wizard-step-card.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/in-page-wizard/in-page-wizard.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/modal/modal-footer.directive.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modal/modal-header.directive.mjs +4 -4
- package/esm2022/lib/modal/modal.component.mjs +307 -0
- package/{esm2020 → esm2022}/lib/modal/modal.module.mjs +12 -12
- package/{esm2020 → esm2022}/lib/pagination/pagination.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/pagination/pagination.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/progress-circle/progress-circle.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/progress-circle/progress-circle.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/segmented-control/segmented-control.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/segmented-control/segmented-control.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/shared/core-element/core-element.directive.mjs +4 -4
- package/{esm2020 → esm2022}/lib/shared/core-element/core-element.module.mjs +5 -5
- package/{esm2020/src → esm2022}/lib/shared/on-scroll.directive.mjs +10 -10
- package/{esm2020 → esm2022}/lib/shared/shared.module.mjs +5 -5
- package/esm2022/lib/slider/slider.component.mjs +113 -0
- package/{esm2020 → esm2022}/lib/slider/slider.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/sortable-list/sortable-list.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/sortable-list/sortable-list.module.mjs +5 -5
- package/{esm2020 → esm2022}/src/lib/accordion/accordion-list-item.component.mjs +4 -4
- package/{esm2020 → esm2022}/src/lib/accordion/accordion.component.mjs +4 -4
- package/{esm2020 → esm2022}/src/lib/accordion/accordion.module.mjs +5 -5
- package/esm2022/src/lib/badge/badge.component.mjs +80 -0
- package/{esm2020 → esm2022}/src/lib/badge/badge.module.mjs +5 -5
- package/{esm2020 → esm2022}/src/lib/button/button.component.mjs +4 -4
- package/{esm2020 → esm2022}/src/lib/button/button.module.mjs +5 -5
- package/{esm2020 → esm2022}/src/lib/cell-table/cell-table-item.component.mjs +6 -6
- package/{esm2020 → esm2022}/src/lib/cell-table/cell-table.component.mjs +4 -4
- package/{esm2020 → esm2022}/src/lib/cell-table/cell-table.module.mjs +7 -7
- package/{esm2020 → esm2022}/src/lib/cell-table/cell-underline.directive.mjs +4 -4
- package/{esm2020 → esm2022}/src/lib/context-menu/context-menu.component.mjs +4 -4
- package/{esm2020 → esm2022}/src/lib/context-menu/context-menu.module.mjs +5 -5
- package/esm2022/src/lib/datepicker/datepicker.component.mjs +138 -0
- package/{esm2020 → esm2022}/src/lib/datepicker/datepicker.module.mjs +5 -5
- package/{esm2020 → esm2022}/src/lib/dropdown/dropdown-button.directive.mjs +4 -4
- package/{esm2020 → esm2022}/src/lib/dropdown/dropdown-option.directive.mjs +4 -4
- package/esm2022/src/lib/dropdown/dropdown.component.mjs +212 -0
- package/{esm2020 → esm2022}/src/lib/dropdown/dropdown.module.mjs +9 -9
- package/{esm2020 → esm2022}/src/lib/in-page-wizard/in-page-wizard-step-card.component.mjs +4 -4
- package/{esm2020 → esm2022}/src/lib/in-page-wizard/in-page-wizard.module.mjs +5 -5
- package/{esm2020 → esm2022}/src/lib/modal/modal-footer.directive.mjs +4 -4
- package/{esm2020 → esm2022}/src/lib/modal/modal-header.directive.mjs +4 -4
- package/esm2022/src/lib/modal/modal.component.mjs +307 -0
- package/{esm2020 → esm2022}/src/lib/modal/modal.module.mjs +12 -12
- package/{esm2020 → esm2022}/src/lib/pagination/pagination.component.mjs +4 -4
- package/{esm2020 → esm2022}/src/lib/pagination/pagination.module.mjs +5 -5
- package/{esm2020 → esm2022}/src/lib/progress-circle/progress-circle.component.mjs +4 -4
- package/{esm2020 → esm2022}/src/lib/progress-circle/progress-circle.module.mjs +5 -5
- package/{esm2020 → esm2022}/src/lib/segmented-control/segmented-control.component.mjs +6 -6
- package/{esm2020 → esm2022}/src/lib/segmented-control/segmented-control.module.mjs +5 -5
- package/{esm2020 → esm2022}/src/lib/shared/core-element/core-element.directive.mjs +4 -4
- package/{esm2020 → esm2022}/src/lib/shared/core-element/core-element.module.mjs +5 -5
- package/esm2022/src/lib/shared/on-scroll.directive.mjs +47 -0
- package/{esm2020 → esm2022}/src/lib/shared/shared.module.mjs +5 -5
- package/esm2022/src/lib/slider/slider.component.mjs +113 -0
- package/{esm2020 → esm2022}/src/lib/slider/slider.module.mjs +5 -5
- package/{esm2020 → esm2022}/src/lib/sortable-list/sortable-list.component.mjs +4 -4
- package/{esm2020 → esm2022}/src/lib/sortable-list/sortable-list.module.mjs +5 -5
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-accordion.mjs +10 -10
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-accordion.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/sebgroup-green-angular-src-lib-badge.mjs +16 -16
- package/fesm2022/sebgroup-green-angular-src-lib-badge.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-button.mjs +7 -7
- package/{fesm2015 → fesm2022}/sebgroup-green-angular-src-lib-button.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-cell-table.mjs +17 -17
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-cell-table.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/sebgroup-green-angular-src-lib-context-menu.mjs +7 -7
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-context-menu.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-datepicker.mjs +20 -20
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-datepicker.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-dropdown.mjs +69 -69
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-dropdown.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/sebgroup-green-angular-src-lib-in-page-wizard.mjs +7 -7
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-in-page-wizard.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-lib-modal.mjs +375 -0
- package/fesm2022/sebgroup-green-angular-src-lib-modal.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-pagination.mjs +7 -7
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-pagination.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-progress-circle.mjs +7 -7
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-progress-circle.mjs.map +1 -1
- package/{fesm2015 → fesm2022}/sebgroup-green-angular-src-lib-segmented-control.mjs +9 -9
- package/fesm2022/sebgroup-green-angular-src-lib-segmented-control.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-shared.mjs +20 -20
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-shared.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-slider.mjs +13 -13
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-slider.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-sortable-list.mjs +7 -7
- package/{fesm2020 → fesm2022}/sebgroup-green-angular-src-lib-sortable-list.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/sebgroup-green-angular.mjs +339 -290
- package/fesm2022/sebgroup-green-angular.mjs.map +1 -0
- package/lib/accordion/accordion-list-item.component.d.ts +1 -1
- package/lib/accordion/accordion.component.d.ts +1 -1
- package/lib/badge/badge.component.d.ts +1 -1
- package/lib/button/button.component.d.ts +1 -1
- package/lib/cell-table/cell-table-item.component.d.ts +1 -1
- package/lib/cell-table/cell-table.component.d.ts +1 -1
- package/lib/cell-table/cell-table.types.d.ts +1 -1
- package/lib/cell-table/cell-underline.directive.d.ts +1 -1
- package/lib/context-menu/context-menu.component.d.ts +1 -1
- package/lib/datepicker/datepicker.component.d.ts +1 -1
- package/lib/dropdown/dropdown.component.d.ts +4 -4
- package/lib/in-page-wizard/in-page-wizard-step-card.component.d.ts +1 -1
- package/lib/modal/modal.component.d.ts +3 -3
- package/lib/pagination/pagination.component.d.ts +1 -1
- package/lib/progress-circle/progress-circle.component.d.ts +1 -1
- package/lib/segmented-control/segmented-control.component.d.ts +1 -1
- package/lib/slider/slider.component.d.ts +1 -1
- package/lib/sortable-list/sortable-list.component.d.ts +1 -1
- package/package.json +58 -94
- package/src/lib/accordion/accordion-list-item.component.d.ts +1 -1
- package/src/lib/accordion/accordion.component.d.ts +1 -1
- package/src/lib/badge/badge.component.d.ts +1 -1
- package/src/lib/button/button.component.d.ts +1 -1
- package/src/lib/cell-table/cell-table-item.component.d.ts +1 -1
- package/src/lib/cell-table/cell-table.component.d.ts +1 -1
- package/src/lib/cell-table/cell-table.types.d.ts +1 -1
- package/src/lib/cell-table/cell-underline.directive.d.ts +1 -1
- package/src/lib/context-menu/context-menu.component.d.ts +1 -1
- package/src/lib/datepicker/datepicker.component.d.ts +1 -1
- package/src/lib/dropdown/dropdown.component.d.ts +4 -4
- package/src/lib/in-page-wizard/in-page-wizard-step-card.component.d.ts +1 -1
- package/src/lib/modal/modal.component.d.ts +3 -3
- package/src/lib/pagination/pagination.component.d.ts +1 -1
- package/src/lib/progress-circle/progress-circle.component.d.ts +1 -1
- package/src/lib/segmented-control/segmented-control.component.d.ts +1 -1
- package/src/lib/slider/slider.component.d.ts +1 -1
- package/src/lib/sortable-list/sortable-list.component.d.ts +1 -1
- package/esm2020/lib/badge/badge.component.mjs +0 -80
- package/esm2020/lib/datepicker/datepicker.component.mjs +0 -138
- package/esm2020/lib/dropdown/dropdown.component.mjs +0 -212
- package/esm2020/lib/modal/modal.component.mjs +0 -258
- package/esm2020/lib/shared/on-scroll.directive.mjs +0 -47
- package/esm2020/lib/slider/slider.component.mjs +0 -113
- package/esm2020/src/lib/badge/badge.component.mjs +0 -80
- package/esm2020/src/lib/datepicker/datepicker.component.mjs +0 -138
- package/esm2020/src/lib/dropdown/dropdown.component.mjs +0 -212
- package/esm2020/src/lib/modal/modal.component.mjs +0 -258
- package/esm2020/src/lib/slider/slider.component.mjs +0 -113
- package/fesm2015/sebgroup-green-angular-src-lib-accordion.mjs +0 -140
- package/fesm2015/sebgroup-green-angular-src-lib-accordion.mjs.map +0 -1
- package/fesm2015/sebgroup-green-angular-src-lib-badge.mjs.map +0 -1
- package/fesm2015/sebgroup-green-angular-src-lib-button.mjs +0 -50
- package/fesm2015/sebgroup-green-angular-src-lib-cell-table.mjs +0 -272
- package/fesm2015/sebgroup-green-angular-src-lib-cell-table.mjs.map +0 -1
- package/fesm2015/sebgroup-green-angular-src-lib-context-menu.mjs.map +0 -1
- package/fesm2015/sebgroup-green-angular-src-lib-datepicker.mjs +0 -166
- package/fesm2015/sebgroup-green-angular-src-lib-datepicker.mjs.map +0 -1
- package/fesm2015/sebgroup-green-angular-src-lib-dropdown.mjs +0 -266
- package/fesm2015/sebgroup-green-angular-src-lib-dropdown.mjs.map +0 -1
- package/fesm2015/sebgroup-green-angular-src-lib-in-page-wizard.mjs.map +0 -1
- package/fesm2015/sebgroup-green-angular-src-lib-modal.mjs +0 -328
- package/fesm2015/sebgroup-green-angular-src-lib-modal.mjs.map +0 -1
- package/fesm2015/sebgroup-green-angular-src-lib-pagination.mjs +0 -197
- package/fesm2015/sebgroup-green-angular-src-lib-pagination.mjs.map +0 -1
- package/fesm2015/sebgroup-green-angular-src-lib-progress-circle.mjs +0 -63
- package/fesm2015/sebgroup-green-angular-src-lib-progress-circle.mjs.map +0 -1
- package/fesm2015/sebgroup-green-angular-src-lib-segmented-control.mjs.map +0 -1
- package/fesm2015/sebgroup-green-angular-src-lib-shared.mjs +0 -114
- package/fesm2015/sebgroup-green-angular-src-lib-shared.mjs.map +0 -1
- package/fesm2015/sebgroup-green-angular-src-lib-slider.mjs +0 -136
- package/fesm2015/sebgroup-green-angular-src-lib-slider.mjs.map +0 -1
- package/fesm2015/sebgroup-green-angular-src-lib-sortable-list.mjs +0 -204
- package/fesm2015/sebgroup-green-angular-src-lib-sortable-list.mjs.map +0 -1
- package/fesm2015/sebgroup-green-angular.mjs +0 -2165
- package/fesm2015/sebgroup-green-angular.mjs.map +0 -1
- package/fesm2020/sebgroup-green-angular-src-lib-badge.mjs +0 -102
- package/fesm2020/sebgroup-green-angular-src-lib-badge.mjs.map +0 -1
- package/fesm2020/sebgroup-green-angular-src-lib-button.mjs.map +0 -1
- package/fesm2020/sebgroup-green-angular-src-lib-context-menu.mjs +0 -104
- package/fesm2020/sebgroup-green-angular-src-lib-in-page-wizard.mjs +0 -72
- package/fesm2020/sebgroup-green-angular-src-lib-modal.mjs +0 -326
- package/fesm2020/sebgroup-green-angular-src-lib-modal.mjs.map +0 -1
- package/fesm2020/sebgroup-green-angular-src-lib-segmented-control.mjs +0 -58
- package/fesm2020/sebgroup-green-angular-src-lib-segmented-control.mjs.map +0 -1
- package/fesm2020/sebgroup-green-angular.mjs.map +0 -1
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/accordion/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/badge/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/button/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/cell-table/cell-table.types.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/cell-table/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/context-menu/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/datepicker/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/dropdown/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/in-page-wizard/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modal/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/pagination/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/progress-circle/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/segmented-control/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/shared/core-element/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/shared/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/slider/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/sortable-list/index.mjs +0 -0
- /package/{esm2020 → esm2022}/sebgroup-green-angular.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/accordion/index.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/accordion/sebgroup-green-angular-src-lib-accordion.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/badge/index.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/badge/sebgroup-green-angular-src-lib-badge.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/button/index.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/button/sebgroup-green-angular-src-lib-button.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/cell-table/cell-table.types.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/cell-table/index.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/cell-table/sebgroup-green-angular-src-lib-cell-table.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/context-menu/index.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/context-menu/sebgroup-green-angular-src-lib-context-menu.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/datepicker/index.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/datepicker/sebgroup-green-angular-src-lib-datepicker.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/dropdown/index.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/dropdown/sebgroup-green-angular-src-lib-dropdown.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/in-page-wizard/index.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/in-page-wizard/sebgroup-green-angular-src-lib-in-page-wizard.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/modal/index.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/modal/sebgroup-green-angular-src-lib-modal.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/pagination/index.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/pagination/sebgroup-green-angular-src-lib-pagination.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/progress-circle/index.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/progress-circle/sebgroup-green-angular-src-lib-progress-circle.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/segmented-control/index.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/segmented-control/sebgroup-green-angular-src-lib-segmented-control.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/shared/core-element/index.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/shared/index.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/shared/sebgroup-green-angular-src-lib-shared.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/slider/index.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/slider/sebgroup-green-angular-src-lib-slider.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/sortable-list/index.mjs +0 -0
- /package/{esm2020 → esm2022}/src/lib/sortable-list/sebgroup-green-angular-src-lib-sortable-list.mjs +0 -0
|
@@ -0,0 +1,375 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Directive, EventEmitter, Component, ChangeDetectionStrategy, Input, Output, HostBinding, ViewChild, ContentChild, NgModule } from '@angular/core';
|
|
3
|
+
import { trigger, transition, query, style, group, animate } from '@angular/animations';
|
|
4
|
+
import * as i1 from '@angular/cdk/a11y';
|
|
5
|
+
import { A11yModule } from '@angular/cdk/a11y';
|
|
6
|
+
import { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';
|
|
7
|
+
import * as i2 from '@angular/common';
|
|
8
|
+
import { CommonModule } from '@angular/common';
|
|
9
|
+
|
|
10
|
+
class NggModalHeaderDirective {
|
|
11
|
+
constructor(viewContainerRef) {
|
|
12
|
+
this.viewContainerRef = viewContainerRef;
|
|
13
|
+
}
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggModalHeaderDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
15
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NggModalHeaderDirective, selector: "[nggModalHeader]", ngImport: i0 }); }
|
|
16
|
+
}
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggModalHeaderDirective, decorators: [{
|
|
18
|
+
type: Directive,
|
|
19
|
+
args: [{
|
|
20
|
+
selector: '[nggModalHeader]',
|
|
21
|
+
}]
|
|
22
|
+
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
|
|
23
|
+
|
|
24
|
+
class NggModalFooterDirective {
|
|
25
|
+
constructor(viewContainerRef) {
|
|
26
|
+
this.viewContainerRef = viewContainerRef;
|
|
27
|
+
}
|
|
28
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggModalFooterDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
29
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NggModalFooterDirective, selector: "[nggModalFooter]", ngImport: i0 }); }
|
|
30
|
+
}
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggModalFooterDirective, decorators: [{
|
|
32
|
+
type: Directive,
|
|
33
|
+
args: [{
|
|
34
|
+
selector: '[nggModalFooter]',
|
|
35
|
+
}]
|
|
36
|
+
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
|
|
37
|
+
|
|
38
|
+
class NggModalComponent {
|
|
39
|
+
get trapFocus() {
|
|
40
|
+
return this._trapFocus;
|
|
41
|
+
}
|
|
42
|
+
set trapFocus(value) {
|
|
43
|
+
this._trapFocus = value;
|
|
44
|
+
if (value) {
|
|
45
|
+
if (this._isOpen) {
|
|
46
|
+
this.enableFocusTrap();
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
this.disableFocusTrap();
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
get isOpen() {
|
|
54
|
+
return this._isOpen;
|
|
55
|
+
}
|
|
56
|
+
set isOpen(value) {
|
|
57
|
+
this._isOpen = value;
|
|
58
|
+
if (value) {
|
|
59
|
+
if (this.trapFocus) {
|
|
60
|
+
this.enableFocusTrap();
|
|
61
|
+
}
|
|
62
|
+
if (this.disableBodyScroll) {
|
|
63
|
+
disableBodyScroll(this.ref.nativeElement, {
|
|
64
|
+
allowTouchMove: (el) => {
|
|
65
|
+
// Allow touchmove for elements inside modal, its required for scroll to work on iOS devices
|
|
66
|
+
return this.ref.nativeElement.contains(el);
|
|
67
|
+
},
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
this.disableFocusTrap();
|
|
73
|
+
if (this.disableBodyScroll) {
|
|
74
|
+
enableBodyScroll(this.ref.nativeElement);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
get open() {
|
|
79
|
+
return this.isOpen;
|
|
80
|
+
}
|
|
81
|
+
constructor(ref, configurableFocusTrapFactory) {
|
|
82
|
+
this.ref = ref;
|
|
83
|
+
this.configurableFocusTrapFactory = configurableFocusTrapFactory;
|
|
84
|
+
this.disableBodyScroll = true;
|
|
85
|
+
this.isOpenChange = new EventEmitter();
|
|
86
|
+
this.closed = new EventEmitter();
|
|
87
|
+
this.confirm = new EventEmitter();
|
|
88
|
+
this.dismiss = new EventEmitter();
|
|
89
|
+
this.configurableFocusTrap = this.configurableFocusTrapFactory.create(this.ref.nativeElement);
|
|
90
|
+
}
|
|
91
|
+
ngOnInit() {
|
|
92
|
+
if (this._isOpen && this.trapFocus)
|
|
93
|
+
this.enableFocusTrap();
|
|
94
|
+
else
|
|
95
|
+
this.disableFocusTrap();
|
|
96
|
+
}
|
|
97
|
+
handleCloseClick(event) {
|
|
98
|
+
this.closeModal(event);
|
|
99
|
+
}
|
|
100
|
+
handleBackdropClick(event) {
|
|
101
|
+
if (event.target == this.backdropRef?.nativeElement)
|
|
102
|
+
this.closeModal(event);
|
|
103
|
+
}
|
|
104
|
+
handleDismiss(event) {
|
|
105
|
+
this.dismiss.emit(event);
|
|
106
|
+
}
|
|
107
|
+
handleConfirm(event) {
|
|
108
|
+
this.confirm.emit(event);
|
|
109
|
+
}
|
|
110
|
+
closeModal(event) {
|
|
111
|
+
if (this.closed.observers.length > 0) {
|
|
112
|
+
this.closed.emit(event);
|
|
113
|
+
}
|
|
114
|
+
else {
|
|
115
|
+
this.isOpen = false;
|
|
116
|
+
this.isOpenChange.emit(this.isOpen);
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
enableFocusTrap() {
|
|
120
|
+
if (this.configurableFocusTrap) {
|
|
121
|
+
this.configurableFocusTrap.enabled = true;
|
|
122
|
+
this.configurableFocusTrap.focusInitialElementWhenReady();
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
disableFocusTrap() {
|
|
126
|
+
if (this.configurableFocusTrap) {
|
|
127
|
+
this.configurableFocusTrap.enabled = false;
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
ngOnDestroy() {
|
|
131
|
+
this.configurableFocusTrap?.destroy();
|
|
132
|
+
enableBodyScroll(this.ref.nativeElement);
|
|
133
|
+
}
|
|
134
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggModalComponent, deps: [{ token: i0.ElementRef }, { token: i1.ConfigurableFocusTrapFactory }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
135
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NggModalComponent, selector: "ngg-modal", inputs: { modalType: "modalType", header: "header", confirmLabel: "confirmLabel", dismissLabel: "dismissLabel", size: "size", hideHeader: "hideHeader", hideFooter: "hideFooter", disableBodyScroll: "disableBodyScroll", trapFocus: "trapFocus", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange", closed: "closed", confirm: "confirm", dismiss: "dismiss" }, host: { properties: { "class.open": "this.open" } }, queries: [{ propertyName: "modalHeaderContent", first: true, predicate: NggModalHeaderDirective, descendants: true }, { propertyName: "modalFooterContent", first: true, predicate: NggModalFooterDirective, descendants: true }], viewQueries: [{ propertyName: "backdropRef", first: true, predicate: ["backdrop"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"isOpen\" [ngSwitch]=\"modalType\">\n <div class=\"gds-dialog-wrapper\" [@modalAnimation]>\n <aside\n data-testid=\"modal\"\n *ngSwitchCase=\"'slideout'\"\n role=\"dialog\"\n aria-modal=\"true\"\n [class.small]=\"size === 'sm'\"\n [class.medium]=\"size === 'md'\"\n [class.large]=\"size === 'lg'\"\n [class.entered]=\"isOpen\"\n >\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </aside>\n <main\n data-testid=\"modal\"\n *ngSwitchCase=\"'takeover'\"\n role=\"dialog\"\n aria-modal=\"true\"\n [class.entered]=\"isOpen\"\n >\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </main>\n <section\n data-testid=\"modal\"\n *ngSwitchDefault\n role=\"dialog\"\n aria-modal=\"true\"\n [class.small]=\"size === 'sm'\"\n [class.medium]=\"size === 'md'\"\n [class.large]=\"size === 'lg'\"\n [class.entered]=\"isOpen\"\n >\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </section>\n <ng-template #contentTemplate>\n <ng-container *ngIf=\"!hideHeader\">\n <header\n *ngIf=\"!modalHeaderContent; else headerContentTemplate\"\n ngg-modal-header\n data-testid=\"modal-header\"\n [header]=\"header\"\n (closed)=\"this.handleCloseClick($event)\"\n ></header>\n </ng-container>\n <div ngg-modal-body data-testid=\"modal-body\" class=\"body\">\n <ng-container *ngTemplateOutlet=\"bodyContentTemplate\"></ng-container>\n </div>\n <ng-container *ngIf=\"!hideFooter && (dismissLabel || confirmLabel)\">\n <footer\n *ngIf=\"!modalFooterContent; else footerContentTemplate\"\n ngg-modal-footer\n data-testid=\"modal-footer\"\n [dismissLabel]=\"dismissLabel\"\n [confirmLabel]=\"confirmLabel\"\n (dismiss)=\"this.handleDismiss($event)\"\n (confirm)=\"this.handleConfirm($event)\"\n ></footer>\n </ng-container>\n </ng-template>\n <ng-template #headerContentTemplate>\n <header data-testid=\"modal-header\">\n <ng-content select=\"[nggModalHeader]\"></ng-content>\n </header>\n </ng-template>\n <ng-template #bodyContentTemplate>\n <ng-content></ng-content>\n </ng-template>\n <ng-template #footerContentTemplate>\n <footer data-testid=\"modal-footer\">\n <ng-content select=\"[nggModalFooter]\"></ng-content>\n </footer>\n </ng-template>\n <div\n #backdrop\n data-testid=\"modal-backdrop\"\n class=\"backdrop entered\"\n (click)=\"this.handleBackdropClick($event)\"\n [attr.aria-hidden]=\"true\"\n ></div>\n </div>\n</ng-container>\n", styles: [":host.open{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:var(--sg-z-index-modal)}:host.open>section[role=dialog]{left:50%;top:50%;transform:translate(-50%,-50%)}.body::-webkit-scrollbar{background-color:#f8f8f8;height:10px;width:10px}.body::-webkit-scrollbar-thumb{background-color:#cecece}.body::-webkit-scrollbar-track{background-color:#f8f8f8;box-shadow:inset 0 0 10px #00000040}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i2.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgTemplateOutlet; }), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgSwitch; }), selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgSwitchCase; }), selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i0.forwardRef(function () { return i2.NgSwitchDefault; }), selector: "[ngSwitchDefault]" }, { kind: "component", type: i0.forwardRef(function () { return NggModalHeaderComponent; }), selector: "[ngg-modal-header]", inputs: ["header"], outputs: ["closed"] }, { kind: "component", type: i0.forwardRef(function () { return NggModalBodyComponent; }), selector: "[ngg-modal-body]" }, { kind: "component", type: i0.forwardRef(function () { return NggModalFooterComponent; }), selector: "[ngg-modal-footer]", inputs: ["dismissLabel", "confirmLabel"], outputs: ["dismiss", "confirm"] }], animations: [
|
|
136
|
+
trigger('modalAnimation', [
|
|
137
|
+
transition(':enter', [
|
|
138
|
+
query('aside', style({ transform: 'translateX(100%)' }), {
|
|
139
|
+
optional: true,
|
|
140
|
+
}),
|
|
141
|
+
query('.backdrop, [role=dialog]', style({ opacity: '0' }), {
|
|
142
|
+
optional: true,
|
|
143
|
+
}),
|
|
144
|
+
group([
|
|
145
|
+
query('aside', animate('350ms cubic-bezier(0.33, 1, 0.68, 1)', style({ transform: 'translateX(0)' })), { optional: true }),
|
|
146
|
+
query('.backdrop, [role=dialog]', animate('350ms cubic-bezier(0.33, 1, 0.68, 1)', style({ opacity: '1' })), { optional: true }),
|
|
147
|
+
]),
|
|
148
|
+
]),
|
|
149
|
+
transition(':leave', [
|
|
150
|
+
query('aside', style({ transform: 'translateX(0)' }), {
|
|
151
|
+
optional: true,
|
|
152
|
+
}),
|
|
153
|
+
group([
|
|
154
|
+
query('aside', animate('350ms cubic-bezier(0.33, 1, 0.68, 1)', style({ transform: 'translateX(100%)' })), { optional: true }),
|
|
155
|
+
query('.backdrop, [role=dialog]', animate('350ms cubic-bezier(0.33, 1, 0.68, 1)', style({ opacity: '0' })), { optional: true }),
|
|
156
|
+
]),
|
|
157
|
+
]),
|
|
158
|
+
]),
|
|
159
|
+
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
160
|
+
}
|
|
161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggModalComponent, decorators: [{
|
|
162
|
+
type: Component,
|
|
163
|
+
args: [{ selector: 'ngg-modal', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
|
|
164
|
+
trigger('modalAnimation', [
|
|
165
|
+
transition(':enter', [
|
|
166
|
+
query('aside', style({ transform: 'translateX(100%)' }), {
|
|
167
|
+
optional: true,
|
|
168
|
+
}),
|
|
169
|
+
query('.backdrop, [role=dialog]', style({ opacity: '0' }), {
|
|
170
|
+
optional: true,
|
|
171
|
+
}),
|
|
172
|
+
group([
|
|
173
|
+
query('aside', animate('350ms cubic-bezier(0.33, 1, 0.68, 1)', style({ transform: 'translateX(0)' })), { optional: true }),
|
|
174
|
+
query('.backdrop, [role=dialog]', animate('350ms cubic-bezier(0.33, 1, 0.68, 1)', style({ opacity: '1' })), { optional: true }),
|
|
175
|
+
]),
|
|
176
|
+
]),
|
|
177
|
+
transition(':leave', [
|
|
178
|
+
query('aside', style({ transform: 'translateX(0)' }), {
|
|
179
|
+
optional: true,
|
|
180
|
+
}),
|
|
181
|
+
group([
|
|
182
|
+
query('aside', animate('350ms cubic-bezier(0.33, 1, 0.68, 1)', style({ transform: 'translateX(100%)' })), { optional: true }),
|
|
183
|
+
query('.backdrop, [role=dialog]', animate('350ms cubic-bezier(0.33, 1, 0.68, 1)', style({ opacity: '0' })), { optional: true }),
|
|
184
|
+
]),
|
|
185
|
+
]),
|
|
186
|
+
]),
|
|
187
|
+
], template: "<ng-container *ngIf=\"isOpen\" [ngSwitch]=\"modalType\">\n <div class=\"gds-dialog-wrapper\" [@modalAnimation]>\n <aside\n data-testid=\"modal\"\n *ngSwitchCase=\"'slideout'\"\n role=\"dialog\"\n aria-modal=\"true\"\n [class.small]=\"size === 'sm'\"\n [class.medium]=\"size === 'md'\"\n [class.large]=\"size === 'lg'\"\n [class.entered]=\"isOpen\"\n >\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </aside>\n <main\n data-testid=\"modal\"\n *ngSwitchCase=\"'takeover'\"\n role=\"dialog\"\n aria-modal=\"true\"\n [class.entered]=\"isOpen\"\n >\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </main>\n <section\n data-testid=\"modal\"\n *ngSwitchDefault\n role=\"dialog\"\n aria-modal=\"true\"\n [class.small]=\"size === 'sm'\"\n [class.medium]=\"size === 'md'\"\n [class.large]=\"size === 'lg'\"\n [class.entered]=\"isOpen\"\n >\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </section>\n <ng-template #contentTemplate>\n <ng-container *ngIf=\"!hideHeader\">\n <header\n *ngIf=\"!modalHeaderContent; else headerContentTemplate\"\n ngg-modal-header\n data-testid=\"modal-header\"\n [header]=\"header\"\n (closed)=\"this.handleCloseClick($event)\"\n ></header>\n </ng-container>\n <div ngg-modal-body data-testid=\"modal-body\" class=\"body\">\n <ng-container *ngTemplateOutlet=\"bodyContentTemplate\"></ng-container>\n </div>\n <ng-container *ngIf=\"!hideFooter && (dismissLabel || confirmLabel)\">\n <footer\n *ngIf=\"!modalFooterContent; else footerContentTemplate\"\n ngg-modal-footer\n data-testid=\"modal-footer\"\n [dismissLabel]=\"dismissLabel\"\n [confirmLabel]=\"confirmLabel\"\n (dismiss)=\"this.handleDismiss($event)\"\n (confirm)=\"this.handleConfirm($event)\"\n ></footer>\n </ng-container>\n </ng-template>\n <ng-template #headerContentTemplate>\n <header data-testid=\"modal-header\">\n <ng-content select=\"[nggModalHeader]\"></ng-content>\n </header>\n </ng-template>\n <ng-template #bodyContentTemplate>\n <ng-content></ng-content>\n </ng-template>\n <ng-template #footerContentTemplate>\n <footer data-testid=\"modal-footer\">\n <ng-content select=\"[nggModalFooter]\"></ng-content>\n </footer>\n </ng-template>\n <div\n #backdrop\n data-testid=\"modal-backdrop\"\n class=\"backdrop entered\"\n (click)=\"this.handleBackdropClick($event)\"\n [attr.aria-hidden]=\"true\"\n ></div>\n </div>\n</ng-container>\n", styles: [":host.open{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:var(--sg-z-index-modal)}:host.open>section[role=dialog]{left:50%;top:50%;transform:translate(-50%,-50%)}.body::-webkit-scrollbar{background-color:#f8f8f8;height:10px;width:10px}.body::-webkit-scrollbar-thumb{background-color:#cecece}.body::-webkit-scrollbar-track{background-color:#f8f8f8;box-shadow:inset 0 0 10px #00000040}\n"] }]
|
|
188
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ConfigurableFocusTrapFactory }]; }, propDecorators: { modalType: [{
|
|
189
|
+
type: Input
|
|
190
|
+
}], header: [{
|
|
191
|
+
type: Input
|
|
192
|
+
}], confirmLabel: [{
|
|
193
|
+
type: Input
|
|
194
|
+
}], dismissLabel: [{
|
|
195
|
+
type: Input
|
|
196
|
+
}], size: [{
|
|
197
|
+
type: Input
|
|
198
|
+
}], hideHeader: [{
|
|
199
|
+
type: Input
|
|
200
|
+
}], hideFooter: [{
|
|
201
|
+
type: Input
|
|
202
|
+
}], disableBodyScroll: [{
|
|
203
|
+
type: Input
|
|
204
|
+
}], trapFocus: [{
|
|
205
|
+
type: Input
|
|
206
|
+
}], isOpen: [{
|
|
207
|
+
type: Input
|
|
208
|
+
}], isOpenChange: [{
|
|
209
|
+
type: Output
|
|
210
|
+
}], closed: [{
|
|
211
|
+
type: Output
|
|
212
|
+
}], confirm: [{
|
|
213
|
+
type: Output
|
|
214
|
+
}], dismiss: [{
|
|
215
|
+
type: Output
|
|
216
|
+
}], open: [{
|
|
217
|
+
type: HostBinding,
|
|
218
|
+
args: ['class.open']
|
|
219
|
+
}], backdropRef: [{
|
|
220
|
+
type: ViewChild,
|
|
221
|
+
args: ['backdrop']
|
|
222
|
+
}], modalHeaderContent: [{
|
|
223
|
+
type: ContentChild,
|
|
224
|
+
args: [NggModalHeaderDirective]
|
|
225
|
+
}], modalFooterContent: [{
|
|
226
|
+
type: ContentChild,
|
|
227
|
+
args: [NggModalFooterDirective]
|
|
228
|
+
}] } });
|
|
229
|
+
class NggModalHeaderComponent {
|
|
230
|
+
constructor() {
|
|
231
|
+
this.closed = new EventEmitter();
|
|
232
|
+
}
|
|
233
|
+
handleClose(event) {
|
|
234
|
+
this.closed.emit(event);
|
|
235
|
+
}
|
|
236
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
237
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NggModalHeaderComponent, selector: "[ngg-modal-header]", inputs: { header: "header" }, outputs: { closed: "closed" }, ngImport: i0, template: `
|
|
238
|
+
<h3 data-testid="modal-header-text">{{ header }}</h3>
|
|
239
|
+
<button
|
|
240
|
+
data-testid="modal-close-button"
|
|
241
|
+
class="close"
|
|
242
|
+
(click)="this.handleClose($event)"
|
|
243
|
+
>
|
|
244
|
+
<span className="sr-only">Close</span>
|
|
245
|
+
<i></i>
|
|
246
|
+
</button>
|
|
247
|
+
`, isInline: true, styles: [":host.open{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:var(--sg-z-index-modal)}:host.open>section[role=dialog]{left:50%;top:50%;transform:translate(-50%,-50%)}.body::-webkit-scrollbar{background-color:#f8f8f8;height:10px;width:10px}.body::-webkit-scrollbar-thumb{background-color:#cecece}.body::-webkit-scrollbar-track{background-color:#f8f8f8;box-shadow:inset 0 0 10px #00000040}\n"] }); }
|
|
248
|
+
}
|
|
249
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggModalHeaderComponent, decorators: [{
|
|
250
|
+
type: Component,
|
|
251
|
+
args: [{ selector: '[ngg-modal-header]', template: `
|
|
252
|
+
<h3 data-testid="modal-header-text">{{ header }}</h3>
|
|
253
|
+
<button
|
|
254
|
+
data-testid="modal-close-button"
|
|
255
|
+
class="close"
|
|
256
|
+
(click)="this.handleClose($event)"
|
|
257
|
+
>
|
|
258
|
+
<span className="sr-only">Close</span>
|
|
259
|
+
<i></i>
|
|
260
|
+
</button>
|
|
261
|
+
`, styles: [":host.open{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:var(--sg-z-index-modal)}:host.open>section[role=dialog]{left:50%;top:50%;transform:translate(-50%,-50%)}.body::-webkit-scrollbar{background-color:#f8f8f8;height:10px;width:10px}.body::-webkit-scrollbar-thumb{background-color:#cecece}.body::-webkit-scrollbar-track{background-color:#f8f8f8;box-shadow:inset 0 0 10px #00000040}\n"] }]
|
|
262
|
+
}], propDecorators: { header: [{
|
|
263
|
+
type: Input
|
|
264
|
+
}], closed: [{
|
|
265
|
+
type: Output
|
|
266
|
+
}] } });
|
|
267
|
+
class NggModalBodyComponent {
|
|
268
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggModalBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
269
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NggModalBodyComponent, selector: "[ngg-modal-body]", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host.open{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:var(--sg-z-index-modal)}:host.open>section[role=dialog]{left:50%;top:50%;transform:translate(-50%,-50%)}.body::-webkit-scrollbar{background-color:#f8f8f8;height:10px;width:10px}.body::-webkit-scrollbar-thumb{background-color:#cecece}.body::-webkit-scrollbar-track{background-color:#f8f8f8;box-shadow:inset 0 0 10px #00000040}\n"] }); }
|
|
270
|
+
}
|
|
271
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggModalBodyComponent, decorators: [{
|
|
272
|
+
type: Component,
|
|
273
|
+
args: [{ selector: '[ngg-modal-body]', template: `<ng-content></ng-content>`, styles: [":host.open{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:var(--sg-z-index-modal)}:host.open>section[role=dialog]{left:50%;top:50%;transform:translate(-50%,-50%)}.body::-webkit-scrollbar{background-color:#f8f8f8;height:10px;width:10px}.body::-webkit-scrollbar-thumb{background-color:#cecece}.body::-webkit-scrollbar-track{background-color:#f8f8f8;box-shadow:inset 0 0 10px #00000040}\n"] }]
|
|
274
|
+
}] });
|
|
275
|
+
class NggModalFooterComponent {
|
|
276
|
+
constructor() {
|
|
277
|
+
this.dismiss = new EventEmitter();
|
|
278
|
+
this.confirm = new EventEmitter();
|
|
279
|
+
}
|
|
280
|
+
handleDismiss(event) {
|
|
281
|
+
this.dismiss.emit(event);
|
|
282
|
+
}
|
|
283
|
+
handleConfirm(event) {
|
|
284
|
+
this.confirm.emit(event);
|
|
285
|
+
}
|
|
286
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
287
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NggModalFooterComponent, selector: "[ngg-modal-footer]", inputs: { dismissLabel: "dismissLabel", confirmLabel: "confirmLabel" }, outputs: { dismiss: "dismiss", confirm: "confirm" }, ngImport: i0, template: `
|
|
288
|
+
<button
|
|
289
|
+
data-testid="modal-dismiss-button"
|
|
290
|
+
*ngIf="dismissLabel"
|
|
291
|
+
class="secondary"
|
|
292
|
+
(click)="this.handleDismiss($event)"
|
|
293
|
+
>
|
|
294
|
+
{{ dismissLabel }}
|
|
295
|
+
</button>
|
|
296
|
+
<button
|
|
297
|
+
data-testid="modal-confirm-button"
|
|
298
|
+
*ngIf="confirmLabel"
|
|
299
|
+
class="primary"
|
|
300
|
+
(click)="this.handleConfirm($event)"
|
|
301
|
+
>
|
|
302
|
+
{{ confirmLabel }}
|
|
303
|
+
</button>
|
|
304
|
+
`, isInline: true, styles: [":host.open{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:var(--sg-z-index-modal)}:host.open>section[role=dialog]{left:50%;top:50%;transform:translate(-50%,-50%)}.body::-webkit-scrollbar{background-color:#f8f8f8;height:10px;width:10px}.body::-webkit-scrollbar-thumb{background-color:#cecece}.body::-webkit-scrollbar-track{background-color:#f8f8f8;box-shadow:inset 0 0 10px #00000040}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
305
|
+
}
|
|
306
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggModalFooterComponent, decorators: [{
|
|
307
|
+
type: Component,
|
|
308
|
+
args: [{ selector: '[ngg-modal-footer]', template: `
|
|
309
|
+
<button
|
|
310
|
+
data-testid="modal-dismiss-button"
|
|
311
|
+
*ngIf="dismissLabel"
|
|
312
|
+
class="secondary"
|
|
313
|
+
(click)="this.handleDismiss($event)"
|
|
314
|
+
>
|
|
315
|
+
{{ dismissLabel }}
|
|
316
|
+
</button>
|
|
317
|
+
<button
|
|
318
|
+
data-testid="modal-confirm-button"
|
|
319
|
+
*ngIf="confirmLabel"
|
|
320
|
+
class="primary"
|
|
321
|
+
(click)="this.handleConfirm($event)"
|
|
322
|
+
>
|
|
323
|
+
{{ confirmLabel }}
|
|
324
|
+
</button>
|
|
325
|
+
`, styles: [":host.open{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:var(--sg-z-index-modal)}:host.open>section[role=dialog]{left:50%;top:50%;transform:translate(-50%,-50%)}.body::-webkit-scrollbar{background-color:#f8f8f8;height:10px;width:10px}.body::-webkit-scrollbar-thumb{background-color:#cecece}.body::-webkit-scrollbar-track{background-color:#f8f8f8;box-shadow:inset 0 0 10px #00000040}\n"] }]
|
|
326
|
+
}], propDecorators: { dismissLabel: [{
|
|
327
|
+
type: Input
|
|
328
|
+
}], confirmLabel: [{
|
|
329
|
+
type: Input
|
|
330
|
+
}], dismiss: [{
|
|
331
|
+
type: Output
|
|
332
|
+
}], confirm: [{
|
|
333
|
+
type: Output
|
|
334
|
+
}] } });
|
|
335
|
+
|
|
336
|
+
const DECLARATIONS = [
|
|
337
|
+
NggModalComponent,
|
|
338
|
+
NggModalHeaderComponent,
|
|
339
|
+
NggModalBodyComponent,
|
|
340
|
+
NggModalFooterComponent,
|
|
341
|
+
NggModalHeaderDirective,
|
|
342
|
+
NggModalFooterDirective,
|
|
343
|
+
];
|
|
344
|
+
const EXPORTS = [
|
|
345
|
+
NggModalComponent,
|
|
346
|
+
NggModalHeaderDirective,
|
|
347
|
+
NggModalFooterDirective,
|
|
348
|
+
];
|
|
349
|
+
class NggModalModule {
|
|
350
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
351
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NggModalModule, declarations: [NggModalComponent,
|
|
352
|
+
NggModalHeaderComponent,
|
|
353
|
+
NggModalBodyComponent,
|
|
354
|
+
NggModalFooterComponent,
|
|
355
|
+
NggModalHeaderDirective,
|
|
356
|
+
NggModalFooterDirective], imports: [A11yModule, CommonModule], exports: [NggModalComponent,
|
|
357
|
+
NggModalHeaderDirective,
|
|
358
|
+
NggModalFooterDirective] }); }
|
|
359
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggModalModule, imports: [A11yModule, CommonModule] }); }
|
|
360
|
+
}
|
|
361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggModalModule, decorators: [{
|
|
362
|
+
type: NgModule,
|
|
363
|
+
args: [{
|
|
364
|
+
imports: [A11yModule, CommonModule],
|
|
365
|
+
exports: EXPORTS,
|
|
366
|
+
declarations: DECLARATIONS,
|
|
367
|
+
}]
|
|
368
|
+
}] });
|
|
369
|
+
|
|
370
|
+
/**
|
|
371
|
+
* Generated bundle index. Do not edit.
|
|
372
|
+
*/
|
|
373
|
+
|
|
374
|
+
export { NggModalBodyComponent, NggModalComponent, NggModalFooterComponent, NggModalFooterDirective, NggModalHeaderComponent, NggModalHeaderDirective, NggModalModule };
|
|
375
|
+
//# sourceMappingURL=sebgroup-green-angular-src-lib-modal.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sebgroup-green-angular-src-lib-modal.mjs","sources":["../../../../libs/angular/src/lib/modal/modal-header.directive.ts","../../../../libs/angular/src/lib/modal/modal-footer.directive.ts","../../../../libs/angular/src/lib/modal/modal.component.ts","../../../../libs/angular/src/lib/modal/modal.component.html","../../../../libs/angular/src/lib/modal/modal.module.ts","../../../../libs/angular/src/lib/modal/sebgroup-green-angular-src-lib-modal.ts"],"sourcesContent":["import { Directive, ViewContainerRef } from '@angular/core'\n\n@Directive({\n selector: '[nggModalHeader]',\n})\nexport class NggModalHeaderDirective {\n constructor(public viewContainerRef: ViewContainerRef) {}\n}\n","import { Directive, ViewContainerRef } from '@angular/core'\n\n@Directive({\n selector: '[nggModalFooter]',\n})\nexport class NggModalFooterDirective {\n constructor(public viewContainerRef: ViewContainerRef) {}\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ContentChild,\n ElementRef,\n EventEmitter,\n HostBinding,\n Input,\n OnDestroy,\n OnInit,\n Output,\n ViewChild,\n} from '@angular/core'\nimport {\n trigger,\n query,\n style,\n animate,\n transition,\n group,\n} from '@angular/animations'\nimport { ModalType, Size } from '@sebgroup/extract'\nimport {\n ConfigurableFocusTrap,\n ConfigurableFocusTrapFactory,\n} from '@angular/cdk/a11y'\nimport { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock'\nimport { NggModalHeaderDirective } from './modal-header.directive'\nimport { NggModalFooterDirective } from './modal-footer.directive'\n\n@Component({\n selector: 'ngg-modal',\n styleUrls: ['./modal.component.scss'],\n templateUrl: './modal.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [\n trigger('modalAnimation', [\n transition(':enter', [\n query('aside', style({ transform: 'translateX(100%)' }), {\n optional: true,\n }),\n query('.backdrop, [role=dialog]', style({ opacity: '0' }), {\n optional: true,\n }),\n group([\n query(\n 'aside',\n animate(\n '350ms cubic-bezier(0.33, 1, 0.68, 1)',\n style({ transform: 'translateX(0)' }),\n ),\n { optional: true },\n ),\n query(\n '.backdrop, [role=dialog]',\n animate(\n '350ms cubic-bezier(0.33, 1, 0.68, 1)',\n style({ opacity: '1' }),\n ),\n { optional: true },\n ),\n ]),\n ]),\n transition(':leave', [\n query('aside', style({ transform: 'translateX(0)' }), {\n optional: true,\n }),\n group([\n query(\n 'aside',\n animate(\n '350ms cubic-bezier(0.33, 1, 0.68, 1)',\n style({ transform: 'translateX(100%)' }),\n ),\n { optional: true },\n ),\n query(\n '.backdrop, [role=dialog]',\n animate(\n '350ms cubic-bezier(0.33, 1, 0.68, 1)',\n style({ opacity: '0' }),\n ),\n { optional: true },\n ),\n ]),\n ]),\n ]),\n ],\n})\nexport class NggModalComponent implements OnDestroy, OnInit {\n @Input() public modalType?: ModalType\n @Input() public header?: string\n @Input() public confirmLabel?: string\n @Input() public dismissLabel?: string\n @Input() public size?: Size\n @Input() public hideHeader?: boolean\n @Input() public hideFooter?: boolean\n @Input() public disableBodyScroll?: boolean = true\n @Input() public get trapFocus(): boolean | undefined {\n return this._trapFocus\n }\n public set trapFocus(value: boolean | undefined) {\n this._trapFocus = value\n\n if (value) {\n if (this._isOpen) {\n this.enableFocusTrap()\n }\n } else {\n this.disableFocusTrap()\n }\n }\n\n @Input()\n public get isOpen(): boolean | undefined {\n return this._isOpen\n }\n public set isOpen(value: boolean | undefined) {\n this._isOpen = value\n\n if (value) {\n if (this.trapFocus) {\n this.enableFocusTrap()\n }\n\n if (this.disableBodyScroll) {\n disableBodyScroll(this.ref.nativeElement, {\n allowTouchMove: (el) => {\n // Allow touchmove for elements inside modal, its required for scroll to work on iOS devices\n return this.ref.nativeElement.contains(el)\n },\n })\n }\n } else {\n this.disableFocusTrap()\n if (this.disableBodyScroll) {\n enableBodyScroll(this.ref.nativeElement)\n }\n }\n }\n\n @Output() public isOpenChange: EventEmitter<boolean> =\n new EventEmitter<boolean>()\n @Output() public closed: EventEmitter<MouseEvent> =\n new EventEmitter<MouseEvent>()\n @Output() public confirm: EventEmitter<MouseEvent> =\n new EventEmitter<MouseEvent>()\n @Output() public dismiss: EventEmitter<MouseEvent> =\n new EventEmitter<MouseEvent>()\n\n @HostBinding('class.open') get open() {\n return this.isOpen\n }\n @ViewChild('backdrop') private backdropRef?: ElementRef<HTMLInputElement>\n @ContentChild(NggModalHeaderDirective)\n public modalHeaderContent?: NggModalHeaderDirective\n @ContentChild(NggModalFooterDirective)\n public modalFooterContent?: NggModalFooterDirective\n private _isOpen?: boolean\n private _trapFocus?: boolean\n private configurableFocusTrap: ConfigurableFocusTrap\n\n constructor(\n private ref: ElementRef<HTMLElement>,\n private configurableFocusTrapFactory: ConfigurableFocusTrapFactory,\n ) {\n this.configurableFocusTrap = this.configurableFocusTrapFactory.create(\n this.ref.nativeElement,\n )\n }\n\n ngOnInit(): void {\n if (this._isOpen && this.trapFocus) this.enableFocusTrap()\n else this.disableFocusTrap()\n }\n\n public handleCloseClick(event: MouseEvent) {\n this.closeModal(event)\n }\n\n public handleBackdropClick(event: MouseEvent) {\n if (event.target == this.backdropRef?.nativeElement) this.closeModal(event)\n }\n\n public handleDismiss(event: MouseEvent) {\n this.dismiss.emit(event)\n }\n\n public handleConfirm(event: MouseEvent) {\n this.confirm.emit(event)\n }\n\n private closeModal(event: MouseEvent) {\n if (this.closed.observers.length > 0) {\n this.closed.emit(event)\n } else {\n this.isOpen = false\n this.isOpenChange.emit(this.isOpen)\n }\n }\n\n private enableFocusTrap() {\n if (this.configurableFocusTrap) {\n this.configurableFocusTrap.enabled = true\n this.configurableFocusTrap.focusInitialElementWhenReady()\n }\n }\n\n private disableFocusTrap() {\n if (this.configurableFocusTrap) {\n this.configurableFocusTrap.enabled = false\n }\n }\n\n ngOnDestroy(): void {\n this.configurableFocusTrap?.destroy()\n enableBodyScroll(this.ref.nativeElement)\n }\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[ngg-modal-header]',\n styleUrls: ['./modal.component.scss'],\n template: `\n <h3 data-testid=\"modal-header-text\">{{ header }}</h3>\n <button\n data-testid=\"modal-close-button\"\n class=\"close\"\n (click)=\"this.handleClose($event)\"\n >\n <span className=\"sr-only\">Close</span>\n <i></i>\n </button>\n `,\n})\nexport class NggModalHeaderComponent {\n @Input() header?: string\n @Output() closed: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>()\n\n handleClose(event: MouseEvent) {\n this.closed.emit(event)\n }\n}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[ngg-modal-body]',\n styleUrls: ['./modal.component.scss'],\n template: `<ng-content></ng-content>`,\n})\nexport class NggModalBodyComponent {}\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[ngg-modal-footer]',\n styleUrls: ['./modal.component.scss'],\n template: `\n <button\n data-testid=\"modal-dismiss-button\"\n *ngIf=\"dismissLabel\"\n class=\"secondary\"\n (click)=\"this.handleDismiss($event)\"\n >\n {{ dismissLabel }}\n </button>\n <button\n data-testid=\"modal-confirm-button\"\n *ngIf=\"confirmLabel\"\n class=\"primary\"\n (click)=\"this.handleConfirm($event)\"\n >\n {{ confirmLabel }}\n </button>\n `,\n})\nexport class NggModalFooterComponent {\n @Input() dismissLabel?: string\n @Input() confirmLabel?: string\n @Output() dismiss: EventEmitter<MouseEvent> = new EventEmitter()\n @Output() confirm: EventEmitter<MouseEvent> = new EventEmitter()\n\n handleDismiss(event: MouseEvent) {\n this.dismiss.emit(event)\n }\n\n handleConfirm(event: MouseEvent) {\n this.confirm.emit(event)\n }\n}\n","<ng-container *ngIf=\"isOpen\" [ngSwitch]=\"modalType\">\n <div class=\"gds-dialog-wrapper\" [@modalAnimation]>\n <aside\n data-testid=\"modal\"\n *ngSwitchCase=\"'slideout'\"\n role=\"dialog\"\n aria-modal=\"true\"\n [class.small]=\"size === 'sm'\"\n [class.medium]=\"size === 'md'\"\n [class.large]=\"size === 'lg'\"\n [class.entered]=\"isOpen\"\n >\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </aside>\n <main\n data-testid=\"modal\"\n *ngSwitchCase=\"'takeover'\"\n role=\"dialog\"\n aria-modal=\"true\"\n [class.entered]=\"isOpen\"\n >\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </main>\n <section\n data-testid=\"modal\"\n *ngSwitchDefault\n role=\"dialog\"\n aria-modal=\"true\"\n [class.small]=\"size === 'sm'\"\n [class.medium]=\"size === 'md'\"\n [class.large]=\"size === 'lg'\"\n [class.entered]=\"isOpen\"\n >\n <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\n </section>\n <ng-template #contentTemplate>\n <ng-container *ngIf=\"!hideHeader\">\n <header\n *ngIf=\"!modalHeaderContent; else headerContentTemplate\"\n ngg-modal-header\n data-testid=\"modal-header\"\n [header]=\"header\"\n (closed)=\"this.handleCloseClick($event)\"\n ></header>\n </ng-container>\n <div ngg-modal-body data-testid=\"modal-body\" class=\"body\">\n <ng-container *ngTemplateOutlet=\"bodyContentTemplate\"></ng-container>\n </div>\n <ng-container *ngIf=\"!hideFooter && (dismissLabel || confirmLabel)\">\n <footer\n *ngIf=\"!modalFooterContent; else footerContentTemplate\"\n ngg-modal-footer\n data-testid=\"modal-footer\"\n [dismissLabel]=\"dismissLabel\"\n [confirmLabel]=\"confirmLabel\"\n (dismiss)=\"this.handleDismiss($event)\"\n (confirm)=\"this.handleConfirm($event)\"\n ></footer>\n </ng-container>\n </ng-template>\n <ng-template #headerContentTemplate>\n <header data-testid=\"modal-header\">\n <ng-content select=\"[nggModalHeader]\"></ng-content>\n </header>\n </ng-template>\n <ng-template #bodyContentTemplate>\n <ng-content></ng-content>\n </ng-template>\n <ng-template #footerContentTemplate>\n <footer data-testid=\"modal-footer\">\n <ng-content select=\"[nggModalFooter]\"></ng-content>\n </footer>\n </ng-template>\n <div\n #backdrop\n data-testid=\"modal-backdrop\"\n class=\"backdrop entered\"\n (click)=\"this.handleBackdropClick($event)\"\n [attr.aria-hidden]=\"true\"\n ></div>\n </div>\n</ng-container>\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { A11yModule } from '@angular/cdk/a11y'\nimport {\n NggModalBodyComponent,\n NggModalComponent,\n NggModalFooterComponent,\n NggModalHeaderComponent,\n} from './modal.component'\nimport { NggModalHeaderDirective } from './modal-header.directive'\nimport { NggModalFooterDirective } from './modal-footer.directive'\n\nconst DECLARATIONS = [\n NggModalComponent,\n NggModalHeaderComponent,\n NggModalBodyComponent,\n NggModalFooterComponent,\n NggModalHeaderDirective,\n NggModalFooterDirective,\n]\n\nconst EXPORTS = [\n NggModalComponent,\n NggModalHeaderDirective,\n NggModalFooterDirective,\n]\n\n@NgModule({\n imports: [A11yModule, CommonModule],\n exports: EXPORTS,\n declarations: DECLARATIONS,\n})\nexport class NggModalModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -153,10 +153,10 @@ class NggPaginationComponent {
|
|
|
153
153
|
}
|
|
154
154
|
return pages;
|
|
155
155
|
}
|
|
156
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
157
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NggPaginationComponent, selector: "ngg-pagination", inputs: { i18n: "i18n", size: "size", displayPages: "displayPages", length: "length", pageSize: "pageSize", pageIndex: "pageIndex" }, outputs: { page: "page" }, usesOnChanges: true, ngImport: i0, template: "<nav\n [class]=\"'pagination ' + size\"\n role=\"navigation\"\n [attr.aria-label]=\"i18n.paginationLabel\"\n *ngIf=\"totalPages > 1\"\n>\n <ul class=\"gds-reset\">\n <li *ngIf=\"hasPrevious()\">\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoPrevious()\"\n (keydown.enter)=\"gotoPrevious()\"\n [attr.aria-label]=\"i18n.previousPageLabel\"\n role=\"button\"\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n <path\n d=\"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\"\n />\n </svg>\n </a>\n </li>\n\n <li>\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoFirst()\"\n (keydown.enter)=\"gotoFirst()\"\n [attr.aria-current]=\"pageIndex === 0 ? 'page' : null\"\n [attr.aria-label]=\"i18n.firstPageLabel\"\n role=\"button\"\n >\n 1\n </a>\n </li>\n <li *ngIf=\"pageIndicies[0] > 1\" aria-hidden=\"true\">...</li>\n\n <li *ngFor=\"let index of pageIndicies\">\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"goto(index)\"\n (keydown.enter)=\"goto(index)\"\n [attr.aria-current]=\"pageIndex === index ? 'page' : null\"\n [attr.aria-label]=\"i18n.getPageLabel(index)\"\n role=\"button\"\n >\n {{ index + 1 }}\n </a>\n </li>\n\n <li\n *ngIf=\"pageIndicies[pageIndicies.length - 1] < totalPages - 2\"\n aria-hidden=\"true\"\n >\n ...\n </li>\n\n <li>\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoLast()\"\n (keydown.enter)=\"gotoLast()\"\n [attr.aria-current]=\"pageIndex === totalPages - 1 ? 'page' : null\"\n [attr.aria-label]=\"i18n.lastPageLabel\"\n role=\"button\"\n >\n {{ totalPages }}\n </a>\n </li>\n <li *ngIf=\"hasNext()\">\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoNext()\"\n (keydown.enter)=\"gotoNext()\"\n [attr.aria-label]=\"i18n.nextPageLabel\"\n role=\"button\"\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n <path\n d=\"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\n />\n </svg>\n </a>\n </li>\n </ul>\n</nav>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
156
158
|
}
|
|
157
|
-
|
|
158
|
-
NggPaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NggPaginationComponent, selector: "ngg-pagination", inputs: { i18n: "i18n", size: "size", displayPages: "displayPages", length: "length", pageSize: "pageSize", pageIndex: "pageIndex" }, outputs: { page: "page" }, usesOnChanges: true, ngImport: i0, template: "<nav\n [class]=\"'pagination ' + size\"\n role=\"navigation\"\n [attr.aria-label]=\"i18n.paginationLabel\"\n *ngIf=\"totalPages > 1\"\n>\n <ul class=\"gds-reset\">\n <li *ngIf=\"hasPrevious()\">\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoPrevious()\"\n (keydown.enter)=\"gotoPrevious()\"\n [attr.aria-label]=\"i18n.previousPageLabel\"\n role=\"button\"\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n <path\n d=\"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\"\n />\n </svg>\n </a>\n </li>\n\n <li>\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoFirst()\"\n (keydown.enter)=\"gotoFirst()\"\n [attr.aria-current]=\"pageIndex === 0 ? 'page' : null\"\n [attr.aria-label]=\"i18n.firstPageLabel\"\n role=\"button\"\n >\n 1\n </a>\n </li>\n <li *ngIf=\"pageIndicies[0] > 1\" aria-hidden=\"true\">...</li>\n\n <li *ngFor=\"let index of pageIndicies\">\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"goto(index)\"\n (keydown.enter)=\"goto(index)\"\n [attr.aria-current]=\"pageIndex === index ? 'page' : null\"\n [attr.aria-label]=\"i18n.getPageLabel(index)\"\n role=\"button\"\n >\n {{ index + 1 }}\n </a>\n </li>\n\n <li\n *ngIf=\"pageIndicies[pageIndicies.length - 1] < totalPages - 2\"\n aria-hidden=\"true\"\n >\n ...\n </li>\n\n <li>\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoLast()\"\n (keydown.enter)=\"gotoLast()\"\n [attr.aria-current]=\"pageIndex === totalPages - 1 ? 'page' : null\"\n [attr.aria-label]=\"i18n.lastPageLabel\"\n role=\"button\"\n >\n {{ totalPages }}\n </a>\n </li>\n <li *ngIf=\"hasNext()\">\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoNext()\"\n (keydown.enter)=\"gotoNext()\"\n [attr.aria-label]=\"i18n.nextPageLabel\"\n role=\"button\"\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n <path\n d=\"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\n />\n </svg>\n </a>\n </li>\n </ul>\n</nav>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
159
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggPaginationComponent, decorators: [{
|
|
159
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggPaginationComponent, decorators: [{
|
|
160
160
|
type: Component,
|
|
161
161
|
args: [{ selector: 'ngg-pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav\n [class]=\"'pagination ' + size\"\n role=\"navigation\"\n [attr.aria-label]=\"i18n.paginationLabel\"\n *ngIf=\"totalPages > 1\"\n>\n <ul class=\"gds-reset\">\n <li *ngIf=\"hasPrevious()\">\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoPrevious()\"\n (keydown.enter)=\"gotoPrevious()\"\n [attr.aria-label]=\"i18n.previousPageLabel\"\n role=\"button\"\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n <path\n d=\"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\"\n />\n </svg>\n </a>\n </li>\n\n <li>\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoFirst()\"\n (keydown.enter)=\"gotoFirst()\"\n [attr.aria-current]=\"pageIndex === 0 ? 'page' : null\"\n [attr.aria-label]=\"i18n.firstPageLabel\"\n role=\"button\"\n >\n 1\n </a>\n </li>\n <li *ngIf=\"pageIndicies[0] > 1\" aria-hidden=\"true\">...</li>\n\n <li *ngFor=\"let index of pageIndicies\">\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"goto(index)\"\n (keydown.enter)=\"goto(index)\"\n [attr.aria-current]=\"pageIndex === index ? 'page' : null\"\n [attr.aria-label]=\"i18n.getPageLabel(index)\"\n role=\"button\"\n >\n {{ index + 1 }}\n </a>\n </li>\n\n <li\n *ngIf=\"pageIndicies[pageIndicies.length - 1] < totalPages - 2\"\n aria-hidden=\"true\"\n >\n ...\n </li>\n\n <li>\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoLast()\"\n (keydown.enter)=\"gotoLast()\"\n [attr.aria-current]=\"pageIndex === totalPages - 1 ? 'page' : null\"\n [attr.aria-label]=\"i18n.lastPageLabel\"\n role=\"button\"\n >\n {{ totalPages }}\n </a>\n </li>\n <li *ngIf=\"hasNext()\">\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoNext()\"\n (keydown.enter)=\"gotoNext()\"\n [attr.aria-label]=\"i18n.nextPageLabel\"\n role=\"button\"\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n <path\n d=\"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\n />\n </svg>\n </a>\n </li>\n </ul>\n</nav>\n" }]
|
|
162
162
|
}], propDecorators: { i18n: [{
|
|
@@ -176,11 +176,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
176
176
|
}] } });
|
|
177
177
|
|
|
178
178
|
class NggPaginationModule {
|
|
179
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
180
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NggPaginationModule, declarations: [NggPaginationComponent], imports: [CommonModule], exports: [NggPaginationComponent] }); }
|
|
181
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggPaginationModule, imports: [CommonModule] }); }
|
|
179
182
|
}
|
|
180
|
-
|
|
181
|
-
NggPaginationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NggPaginationModule, declarations: [NggPaginationComponent], imports: [CommonModule], exports: [NggPaginationComponent] });
|
|
182
|
-
NggPaginationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggPaginationModule, imports: [CommonModule] });
|
|
183
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggPaginationModule, decorators: [{
|
|
183
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggPaginationModule, decorators: [{
|
|
184
184
|
type: NgModule,
|
|
185
185
|
args: [{
|
|
186
186
|
declarations: [NggPaginationComponent],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sebgroup-green-angular-src-lib-pagination.mjs","sources":["../../../../libs/angular/src/lib/pagination/pagination.component.ts","../../../../libs/angular/src/lib/pagination/pagination.component.html","../../../../libs/angular/src/lib/pagination/pagination.module.ts","../../../../libs/angular/src/lib/pagination/sebgroup-green-angular-src-lib-pagination.ts"],"sourcesContent":["import {\n Component,\n Input,\n Output,\n EventEmitter,\n ChangeDetectionStrategy,\n OnChanges,\n SimpleChanges,\n} from '@angular/core'\nimport {\n IPaginationEvent,\n IPaginationI18n,\n PaginationI18n,\n PaginationSize,\n} from '@sebgroup/extract'\n\n@Component({\n selector: 'ngg-pagination',\n templateUrl: './pagination.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NggPaginationComponent implements OnChanges {\n /** Internationalization labels */\n @Input() i18n: IPaginationI18n = PaginationI18n\n\n /** Rendered size */\n @Input() size: PaginationSize = 'small'\n\n /** Amount of pages to be displayed between the first and last */\n @Input() displayPages = 5\n\n /** Total amount of items to be paginated */\n @Input() length = 0\n\n /** Displayed items per page */\n @Input() pageSize = 10\n\n /** The zero-based page index of the displayed list of pages. Defaulted to 0. */\n @Input()\n get pageIndex(): number {\n return this._pageIndex\n }\n set pageIndex(value: number) {\n this._pageIndex = Math.max(value, 0)\n }\n private _pageIndex = 0\n\n /** All centric page indicies to be displayed. */\n get pageIndicies(): number[] {\n return this._pageIndicies\n }\n private _pageIndicies: number[] = []\n\n get totalPages(): number {\n if (!this.pageSize) {\n return 0\n }\n\n return Math.ceil(this.length / this.pageSize)\n }\n\n /** Event emitted when a new page index is selected */\n @Output() page = new EventEmitter<IPaginationEvent>()\n\n ngOnChanges(changes: SimpleChanges): void {\n if (\n changes.displayPages ||\n changes.pageIndex ||\n changes.pageSize ||\n changes.length\n ) {\n this._pageIndicies = this.getDisplayedPageIndicies()\n }\n }\n\n hasPrevious(): boolean {\n return this.pageIndex >= 1\n }\n\n hasNext(): boolean {\n return this.pageIndex < this.totalPages - 1\n }\n\n gotoFirst(): void {\n if (!this.hasPrevious()) {\n return\n }\n const previous = this.pageIndex\n this.pageIndex = 0\n this.emit(previous)\n }\n\n gotoLast(): void {\n if (!this.hasNext()) {\n return\n }\n const previous = this.pageIndex\n this.pageIndex = this.totalPages - 1\n this.emit(previous)\n }\n\n gotoPrevious(): void {\n if (!this.hasPrevious()) {\n return\n }\n const previous = this.pageIndex\n this.pageIndex = previous - 1\n this.emit(previous)\n }\n\n gotoNext(): void {\n if (!this.hasNext()) {\n return\n }\n const previous = this.pageIndex\n this.pageIndex = previous + 1\n this.emit(previous)\n }\n\n goto(index: number): void {\n if (index === this.pageIndex || index < 0 || index >= this.totalPages) {\n return\n }\n const previous = this.pageIndex\n this.pageIndex = index\n this.emit(previous)\n }\n\n private emit(previous: number) {\n this._pageIndicies = this.getDisplayedPageIndicies()\n this.page.emit({ pageIndex: this.pageIndex, previousPageIndex: previous })\n }\n\n private getDisplayedPageIndicies(): number[] {\n // Do not render\n if (this.totalPages <= 1) {\n return []\n }\n\n // All pages can fit\n if (this.totalPages <= this.displayPages)\n return [...Array(this.totalPages - 2).keys()].map((index) => index + 1)\n\n // Only first & last\n if (this.totalPages === 2) return []\n\n return this.getCenteredPageIndicies()\n }\n\n /**\n * Find X (displayPages) amount of page indicies that are centered from the currently selected page index,\n * but exclude the first and last indicies if they are within the range.\n */\n private getCenteredPageIndicies(): number[] {\n const pages: number[] = []\n\n if (this.pageIndex === 0) {\n pages.push(this.pageIndex + 1)\n } else if (this.pageIndex === this.totalPages - 1) {\n pages.push(this.pageIndex - 1)\n } else {\n pages.push(this.pageIndex)\n }\n\n const addAfter = () => {\n const next = pages[pages.length - 1] + 1\n if (next < this.totalPages - 1 && counter > 0) {\n pages.push(next)\n return true\n }\n return false\n }\n const addBefore = () => {\n const previous = pages[0] - 1\n if (previous > 0 && counter > 0) {\n pages.unshift(previous)\n return true\n }\n return false\n }\n\n let counter = this.displayPages - 1\n while (counter > 0) {\n const addedAfter = addAfter()\n if (addedAfter) counter--\n\n const addedBefore = addBefore()\n if (addedBefore) counter--\n\n if (!addedAfter && !addedBefore) break\n }\n\n return pages\n }\n}\n","<nav\n [class]=\"'pagination ' + size\"\n role=\"navigation\"\n [attr.aria-label]=\"i18n.paginationLabel\"\n *ngIf=\"totalPages > 1\"\n>\n <ul class=\"gds-reset\">\n <li *ngIf=\"hasPrevious()\">\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoPrevious()\"\n (keydown.enter)=\"gotoPrevious()\"\n [attr.aria-label]=\"i18n.previousPageLabel\"\n role=\"button\"\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n <path\n d=\"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\"\n />\n </svg>\n </a>\n </li>\n\n <li>\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoFirst()\"\n (keydown.enter)=\"gotoFirst()\"\n [attr.aria-current]=\"pageIndex === 0 ? 'page' : null\"\n [attr.aria-label]=\"i18n.firstPageLabel\"\n role=\"button\"\n >\n 1\n </a>\n </li>\n <li *ngIf=\"pageIndicies[0] > 1\" aria-hidden=\"true\">...</li>\n\n <li *ngFor=\"let index of pageIndicies\">\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"goto(index)\"\n (keydown.enter)=\"goto(index)\"\n [attr.aria-current]=\"pageIndex === index ? 'page' : null\"\n [attr.aria-label]=\"i18n.getPageLabel(index)\"\n role=\"button\"\n >\n {{ index + 1 }}\n </a>\n </li>\n\n <li\n *ngIf=\"pageIndicies[pageIndicies.length - 1] < totalPages - 2\"\n aria-hidden=\"true\"\n >\n ...\n </li>\n\n <li>\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoLast()\"\n (keydown.enter)=\"gotoLast()\"\n [attr.aria-current]=\"pageIndex === totalPages - 1 ? 'page' : null\"\n [attr.aria-label]=\"i18n.lastPageLabel\"\n role=\"button\"\n >\n {{ totalPages }}\n </a>\n </li>\n <li *ngIf=\"hasNext()\">\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoNext()\"\n (keydown.enter)=\"gotoNext()\"\n [attr.aria-label]=\"i18n.nextPageLabel\"\n role=\"button\"\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n <path\n d=\"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\n />\n </svg>\n </a>\n </li>\n </ul>\n</nav>\n","import { NgModule } from '@angular/core'\nimport { CommonModule } from '@angular/common'\n\nimport { NggPaginationComponent } from './pagination.component'\n\n@NgModule({\n declarations: [NggPaginationComponent],\n imports: [CommonModule],\n exports: [NggPaginationComponent],\n})\nexport class NggPaginationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"sebgroup-green-angular-src-lib-pagination.mjs","sources":["../../../../libs/angular/src/lib/pagination/pagination.component.ts","../../../../libs/angular/src/lib/pagination/pagination.component.html","../../../../libs/angular/src/lib/pagination/pagination.module.ts","../../../../libs/angular/src/lib/pagination/sebgroup-green-angular-src-lib-pagination.ts"],"sourcesContent":["import {\n Component,\n Input,\n Output,\n EventEmitter,\n ChangeDetectionStrategy,\n OnChanges,\n SimpleChanges,\n} from '@angular/core'\nimport {\n IPaginationEvent,\n IPaginationI18n,\n PaginationI18n,\n PaginationSize,\n} from '@sebgroup/extract'\n\n@Component({\n selector: 'ngg-pagination',\n templateUrl: './pagination.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NggPaginationComponent implements OnChanges {\n /** Internationalization labels */\n @Input() i18n: IPaginationI18n = PaginationI18n\n\n /** Rendered size */\n @Input() size: PaginationSize = 'small'\n\n /** Amount of pages to be displayed between the first and last */\n @Input() displayPages = 5\n\n /** Total amount of items to be paginated */\n @Input() length = 0\n\n /** Displayed items per page */\n @Input() pageSize = 10\n\n /** The zero-based page index of the displayed list of pages. Defaulted to 0. */\n @Input()\n get pageIndex(): number {\n return this._pageIndex\n }\n set pageIndex(value: number) {\n this._pageIndex = Math.max(value, 0)\n }\n private _pageIndex = 0\n\n /** All centric page indicies to be displayed. */\n get pageIndicies(): number[] {\n return this._pageIndicies\n }\n private _pageIndicies: number[] = []\n\n get totalPages(): number {\n if (!this.pageSize) {\n return 0\n }\n\n return Math.ceil(this.length / this.pageSize)\n }\n\n /** Event emitted when a new page index is selected */\n @Output() page = new EventEmitter<IPaginationEvent>()\n\n ngOnChanges(changes: SimpleChanges): void {\n if (\n changes.displayPages ||\n changes.pageIndex ||\n changes.pageSize ||\n changes.length\n ) {\n this._pageIndicies = this.getDisplayedPageIndicies()\n }\n }\n\n hasPrevious(): boolean {\n return this.pageIndex >= 1\n }\n\n hasNext(): boolean {\n return this.pageIndex < this.totalPages - 1\n }\n\n gotoFirst(): void {\n if (!this.hasPrevious()) {\n return\n }\n const previous = this.pageIndex\n this.pageIndex = 0\n this.emit(previous)\n }\n\n gotoLast(): void {\n if (!this.hasNext()) {\n return\n }\n const previous = this.pageIndex\n this.pageIndex = this.totalPages - 1\n this.emit(previous)\n }\n\n gotoPrevious(): void {\n if (!this.hasPrevious()) {\n return\n }\n const previous = this.pageIndex\n this.pageIndex = previous - 1\n this.emit(previous)\n }\n\n gotoNext(): void {\n if (!this.hasNext()) {\n return\n }\n const previous = this.pageIndex\n this.pageIndex = previous + 1\n this.emit(previous)\n }\n\n goto(index: number): void {\n if (index === this.pageIndex || index < 0 || index >= this.totalPages) {\n return\n }\n const previous = this.pageIndex\n this.pageIndex = index\n this.emit(previous)\n }\n\n private emit(previous: number) {\n this._pageIndicies = this.getDisplayedPageIndicies()\n this.page.emit({ pageIndex: this.pageIndex, previousPageIndex: previous })\n }\n\n private getDisplayedPageIndicies(): number[] {\n // Do not render\n if (this.totalPages <= 1) {\n return []\n }\n\n // All pages can fit\n if (this.totalPages <= this.displayPages)\n return [...Array(this.totalPages - 2).keys()].map((index) => index + 1)\n\n // Only first & last\n if (this.totalPages === 2) return []\n\n return this.getCenteredPageIndicies()\n }\n\n /**\n * Find X (displayPages) amount of page indicies that are centered from the currently selected page index,\n * but exclude the first and last indicies if they are within the range.\n */\n private getCenteredPageIndicies(): number[] {\n const pages: number[] = []\n\n if (this.pageIndex === 0) {\n pages.push(this.pageIndex + 1)\n } else if (this.pageIndex === this.totalPages - 1) {\n pages.push(this.pageIndex - 1)\n } else {\n pages.push(this.pageIndex)\n }\n\n const addAfter = () => {\n const next = pages[pages.length - 1] + 1\n if (next < this.totalPages - 1 && counter > 0) {\n pages.push(next)\n return true\n }\n return false\n }\n const addBefore = () => {\n const previous = pages[0] - 1\n if (previous > 0 && counter > 0) {\n pages.unshift(previous)\n return true\n }\n return false\n }\n\n let counter = this.displayPages - 1\n while (counter > 0) {\n const addedAfter = addAfter()\n if (addedAfter) counter--\n\n const addedBefore = addBefore()\n if (addedBefore) counter--\n\n if (!addedAfter && !addedBefore) break\n }\n\n return pages\n }\n}\n","<nav\n [class]=\"'pagination ' + size\"\n role=\"navigation\"\n [attr.aria-label]=\"i18n.paginationLabel\"\n *ngIf=\"totalPages > 1\"\n>\n <ul class=\"gds-reset\">\n <li *ngIf=\"hasPrevious()\">\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoPrevious()\"\n (keydown.enter)=\"gotoPrevious()\"\n [attr.aria-label]=\"i18n.previousPageLabel\"\n role=\"button\"\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n <path\n d=\"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\"\n />\n </svg>\n </a>\n </li>\n\n <li>\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoFirst()\"\n (keydown.enter)=\"gotoFirst()\"\n [attr.aria-current]=\"pageIndex === 0 ? 'page' : null\"\n [attr.aria-label]=\"i18n.firstPageLabel\"\n role=\"button\"\n >\n 1\n </a>\n </li>\n <li *ngIf=\"pageIndicies[0] > 1\" aria-hidden=\"true\">...</li>\n\n <li *ngFor=\"let index of pageIndicies\">\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"goto(index)\"\n (keydown.enter)=\"goto(index)\"\n [attr.aria-current]=\"pageIndex === index ? 'page' : null\"\n [attr.aria-label]=\"i18n.getPageLabel(index)\"\n role=\"button\"\n >\n {{ index + 1 }}\n </a>\n </li>\n\n <li\n *ngIf=\"pageIndicies[pageIndicies.length - 1] < totalPages - 2\"\n aria-hidden=\"true\"\n >\n ...\n </li>\n\n <li>\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoLast()\"\n (keydown.enter)=\"gotoLast()\"\n [attr.aria-current]=\"pageIndex === totalPages - 1 ? 'page' : null\"\n [attr.aria-label]=\"i18n.lastPageLabel\"\n role=\"button\"\n >\n {{ totalPages }}\n </a>\n </li>\n <li *ngIf=\"hasNext()\">\n <a\n class=\"gds-reset\"\n tabindex=\"0\"\n (click)=\"gotoNext()\"\n (keydown.enter)=\"gotoNext()\"\n [attr.aria-label]=\"i18n.nextPageLabel\"\n role=\"button\"\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\">\n <path\n d=\"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\n />\n </svg>\n </a>\n </li>\n </ul>\n</nav>\n","import { NgModule } from '@angular/core'\nimport { CommonModule } from '@angular/common'\n\nimport { NggPaginationComponent } from './pagination.component'\n\n@NgModule({\n declarations: [NggPaginationComponent],\n imports: [CommonModule],\n exports: [NggPaginationComponent],\n})\nexport class NggPaginationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -21,10 +21,10 @@ class NggProgressCircleComponent {
|
|
|
21
21
|
this._startValue = degrees;
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggProgressCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NggProgressCircleComponent, selector: "ngg-progress-circle", inputs: { id: "id", theme: "theme", value: "value" }, host: { properties: { "style.--start-value": "this._startValue", "style.--end-value": "this._endValue" } }, ngImport: i0, template: "<div\n class=\"gds-progress-circle\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"value\"\n [attr.aria-valuemin]=\"0\"\n [attr.aria-valuemax]=\"100\"\n [attr.aria-label]=\"id\"\n>\n <div class=\"ring full-ring\">\n <div class=\"ring-progress\" [ngClass]=\"theme\"></div>\n </div>\n <div class=\"ring\">\n <div class=\"ring-progress\" [ngClass]=\"theme\"></div>\n </div>\n <div class=\"inner-circle\">\n <ng-content></ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
24
26
|
}
|
|
25
|
-
|
|
26
|
-
NggProgressCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NggProgressCircleComponent, selector: "ngg-progress-circle", inputs: { id: "id", theme: "theme", value: "value" }, host: { properties: { "style.--start-value": "this._startValue", "style.--end-value": "this._endValue" } }, ngImport: i0, template: "<div\n class=\"gds-progress-circle\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"value\"\n [attr.aria-valuemin]=\"0\"\n [attr.aria-valuemax]=\"100\"\n [attr.aria-label]=\"id\"\n>\n <div class=\"ring full-ring\">\n <div class=\"ring-progress\" [ngClass]=\"theme\"></div>\n </div>\n <div class=\"ring\">\n <div class=\"ring-progress\" [ngClass]=\"theme\"></div>\n </div>\n <div class=\"inner-circle\">\n <ng-content></ng-content>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggProgressCircleComponent, decorators: [{
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggProgressCircleComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
29
|
args: [{ selector: 'ngg-progress-circle', template: "<div\n class=\"gds-progress-circle\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"value\"\n [attr.aria-valuemin]=\"0\"\n [attr.aria-valuemax]=\"100\"\n [attr.aria-label]=\"id\"\n>\n <div class=\"ring full-ring\">\n <div class=\"ring-progress\" [ngClass]=\"theme\"></div>\n </div>\n <div class=\"ring\">\n <div class=\"ring-progress\" [ngClass]=\"theme\"></div>\n </div>\n <div class=\"inner-circle\">\n <ng-content></ng-content>\n </div>\n</div>\n" }]
|
|
30
30
|
}], propDecorators: { _startValue: [{
|
|
@@ -42,11 +42,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
42
42
|
}] } });
|
|
43
43
|
|
|
44
44
|
class NggProgressCircleModule {
|
|
45
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggProgressCircleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
46
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NggProgressCircleModule, declarations: [NggProgressCircleComponent], imports: [CommonModule], exports: [NggProgressCircleComponent] }); }
|
|
47
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggProgressCircleModule, imports: [CommonModule] }); }
|
|
45
48
|
}
|
|
46
|
-
|
|
47
|
-
NggProgressCircleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NggProgressCircleModule, declarations: [NggProgressCircleComponent], imports: [CommonModule], exports: [NggProgressCircleComponent] });
|
|
48
|
-
NggProgressCircleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggProgressCircleModule, imports: [CommonModule] });
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggProgressCircleModule, decorators: [{
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NggProgressCircleModule, decorators: [{
|
|
50
50
|
type: NgModule,
|
|
51
51
|
args: [{
|
|
52
52
|
declarations: [NggProgressCircleComponent],
|