@sebgroup/green-angular 1.0.4 → 1.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/index.mjs +3 -1
- package/esm2020/lib/green-angular.module.mjs +8 -4
- package/esm2020/lib/pagination/index.mjs +3 -0
- package/esm2020/lib/pagination/pagination.component.mjs +175 -0
- package/esm2020/lib/pagination/pagination.module.mjs +18 -0
- package/esm2020/lib/progress-circle/progress-circle.component.mjs +12 -9
- package/esm2020/lib/slider/index.mjs +3 -0
- package/esm2020/lib/slider/slider.component.mjs +109 -0
- package/esm2020/lib/slider/slider.module.mjs +19 -0
- package/fesm2015/sebgroup-green-angular.mjs +358 -49
- package/fesm2015/sebgroup-green-angular.mjs.map +1 -1
- package/fesm2020/sebgroup-green-angular.mjs +358 -49
- package/fesm2020/sebgroup-green-angular.mjs.map +1 -1
- package/index.d.ts +2 -0
- package/lib/green-angular.module.d.ts +2 -1
- package/lib/pagination/index.d.ts +2 -0
- package/lib/pagination/pagination.component.d.ts +42 -0
- package/lib/pagination/pagination.module.d.ts +8 -0
- package/lib/progress-circle/progress-circle.component.d.ts +1 -1
- package/lib/slider/index.d.ts +2 -0
- package/lib/slider/slider.component.d.ts +37 -0
- package/lib/slider/slider.module.d.ts +9 -0
- package/package.json +1 -1
package/esm2020/index.mjs
CHANGED
|
@@ -5,6 +5,8 @@ export * from './lib/button';
|
|
|
5
5
|
export * from './lib/datepicker';
|
|
6
6
|
export * from './lib/dropdown';
|
|
7
7
|
export * from './lib/modal';
|
|
8
|
+
export * from './lib/pagination';
|
|
8
9
|
export * from './lib/progress-circle';
|
|
9
10
|
export * from './lib/segmented-control';
|
|
10
|
-
|
|
11
|
+
export * from './lib/slider';
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNEJBQTRCLENBQUE7QUFDMUMsY0FBYyxpQkFBaUIsQ0FBQTtBQUMvQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixjQUFjLGNBQWMsQ0FBQTtBQUM1QixjQUFjLGtCQUFrQixDQUFBO0FBQ2hDLGNBQWMsZ0JBQWdCLENBQUE7QUFDOUIsY0FBYyxhQUFhLENBQUE7QUFDM0IsY0FBYyxrQkFBa0IsQ0FBQTtBQUNoQyxjQUFjLHVCQUF1QixDQUFBO0FBQ3JDLGNBQWMseUJBQXlCLENBQUE7QUFDdkMsY0FBYyxjQUFjLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9ncmVlbi1hbmd1bGFyLm1vZHVsZSdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FjY29yZGlvbidcbmV4cG9ydCAqIGZyb20gJy4vbGliL2JhZGdlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGF0ZXBpY2tlcidcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Ryb3Bkb3duJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kYWwnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9wYWdpbmF0aW9uJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcHJvZ3Jlc3MtY2lyY2xlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VnbWVudGVkLWNvbnRyb2wnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zbGlkZXInXG4iXX0=
|
|
@@ -2,12 +2,13 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { NggAccordionModule } from './accordion';
|
|
4
4
|
import { NggBadgeModule } from './badge/badge.module';
|
|
5
|
+
import { NggButtonModule } from './button/button.module';
|
|
5
6
|
import { NggDatepickerModule } from './datepicker/datepicker.module';
|
|
6
7
|
import { NggDropdownModule } from './dropdown/dropdown.module';
|
|
7
8
|
import { NggModalModule } from './modal';
|
|
8
9
|
import { NggProgressCircleModule } from './progress-circle/progress-circle.module';
|
|
9
10
|
import { NggSegmentedControlModule } from './segmented-control/segmented-control.module';
|
|
10
|
-
import {
|
|
11
|
+
import { NggSliderModule } from './slider/slider.module';
|
|
11
12
|
import * as i0 from "@angular/core";
|
|
12
13
|
export class NggModule {
|
|
13
14
|
}
|
|
@@ -19,7 +20,8 @@ NggModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.
|
|
|
19
20
|
NggDropdownModule,
|
|
20
21
|
NggModalModule,
|
|
21
22
|
NggProgressCircleModule,
|
|
22
|
-
NggSegmentedControlModule
|
|
23
|
+
NggSegmentedControlModule,
|
|
24
|
+
NggSliderModule] });
|
|
23
25
|
NggModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: NggModule, imports: [[CommonModule], NggAccordionModule,
|
|
24
26
|
NggBadgeModule,
|
|
25
27
|
NggButtonModule,
|
|
@@ -27,7 +29,8 @@ NggModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.
|
|
|
27
29
|
NggDropdownModule,
|
|
28
30
|
NggModalModule,
|
|
29
31
|
NggProgressCircleModule,
|
|
30
|
-
NggSegmentedControlModule
|
|
32
|
+
NggSegmentedControlModule,
|
|
33
|
+
NggSliderModule] });
|
|
31
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: NggModule, decorators: [{
|
|
32
35
|
type: NgModule,
|
|
33
36
|
args: [{
|
|
@@ -42,7 +45,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
|
|
|
42
45
|
NggModalModule,
|
|
43
46
|
NggProgressCircleModule,
|
|
44
47
|
NggSegmentedControlModule,
|
|
48
|
+
NggSliderModule,
|
|
45
49
|
],
|
|
46
50
|
}]
|
|
47
51
|
}] });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JlZW4tYW5ndWxhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9ncmVlbi1hbmd1bGFyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDaEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQ3hDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFBO0FBQ2xGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDhDQUE4QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTs7QUFpQnhELE1BQU0sT0FBTyxTQUFTOztzR0FBVCxTQUFTO3VHQUFULFNBQVMsWUFiVixZQUFZLGFBRXBCLGtCQUFrQjtRQUNsQixjQUFjO1FBQ2QsZUFBZTtRQUNmLG1CQUFtQjtRQUNuQixpQkFBaUI7UUFDakIsY0FBYztRQUNkLHVCQUF1QjtRQUN2Qix5QkFBeUI7UUFDekIsZUFBZTt1R0FHTixTQUFTLFlBYlgsQ0FBQyxZQUFZLENBQUMsRUFFckIsa0JBQWtCO1FBQ2xCLGNBQWM7UUFDZCxlQUFlO1FBQ2YsbUJBQW1CO1FBQ25CLGlCQUFpQjtRQUNqQixjQUFjO1FBQ2QsdUJBQXVCO1FBQ3ZCLHlCQUF5QjtRQUN6QixlQUFlOzJGQUdOLFNBQVM7a0JBZnJCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLEVBQUU7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFO3dCQUNQLGtCQUFrQjt3QkFDbEIsY0FBYzt3QkFDZCxlQUFlO3dCQUNmLG1CQUFtQjt3QkFDbkIsaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLHVCQUF1Qjt3QkFDdkIseUJBQXlCO3dCQUN6QixlQUFlO3FCQUNoQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcbmltcG9ydCB7IE5nZ0FjY29yZGlvbk1vZHVsZSB9IGZyb20gJy4vYWNjb3JkaW9uJ1xuaW1wb3J0IHsgTmdnQmFkZ2VNb2R1bGUgfSBmcm9tICcuL2JhZGdlL2JhZGdlLm1vZHVsZSdcbmltcG9ydCB7IE5nZ0J1dHRvbk1vZHVsZSB9IGZyb20gJy4vYnV0dG9uL2J1dHRvbi5tb2R1bGUnXG5pbXBvcnQgeyBOZ2dEYXRlcGlja2VyTW9kdWxlIH0gZnJvbSAnLi9kYXRlcGlja2VyL2RhdGVwaWNrZXIubW9kdWxlJ1xuaW1wb3J0IHsgTmdnRHJvcGRvd25Nb2R1bGUgfSBmcm9tICcuL2Ryb3Bkb3duL2Ryb3Bkb3duLm1vZHVsZSdcbmltcG9ydCB7IE5nZ01vZGFsTW9kdWxlIH0gZnJvbSAnLi9tb2RhbCdcbmltcG9ydCB7IE5nZ1Byb2dyZXNzQ2lyY2xlTW9kdWxlIH0gZnJvbSAnLi9wcm9ncmVzcy1jaXJjbGUvcHJvZ3Jlc3MtY2lyY2xlLm1vZHVsZSdcbmltcG9ydCB7IE5nZ1NlZ21lbnRlZENvbnRyb2xNb2R1bGUgfSBmcm9tICcuL3NlZ21lbnRlZC1jb250cm9sL3NlZ21lbnRlZC1jb250cm9sLm1vZHVsZSdcbmltcG9ydCB7IE5nZ1NsaWRlck1vZHVsZSB9IGZyb20gJy4vc2xpZGVyL3NsaWRlci5tb2R1bGUnXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW10sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbXG4gICAgTmdnQWNjb3JkaW9uTW9kdWxlLFxuICAgIE5nZ0JhZGdlTW9kdWxlLFxuICAgIE5nZ0J1dHRvbk1vZHVsZSxcbiAgICBOZ2dEYXRlcGlja2VyTW9kdWxlLFxuICAgIE5nZ0Ryb3Bkb3duTW9kdWxlLFxuICAgIE5nZ01vZGFsTW9kdWxlLFxuICAgIE5nZ1Byb2dyZXNzQ2lyY2xlTW9kdWxlLFxuICAgIE5nZ1NlZ21lbnRlZENvbnRyb2xNb2R1bGUsXG4gICAgTmdnU2xpZGVyTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ2dNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './pagination.component';
|
|
2
|
+
export * from './pagination.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9wYWdpbmF0aW9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsd0JBQXdCLENBQUE7QUFDdEMsY0FBYyxxQkFBcUIsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcGFnaW5hdGlvbi5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL3BhZ2luYXRpb24ubW9kdWxlJ1xuIl19
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, } from '@angular/core';
|
|
2
|
+
import { PaginationI18n, } from '@sebgroup/extract';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class NggPaginationComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
/** Internationalization labels */
|
|
8
|
+
this.i18n = PaginationI18n;
|
|
9
|
+
/** Rendered size */
|
|
10
|
+
this.size = 'small';
|
|
11
|
+
/** Amount of pages to be displayed between the first and last */
|
|
12
|
+
this.displayPages = 5;
|
|
13
|
+
/** Total amount of items to be paginated */
|
|
14
|
+
this.length = 0;
|
|
15
|
+
/** Displayed items per page */
|
|
16
|
+
this.pageSize = 10;
|
|
17
|
+
this._pageIndex = 0;
|
|
18
|
+
this._pageIndicies = [];
|
|
19
|
+
/** Event emitted when a new page index is selected */
|
|
20
|
+
this.page = new EventEmitter();
|
|
21
|
+
}
|
|
22
|
+
/** The zero-based page index of the displayed list of pages. Defaulted to 0. */
|
|
23
|
+
get pageIndex() {
|
|
24
|
+
return this._pageIndex;
|
|
25
|
+
}
|
|
26
|
+
set pageIndex(value) {
|
|
27
|
+
this._pageIndex = Math.max(value, 0);
|
|
28
|
+
}
|
|
29
|
+
/** All centric page indicies to be displayed. */
|
|
30
|
+
get pageIndicies() {
|
|
31
|
+
return this._pageIndicies;
|
|
32
|
+
}
|
|
33
|
+
get totalPages() {
|
|
34
|
+
if (!this.pageSize) {
|
|
35
|
+
return 0;
|
|
36
|
+
}
|
|
37
|
+
return Math.ceil(this.length / this.pageSize);
|
|
38
|
+
}
|
|
39
|
+
ngOnChanges(changes) {
|
|
40
|
+
if (changes.displayPages ||
|
|
41
|
+
changes.pageIndex ||
|
|
42
|
+
changes.pageSize ||
|
|
43
|
+
changes.length) {
|
|
44
|
+
this._pageIndicies = this.getDisplayedPageIndicies();
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
hasPrevious() {
|
|
48
|
+
return this.pageIndex >= 1;
|
|
49
|
+
}
|
|
50
|
+
hasNext() {
|
|
51
|
+
return this.pageIndex < this.totalPages - 1;
|
|
52
|
+
}
|
|
53
|
+
gotoFirst() {
|
|
54
|
+
if (!this.hasPrevious()) {
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
const previous = this.pageIndex;
|
|
58
|
+
this.pageIndex = 0;
|
|
59
|
+
this.emit(previous);
|
|
60
|
+
}
|
|
61
|
+
gotoLast() {
|
|
62
|
+
if (!this.hasNext()) {
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
const previous = this.pageIndex;
|
|
66
|
+
this.pageIndex = this.totalPages - 1;
|
|
67
|
+
this.emit(previous);
|
|
68
|
+
}
|
|
69
|
+
gotoPrevious() {
|
|
70
|
+
if (!this.hasPrevious()) {
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
const previous = this.pageIndex;
|
|
74
|
+
this.pageIndex = previous - 1;
|
|
75
|
+
this.emit(previous);
|
|
76
|
+
}
|
|
77
|
+
gotoNext() {
|
|
78
|
+
if (!this.hasNext()) {
|
|
79
|
+
return;
|
|
80
|
+
}
|
|
81
|
+
const previous = this.pageIndex;
|
|
82
|
+
this.pageIndex = previous + 1;
|
|
83
|
+
this.emit(previous);
|
|
84
|
+
}
|
|
85
|
+
goto(index) {
|
|
86
|
+
if (index === this.pageIndex || index < 0 || index >= this.totalPages) {
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
89
|
+
const previous = this.pageIndex;
|
|
90
|
+
this.pageIndex = index;
|
|
91
|
+
this.emit(previous);
|
|
92
|
+
}
|
|
93
|
+
emit(previous) {
|
|
94
|
+
this._pageIndicies = this.getDisplayedPageIndicies();
|
|
95
|
+
this.page.emit({ pageIndex: this.pageIndex, previousPageIndex: previous });
|
|
96
|
+
}
|
|
97
|
+
getDisplayedPageIndicies() {
|
|
98
|
+
// Do not render
|
|
99
|
+
if (this.totalPages <= 1) {
|
|
100
|
+
return [];
|
|
101
|
+
}
|
|
102
|
+
// All pages can fit
|
|
103
|
+
if (this.totalPages <= this.displayPages)
|
|
104
|
+
return [...Array(this.totalPages - 2).keys()].map((index) => index + 1);
|
|
105
|
+
// Only first & last
|
|
106
|
+
if (this.totalPages === 2)
|
|
107
|
+
return [];
|
|
108
|
+
return this.getCenteredPageIndicies();
|
|
109
|
+
}
|
|
110
|
+
/**
|
|
111
|
+
* Find X (displayPages) amount of page indicies that are centered from the currently selected page index,
|
|
112
|
+
* but exclude the first and last indicies if they are within the range.
|
|
113
|
+
*/
|
|
114
|
+
getCenteredPageIndicies() {
|
|
115
|
+
const pages = [];
|
|
116
|
+
if (this.pageIndex === 0) {
|
|
117
|
+
pages.push(this.pageIndex + 1);
|
|
118
|
+
}
|
|
119
|
+
else if (this.pageIndex === this.totalPages - 1) {
|
|
120
|
+
pages.push(this.pageIndex - 1);
|
|
121
|
+
}
|
|
122
|
+
else {
|
|
123
|
+
pages.push(this.pageIndex);
|
|
124
|
+
}
|
|
125
|
+
const addAfter = () => {
|
|
126
|
+
const next = pages[pages.length - 1] + 1;
|
|
127
|
+
if (next < this.totalPages - 1 && counter > 0) {
|
|
128
|
+
pages.push(next);
|
|
129
|
+
return true;
|
|
130
|
+
}
|
|
131
|
+
return false;
|
|
132
|
+
};
|
|
133
|
+
const addBefore = () => {
|
|
134
|
+
const previous = pages[0] - 1;
|
|
135
|
+
if (previous > 0 && counter > 0) {
|
|
136
|
+
pages.unshift(previous);
|
|
137
|
+
return true;
|
|
138
|
+
}
|
|
139
|
+
return false;
|
|
140
|
+
};
|
|
141
|
+
let counter = this.displayPages - 1;
|
|
142
|
+
while (counter > 0) {
|
|
143
|
+
const addedAfter = addAfter();
|
|
144
|
+
if (addedAfter)
|
|
145
|
+
counter--;
|
|
146
|
+
const addedBefore = addBefore();
|
|
147
|
+
if (addedBefore)
|
|
148
|
+
counter--;
|
|
149
|
+
if (!addedAfter && !addedBefore)
|
|
150
|
+
break;
|
|
151
|
+
}
|
|
152
|
+
return pages;
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
NggPaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: NggPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
156
|
+
NggPaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", 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 [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 [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 [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 [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 [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", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
157
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: NggPaginationComponent, decorators: [{
|
|
158
|
+
type: Component,
|
|
159
|
+
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 [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 [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 [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 [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 [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" }]
|
|
160
|
+
}], propDecorators: { i18n: [{
|
|
161
|
+
type: Input
|
|
162
|
+
}], size: [{
|
|
163
|
+
type: Input
|
|
164
|
+
}], displayPages: [{
|
|
165
|
+
type: Input
|
|
166
|
+
}], length: [{
|
|
167
|
+
type: Input
|
|
168
|
+
}], pageSize: [{
|
|
169
|
+
type: Input
|
|
170
|
+
}], pageIndex: [{
|
|
171
|
+
type: Input
|
|
172
|
+
}], page: [{
|
|
173
|
+
type: Output
|
|
174
|
+
}] } });
|
|
175
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy9saWIvcGFnaW5hdGlvbi9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osdUJBQXVCLEdBR3hCLE1BQU0sZUFBZSxDQUFBO0FBQ3RCLE9BQU8sRUFHTCxjQUFjLEdBRWYsTUFBTSxtQkFBbUIsQ0FBQTs7O0FBTzFCLE1BQU0sT0FBTyxzQkFBc0I7SUFMbkM7UUFNRSxrQ0FBa0M7UUFDekIsU0FBSSxHQUFvQixjQUFjLENBQUE7UUFFL0Msb0JBQW9CO1FBQ1gsU0FBSSxHQUFtQixPQUFPLENBQUE7UUFFdkMsa0VBQWtFO1FBQ3pELGlCQUFZLEdBQUcsQ0FBQyxDQUFBO1FBRXpCLDRDQUE0QztRQUNuQyxXQUFNLEdBQUcsQ0FBQyxDQUFBO1FBRW5CLCtCQUErQjtRQUN0QixhQUFRLEdBQUcsRUFBRSxDQUFBO1FBVWQsZUFBVSxHQUFHLENBQUMsQ0FBQTtRQU1kLGtCQUFhLEdBQWEsRUFBRSxDQUFBO1FBVXBDLHNEQUFzRDtRQUM1QyxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQW9CLENBQUE7S0FvSXREO0lBN0pDLGdGQUFnRjtJQUNoRixJQUNJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUE7SUFDeEIsQ0FBQztJQUNELElBQUksU0FBUyxDQUFDLEtBQWE7UUFDekIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQTtJQUN0QyxDQUFDO0lBR0QsaURBQWlE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QUdHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBSUYsU0FBUztzQkFEWixLQUFLO2dCQXdCSSxJQUFJO3NCQUFiLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIE9uQ2hhbmdlcyxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7XG4gIElQYWdpbmF0aW9uRXZlbnQsXG4gIElQYWdpbmF0aW9uSTE4bixcbiAgUGFnaW5hdGlvbkkxOG4sXG4gIFBhZ2luYXRpb25TaXplLFxufSBmcm9tICdAc2ViZ3JvdXAvZXh0cmFjdCdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmdnLXBhZ2luYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOZ2dQYWdpbmF0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgLyoqIEludGVybmF0aW9uYWxpemF0aW9uIGxhYmVscyAqL1xuICBASW5wdXQoKSBpMThuOiBJUGFnaW5hdGlvbkkxOG4gPSBQYWdpbmF0aW9uSTE4blxuXG4gIC8qKiBSZW5kZXJlZCBzaXplICovXG4gIEBJbnB1dCgpIHNpemU6IFBhZ2luYXRpb25TaXplID0gJ3NtYWxsJ1xuXG4gIC8qKiBBbW91bnQgb2YgcGFnZXMgdG8gYmUgZGlzcGxheWVkIGJldHdlZW4gdGhlIGZpcnN0IGFuZCBsYXN0ICAqL1xuICBASW5wdXQoKSBkaXNwbGF5UGFnZXMgPSA1XG5cbiAgLyoqIFRvdGFsIGFtb3VudCBvZiBpdGVtcyB0byBiZSBwYWdpbmF0ZWQgKi9cbiAgQElucHV0KCkgbGVuZ3RoID0gMFxuXG4gIC8qKiBEaXNwbGF5ZWQgaXRlbXMgcGVyIHBhZ2UgKi9cbiAgQElucHV0KCkgcGFnZVNpemUgPSAxMFxuXG4gIC8qKiBUaGUgemVyby1iYXNlZCBwYWdlIGluZGV4IG9mIHRoZSBkaXNwbGF5ZWQgbGlzdCBvZiBwYWdlcy4gRGVmYXVsdGVkIHRvIDAuICovXG4gIEBJbnB1dCgpXG4gIGdldCBwYWdlSW5kZXgoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5fcGFnZUluZGV4XG4gIH1cbiAgc2V0IHBhZ2VJbmRleCh2YWx1ZTogbnVtYmVyKSB7XG4gICAgdGhpcy5fcGFnZUluZGV4ID0gTWF0aC5tYXgodmFsdWUsIDApXG4gIH1cbiAgcHJpdmF0ZSBfcGFnZUluZGV4ID0gMFxuXG4gIC8qKiBBbGwgY2VudHJpYyBwYWdlIGluZGljaWVzIHRvIGJlIGRpc3BsYXllZC4gKi9cbiAgZ2V0IHBhZ2VJbmRpY2llcygpOiBudW1iZXJbXSB7XG4gICAgcmV0dXJuIHRoaXMuX3BhZ2VJbmRpY2llc1xuICB9XG4gIHByaXZhdGUgX3BhZ2VJbmRpY2llczogbnVtYmVyW10gPSBbXVxuXG4gIGdldCB0b3RhbFBhZ2VzKCk6IG51bWJlciB7XG4gICAgaWYgKCF0aGlzLnBhZ2VTaXplKSB7XG4gICAgICByZXR1cm4gMFxuICAgIH1cblxuICAgIHJldHVybiBNYXRoLmNlaWwodGhpcy5sZW5ndGggLyB0aGlzLnBhZ2VTaXplKVxuICB9XG5cbiAgLyoqIEV2ZW50IGVtaXR0ZWQgd2hlbiBhIG5ldyBwYWdlIGluZGV4IGlzIHNlbGVjdGVkICovXG4gIEBPdXRwdXQoKSBwYWdlID0gbmV3IEV2ZW50RW1pdHRlcjxJUGFnaW5hdGlvbkV2ZW50PigpXG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChcbiAgICAgIGNoYW5nZXMuZGlzcGxheVBhZ2VzIHx8XG4gICAgICBjaGFuZ2VzLnBhZ2VJbmRleCB8fFxuICAgICAgY2hhbmdlcy5wYWdlU2l6ZSB8fFxuICAgICAgY2hhbmdlcy5sZW5ndGhcbiAgICApIHtcbiAgICAgIHRoaXMuX3BhZ2VJbmRpY2llcyA9IHRoaXMuZ2V0RGlzcGxheWVkUGFnZUluZGljaWVzKClcbiAgICB9XG4gIH1cblxuICBoYXNQcmV2aW91cygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5wYWdlSW5kZXggPj0gMVxuICB9XG5cbiAgaGFzTmV4dCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5wYWdlSW5kZXggPCB0aGlzLnRvdGFsUGFnZXMgLSAxXG4gIH1cblxuICBnb3RvRmlyc3QoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmhhc1ByZXZpb3VzKCkpIHtcbiAgICAgIHJldHVyblxuICAgIH1cbiAgICBjb25zdCBwcmV2aW91cyA9IHRoaXMucGFnZUluZGV4XG4gICAgdGhpcy5wYWdlSW5kZXggPSAwXG4gICAgdGhpcy5lbWl0KHByZXZpb3VzKVxuICB9XG5cbiAgZ290b0xhc3QoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmhhc05leHQoKSkge1xuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIGNvbnN0IHByZXZpb3VzID0gdGhpcy5wYWdlSW5kZXhcbiAgICB0aGlzLnBhZ2VJbmRleCA9IHRoaXMudG90YWxQYWdlcyAtIDFcbiAgICB0aGlzLmVtaXQocHJldmlvdXMpXG4gIH1cblxuICBnb3RvUHJldmlvdXMoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmhhc1ByZXZpb3VzKCkpIHtcbiAgICAgIHJldHVyblxuICAgIH1cbiAgICBjb25zdCBwcmV2aW91cyA9IHRoaXMucGFnZUluZGV4XG4gICAgdGhpcy5wYWdlSW5kZXggPSBwcmV2aW91cyAtIDFcbiAgICB0aGlzLmVtaXQocHJldmlvdXMpXG4gIH1cblxuICBnb3RvTmV4dCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaGFzTmV4dCgpKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgY29uc3QgcHJldmlvdXMgPSB0aGlzLnBhZ2VJbmRleFxuICAgIHRoaXMucGFnZUluZGV4ID0gcHJldmlvdXMgKyAxXG4gICAgdGhpcy5lbWl0KHByZXZpb3VzKVxuICB9XG5cbiAgZ290byhpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgaWYgKGluZGV4ID09PSB0aGlzLnBhZ2VJbmRleCB8fCBpbmRleCA8IDAgfHwgaW5kZXggPj0gdGhpcy50b3RhbFBhZ2VzKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgY29uc3QgcHJldmlvdXMgPSB0aGlzLnBhZ2VJbmRleFxuICAgIHRoaXMucGFnZUluZGV4ID0gaW5kZXhcbiAgICB0aGlzLmVtaXQocHJldmlvdXMpXG4gIH1cblxuICBwcml2YXRlIGVtaXQocHJldmlvdXM6IG51bWJlcikge1xuICAgIHRoaXMuX3BhZ2VJbmRpY2llcyA9IHRoaXMuZ2V0RGlzcGxheWVkUGFnZUluZGljaWVzKClcbiAgICB0aGlzLnBhZ2UuZW1pdCh7IHBhZ2VJbmRleDogdGhpcy5wYWdlSW5kZXgsIHByZXZpb3VzUGFnZUluZGV4OiBwcmV2aW91cyB9KVxuICB9XG5cbiAgcHJpdmF0ZSBnZXREaXNwbGF5ZWRQYWdlSW5kaWNpZXMoKTogbnVtYmVyW10ge1xuICAgIC8vIERvIG5vdCByZW5kZXJcbiAgICBpZiAodGhpcy50b3RhbFBhZ2VzIDw9IDEpIHtcbiAgICAgIHJldHVybiBbXVxuICAgIH1cblxuICAgIC8vIEFsbCBwYWdlcyBjYW4gZml0XG4gICAgaWYgKHRoaXMudG90YWxQYWdlcyA8PSB0aGlzLmRpc3BsYXlQYWdlcylcbiAgICAgIHJldHVybiBbLi4uQXJyYXkodGhpcy50b3RhbFBhZ2VzIC0gMikua2V5cygpXS5tYXAoKGluZGV4KSA9PiBpbmRleCArIDEpXG5cbiAgICAvLyBPbmx5IGZpcnN0ICYgbGFzdFxuICAgIGlmICh0aGlzLnRvdGFsUGFnZXMgPT09IDIpIHJldHVybiBbXVxuXG4gICAgcmV0dXJuIHRoaXMuZ2V0Q2VudGVyZWRQYWdlSW5kaWNpZXMoKVxuICB9XG5cbiAgLyoqXG4gICAqIEZpbmQgWCAoZGlzcGxheVBhZ2VzKSBhbW91bnQgb2YgcGFnZSBpbmRpY2llcyB0aGF0IGFyZSBjZW50ZXJlZCBmcm9tIHRoZSBjdXJyZW50bHkgc2VsZWN0ZWQgcGFnZSBpbmRleCxcbiAgICogYnV0IGV4Y2x1ZGUgdGhlIGZpcnN0IGFuZCBsYXN0IGluZGljaWVzIGlmIHRoZXkgYXJlIHdpdGhpbiB0aGUgcmFuZ2UuXG4gICAqL1xuICBwcml2YXRlIGdldENlbnRlcmVkUGFnZUluZGljaWVzKCk6IG51bWJlcltdIHtcbiAgICBjb25zdCBwYWdlczogbnVtYmVyW10gPSBbXVxuXG4gICAgaWYgKHRoaXMucGFnZUluZGV4ID09PSAwKSB7XG4gICAgICBwYWdlcy5wdXNoKHRoaXMucGFnZUluZGV4ICsgMSlcbiAgICB9IGVsc2UgaWYgKHRoaXMucGFnZUluZGV4ID09PSB0aGlzLnRvdGFsUGFnZXMgLSAxKSB7XG4gICAgICBwYWdlcy5wdXNoKHRoaXMucGFnZUluZGV4IC0gMSlcbiAgICB9IGVsc2Uge1xuICAgICAgcGFnZXMucHVzaCh0aGlzLnBhZ2VJbmRleClcbiAgICB9XG5cbiAgICBjb25zdCBhZGRBZnRlciA9ICgpID0+IHtcbiAgICAgIGNvbnN0IG5leHQgPSBwYWdlc1twYWdlcy5sZW5ndGggLSAxXSArIDFcbiAgICAgIGlmIChuZXh0IDwgdGhpcy50b3RhbFBhZ2VzIC0gMSAmJiBjb3VudGVyID4gMCkge1xuICAgICAgICBwYWdlcy5wdXNoKG5leHQpXG4gICAgICAgIHJldHVybiB0cnVlXG4gICAgICB9XG4gICAgICByZXR1cm4gZmFsc2VcbiAgICB9XG4gICAgY29uc3QgYWRkQmVmb3JlID0gKCkgPT4ge1xuICAgICAgY29uc3QgcHJldmlvdXMgPSBwYWdlc1swXSAtIDFcbiAgICAgIGlmIChwcmV2aW91cyA+IDAgJiYgY291bnRlciA+IDApIHtcbiAgICAgICAgcGFnZXMudW5zaGlmdChwcmV2aW91cylcbiAgICAgICAgcmV0dXJuIHRydWVcbiAgICAgIH1cbiAgICAgIHJldHVybiBmYWxzZVxuICAgIH1cblxuICAgIGxldCBjb3VudGVyID0gdGhpcy5kaXNwbGF5UGFnZXMgLSAxXG4gICAgd2hpbGUgKGNvdW50ZXIgPiAwKSB7XG4gICAgICBjb25zdCBhZGRlZEFmdGVyID0gYWRkQWZ0ZXIoKVxuICAgICAgaWYgKGFkZGVkQWZ0ZXIpIGNvdW50ZXItLVxuXG4gICAgICBjb25zdCBhZGRlZEJlZm9yZSA9IGFkZEJlZm9yZSgpXG4gICAgICBpZiAoYWRkZWRCZWZvcmUpIGNvdW50ZXItLVxuXG4gICAgICBpZiAoIWFkZGVkQWZ0ZXIgJiYgIWFkZGVkQmVmb3JlKSBicmVha1xuICAgIH1cblxuICAgIHJldHVybiBwYWdlc1xuICB9XG59XG4iLCI8bmF2XG4gIFtjbGFzc109XCIncGFnaW5hdGlvbiAnICsgc2l6ZVwiXG4gIHJvbGU9XCJuYXZpZ2F0aW9uXCJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCJpMThuLnBhZ2luYXRpb25MYWJlbFwiXG4gICpuZ0lmPVwidG90YWxQYWdlcyA+IDFcIlxuPlxuICA8dWwgY2xhc3M9XCJnZHMtcmVzZXRcIj5cbiAgICA8bGkgKm5nSWY9XCJoYXNQcmV2aW91cygpXCI+XG4gICAgICA8YVxuICAgICAgICBjbGFzcz1cImdkcy1yZXNldFwiXG4gICAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICAgIChjbGljayk9XCJnb3RvUHJldmlvdXMoKVwiXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiaTE4bi5wcmV2aW91c1BhZ2VMYWJlbFwiXG4gICAgICAgIHJvbGU9XCJidXR0b25cIlxuICAgICAgPlxuICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB2aWV3Qm94PVwiMCAwIDMyMCA1MTJcIj5cbiAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgZD1cIk05LjQgMjMzLjRjLTEyLjUgMTIuNS0xMi41IDMyLjggMCA0NS4zbDE5MiAxOTJjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBzMTIuNS0zMi44IDAtNDUuM0w3Ny4zIDI1NiAyNDYuNiA4Ni42YzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zcy0zMi44LTEyLjUtNDUuMyAwbC0xOTIgMTkyelwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9zdmc+XG4gICAgICA8L2E+XG4gICAgPC9saT5cblxuICAgIDxsaT5cbiAgICAgIDxhXG4gICAgICAgIGNsYXNzPVwiZ2RzLXJlc2V0XCJcbiAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgICAgKGNsaWNrKT1cImdvdG9GaXJzdCgpXCJcbiAgICAgICAgW2F0dHIuYXJpYS1jdXJyZW50XT1cInBhZ2VJbmRleCA9PT0gMCA/ICdwYWdlJyA6IG51bGxcIlxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImkxOG4uZmlyc3RQYWdlTGFiZWxcIlxuICAgICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgID5cbiAgICAgICAgMVxuICAgICAgPC9hPlxuICAgIDwvbGk+XG4gICAgPGxpICpuZ0lmPVwicGFnZUluZGljaWVzWzBdID4gMVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPi4uLjwvbGk+XG5cbiAgICA8bGkgKm5nRm9yPVwibGV0IGluZGV4IG9mIHBhZ2VJbmRpY2llc1wiPlxuICAgICAgPGFcbiAgICAgICAgY2xhc3M9XCJnZHMtcmVzZXRcIlxuICAgICAgICB0YWJpbmRleD1cIjBcIlxuICAgICAgICAoY2xpY2spPVwiZ290byhpbmRleClcIlxuICAgICAgICBbYXR0ci5hcmlhLWN1cnJlbnRdPVwicGFnZUluZGV4ID09PSBpbmRleCA/ICdwYWdlJyA6IG51bGxcIlxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImkxOG4uZ2V0UGFnZUxhYmVsKGluZGV4KVwiXG4gICAgICAgIHJvbGU9XCJidXR0b25cIlxuICAgICAgPlxuICAgICAgICB7eyBpbmRleCArIDEgfX1cbiAgICAgIDwvYT5cbiAgICA8L2xpPlxuXG4gICAgPGxpXG4gICAgICAqbmdJZj1cInBhZ2VJbmRpY2llc1twYWdlSW5kaWNpZXMubGVuZ3RoIC0gMV0gPCB0b3RhbFBhZ2VzIC0gMlwiXG4gICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgID5cbiAgICAgIC4uLlxuICAgIDwvbGk+XG5cbiAgICA8bGk+XG4gICAgICA8YVxuICAgICAgICBjbGFzcz1cImdkcy1yZXNldFwiXG4gICAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICAgIChjbGljayk9XCJnb3RvTGFzdCgpXCJcbiAgICAgICAgW2F0dHIuYXJpYS1jdXJyZW50XT1cInBhZ2VJbmRleCA9PT0gdG90YWxQYWdlcyAtIDEgPyAncGFnZScgOiBudWxsXCJcbiAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJpMThuLmxhc3RQYWdlTGFiZWxcIlxuICAgICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgID5cbiAgICAgICAge3sgdG90YWxQYWdlcyB9fVxuICAgICAgPC9hPlxuICAgIDwvbGk+XG4gICAgPGxpICpuZ0lmPVwiaGFzTmV4dCgpXCI+XG4gICAgICA8YVxuICAgICAgICBjbGFzcz1cImdkcy1yZXNldFwiXG4gICAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICAgIChjbGljayk9XCJnb3RvTmV4dCgpXCJcbiAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJpMThuLm5leHRQYWdlTGFiZWxcIlxuICAgICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgID5cbiAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCAzMjAgNTEyXCI+XG4gICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgIGQ9XCJNMzEwLjYgMjMzLjRjMTIuNSAxMi41IDEyLjUgMzIuOCAwIDQ1LjNsLTE5MiAxOTJjLTEyLjUgMTIuNS0zMi44IDEyLjUtNDUuMyAwcy0xMi41LTMyLjggMC00NS4zTDI0Mi43IDI1NiA3My40IDg2LjZjLTEyLjUtMTIuNS0xMi41LTMyLjggMC00NS4zczMyLjgtMTIuNSA0NS4zIDBsMTkyIDE5MnpcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvc3ZnPlxuICAgICAgPC9hPlxuICAgIDwvbGk+XG4gIDwvdWw+XG48L25hdj5cbiJdfQ==
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NggPaginationComponent } from './pagination.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class NggPaginationModule {
|
|
6
|
+
}
|
|
7
|
+
NggPaginationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: NggPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
NggPaginationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: NggPaginationModule, declarations: [NggPaginationComponent], imports: [CommonModule], exports: [NggPaginationComponent] });
|
|
9
|
+
NggPaginationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: NggPaginationModule, imports: [[CommonModule]] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: NggPaginationModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
declarations: [NggPaginationComponent],
|
|
14
|
+
imports: [CommonModule],
|
|
15
|
+
exports: [NggPaginationComponent],
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9wYWdpbmF0aW9uL3BhZ2luYXRpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDeEMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRTlDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHdCQUF3QixDQUFBOztBQU8vRCxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO2lIQUFuQixtQkFBbUIsaUJBSmYsc0JBQXNCLGFBQzNCLFlBQVksYUFDWixzQkFBc0I7aUhBRXJCLG1CQUFtQixZQUhyQixDQUFDLFlBQVksQ0FBQzsyRkFHWixtQkFBbUI7a0JBTC9CLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ3RDLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuXG5pbXBvcnQgeyBOZ2dQYWdpbmF0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdpbmF0aW9uLmNvbXBvbmVudCdcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTmdnUGFnaW5hdGlvbkNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbTmdnUGFnaW5hdGlvbkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE5nZ1BhZ2luYXRpb25Nb2R1bGUge31cbiJdfQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Component, HostBinding, Input } from '@angular/core';
|
|
2
|
-
import { randomId } from '@sebgroup/extract';
|
|
2
|
+
import { ProgressCircleThemes, randomId } from '@sebgroup/extract';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
export class NggProgressCircleComponent {
|
|
@@ -7,14 +7,17 @@ export class NggProgressCircleComponent {
|
|
|
7
7
|
this._startValue = '0deg';
|
|
8
8
|
this._endValue = '0deg';
|
|
9
9
|
/** id of the progress circle */
|
|
10
|
-
this.id =
|
|
10
|
+
this.id = `${randomId()}-progress-circle`;
|
|
11
11
|
/** theme of the progress circle */
|
|
12
|
-
this.theme =
|
|
12
|
+
this.theme = ProgressCircleThemes.Warning;
|
|
13
13
|
}
|
|
14
14
|
/** progress circle value in percentage */
|
|
15
|
-
set value(
|
|
16
|
-
const degrees = this.calculateDegrees(
|
|
17
|
-
this._endValue =
|
|
15
|
+
set value(val) {
|
|
16
|
+
const degrees = `${this.calculateDegrees(val)}deg`;
|
|
17
|
+
this._endValue = degrees;
|
|
18
|
+
if (this.theme === ProgressCircleThemes.Disabled) {
|
|
19
|
+
this._startValue = degrees;
|
|
20
|
+
}
|
|
18
21
|
}
|
|
19
22
|
calculateDegrees(percent) {
|
|
20
23
|
if (percent > 100) {
|
|
@@ -28,10 +31,10 @@ export class NggProgressCircleComponent {
|
|
|
28
31
|
}
|
|
29
32
|
}
|
|
30
33
|
NggProgressCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: NggProgressCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
NggProgressCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", 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=\"
|
|
34
|
+
NggProgressCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", 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", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
32
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: NggProgressCircleComponent, decorators: [{
|
|
33
36
|
type: Component,
|
|
34
|
-
args: [{ selector: 'ngg-progress-circle', template: "<div\n class=\"
|
|
37
|
+
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" }]
|
|
35
38
|
}], propDecorators: { _startValue: [{
|
|
36
39
|
type: HostBinding,
|
|
37
40
|
args: ['style.--start-value']
|
|
@@ -45,4 +48,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImpor
|
|
|
45
48
|
}], value: [{
|
|
46
49
|
type: Input
|
|
47
50
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtY2lyY2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9zcmMvbGliL3Byb2dyZXNzLWNpcmNsZS9wcm9ncmVzcy1jaXJjbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy9saWIvcHJvZ3Jlc3MtY2lyY2xlL3Byb2dyZXNzLWNpcmNsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDN0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBOzs7QUFNbEUsTUFBTSxPQUFPLDBCQUEwQjtJQUp2QztRQUs4QyxnQkFBVyxHQUFHLE1BQU0sQ0FBQTtRQUN0QixjQUFTLEdBQUcsTUFBTSxDQUFBO1FBRTVELGdDQUFnQztRQUN2QixPQUFFLEdBQVksR0FBRyxRQUFRLEVBQUUsa0JBQWtCLENBQUE7UUFDdEQsbUNBQW1DO1FBQzFCLFVBQUssR0FBeUIsb0JBQW9CLENBQUMsT0FBTyxDQUFBO0tBc0JwRTtJQXJCQywwQ0FBMEM7SUFDMUMsSUFBYSxLQUFLLENBQUMsR0FBVztRQUM1QixNQUFNLE9BQU8sR0FBRyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFBO1FBQ2xELElBQUksQ0FBQyxTQUFTLEdBQUcsT0FBTyxDQUFBO1FBQ3hCLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxvQkFBb0IsQ0FBQyxRQUFRLEVBQUU7WUFDaEQsSUFBSSxDQUFDLFdBQVcsR0FBRyxPQUFPLENBQUE7U0FDM0I7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsT0FBZTtRQUM5QixJQUFJLE9BQU8sR0FBRyxHQUFHLEVBQUU7WUFDakIsT0FBTyxHQUFHLENBQUE7U0FDWDtRQUVELElBQUksT0FBTyxHQUFHLENBQUMsRUFBRTtZQUNmLE9BQU8sQ0FBQyxDQUFBO1NBQ1Q7UUFFRCwyQ0FBMkM7UUFDM0MsT0FBTyxPQUFPLEdBQUcsR0FBRyxDQUFBO0lBQ3RCLENBQUM7O3VIQTVCVSwwQkFBMEI7MkdBQTFCLDBCQUEwQiw2TkNQdkMseWRBa0JBOzJGRFhhLDBCQUEwQjtrQkFKdEMsU0FBUzsrQkFDRSxxQkFBcUI7OEJBSWEsV0FBVztzQkFBdEQsV0FBVzt1QkFBQyxxQkFBcUI7Z0JBQ1EsU0FBUztzQkFBbEQsV0FBVzt1QkFBQyxtQkFBbUI7Z0JBR3ZCLEVBQUU7c0JBQVYsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRU8sS0FBSztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IFByb2dyZXNzQ2lyY2xlVGhlbWVzLCByYW5kb21JZCB9IGZyb20gJ0BzZWJncm91cC9leHRyYWN0J1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ2ctcHJvZ3Jlc3MtY2lyY2xlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Byb2dyZXNzLWNpcmNsZS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIE5nZ1Byb2dyZXNzQ2lyY2xlQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS4tLXN0YXJ0LXZhbHVlJykgcHJpdmF0ZSBfc3RhcnRWYWx1ZSA9ICcwZGVnJ1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlLi0tZW5kLXZhbHVlJykgcHJpdmF0ZSBfZW5kVmFsdWUgPSAnMGRlZydcblxuICAvKiogaWQgb2YgdGhlIHByb2dyZXNzIGNpcmNsZSAqL1xuICBASW5wdXQoKSBpZD86IHN0cmluZyA9IGAke3JhbmRvbUlkKCl9LXByb2dyZXNzLWNpcmNsZWBcbiAgLyoqIHRoZW1lIG9mIHRoZSBwcm9ncmVzcyBjaXJjbGUgKi9cbiAgQElucHV0KCkgdGhlbWU6IFByb2dyZXNzQ2lyY2xlVGhlbWVzID0gUHJvZ3Jlc3NDaXJjbGVUaGVtZXMuV2FybmluZ1xuICAvKiogcHJvZ3Jlc3MgY2lyY2xlIHZhbHVlIGluIHBlcmNlbnRhZ2UgKi9cbiAgQElucHV0KCkgc2V0IHZhbHVlKHZhbDogbnVtYmVyKSB7XG4gICAgY29uc3QgZGVncmVlcyA9IGAke3RoaXMuY2FsY3VsYXRlRGVncmVlcyh2YWwpfWRlZ2BcbiAgICB0aGlzLl9lbmRWYWx1ZSA9IGRlZ3JlZXNcbiAgICBpZiAodGhpcy50aGVtZSA9PT0gUHJvZ3Jlc3NDaXJjbGVUaGVtZXMuRGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuX3N0YXJ0VmFsdWUgPSBkZWdyZWVzXG4gICAgfVxuICB9XG5cbiAgY2FsY3VsYXRlRGVncmVlcyhwZXJjZW50OiBudW1iZXIpOiBudW1iZXIge1xuICAgIGlmIChwZXJjZW50ID4gMTAwKSB7XG4gICAgICByZXR1cm4gMTgwXG4gICAgfVxuXG4gICAgaWYgKHBlcmNlbnQgPCAwKSB7XG4gICAgICByZXR1cm4gMFxuICAgIH1cblxuICAgIC8qKiBmb3JtdWxhOiAoKG4lICogMzYwZGVnKSAvIDEwMCUgKSAvIDIgKi9cbiAgICByZXR1cm4gcGVyY2VudCAqIDEuOFxuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiZ2RzLXByb2dyZXNzLWNpcmNsZVwiXG4gIHJvbGU9XCJwcm9ncmVzc2JhclwiXG4gIFthdHRyLmFyaWEtdmFsdWVub3ddPVwidmFsdWVcIlxuICBbYXR0ci5hcmlhLXZhbHVlbWluXT1cIjBcIlxuICBbYXR0ci5hcmlhLXZhbHVlbWF4XT1cIjEwMFwiXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiaWRcIlxuPlxuICA8ZGl2IGNsYXNzPVwicmluZyBmdWxsLXJpbmdcIj5cbiAgICA8ZGl2IGNsYXNzPVwicmluZy1wcm9ncmVzc1wiIFtuZ0NsYXNzXT1cInRoZW1lXCI+PC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicmluZ1wiPlxuICAgIDxkaXYgY2xhc3M9XCJyaW5nLXByb2dyZXNzXCIgW25nQ2xhc3NdPVwidGhlbWVcIj48L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJpbm5lci1jaXJjbGVcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './slider.component';
|
|
2
|
+
export * from './slider.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9zbGlkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQTtBQUNsQyxjQUFjLGlCQUFpQixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zbGlkZXIuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9zbGlkZXIubW9kdWxlJ1xuIl19
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { getSliderTrackBackground, randomId, sliderColors, } from '@sebgroup/extract';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
import * as i2 from "@angular/forms";
|
|
7
|
+
export class NggSliderComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
this._value = 0;
|
|
10
|
+
this.name = `${randomId}-slider`;
|
|
11
|
+
this.min = 0;
|
|
12
|
+
this.max = 100;
|
|
13
|
+
this.step = 1;
|
|
14
|
+
this.label = '';
|
|
15
|
+
this.instruction = '';
|
|
16
|
+
this.placeholder = '';
|
|
17
|
+
this.errorMessage = '';
|
|
18
|
+
this.hasTextbox = false;
|
|
19
|
+
this.disabled = false;
|
|
20
|
+
this.sliderChange = new EventEmitter();
|
|
21
|
+
this.sliderTouch = new EventEmitter();
|
|
22
|
+
this.style = {};
|
|
23
|
+
}
|
|
24
|
+
set value(val) {
|
|
25
|
+
this._value = val ?? 0;
|
|
26
|
+
this.handleChange();
|
|
27
|
+
}
|
|
28
|
+
get value() {
|
|
29
|
+
return this._value;
|
|
30
|
+
}
|
|
31
|
+
ngOnInit() {
|
|
32
|
+
this.setTrackBackground();
|
|
33
|
+
}
|
|
34
|
+
onBlur() {
|
|
35
|
+
this.sliderTouch.emit(true);
|
|
36
|
+
this.onTouchedFn && this.onTouchedFn();
|
|
37
|
+
}
|
|
38
|
+
handleChange() {
|
|
39
|
+
this.setTrackBackground();
|
|
40
|
+
this.sliderChange.emit(this.value);
|
|
41
|
+
this.onChangeFn && this.onChangeFn(this.value);
|
|
42
|
+
}
|
|
43
|
+
setTrackBackground() {
|
|
44
|
+
if (this.disabled) {
|
|
45
|
+
this.style.background = sliderColors.disabled;
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
const _value = ((this.value - this.min) / (this.max - this.min)) * 100;
|
|
49
|
+
this.style.background = getSliderTrackBackground(_value);
|
|
50
|
+
}
|
|
51
|
+
/** control value accessor functions */
|
|
52
|
+
writeValue(val) {
|
|
53
|
+
if (this.value !== val) {
|
|
54
|
+
this._value = val ?? 0;
|
|
55
|
+
this.handleChange();
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
registerOnChange(fn) {
|
|
59
|
+
this.onChangeFn = fn;
|
|
60
|
+
}
|
|
61
|
+
registerOnTouched(fn) {
|
|
62
|
+
this.onTouchedFn = fn;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
NggSliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: NggSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
+
NggSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: NggSliderComponent, selector: "ngg-slider", inputs: { name: "name", min: "min", max: "max", step: "step", label: "label", instruction: "instruction", placeholder: "placeholder", errorMessage: "errorMessage", hasTextbox: "hasTextbox", disabled: "disabled", value: "value" }, outputs: { sliderChange: "sliderChange", sliderTouch: "sliderTouch" }, providers: [
|
|
67
|
+
{
|
|
68
|
+
provide: NG_VALUE_ACCESSOR,
|
|
69
|
+
useExisting: NggSliderComponent,
|
|
70
|
+
multi: true,
|
|
71
|
+
},
|
|
72
|
+
], ngImport: i0, template: "<div *ngIf=\"!!label\" class=\"gds-slider-label-container\">\n <div>\n <label [attr.for]=\"name\">{{ label }}</label>\n <p *ngIf=\"!!instruction\">{{ instruction }}</p>\n </div>\n <div *ngIf=\"hasTextbox\" class=\"form-group\">\n <input\n type=\"number\"\n [(ngModel)]=\"value\"\n [class.is-invalid]=\"!!errorMessage\"\n [attr.placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n (blur)=\"onBlur()\"\n />\n <span *ngIf=\"!!errorMessage\" class=\"form-info\"></span>\n </div>\n</div>\n<input\n type=\"range\"\n [attr.id]=\"name\"\n [attr.name]=\"name\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n [ngStyle]=\"style\"\n (blur)=\"onBlur()\"\n/>\n<p *ngIf=\"!!errorMessage\" class=\"gds-slider-error-info\">\n {{ errorMessage }}\n</p>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: NggSliderComponent, decorators: [{
|
|
74
|
+
type: Component,
|
|
75
|
+
args: [{ selector: 'ngg-slider', providers: [
|
|
76
|
+
{
|
|
77
|
+
provide: NG_VALUE_ACCESSOR,
|
|
78
|
+
useExisting: NggSliderComponent,
|
|
79
|
+
multi: true,
|
|
80
|
+
},
|
|
81
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"!!label\" class=\"gds-slider-label-container\">\n <div>\n <label [attr.for]=\"name\">{{ label }}</label>\n <p *ngIf=\"!!instruction\">{{ instruction }}</p>\n </div>\n <div *ngIf=\"hasTextbox\" class=\"form-group\">\n <input\n type=\"number\"\n [(ngModel)]=\"value\"\n [class.is-invalid]=\"!!errorMessage\"\n [attr.placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n (blur)=\"onBlur()\"\n />\n <span *ngIf=\"!!errorMessage\" class=\"form-info\"></span>\n </div>\n</div>\n<input\n type=\"range\"\n [attr.id]=\"name\"\n [attr.name]=\"name\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [disabled]=\"disabled\"\n [(ngModel)]=\"value\"\n [ngStyle]=\"style\"\n (blur)=\"onBlur()\"\n/>\n<p *ngIf=\"!!errorMessage\" class=\"gds-slider-error-info\">\n {{ errorMessage }}\n</p>\n" }]
|
|
82
|
+
}], propDecorators: { name: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}], min: [{
|
|
85
|
+
type: Input
|
|
86
|
+
}], max: [{
|
|
87
|
+
type: Input
|
|
88
|
+
}], step: [{
|
|
89
|
+
type: Input
|
|
90
|
+
}], label: [{
|
|
91
|
+
type: Input
|
|
92
|
+
}], instruction: [{
|
|
93
|
+
type: Input
|
|
94
|
+
}], placeholder: [{
|
|
95
|
+
type: Input
|
|
96
|
+
}], errorMessage: [{
|
|
97
|
+
type: Input
|
|
98
|
+
}], hasTextbox: [{
|
|
99
|
+
type: Input
|
|
100
|
+
}], disabled: [{
|
|
101
|
+
type: Input
|
|
102
|
+
}], value: [{
|
|
103
|
+
type: Input
|
|
104
|
+
}], sliderChange: [{
|
|
105
|
+
type: Output
|
|
106
|
+
}], sliderTouch: [{
|
|
107
|
+
type: Output
|
|
108
|
+
}] } });
|
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9zcmMvbGliL3NsaWRlci9zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy9saWIvc2xpZGVyL3NsaWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3ZHLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUN4RSxPQUFPLEVBQ0wsd0JBQXdCLEVBQ3hCLFFBQVEsRUFDUixZQUFZLEdBQ2IsTUFBTSxtQkFBbUIsQ0FBQTs7OztBQWtCMUIsTUFBTSxPQUFPLGtCQUFrQjtJQVovQjtRQWFVLFdBQU0sR0FBRyxDQUFDLENBQUE7UUFDVCxTQUFJLEdBQUcsR0FBRyxRQUFRLFNBQVMsQ0FBQTtRQUMzQixRQUFHLEdBQUcsQ0FBQyxDQUFBO1FBQ1AsUUFBRyxHQUFHLEdBQUcsQ0FBQTtRQUNULFNBQUksR0FBRyxDQUFDLENBQUE7UUFDUixVQUFLLEdBQUcsRUFBRSxDQUFBO1FBQ1YsZ0JBQVcsR0FBRyxFQUFFLENBQUE7UUFDaEIsZ0JBQVcsR0FBRyxFQUFFLENBQUE7UUFDaEIsaUJBQVksR0FBRyxFQUFFLENBQUE7UUFDakIsZUFBVSxHQUFHLEtBQUssQ0FBQTtRQUNsQixhQUFRLEdBQUcsS0FBSyxDQUFBO1FBUWYsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFBO1FBQ3pDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQTtRQUduRCxVQUFLLEdBQWdCLEVBQUUsQ0FBQTtLQTBDeEI7SUFyREMsSUFBYSxLQUFLLENBQUMsR0FBVztRQUM1QixJQUFJLENBQUMsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLENBQUE7UUFDdEIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFBO0lBQ3JCLENBQUM7SUFDRCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUE7SUFDcEIsQ0FBQztJQU9ELFFBQVE7UUFDTixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQTtJQUMzQixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO1FBQzNCLElBQUksQ0FBQyxXQUFXLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFBO0lBQ3hDLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUE7UUFDekIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ2xDLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDaEQsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsWUFBWSxDQUFDLFFBQVEsQ0FBQTtZQUM3QyxPQUFNO1NBQ1A7UUFFRCxNQUFNLE1BQU0sR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEdBQUcsQ0FBQTtRQUN0RSxJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FBRyx3QkFBd0IsQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUMxRCxDQUFDO0lBRUQsdUNBQXVDO0lBQ3ZDLFVBQVUsQ0FBQyxHQUFXO1FBQ3BCLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxHQUFHLEVBQUU7WUFDdEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxDQUFBO1lBQ3RCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQTtTQUNwQjtJQUNILENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFBO0lBQ3RCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxXQUFXLEdBQUcsRUFBRSxDQUFBO0lBQ3ZCLENBQUM7OytHQWhFVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixrVkFUbEI7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLGtCQUFrQjtZQUMvQixLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsMEJDckJILHUyQkFnQ0E7MkZEUmEsa0JBQWtCO2tCQVo5QixTQUFTOytCQUNFLFlBQVksYUFFWDt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLG9CQUFvQjs0QkFDL0IsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0YsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU07OEJBSXRDLElBQUk7c0JBQVosS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNPLEtBQUs7c0JBQWpCLEtBQUs7Z0JBT0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnXG5pbXBvcnQge1xuICBnZXRTbGlkZXJUcmFja0JhY2tncm91bmQsXG4gIHJhbmRvbUlkLFxuICBzbGlkZXJDb2xvcnMsXG59IGZyb20gJ0BzZWJncm91cC9leHRyYWN0J1xuXG5pbnRlcmZhY2UgU2xpZGVyU3R5bGUge1xuICBiYWNrZ3JvdW5kPzogc3RyaW5nXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nZy1zbGlkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogTmdnU2xpZGVyQ29tcG9uZW50LFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5nZ1NsaWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBPbkluaXQge1xuICBwcml2YXRlIF92YWx1ZSA9IDBcbiAgQElucHV0KCkgbmFtZSA9IGAke3JhbmRvbUlkfS1zbGlkZXJgXG4gIEBJbnB1dCgpIG1pbiA9IDBcbiAgQElucHV0KCkgbWF4ID0gMTAwXG4gIEBJbnB1dCgpIHN0ZXAgPSAxXG4gIEBJbnB1dCgpIGxhYmVsID0gJydcbiAgQElucHV0KCkgaW5zdHJ1Y3Rpb24gPSAnJ1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnXG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZSA9ICcnXG4gIEBJbnB1dCgpIGhhc1RleHRib3ggPSBmYWxzZVxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlXG4gIEBJbnB1dCgpIHNldCB2YWx1ZSh2YWw6IG51bWJlcikge1xuICAgIHRoaXMuX3ZhbHVlID0gdmFsID8/IDBcbiAgICB0aGlzLmhhbmRsZUNoYW5nZSgpXG4gIH1cbiAgZ2V0IHZhbHVlKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlXG4gIH1cbiAgQE91dHB1dCgpIHNsaWRlckNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpXG4gIEBPdXRwdXQoKSBzbGlkZXJUb3VjaCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKVxuICBvbkNoYW5nZUZuPzogKHZhbDogbnVtYmVyKSA9PiB2b2lkXG4gIG9uVG91Y2hlZEZuPzogVm9pZEZ1bmN0aW9uXG4gIHN0eWxlOiBTbGlkZXJTdHlsZSA9IHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zZXRUcmFja0JhY2tncm91bmQoKVxuICB9XG5cbiAgb25CbHVyKCk6IHZvaWQge1xuICAgIHRoaXMuc2xpZGVyVG91Y2guZW1pdCh0cnVlKVxuICAgIHRoaXMub25Ub3VjaGVkRm4gJiYgdGhpcy5vblRvdWNoZWRGbigpXG4gIH1cblxuICBoYW5kbGVDaGFuZ2UoKTogdm9pZCB7XG4gICAgdGhpcy5zZXRUcmFja0JhY2tncm91bmQoKVxuICAgIHRoaXMuc2xpZGVyQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSlcbiAgICB0aGlzLm9uQ2hhbmdlRm4gJiYgdGhpcy5vbkNoYW5nZUZuKHRoaXMudmFsdWUpXG4gIH1cblxuICBzZXRUcmFja0JhY2tncm91bmQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuc3R5bGUuYmFja2dyb3VuZCA9IHNsaWRlckNvbG9ycy5kaXNhYmxlZFxuICAgICAgcmV0dXJuXG4gICAgfVxuXG4gICAgY29uc3QgX3ZhbHVlID0gKCh0aGlzLnZhbHVlIC0gdGhpcy5taW4pIC8gKHRoaXMubWF4IC0gdGhpcy5taW4pKSAqIDEwMFxuICAgIHRoaXMuc3R5bGUuYmFja2dyb3VuZCA9IGdldFNsaWRlclRyYWNrQmFja2dyb3VuZChfdmFsdWUpXG4gIH1cblxuICAvKiogY29udHJvbCB2YWx1ZSBhY2Nlc3NvciBmdW5jdGlvbnMgKi9cbiAgd3JpdGVWYWx1ZSh2YWw6IG51bWJlcik6IHZvaWQge1xuICAgIGlmICh0aGlzLnZhbHVlICE9PSB2YWwpIHtcbiAgICAgIHRoaXMuX3ZhbHVlID0gdmFsID8/IDBcbiAgICAgIHRoaXMuaGFuZGxlQ2hhbmdlKClcbiAgICB9XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlRm4gPSBmblxuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkRm4gPSBmblxuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiISFsYWJlbFwiIGNsYXNzPVwiZ2RzLXNsaWRlci1sYWJlbC1jb250YWluZXJcIj5cbiAgPGRpdj5cbiAgICA8bGFiZWwgW2F0dHIuZm9yXT1cIm5hbWVcIj57eyBsYWJlbCB9fTwvbGFiZWw+XG4gICAgPHAgKm5nSWY9XCIhIWluc3RydWN0aW9uXCI+e3sgaW5zdHJ1Y3Rpb24gfX08L3A+XG4gIDwvZGl2PlxuICA8ZGl2ICpuZ0lmPVwiaGFzVGV4dGJveFwiIGNsYXNzPVwiZm9ybS1ncm91cFwiPlxuICAgIDxpbnB1dFxuICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcbiAgICAgIFtjbGFzcy5pcy1pbnZhbGlkXT1cIiEhZXJyb3JNZXNzYWdlXCJcbiAgICAgIFthdHRyLnBsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAoYmx1cik9XCJvbkJsdXIoKVwiXG4gICAgLz5cbiAgICA8c3BhbiAqbmdJZj1cIiEhZXJyb3JNZXNzYWdlXCIgY2xhc3M9XCJmb3JtLWluZm9cIj48L3NwYW4+XG4gIDwvZGl2PlxuPC9kaXY+XG48aW5wdXRcbiAgdHlwZT1cInJhbmdlXCJcbiAgW2F0dHIuaWRdPVwibmFtZVwiXG4gIFthdHRyLm5hbWVdPVwibmFtZVwiXG4gIFthdHRyLm1pbl09XCJtaW5cIlxuICBbYXR0ci5tYXhdPVwibWF4XCJcbiAgW2F0dHIuc3RlcF09XCJzdGVwXCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gIFtuZ1N0eWxlXT1cInN0eWxlXCJcbiAgKGJsdXIpPVwib25CbHVyKClcIlxuLz5cbjxwICpuZ0lmPVwiISFlcnJvck1lc3NhZ2VcIiBjbGFzcz1cImdkcy1zbGlkZXItZXJyb3ItaW5mb1wiPlxuICB7eyBlcnJvck1lc3NhZ2UgfX1cbjwvcD5cbiJdfQ==
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { FormsModule } from '@angular/forms';
|
|
4
|
+
import { NggSliderComponent } from './slider.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class NggSliderModule {
|
|
7
|
+
}
|
|
8
|
+
NggSliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: NggSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
NggSliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: NggSliderModule, declarations: [NggSliderComponent], imports: [CommonModule, FormsModule], exports: [NggSliderComponent] });
|
|
10
|
+
NggSliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: NggSliderModule, imports: [[CommonModule, FormsModule]] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: NggSliderModule, decorators: [{
|
|
12
|
+
type: NgModule,
|
|
13
|
+
args: [{
|
|
14
|
+
imports: [CommonModule, FormsModule],
|
|
15
|
+
exports: [NggSliderComponent],
|
|
16
|
+
declarations: [NggSliderComponent],
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9zcmMvbGliL3NsaWRlci9zbGlkZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUU1QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTs7QUFPdkQsTUFBTSxPQUFPLGVBQWU7OzRHQUFmLGVBQWU7NkdBQWYsZUFBZSxpQkFGWCxrQkFBa0IsYUFGdkIsWUFBWSxFQUFFLFdBQVcsYUFDekIsa0JBQWtCOzZHQUdqQixlQUFlLFlBSmpCLENBQUMsWUFBWSxFQUFFLFdBQVcsQ0FBQzsyRkFJekIsZUFBZTtrQkFMM0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsV0FBVyxDQUFDO29CQUNwQyxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDN0IsWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQ25DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3JtcydcblxuaW1wb3J0IHsgTmdnU2xpZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9zbGlkZXIuY29tcG9uZW50J1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZV0sXG4gIGV4cG9ydHM6IFtOZ2dTbGlkZXJDb21wb25lbnRdLFxuICBkZWNsYXJhdGlvbnM6IFtOZ2dTbGlkZXJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ2dTbGlkZXJNb2R1bGUge31cbiJdfQ==
|