design-angular-kit 1.0.0-5 → 1.0.0-7
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/README.md +43 -25
- package/assets/i18n/en.json +8 -1
- package/assets/i18n/it.json +8 -1
- package/esm2020/lib/components/core/steppers/steppers-container/steppers-container.component.mjs +119 -0
- package/esm2020/lib/components/core/steppers/steppers-item/steppers-item.component.mjs +18 -0
- package/esm2020/lib/components/core/tab/tab-container/tab-container.component.mjs +4 -4
- package/esm2020/lib/components/core/tab/tab-item/tab-item.component.mjs +3 -3
- package/esm2020/lib/components/form/checkbox/checkbox.component.mjs +5 -5
- package/esm2020/lib/components/form/input/input.component.mjs +41 -45
- package/esm2020/lib/components/form/radio-button/radio-button.component.mjs +3 -3
- package/esm2020/lib/components/navigation/back-button/back-button.component.mjs +8 -8
- package/esm2020/lib/design-angular-kit.module.mjs +4 -5
- package/esm2020/lib/interfaces/form.mjs +1 -1
- package/esm2020/lib/interfaces/icon.mjs +1 -1
- package/esm2020/lib/modules/components.module.mjs +9 -1
- package/esm2020/lib/utils/regex.mjs +2 -2
- package/esm2020/public_api.mjs +3 -1
- package/fesm2015/design-angular-kit.mjs +186 -58
- package/fesm2015/design-angular-kit.mjs.map +1 -1
- package/fesm2020/design-angular-kit.mjs +185 -58
- package/fesm2020/design-angular-kit.mjs.map +1 -1
- package/lib/components/core/steppers/steppers-container/steppers-container.component.d.ts +102 -0
- package/lib/components/core/steppers/steppers-item/steppers-item.component.d.ts +19 -0
- package/lib/components/core/tab/tab-container/tab-container.component.d.ts +2 -2
- package/lib/components/core/tab/tab-item/tab-item.component.d.ts +3 -3
- package/lib/components/form/checkbox/checkbox.component.d.ts +3 -3
- package/lib/components/form/input/input.component.d.ts +24 -22
- package/lib/components/form/radio-button/radio-button.component.d.ts +1 -1
- package/lib/components/navigation/back-button/back-button.component.d.ts +1 -1
- package/lib/interfaces/form.d.ts +7 -2
- package/lib/interfaces/icon.d.ts +1 -1
- package/lib/modules/components.module.d.ts +28 -26
- package/package.json +1 -1
- package/public_api.d.ts +2 -0
package/README.md
CHANGED
|
@@ -61,10 +61,12 @@ npm install design-angular-kit@unstable --save
|
|
|
61
61
|
Procedi a registrare `DesignAngularKitModule` nel tuo **app.module.ts**.
|
|
62
62
|
|
|
63
63
|
```typescript
|
|
64
|
-
|
|
64
|
+
@NgModule({
|
|
65
|
+
imports: [
|
|
65
66
|
...
|
|
66
67
|
DesignAngularKitModule
|
|
67
|
-
]
|
|
68
|
+
]
|
|
69
|
+
})
|
|
68
70
|
```
|
|
69
71
|
|
|
70
72
|
### Importazione stili bootstrap-italia
|
|
@@ -144,11 +146,7 @@ Modifica il tuo `angular.json` aggiungendo:
|
|
|
144
146
|
]
|
|
145
147
|
```
|
|
146
148
|
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
Es: `{{'it.errors.required-field' | translate}}`
|
|
150
|
-
|
|
151
|
-
#### Caricamento file localizzazione app
|
|
149
|
+
#### Localizzazione esistente
|
|
152
150
|
|
|
153
151
|
Se utilizzi già i file di localizzazione nella tua app, puoi utilizzare la libreria [ngx-translate-multi-http-loader](https://www.npmjs.com/package/ngx-translate-multi-http-loader)
|
|
154
152
|
per caricare i file di localizzazione dell'app e di `design-angular-kit`
|
|
@@ -156,29 +154,49 @@ per caricare i file di localizzazione dell'app e di `design-angular-kit`
|
|
|
156
154
|
Modifica nel tuo `app.module.ts`:
|
|
157
155
|
|
|
158
156
|
```typescript
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
157
|
+
@NgModule({
|
|
158
|
+
imports: [
|
|
159
|
+
...
|
|
160
|
+
HttpClientModule,
|
|
161
|
+
TranslateModule.forRoot({
|
|
162
|
+
loader: {
|
|
163
|
+
provide: TranslateLoader,
|
|
164
|
+
useFactory: (http: HttpBackend) => new MultiTranslateHttpLoader(http, [
|
|
165
|
+
'./bootstrap-italia/i18n/', // Load library translations first, so you can edit the keys in your localization file
|
|
166
|
+
'./assets/i18n/' // Your i18n location
|
|
167
|
+
]),
|
|
168
|
+
deps: [HttpBackend]
|
|
169
|
+
},
|
|
170
170
|
defaultLanguage: 'it'
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
171
|
+
}),
|
|
172
|
+
DesignAngularKitModule
|
|
173
|
+
]
|
|
174
|
+
})
|
|
175
175
|
```
|
|
176
176
|
|
|
177
|
-
|
|
177
|
+
Se vuoi personalizzare le nostre label puoi aggiungere le localizzazioni nei tuoi file json, sovrascrivendo le [chiavi del json della libreria](projects/design-angular-kit/assets/i18n/it.json).
|
|
178
|
+
|
|
179
|
+
Puoi utilizzare le label localizzate di `design-angular-kit` nella tua applicazione, ad esempio `{{'it.errors.required-field' | translate}}`. [Vedi le nostre label](projects/design-angular-kit/assets/i18n/it.json)
|
|
180
|
+
|
|
181
|
+
#### Localizzazione non esistente
|
|
178
182
|
|
|
179
|
-
|
|
183
|
+
Se non utilizzi i file di localizzazione nella tua app, devi aggiungere il provider `TranslateStore` nel tuo `app.module.ts`:
|
|
184
|
+
|
|
185
|
+
```typescript
|
|
186
|
+
@NgModule({
|
|
187
|
+
imports: [
|
|
188
|
+
...
|
|
189
|
+
DesignAngularKitModule,
|
|
190
|
+
],
|
|
191
|
+
providers: [
|
|
192
|
+
TranslateStore
|
|
193
|
+
],
|
|
194
|
+
})
|
|
195
|
+
```
|
|
180
196
|
|
|
181
|
-
Se
|
|
197
|
+
Se vuoi personalizzare le nostre label:
|
|
198
|
+
- Non includere il supporto i18n nel tuo `angular.json` ma crea i tuoi file di localizzazione personalizzati nella tua cartella `assets/bootstrap-italia/i18n/` (crea il percorso se non esiste).
|
|
199
|
+
- Il json deve avere [questo formato](projects/design-angular-kit/assets/i18n/it.json).
|
|
182
200
|
|
|
183
201
|
### Supporto animazione
|
|
184
202
|
|
package/assets/i18n/en.json
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
"save": "Save",
|
|
5
5
|
"send": "Send",
|
|
6
6
|
"abort": "Abort",
|
|
7
|
+
"close": "Close",
|
|
7
8
|
"continue": "Continue",
|
|
8
9
|
"edit": "Edit",
|
|
9
10
|
"show-all": "Show all",
|
|
@@ -44,7 +45,13 @@
|
|
|
44
45
|
"progress": "Progress",
|
|
45
46
|
"loading": "Loading",
|
|
46
47
|
"active": "Active",
|
|
47
|
-
"remove": "Delete"
|
|
48
|
+
"remove": "Delete",
|
|
49
|
+
"confirm": "Confirm",
|
|
50
|
+
"confirmed": "Confirmed",
|
|
51
|
+
"step": "Step",
|
|
52
|
+
"step-of": "Step {{current}} of {{available}}",
|
|
53
|
+
"back": "Back",
|
|
54
|
+
"forward": "Forward"
|
|
48
55
|
},
|
|
49
56
|
"form": {
|
|
50
57
|
"increase-value": "Increase value",
|
package/assets/i18n/it.json
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
"save": "Salva",
|
|
5
5
|
"send": "Invia",
|
|
6
6
|
"abort": "Annulla",
|
|
7
|
+
"close": "Chiudi",
|
|
7
8
|
"continue": "Continua",
|
|
8
9
|
"edit": "Modifica",
|
|
9
10
|
"show-all": "Mostra tutto",
|
|
@@ -44,7 +45,13 @@
|
|
|
44
45
|
"progress": "Progresso",
|
|
45
46
|
"loading": "Caricamento",
|
|
46
47
|
"active": "Attivo",
|
|
47
|
-
"remove": "Elimina"
|
|
48
|
+
"remove": "Elimina",
|
|
49
|
+
"confirm": "Conferma",
|
|
50
|
+
"confirmed": "Confermato",
|
|
51
|
+
"step": "Step",
|
|
52
|
+
"step-of": "Step {{current}} di {{available}}",
|
|
53
|
+
"back": "Indietro",
|
|
54
|
+
"forward": "Avanti"
|
|
48
55
|
},
|
|
49
56
|
"form": {
|
|
50
57
|
"increase-value": "Aumenta valore",
|
package/esm2020/lib/components/core/steppers/steppers-container/steppers-container.component.mjs
ADDED
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { isTrueBooleanInput } from '../../../../utils/boolean-input';
|
|
3
|
+
import { SteppersItemComponent } from '../steppers-item/steppers-item.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
import * as i2 from "../../button/button.directive";
|
|
7
|
+
import * as i3 from "../../progress-bar/progress-bar.component";
|
|
8
|
+
import * as i4 from "../../progress-button/progress-button.component";
|
|
9
|
+
import * as i5 from "../../../utils/icon/icon.component";
|
|
10
|
+
import * as i6 from "@ngx-translate/core";
|
|
11
|
+
export class SteppersContainerComponent {
|
|
12
|
+
constructor(_changeDetectorRef) {
|
|
13
|
+
this._changeDetectorRef = _changeDetectorRef;
|
|
14
|
+
/**
|
|
15
|
+
* Show the stepper header
|
|
16
|
+
* @default true
|
|
17
|
+
*/
|
|
18
|
+
this.showHeader = true;
|
|
19
|
+
/**
|
|
20
|
+
* Show the back button
|
|
21
|
+
* @default true
|
|
22
|
+
*/
|
|
23
|
+
this.showBackButton = true;
|
|
24
|
+
/**
|
|
25
|
+
* Show the forward button
|
|
26
|
+
* @default true
|
|
27
|
+
*/
|
|
28
|
+
this.showForwardButton = true;
|
|
29
|
+
/**
|
|
30
|
+
* Show the confirm button
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
33
|
+
this.showConfirmButton = false;
|
|
34
|
+
/**
|
|
35
|
+
* Show the save button
|
|
36
|
+
* @default false
|
|
37
|
+
*/
|
|
38
|
+
this.showSaveButton = false;
|
|
39
|
+
this.backClick = new EventEmitter();
|
|
40
|
+
this.forwardClick = new EventEmitter();
|
|
41
|
+
this.confirmClick = new EventEmitter();
|
|
42
|
+
this.saveClick = new EventEmitter();
|
|
43
|
+
}
|
|
44
|
+
get isShowHeader() {
|
|
45
|
+
return isTrueBooleanInput(this.showHeader);
|
|
46
|
+
}
|
|
47
|
+
get isSteppersNumber() {
|
|
48
|
+
return isTrueBooleanInput(this.steppersNumber);
|
|
49
|
+
}
|
|
50
|
+
get isDark() {
|
|
51
|
+
return isTrueBooleanInput(this.dark);
|
|
52
|
+
}
|
|
53
|
+
get isShowBackButton() {
|
|
54
|
+
return isTrueBooleanInput(this.showBackButton);
|
|
55
|
+
}
|
|
56
|
+
get isShowForwardButton() {
|
|
57
|
+
return isTrueBooleanInput(this.showForwardButton);
|
|
58
|
+
}
|
|
59
|
+
get isShowConfirmButton() {
|
|
60
|
+
return isTrueBooleanInput(this.showConfirmButton);
|
|
61
|
+
}
|
|
62
|
+
get isConfirmLoading() {
|
|
63
|
+
return isTrueBooleanInput(this.confirmLoading);
|
|
64
|
+
}
|
|
65
|
+
get isShowSaveButton() {
|
|
66
|
+
return isTrueBooleanInput(this.showSaveButton);
|
|
67
|
+
}
|
|
68
|
+
get isSaveLoading() {
|
|
69
|
+
return isTrueBooleanInput(this.saveLoading);
|
|
70
|
+
}
|
|
71
|
+
ngAfterViewInit() {
|
|
72
|
+
this._changeDetectorRef.detectChanges();
|
|
73
|
+
this.steps?.changes.subscribe(() => {
|
|
74
|
+
this._changeDetectorRef.detectChanges();
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
SteppersContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SteppersContainerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
79
|
+
SteppersContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SteppersContainerComponent, selector: "it-steppers-container[activeStep]", inputs: { activeStep: "activeStep", showHeader: "showHeader", dark: "dark", steppersNumber: "steppersNumber", progressStyle: "progressStyle", progressColor: "progressColor", showBackButton: "showBackButton", showForwardButton: "showForwardButton", showConfirmButton: "showConfirmButton", confirmLoading: "confirmLoading", showSaveButton: "showSaveButton", saveLoading: "saveLoading" }, outputs: { backClick: "backClick", forwardClick: "forwardClick", confirmClick: "confirmClick", saveClick: "saveClick" }, queries: [{ propertyName: "steps", predicate: SteppersItemComponent }], ngImport: i0, template: "<div class=\"steppers\" [class.bg-dark]=\"isDark\">\n <div *ngIf=\"isShowHeader\" class=\"steppers-header\">\n <ul>\n <li *ngFor=\"let step of steps; let i = index\"\n [class.confirmed]=\"i < activeStep\"\n [class.active]=\"i === activeStep\"\n [class.no-line]=\"i === activeStep && isSteppersNumber\">\n\n <it-icon *ngIf=\"step.icon && !isSteppersNumber\" [name]=\"step.icon\"></it-icon>\n <span *ngIf=\"isSteppersNumber\" class=\"steppers-number\">\n <ng-container *ngIf=\"i < activeStep; else showNumber\">\n <ng-container *ngTemplateOutlet=\"checkIcon\"></ng-container>\n </ng-container>\n <ng-template #showNumber>\n <span class=\"visually-hidden\">{{'it.core.step' | translate}} </span>{{i + 1}}\n </ng-template>\n </span>\n\n {{step.label}}\n\n <span *ngIf=\"i < activeStep && !isSteppersNumber\" class=\"ms-auto\">\n <ng-container *ngTemplateOutlet=\"checkIcon\"></ng-container>\n </span>\n <span *ngIf=\"i === activeStep\" class=\"visually-hidden\">{{'it.core.active' | translate}}</span>\n </li>\n </ul>\n <span class=\"steppers-index\" aria-hidden=\"true\">\n <ng-container\n *ngIf=\"!isSteppersNumber; else showNumbers\">{{(activeStep + 1) + '/' + steps?.length}}</ng-container>\n <ng-template #showNumbers>\n <span *ngFor=\"let step of steps; let i = index\" [class.active]=\"i === activeStep\">{{i + 1}}</span>\n </ng-template>\n </span>\n </div>\n\n <div *ngIf=\"steps?.get(activeStep) as step\" class=\"steppers-content\" aria-live=\"polite\">\n <ng-container *ngTemplateOutlet=\"step.htmlContent\"></ng-container>\n </div>\n\n <nav *ngIf=\"isShowBackButton || isShowSaveButton || isShowForwardButton || isShowConfirmButton || !!progressStyle\"\n class=\"steppers-nav\">\n <button *ngIf=\"isShowBackButton\" type=\"button\" itButton=\"outline-primary\" size=\"sm\" class=\"steppers-btn-prev\"\n (click)=\"backClick.emit(activeStep)\">\n <it-icon name=\"chevron-left\" color=\"primary\"></it-icon>\n {{'it.core.back' | translate}}\n </button>\n\n <ng-container *ngIf=\"!!progressStyle\">\n <ul *ngIf=\"progressStyle === 'dots'; else progressBar\" class=\"steppers-dots\">\n <li *ngFor=\"let step of steps; let i = index\" [class.done]=\"i < activeStep\">\n <span class=\"visually-hidden\">\n {{'it.core.step-of' | translate: { current: activeStep + 1, available: steps?.length } }}\n {{i < activeStep ? ('- ' + ('it.core.confirmed' | translate)) : ''}}\n </span>\n </li>\n </ul>\n\n <ng-template #progressBar>\n <div class=\"steppers-progress\">\n <it-progress-bar [color]=\"progressColor\" [value]=\"(activeStep/(steps?.length||1)) * 100\"></it-progress-bar>\n </div>\n </ng-template>\n </ng-container>\n\n <button *ngIf=\"isShowSaveButton\" type=\"button\" itButton=\"primary\" size=\"sm\" class=\"steppers-btn-save\"\n [progress]=\"isSaveLoading\" [disabled]=\"isSaveLoading\" (click)=\"saveClick.emit(activeStep)\">\n {{'it.general.save' | translate}}\n </button>\n\n <button *ngIf=\"isShowForwardButton\" type=\"button\" itButton=\"outline-primary\" size=\"sm\" class=\"steppers-btn-next\"\n (click)=\"forwardClick.emit(activeStep)\">\n {{'it.core.forward' | translate}}\n <it-icon name=\"chevron-right\" color=\"primary\"></it-icon>\n </button>\n\n <button *ngIf=\"isShowConfirmButton\" type=\"button\" itButton=\"primary\" size=\"sm\"\n class=\"steppers-btn-confirm d-lg-block\"\n [progress]=\"isConfirmLoading\" [disabled]=\"isConfirmLoading\"\n (click)=\"confirmClick.emit(activeStep)\">\n {{'it.core.confirm' | translate}}\n </button>\n </nav>\n</div>\n\n<ng-template #checkIcon>\n <it-icon name=\"check\" class=\"steppers-success\"></it-icon>\n <span class=\"visually-hidden\">{{'it.core.confirmed' | translate}}</span>\n</ng-template>\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"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[itButton]", inputs: ["itButton", "size", "block", "disabled"], exportAs: ["itButton"] }, { kind: "component", type: i3.ProgressBarComponent, selector: "it-progress-bar[value]", inputs: ["value", "showLabel", "indeterminate", "color"] }, { kind: "component", type: i4.ProgressButtonComponent, selector: "button[itButton][progress]", inputs: ["progress", "progressColor"] }, { kind: "component", type: i5.IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SteppersContainerComponent, decorators: [{
|
|
81
|
+
type: Component,
|
|
82
|
+
args: [{ selector: 'it-steppers-container[activeStep]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"steppers\" [class.bg-dark]=\"isDark\">\n <div *ngIf=\"isShowHeader\" class=\"steppers-header\">\n <ul>\n <li *ngFor=\"let step of steps; let i = index\"\n [class.confirmed]=\"i < activeStep\"\n [class.active]=\"i === activeStep\"\n [class.no-line]=\"i === activeStep && isSteppersNumber\">\n\n <it-icon *ngIf=\"step.icon && !isSteppersNumber\" [name]=\"step.icon\"></it-icon>\n <span *ngIf=\"isSteppersNumber\" class=\"steppers-number\">\n <ng-container *ngIf=\"i < activeStep; else showNumber\">\n <ng-container *ngTemplateOutlet=\"checkIcon\"></ng-container>\n </ng-container>\n <ng-template #showNumber>\n <span class=\"visually-hidden\">{{'it.core.step' | translate}} </span>{{i + 1}}\n </ng-template>\n </span>\n\n {{step.label}}\n\n <span *ngIf=\"i < activeStep && !isSteppersNumber\" class=\"ms-auto\">\n <ng-container *ngTemplateOutlet=\"checkIcon\"></ng-container>\n </span>\n <span *ngIf=\"i === activeStep\" class=\"visually-hidden\">{{'it.core.active' | translate}}</span>\n </li>\n </ul>\n <span class=\"steppers-index\" aria-hidden=\"true\">\n <ng-container\n *ngIf=\"!isSteppersNumber; else showNumbers\">{{(activeStep + 1) + '/' + steps?.length}}</ng-container>\n <ng-template #showNumbers>\n <span *ngFor=\"let step of steps; let i = index\" [class.active]=\"i === activeStep\">{{i + 1}}</span>\n </ng-template>\n </span>\n </div>\n\n <div *ngIf=\"steps?.get(activeStep) as step\" class=\"steppers-content\" aria-live=\"polite\">\n <ng-container *ngTemplateOutlet=\"step.htmlContent\"></ng-container>\n </div>\n\n <nav *ngIf=\"isShowBackButton || isShowSaveButton || isShowForwardButton || isShowConfirmButton || !!progressStyle\"\n class=\"steppers-nav\">\n <button *ngIf=\"isShowBackButton\" type=\"button\" itButton=\"outline-primary\" size=\"sm\" class=\"steppers-btn-prev\"\n (click)=\"backClick.emit(activeStep)\">\n <it-icon name=\"chevron-left\" color=\"primary\"></it-icon>\n {{'it.core.back' | translate}}\n </button>\n\n <ng-container *ngIf=\"!!progressStyle\">\n <ul *ngIf=\"progressStyle === 'dots'; else progressBar\" class=\"steppers-dots\">\n <li *ngFor=\"let step of steps; let i = index\" [class.done]=\"i < activeStep\">\n <span class=\"visually-hidden\">\n {{'it.core.step-of' | translate: { current: activeStep + 1, available: steps?.length } }}\n {{i < activeStep ? ('- ' + ('it.core.confirmed' | translate)) : ''}}\n </span>\n </li>\n </ul>\n\n <ng-template #progressBar>\n <div class=\"steppers-progress\">\n <it-progress-bar [color]=\"progressColor\" [value]=\"(activeStep/(steps?.length||1)) * 100\"></it-progress-bar>\n </div>\n </ng-template>\n </ng-container>\n\n <button *ngIf=\"isShowSaveButton\" type=\"button\" itButton=\"primary\" size=\"sm\" class=\"steppers-btn-save\"\n [progress]=\"isSaveLoading\" [disabled]=\"isSaveLoading\" (click)=\"saveClick.emit(activeStep)\">\n {{'it.general.save' | translate}}\n </button>\n\n <button *ngIf=\"isShowForwardButton\" type=\"button\" itButton=\"outline-primary\" size=\"sm\" class=\"steppers-btn-next\"\n (click)=\"forwardClick.emit(activeStep)\">\n {{'it.core.forward' | translate}}\n <it-icon name=\"chevron-right\" color=\"primary\"></it-icon>\n </button>\n\n <button *ngIf=\"isShowConfirmButton\" type=\"button\" itButton=\"primary\" size=\"sm\"\n class=\"steppers-btn-confirm d-lg-block\"\n [progress]=\"isConfirmLoading\" [disabled]=\"isConfirmLoading\"\n (click)=\"confirmClick.emit(activeStep)\">\n {{'it.core.confirm' | translate}}\n </button>\n </nav>\n</div>\n\n<ng-template #checkIcon>\n <it-icon name=\"check\" class=\"steppers-success\"></it-icon>\n <span class=\"visually-hidden\">{{'it.core.confirmed' | translate}}</span>\n</ng-template>\n" }]
|
|
83
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { activeStep: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], showHeader: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], dark: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], steppersNumber: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], progressStyle: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], progressColor: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}], showBackButton: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}], showForwardButton: [{
|
|
98
|
+
type: Input
|
|
99
|
+
}], showConfirmButton: [{
|
|
100
|
+
type: Input
|
|
101
|
+
}], confirmLoading: [{
|
|
102
|
+
type: Input
|
|
103
|
+
}], showSaveButton: [{
|
|
104
|
+
type: Input
|
|
105
|
+
}], saveLoading: [{
|
|
106
|
+
type: Input
|
|
107
|
+
}], steps: [{
|
|
108
|
+
type: ContentChildren,
|
|
109
|
+
args: [SteppersItemComponent]
|
|
110
|
+
}], backClick: [{
|
|
111
|
+
type: Output
|
|
112
|
+
}], forwardClick: [{
|
|
113
|
+
type: Output
|
|
114
|
+
}], confirmClick: [{
|
|
115
|
+
type: Output
|
|
116
|
+
}], saveClick: [{
|
|
117
|
+
type: Output
|
|
118
|
+
}] } });
|
|
119
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlcnMtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9zdGVwcGVycy9zdGVwcGVycy1jb250YWluZXIvc3RlcHBlcnMtY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9zdGVwcGVycy9zdGVwcGVycy1jb250YWluZXIvc3RlcHBlcnMtY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFFUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQWdCLGtCQUFrQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbkYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7Ozs7O0FBUWpGLE1BQU0sT0FBTywwQkFBMEI7SUF3SXJDLFlBQ21CLGtCQUFxQztRQUFyQyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW1CO1FBakl4RDs7O1dBR0c7UUFDTSxlQUFVLEdBQWlCLElBQUksQ0FBQztRQXlCekM7OztXQUdHO1FBQ00sbUJBQWMsR0FBaUIsSUFBSSxDQUFDO1FBRTdDOzs7V0FHRztRQUNNLHNCQUFpQixHQUFpQixJQUFJLENBQUM7UUFFaEQ7OztXQUdHO1FBQ00sc0JBQWlCLEdBQWlCLEtBQUssQ0FBQztRQU9qRDs7O1dBR0c7UUFDTSxtQkFBYyxHQUFpQixLQUFLLENBQUM7UUEyRTVDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM1QyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDL0MsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQy9DLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUM5QyxDQUFDO0lBM0NELElBQUksWUFBWTtRQUNkLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFRCxJQUFJLGdCQUFnQjtRQUNsQixPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsSUFBSSxNQUFNO1FBQ1IsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVELElBQUksZ0JBQWdCO1FBQ2xCLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFRCxJQUFJLG1CQUFtQjtRQUNyQixPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFRCxJQUFJLG1CQUFtQjtRQUNyQixPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFRCxJQUFJLGdCQUFnQjtRQUNsQixPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsSUFBSSxnQkFBZ0I7UUFDbEIsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELElBQUksYUFBYTtRQUNmLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFXRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGFBQWEsRUFBRSxDQUFDO1FBRXhDLElBQUksQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDakMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzFDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7dUhBdkpVLDBCQUEwQjsyR0FBMUIsMEJBQTBCLDBsQkEwRXBCLHFCQUFxQiw2QkM5RnhDLG1nSUF3RkE7MkZEcEVhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSxtQ0FBbUMsbUJBRTVCLHVCQUF1QixDQUFDLE1BQU07d0dBUXRDLFVBQVU7c0JBQWxCLEtBQUs7Z0JBTUcsVUFBVTtzQkFBbEIsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csY0FBYztzQkFBdEIsS0FBSztnQkFRRyxhQUFhO3NCQUFyQixLQUFLO2dCQUtHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBTUcsY0FBYztzQkFBdEIsS0FBSztnQkFNRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBTUcsaUJBQWlCO3NCQUF6QixLQUFLO2dCQUtHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBTUcsY0FBYztzQkFBdEIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtrQyxLQUFLO3NCQUE1QyxlQUFlO3VCQUFDLHFCQUFxQjtnQkFNNUIsU0FBUztzQkFBbEIsTUFBTTtnQkFNRyxZQUFZO3NCQUFyQixNQUFNO2dCQU1HLFlBQVk7c0JBQXJCLE1BQU07Z0JBTUcsU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgUXVlcnlMaXN0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0LCBpc1RydWVCb29sZWFuSW5wdXQgfSBmcm9tICcuLi8uLi8uLi8uLi91dGlscy9ib29sZWFuLWlucHV0JztcbmltcG9ydCB7IFN0ZXBwZXJzSXRlbUNvbXBvbmVudCB9IGZyb20gJy4uL3N0ZXBwZXJzLWl0ZW0vc3RlcHBlcnMtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NCYXJDb2xvciB9IGZyb20gJy4uLy4uLy4uLy4uL2ludGVyZmFjZXMvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2l0LXN0ZXBwZXJzLWNvbnRhaW5lclthY3RpdmVTdGVwXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGVwcGVycy1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTdGVwcGVyc0NvbnRhaW5lckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuXG4gIC8qKlxuICAgKiBUaGUgYWN0aXZlIHN0ZXAgaW5kZXhcbiAgICogQHBhcmFtIGluZGV4IHRoZSBzdGVwIGluZGV4XG4gICAqL1xuICBASW5wdXQoKSBhY3RpdmVTdGVwITogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBTaG93IHRoZSBzdGVwcGVyIGhlYWRlclxuICAgKiBAZGVmYXVsdCB0cnVlXG4gICAqL1xuICBASW5wdXQoKSBzaG93SGVhZGVyOiBCb29sZWFuSW5wdXQgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBEYXJrIHN0eWxlXG4gICAqL1xuICBASW5wdXQoKSBkYXJrPzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBUaGUgbGFiZWxzIHByZXNlbnQgaW4gdGhlIGhlYWRlciBzdGVwcyBjYW4gYmUgYW50aWNpcGF0ZWQgYnkgdGhlIHJlbGF0aXZlIG9yZGluYWwgbnVtYmVyLlxuICAgKi9cbiAgQElucHV0KCkgc3RlcHBlcnNOdW1iZXI/OiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIFRoZSBwcm9ncmVzcyBzdHlsZVxuICAgKiAtPGI+cHJvZ3Jlc3M8L2I+OiBTaG93IHByb2dyZXNzIGJhciAtIFlvdSBjYW4gY2hhbmdlIHRoZSBjb2xvciB3aXRoIHRoZSBgcHJvZ3Jlc3NDb2xvcmAgYXR0cmlidXRlXG4gICAqIC08Yj5kb3RzPC9iPjogU2hvdyBwcm9ncmVzcyBkb3RzXG4gICAqIEBkZWZhdWx0IHVuZGVmaW5lZCAtIGRvbid0IHNob3cgcHJvZ3Jlc3NcbiAgICovXG4gIEBJbnB1dCgpIHByb2dyZXNzU3R5bGU/OiAncHJvZ3Jlc3MnIHwgJ2RvdHMnO1xuXG4gIC8qKlxuICAgKiBDdXN0b21pemUgcHJvZ3Jlc3MgY29sb3JcbiAgICovXG4gIEBJbnB1dCgpIHByb2dyZXNzQ29sb3I/OiBQcm9ncmVzc0JhckNvbG9yO1xuXG4gIC8qKlxuICAgKiBTaG93IHRoZSBiYWNrIGJ1dHRvblxuICAgKiBAZGVmYXVsdCB0cnVlXG4gICAqL1xuICBASW5wdXQoKSBzaG93QmFja0J1dHRvbjogQm9vbGVhbklucHV0ID0gdHJ1ZTtcblxuICAvKipcbiAgICogU2hvdyB0aGUgZm9yd2FyZCBidXR0b25cbiAgICogQGRlZmF1bHQgdHJ1ZVxuICAgKi9cbiAgQElucHV0KCkgc2hvd0ZvcndhcmRCdXR0b246IEJvb2xlYW5JbnB1dCA9IHRydWU7XG5cbiAgLyoqXG4gICAqIFNob3cgdGhlIGNvbmZpcm0gYnV0dG9uXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASW5wdXQoKSBzaG93Q29uZmlybUJ1dHRvbjogQm9vbGVhbklucHV0ID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFNob3cgdGhlIGNvbmZpcm0gYnV0dG9uIGFzIGluZGV0ZXJtaW5hdGUgcHJvZ3Jlc3MgYnV0dG9uXG4gICAqL1xuICBASW5wdXQoKSBjb25maXJtTG9hZGluZz86IEJvb2xlYW5JbnB1dDtcblxuICAvKipcbiAgICogU2hvdyB0aGUgc2F2ZSBidXR0b25cbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIEBJbnB1dCgpIHNob3dTYXZlQnV0dG9uOiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcblxuICAvKipcbiAgICogU2hvdyB0aGUgc2F2ZSBidXR0b24gYXMgaW5kZXRlcm1pbmF0ZSBwcm9ncmVzcyBidXR0b25cbiAgICovXG4gIEBJbnB1dCgpIHNhdmVMb2FkaW5nPzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBUaGUgc3RlcHBlciBpdGVtc1xuICAgKi9cbiAgQENvbnRlbnRDaGlsZHJlbihTdGVwcGVyc0l0ZW1Db21wb25lbnQpIHN0ZXBzPzogUXVlcnlMaXN0PFN0ZXBwZXJzSXRlbUNvbXBvbmVudD47XG5cbiAgLyoqXG4gICAqIE9uIGJhY2sgYnV0dG9uIGNsaWNrXG4gICAqIEBldmVudCBhY3RpdmVTdGVwIHRoZSBjdXJyZW50IHN0ZXAgaW5kZXhcbiAgICovXG4gIEBPdXRwdXQoKSBiYWNrQ2xpY2s6IEV2ZW50RW1pdHRlcjxudW1iZXI+O1xuXG4gIC8qKlxuICAgKiBPbiBmb3J3YXJkIGJ1dHRvbiBjbGlja1xuICAgKiBAZXZlbnQgYWN0aXZlU3RlcCB0aGUgY3VycmVudCBzdGVwIGluZGV4XG4gICAqL1xuICBAT3V0cHV0KCkgZm9yd2FyZENsaWNrOiBFdmVudEVtaXR0ZXI8bnVtYmVyPjtcblxuICAvKipcbiAgICogT24gY29uZmlybSBidXR0b24gY2xpY2tcbiAgICogQGV2ZW50IGFjdGl2ZVN0ZXAgdGhlIGN1cnJlbnQgc3RlcCBpbmRleFxuICAgKi9cbiAgQE91dHB1dCgpIGNvbmZpcm1DbGljazogRXZlbnRFbWl0dGVyPG51bWJlcj47XG5cbiAgLyoqXG4gICAqIE9uIHNhdmUgYnV0dG9uIGNsaWNrXG4gICAqIEBldmVudCBhY3RpdmVTdGVwIHRoZSBjdXJyZW50IHN0ZXAgaW5kZXhcbiAgICovXG4gIEBPdXRwdXQoKSBzYXZlQ2xpY2s6IEV2ZW50RW1pdHRlcjxudW1iZXI+O1xuXG4gIGdldCBpc1Nob3dIZWFkZXIoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLnNob3dIZWFkZXIpO1xuICB9XG5cbiAgZ2V0IGlzU3RlcHBlcnNOdW1iZXIoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLnN0ZXBwZXJzTnVtYmVyKTtcbiAgfVxuXG4gIGdldCBpc0RhcmsoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLmRhcmspO1xuICB9XG5cbiAgZ2V0IGlzU2hvd0JhY2tCdXR0b24oKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLnNob3dCYWNrQnV0dG9uKTtcbiAgfVxuXG4gIGdldCBpc1Nob3dGb3J3YXJkQnV0dG9uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy5zaG93Rm9yd2FyZEJ1dHRvbik7XG4gIH1cblxuICBnZXQgaXNTaG93Q29uZmlybUJ1dHRvbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuc2hvd0NvbmZpcm1CdXR0b24pO1xuICB9XG5cbiAgZ2V0IGlzQ29uZmlybUxvYWRpbmcoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLmNvbmZpcm1Mb2FkaW5nKTtcbiAgfVxuXG4gIGdldCBpc1Nob3dTYXZlQnV0dG9uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy5zaG93U2F2ZUJ1dHRvbik7XG4gIH1cblxuICBnZXQgaXNTYXZlTG9hZGluZygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuc2F2ZUxvYWRpbmcpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSBfY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmXG4gICkge1xuICAgIHRoaXMuYmFja0NsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG4gICAgdGhpcy5mb3J3YXJkQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcbiAgICB0aGlzLmNvbmZpcm1DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuICAgIHRoaXMuc2F2ZUNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuXG4gICAgdGhpcy5zdGVwcz8uY2hhbmdlcy5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH0pO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic3RlcHBlcnNcIiBbY2xhc3MuYmctZGFya109XCJpc0RhcmtcIj5cbiAgPGRpdiAqbmdJZj1cImlzU2hvd0hlYWRlclwiIGNsYXNzPVwic3RlcHBlcnMtaGVhZGVyXCI+XG4gICAgPHVsPlxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBsZXQgaSA9IGluZGV4XCJcbiAgICAgICAgICBbY2xhc3MuY29uZmlybWVkXT1cImkgPCBhY3RpdmVTdGVwXCJcbiAgICAgICAgICBbY2xhc3MuYWN0aXZlXT1cImkgPT09IGFjdGl2ZVN0ZXBcIlxuICAgICAgICAgIFtjbGFzcy5uby1saW5lXT1cImkgPT09IGFjdGl2ZVN0ZXAgJiYgaXNTdGVwcGVyc051bWJlclwiPlxuXG4gICAgICAgIDxpdC1pY29uICpuZ0lmPVwic3RlcC5pY29uICYmICFpc1N0ZXBwZXJzTnVtYmVyXCIgW25hbWVdPVwic3RlcC5pY29uXCI+PC9pdC1pY29uPlxuICAgICAgICA8c3BhbiAqbmdJZj1cImlzU3RlcHBlcnNOdW1iZXJcIiBjbGFzcz1cInN0ZXBwZXJzLW51bWJlclwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpIDwgYWN0aXZlU3RlcDsgZWxzZSBzaG93TnVtYmVyXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY2hlY2tJY29uXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPG5nLXRlbXBsYXRlICNzaG93TnVtYmVyPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2aXN1YWxseS1oaWRkZW5cIj57eydpdC5jb3JlLnN0ZXAnIHwgdHJhbnNsYXRlfX0gPC9zcGFuPnt7aSArIDF9fVxuICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDwvc3Bhbj5cblxuICAgICAgICB7e3N0ZXAubGFiZWx9fVxuXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiaSA8IGFjdGl2ZVN0ZXAgJiYgIWlzU3RlcHBlcnNOdW1iZXJcIiBjbGFzcz1cIm1zLWF1dG9cIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY2hlY2tJY29uXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJpID09PSBhY3RpdmVTdGVwXCIgY2xhc3M9XCJ2aXN1YWxseS1oaWRkZW5cIj57eydpdC5jb3JlLmFjdGl2ZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgIDwvbGk+XG4gICAgPC91bD5cbiAgICA8c3BhbiBjbGFzcz1cInN0ZXBwZXJzLWluZGV4XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICpuZ0lmPVwiIWlzU3RlcHBlcnNOdW1iZXI7IGVsc2Ugc2hvd051bWJlcnNcIj57eyhhY3RpdmVTdGVwICsgMSkgKyAnLycgKyBzdGVwcz8ubGVuZ3RofX08L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjc2hvd051bWJlcnM+XG4gICAgICAgIDxzcGFuICpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBsZXQgaSA9IGluZGV4XCIgW2NsYXNzLmFjdGl2ZV09XCJpID09PSBhY3RpdmVTdGVwXCI+e3tpICsgMX19PC9zcGFuPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L3NwYW4+XG4gIDwvZGl2PlxuXG4gIDxkaXYgKm5nSWY9XCJzdGVwcz8uZ2V0KGFjdGl2ZVN0ZXApIGFzIHN0ZXBcIiBjbGFzcz1cInN0ZXBwZXJzLWNvbnRlbnRcIiBhcmlhLWxpdmU9XCJwb2xpdGVcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwic3RlcC5odG1sQ29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cblxuICA8bmF2ICpuZ0lmPVwiaXNTaG93QmFja0J1dHRvbiB8fCBpc1Nob3dTYXZlQnV0dG9uIHx8IGlzU2hvd0ZvcndhcmRCdXR0b24gfHwgaXNTaG93Q29uZmlybUJ1dHRvbiB8fCAhIXByb2dyZXNzU3R5bGVcIlxuICAgICAgIGNsYXNzPVwic3RlcHBlcnMtbmF2XCI+XG4gICAgPGJ1dHRvbiAqbmdJZj1cImlzU2hvd0JhY2tCdXR0b25cIiB0eXBlPVwiYnV0dG9uXCIgaXRCdXR0b249XCJvdXRsaW5lLXByaW1hcnlcIiBzaXplPVwic21cIiBjbGFzcz1cInN0ZXBwZXJzLWJ0bi1wcmV2XCJcbiAgICAgICAgICAgIChjbGljayk9XCJiYWNrQ2xpY2suZW1pdChhY3RpdmVTdGVwKVwiPlxuICAgICAgPGl0LWljb24gbmFtZT1cImNoZXZyb24tbGVmdFwiIGNvbG9yPVwicHJpbWFyeVwiPjwvaXQtaWNvbj5cbiAgICAgIHt7J2l0LmNvcmUuYmFjaycgfCB0cmFuc2xhdGV9fVxuICAgIDwvYnV0dG9uPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiEhcHJvZ3Jlc3NTdHlsZVwiPlxuICAgICAgPHVsICpuZ0lmPVwicHJvZ3Jlc3NTdHlsZSA9PT0gJ2RvdHMnOyBlbHNlIHByb2dyZXNzQmFyXCIgY2xhc3M9XCJzdGVwcGVycy1kb3RzXCI+XG4gICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgc3RlcCBvZiBzdGVwczsgbGV0IGkgPSBpbmRleFwiIFtjbGFzcy5kb25lXT1cImkgPCBhY3RpdmVTdGVwXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2aXN1YWxseS1oaWRkZW5cIj5cbiAgICAgICAgICAgIHt7J2l0LmNvcmUuc3RlcC1vZicgfCB0cmFuc2xhdGU6IHsgY3VycmVudDogYWN0aXZlU3RlcCArIDEsIGF2YWlsYWJsZTogc3RlcHM/Lmxlbmd0aCB9IH19XG4gICAgICAgICAgICB7e2kgPCBhY3RpdmVTdGVwID8gKCctICcgKyAoJ2l0LmNvcmUuY29uZmlybWVkJyB8IHRyYW5zbGF0ZSkpIDogJyd9fVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9saT5cbiAgICAgIDwvdWw+XG5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjcHJvZ3Jlc3NCYXI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwcGVycy1wcm9ncmVzc1wiPlxuICAgICAgICAgIDxpdC1wcm9ncmVzcy1iYXIgW2NvbG9yXT1cInByb2dyZXNzQ29sb3JcIiBbdmFsdWVdPVwiKGFjdGl2ZVN0ZXAvKHN0ZXBzPy5sZW5ndGh8fDEpKSAqIDEwMFwiPjwvaXQtcHJvZ3Jlc3MtYmFyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8YnV0dG9uICpuZ0lmPVwiaXNTaG93U2F2ZUJ1dHRvblwiIHR5cGU9XCJidXR0b25cIiBpdEJ1dHRvbj1cInByaW1hcnlcIiBzaXplPVwic21cIiBjbGFzcz1cInN0ZXBwZXJzLWJ0bi1zYXZlXCJcbiAgICAgICAgICAgIFtwcm9ncmVzc109XCJpc1NhdmVMb2FkaW5nXCIgW2Rpc2FibGVkXT1cImlzU2F2ZUxvYWRpbmdcIiAoY2xpY2spPVwic2F2ZUNsaWNrLmVtaXQoYWN0aXZlU3RlcClcIj5cbiAgICAgIHt7J2l0LmdlbmVyYWwuc2F2ZScgfCB0cmFuc2xhdGV9fVxuICAgIDwvYnV0dG9uPlxuXG4gICAgPGJ1dHRvbiAqbmdJZj1cImlzU2hvd0ZvcndhcmRCdXR0b25cIiB0eXBlPVwiYnV0dG9uXCIgaXRCdXR0b249XCJvdXRsaW5lLXByaW1hcnlcIiBzaXplPVwic21cIiBjbGFzcz1cInN0ZXBwZXJzLWJ0bi1uZXh0XCJcbiAgICAgICAgICAgIChjbGljayk9XCJmb3J3YXJkQ2xpY2suZW1pdChhY3RpdmVTdGVwKVwiPlxuICAgICAge3snaXQuY29yZS5mb3J3YXJkJyB8IHRyYW5zbGF0ZX19XG4gICAgICA8aXQtaWNvbiBuYW1lPVwiY2hldnJvbi1yaWdodFwiIGNvbG9yPVwicHJpbWFyeVwiPjwvaXQtaWNvbj5cbiAgICA8L2J1dHRvbj5cblxuICAgIDxidXR0b24gKm5nSWY9XCJpc1Nob3dDb25maXJtQnV0dG9uXCIgdHlwZT1cImJ1dHRvblwiIGl0QnV0dG9uPVwicHJpbWFyeVwiIHNpemU9XCJzbVwiXG4gICAgICAgICAgICBjbGFzcz1cInN0ZXBwZXJzLWJ0bi1jb25maXJtIGQtbGctYmxvY2tcIlxuICAgICAgICAgICAgW3Byb2dyZXNzXT1cImlzQ29uZmlybUxvYWRpbmdcIiBbZGlzYWJsZWRdPVwiaXNDb25maXJtTG9hZGluZ1wiXG4gICAgICAgICAgICAoY2xpY2spPVwiY29uZmlybUNsaWNrLmVtaXQoYWN0aXZlU3RlcClcIj5cbiAgICAgIHt7J2l0LmNvcmUuY29uZmlybScgfCB0cmFuc2xhdGV9fVxuICAgIDwvYnV0dG9uPlxuICA8L25hdj5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI2NoZWNrSWNvbj5cbiAgPGl0LWljb24gbmFtZT1cImNoZWNrXCIgY2xhc3M9XCJzdGVwcGVycy1zdWNjZXNzXCI+PC9pdC1pY29uPlxuICA8c3BhbiBjbGFzcz1cInZpc3VhbGx5LWhpZGRlblwiPnt7J2l0LmNvcmUuY29uZmlybWVkJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input, TemplateRef, ViewChild } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class SteppersItemComponent {
|
|
4
|
+
}
|
|
5
|
+
SteppersItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SteppersItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
SteppersItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SteppersItemComponent, selector: "it-steppers-item[label]", inputs: { label: "label", icon: "icon" }, viewQueries: [{ propertyName: "htmlContent", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SteppersItemComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{ selector: 'it-steppers-item[label]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template>\n <ng-content></ng-content>\n</ng-template>\n" }]
|
|
10
|
+
}], propDecorators: { label: [{
|
|
11
|
+
type: Input
|
|
12
|
+
}], icon: [{
|
|
13
|
+
type: Input
|
|
14
|
+
}], htmlContent: [{
|
|
15
|
+
type: ViewChild,
|
|
16
|
+
args: [TemplateRef]
|
|
17
|
+
}] } });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlcnMtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvc3RlcHBlcnMvc3RlcHBlcnMtaXRlbS9zdGVwcGVycy1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9zdGVwcGVycy9zdGVwcGVycy1pdGVtL3N0ZXBwZXJzLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRbEcsTUFBTSxPQUFPLHFCQUFxQjs7a0hBQXJCLHFCQUFxQjtzR0FBckIscUJBQXFCLHNKQWVyQixXQUFXLGdEQ3ZCeEIsOERBR0E7MkZES2EscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLHlCQUF5QixtQkFFbEIsdUJBQXVCLENBQUMsTUFBTTs4QkFPdEMsS0FBSztzQkFBYixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLeUIsV0FBVztzQkFBekMsU0FBUzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSAnLi4vLi4vLi4vLi4vaW50ZXJmYWNlcy9pY29uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXQtc3RlcHBlcnMtaXRlbVtsYWJlbF0nLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcHBlcnMtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFN0ZXBwZXJzSXRlbUNvbXBvbmVudCB7XG5cbiAgLyoqXG4gICAqIFRoZSBsYWJlbHMgcHJlc2VudCBpbiB0aGUgaGVhZGVyIHN0ZXBzXG4gICAqL1xuICBASW5wdXQoKSBsYWJlbCE6IHN0cmluZztcblxuICAvKipcbiAgICogVGhlIGxhYmVscyBwcmVzZW50IGluIHRoZSBoZWFkZXIgc3RlcHMgY2FuIGJlIHByZWNlZGVkIGJ5IGFuIGljb24uXG4gICAqL1xuICBASW5wdXQoKSBpY29uPzogSWNvbk5hbWU7XG5cbiAgLyoqXG4gICAqIFRoZSBjb250ZW50IG9mIHN0ZXBcbiAgICovXG4gIEBWaWV3Q2hpbGQoVGVtcGxhdGVSZWYpIHB1YmxpYyBodG1sQ29udGVudCE6IFRlbXBsYXRlUmVmPGFueT47XG59XG4iLCI8bmctdGVtcGxhdGU+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Component, ContentChildren, Input } from '@angular/core';
|
|
2
|
-
import { isTrueBooleanInput } from
|
|
3
|
-
import { TabItemComponent } from
|
|
2
|
+
import { isTrueBooleanInput } from '../../../../utils/boolean-input';
|
|
3
|
+
import { TabItemComponent } from '../tab-item/tab-item.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@angular/common";
|
|
6
6
|
import * as i2 from "../../../utils/icon/icon.component";
|
|
@@ -16,7 +16,7 @@ export class TabContainerComponent {
|
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
18
|
TabContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabContainerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
TabContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabContainerComponent, selector: "it-tab-container", inputs: { auto: "auto", iconText: "iconText", dark: "dark" }, queries: [{ propertyName: "tabs", predicate: TabItemComponent }], ngImport: i0, template: "<ul class=\"nav nav-tabs\"\n [class.auto]=\"isTrueBooleanInput(auto)\"\n [class.nav-tabs-icon-text]=\"isTrueBooleanInput(iconText)\"\n [class.nav-dark]=\"isTrueBooleanInput(dark)\"\n role=\"tablist\">\n\n <li class=\"nav-item\" *ngFor=\"let tab of tabs\">\n <a [id]=\"tab.id+'-tab-link'\"\n role=\"tab\"\n data-bs-toggle=\"tab\"\n class=\"nav-link\"\n [class.active]=\"isTrueBooleanInput(tab.active)\"\n [class.disabled]=\"isTrueBooleanInput(tab.disabled)\"\n [attr.href]=\"'#'+tab.id+'-tab'\"\n [attr.aria-controls]=\"tab.id+'-tab'\">\n <it-icon *ngIf=\"tab.icon\" [name]=\"tab.icon\"></it-icon>\n {{tab.label}}\n </a>\n </li>\n</ul>\n\n<div class=\"tab-content\">\n <div *ngFor=\"let tab of tabs\"\n [id]=\"tab.id+'-tab'\"\n class=\"tab-pane fade {{tab.class ?? ''}}\"\n [class.active]=\"isTrueBooleanInput(tab.active)\"\n [class.show]=\"isTrueBooleanInput(tab.active)\"\n role=\"tabpanel\"\n [attr.aria-labelledby]=\"tab.id+'-tab-link'\">\n <ng-container *ngTemplateOutlet=\"tab.htmlContent\"></ng-container>\n </div>\n</div>\n",
|
|
19
|
+
TabContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabContainerComponent, selector: "it-tab-container", inputs: { auto: "auto", iconText: "iconText", dark: "dark" }, queries: [{ propertyName: "tabs", predicate: TabItemComponent }], ngImport: i0, template: "<ul class=\"nav nav-tabs\"\n [class.auto]=\"isTrueBooleanInput(auto)\"\n [class.nav-tabs-icon-text]=\"isTrueBooleanInput(iconText)\"\n [class.nav-dark]=\"isTrueBooleanInput(dark)\"\n role=\"tablist\">\n\n <li class=\"nav-item\" *ngFor=\"let tab of tabs\">\n <a [id]=\"tab.id+'-tab-link'\"\n role=\"tab\"\n data-bs-toggle=\"tab\"\n class=\"nav-link\"\n [class.active]=\"isTrueBooleanInput(tab.active)\"\n [class.disabled]=\"isTrueBooleanInput(tab.disabled)\"\n [attr.href]=\"'#'+tab.id+'-tab'\"\n [attr.aria-controls]=\"tab.id+'-tab'\">\n <it-icon *ngIf=\"tab.icon\" [name]=\"tab.icon\"></it-icon>\n {{tab.label}}\n </a>\n </li>\n</ul>\n\n<div class=\"tab-content\">\n <div *ngFor=\"let tab of tabs\"\n [id]=\"tab.id+'-tab'\"\n class=\"tab-pane fade {{tab.class ?? ''}}\"\n [class.active]=\"isTrueBooleanInput(tab.active)\"\n [class.show]=\"isTrueBooleanInput(tab.active)\"\n role=\"tabpanel\"\n [attr.aria-labelledby]=\"tab.id+'-tab-link'\">\n <ng-container *ngTemplateOutlet=\"tab.htmlContent\"></ng-container>\n </div>\n</div>\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"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }] });
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabContainerComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{ selector: 'it-tab-container', template: "<ul class=\"nav nav-tabs\"\n [class.auto]=\"isTrueBooleanInput(auto)\"\n [class.nav-tabs-icon-text]=\"isTrueBooleanInput(iconText)\"\n [class.nav-dark]=\"isTrueBooleanInput(dark)\"\n role=\"tablist\">\n\n <li class=\"nav-item\" *ngFor=\"let tab of tabs\">\n <a [id]=\"tab.id+'-tab-link'\"\n role=\"tab\"\n data-bs-toggle=\"tab\"\n class=\"nav-link\"\n [class.active]=\"isTrueBooleanInput(tab.active)\"\n [class.disabled]=\"isTrueBooleanInput(tab.disabled)\"\n [attr.href]=\"'#'+tab.id+'-tab'\"\n [attr.aria-controls]=\"tab.id+'-tab'\">\n <it-icon *ngIf=\"tab.icon\" [name]=\"tab.icon\"></it-icon>\n {{tab.label}}\n </a>\n </li>\n</ul>\n\n<div class=\"tab-content\">\n <div *ngFor=\"let tab of tabs\"\n [id]=\"tab.id+'-tab'\"\n class=\"tab-pane fade {{tab.class ?? ''}}\"\n [class.active]=\"isTrueBooleanInput(tab.active)\"\n [class.show]=\"isTrueBooleanInput(tab.active)\"\n role=\"tabpanel\"\n [attr.aria-labelledby]=\"tab.id+'-tab-link'\">\n <ng-container *ngTemplateOutlet=\"tab.htmlContent\"></ng-container>\n </div>\n</div>\n" }]
|
|
@@ -30,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
30
30
|
type: ContentChildren,
|
|
31
31
|
args: [TabItemComponent]
|
|
32
32
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvdGFiL3RhYi1jb250YWluZXIvdGFiLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvdGFiL3RhYi1jb250YWluZXIvdGFiLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9DLFNBQVMsRUFBRSxlQUFlLEVBQUUsS0FBSyxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQy9HLE9BQU8sRUFBZ0Isa0JBQWtCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNuRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7OztBQU1sRSxNQUFNLE9BQU8scUJBQXFCO0lBc0JoQyxZQUNtQixrQkFBcUM7UUFBckMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFtQjtJQUV4RCxDQUFDO0lBRUQsa0JBQWtCLENBQUMsWUFBMkI7UUFDNUMsT0FBTyxrQkFBa0IsQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMxQyxDQUFDOztrSEFqQ1UscUJBQXFCO3NHQUFyQixxQkFBcUIsMklBb0JmLGdCQUFnQiw2QkM1Qm5DLHluQ0FnQ0E7MkZEeEJhLHFCQUFxQjtrQkFKakMsU0FBUzsrQkFDRSxrQkFBa0I7d0dBUW5CLElBQUk7c0JBQVosS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLNkIsSUFBSTtzQkFBdEMsZUFBZTt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIElucHV0LCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCwgaXNUcnVlQm9vbGVhbklucHV0IH0gZnJvbSAnLi4vLi4vLi4vLi4vdXRpbHMvYm9vbGVhbi1pbnB1dCc7XG5pbXBvcnQgeyBUYWJJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi4vdGFiLWl0ZW0vdGFiLWl0ZW0uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXQtdGFiLWNvbnRhaW5lcicsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWItY29udGFpbmVyLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBUYWJDb250YWluZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblxuICAvKipcbiAgICogVGFicyBhdXRvbWF0aWNhbGx5IG9jY3VweSB0aGUgZW50aXJlIGF2YWlsYWJsZSB3aWR0aFxuICAgKi9cbiAgQElucHV0KCkgYXV0bz86IEJvb2xlYW5JbnB1dDtcblxuICAvKipcbiAgICogVG8gb2J0YWluIHRoZSBjb3JyZWN0IG1hcmdpbiBiZXR3ZWVuIHRleHQgYW5kIGljb24gaW4gdGhlIGhvcml6b250YWxseSBkZXZlbG9wZWQgdGFiXG4gICAqL1xuICBASW5wdXQoKSBpY29uVGV4dD86IEJvb2xlYW5JbnB1dDtcblxuICAvKipcbiAgICogRGFyayBzdHlsZVxuICAgKi9cbiAgQElucHV0KCkgZGFyaz86IEJvb2xlYW5JbnB1dDtcblxuICAvKipcbiAgICogVGhlIHRhYiBpdGVtc1xuICAgKi9cbiAgQENvbnRlbnRDaGlsZHJlbihUYWJJdGVtQ29tcG9uZW50KSB0YWJzPzogUXVlcnlMaXN0PFRhYkl0ZW1Db21wb25lbnQ+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgX2NoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZlxuICApIHtcbiAgfVxuXG4gIGlzVHJ1ZUJvb2xlYW5JbnB1dChib29sZWFuSW5wdXQ/OiBCb29sZWFuSW5wdXQpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KGJvb2xlYW5JbnB1dCk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG59XG4iLCI8dWwgY2xhc3M9XCJuYXYgbmF2LXRhYnNcIlxuICAgIFtjbGFzcy5hdXRvXT1cImlzVHJ1ZUJvb2xlYW5JbnB1dChhdXRvKVwiXG4gICAgW2NsYXNzLm5hdi10YWJzLWljb24tdGV4dF09XCJpc1RydWVCb29sZWFuSW5wdXQoaWNvblRleHQpXCJcbiAgICBbY2xhc3MubmF2LWRhcmtdPVwiaXNUcnVlQm9vbGVhbklucHV0KGRhcmspXCJcbiAgICByb2xlPVwidGFibGlzdFwiPlxuXG4gIDxsaSBjbGFzcz1cIm5hdi1pdGVtXCIgKm5nRm9yPVwibGV0IHRhYiBvZiB0YWJzXCI+XG4gICAgPGEgW2lkXT1cInRhYi5pZCsnLXRhYi1saW5rJ1wiXG4gICAgICAgcm9sZT1cInRhYlwiXG4gICAgICAgZGF0YS1icy10b2dnbGU9XCJ0YWJcIlxuICAgICAgIGNsYXNzPVwibmF2LWxpbmtcIlxuICAgICAgIFtjbGFzcy5hY3RpdmVdPVwiaXNUcnVlQm9vbGVhbklucHV0KHRhYi5hY3RpdmUpXCJcbiAgICAgICBbY2xhc3MuZGlzYWJsZWRdPVwiaXNUcnVlQm9vbGVhbklucHV0KHRhYi5kaXNhYmxlZClcIlxuICAgICAgIFthdHRyLmhyZWZdPVwiJyMnK3RhYi5pZCsnLXRhYidcIlxuICAgICAgIFthdHRyLmFyaWEtY29udHJvbHNdPVwidGFiLmlkKyctdGFiJ1wiPlxuICAgICAgPGl0LWljb24gKm5nSWY9XCJ0YWIuaWNvblwiIFtuYW1lXT1cInRhYi5pY29uXCI+PC9pdC1pY29uPlxuICAgICAge3t0YWIubGFiZWx9fVxuICAgIDwvYT5cbiAgPC9saT5cbjwvdWw+XG5cbjxkaXYgY2xhc3M9XCJ0YWItY29udGVudFwiPlxuICA8ZGl2ICpuZ0Zvcj1cImxldCB0YWIgb2YgdGFic1wiXG4gICAgICAgW2lkXT1cInRhYi5pZCsnLXRhYidcIlxuICAgICAgIGNsYXNzPVwidGFiLXBhbmUgZmFkZSB7e3RhYi5jbGFzcyA/PyAnJ319XCJcbiAgICAgICBbY2xhc3MuYWN0aXZlXT1cImlzVHJ1ZUJvb2xlYW5JbnB1dCh0YWIuYWN0aXZlKVwiXG4gICAgICAgW2NsYXNzLnNob3ddPVwiaXNUcnVlQm9vbGVhbklucHV0KHRhYi5hY3RpdmUpXCJcbiAgICAgICByb2xlPVwidGFicGFuZWxcIlxuICAgICAgIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJ0YWIuaWQrJy10YWItbGluaydcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGFiLmh0bWxDb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Component, Input, TemplateRef, ViewChild } from '@angular/core';
|
|
2
|
-
import { AbstractComponent } from
|
|
2
|
+
import { AbstractComponent } from '../../../../abstracts/abstract.component';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class TabItemComponent extends AbstractComponent {
|
|
5
5
|
constructor() {
|
|
@@ -15,7 +15,7 @@ export class TabItemComponent extends AbstractComponent {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
TabItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
TabItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabItemComponent, selector: "it-tab-item[id]", inputs: { label: "label", icon: "icon", active: "active", disabled: "disabled", class: "class" }, viewQueries: [{ propertyName: "htmlContent", first: true, predicate: TemplateRef, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template>\n <ng-content></ng-content>\n</ng-template>\n"
|
|
18
|
+
TabItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabItemComponent, selector: "it-tab-item[id]", inputs: { label: "label", icon: "icon", active: "active", disabled: "disabled", class: "class" }, viewQueries: [{ propertyName: "htmlContent", first: true, predicate: TemplateRef, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template>\n <ng-content></ng-content>\n</ng-template>\n" });
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabItemComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ selector: 'it-tab-item[id]', template: "<ng-template>\n <ng-content></ng-content>\n</ng-template>\n" }]
|
|
@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
33
33
|
type: ViewChild,
|
|
34
34
|
args: [TemplateRef]
|
|
35
35
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL3RhYi90YWItaXRlbS90YWItaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvdGFiL3RhYi1pdGVtL3RhYi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMENBQTBDLENBQUM7O0FBUTdFLE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxpQkFBaUI7SUFKdkQ7O1FBMEJFOztXQUVHO1FBQ00sVUFBSyxHQUFXLEVBQUUsQ0FBQztLQVc3QjtJQUpVLGVBQWU7UUFDdEIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxTQUFTLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLE9BQU8sQ0FBQyxDQUFDO0lBQzFFLENBQUM7OzZHQW5DVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQixzTUE4QmhCLFdBQVcsdUVDdkN4Qiw4REFHQTsyRkRNYSxnQkFBZ0I7a0JBSjVCLFNBQVM7K0JBQ0UsaUJBQWlCOzhCQVFsQixLQUFLO3NCQUFiLEtBQUs7Z0JBS0csSUFBSTtzQkFBWixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLeUIsV0FBVztzQkFBekMsU0FBUzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9hYnN0cmFjdHMvYWJzdHJhY3QuY29tcG9uZW50JztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCB9IGZyb20gJy4uLy4uLy4uLy4uL3V0aWxzL2Jvb2xlYW4taW5wdXQnO1xuaW1wb3J0IHsgSWNvbk5hbWUgfSBmcm9tICcuLi8uLi8uLi8uLi9pbnRlcmZhY2VzL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpdC10YWItaXRlbVtpZF0nLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFiLWl0ZW0uY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFRhYkl0ZW1Db21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdENvbXBvbmVudCB7XG5cbiAgLyoqXG4gICAqIFRoZSB0YWIgbGFiZWxcbiAgICovXG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBUaGUgaWNvbiBuYW1lXG4gICAqL1xuICBASW5wdXQoKSBpY29uPzogSWNvbk5hbWU7XG5cbiAgLyoqXG4gICAqIERlZmF1bHQgYWN0aXZlIHRhYlxuICAgKi9cbiAgQElucHV0KCkgYWN0aXZlPzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBEZWZhdWx0IGRpc2FibGVkIHRhYlxuICAgKi9cbiAgQElucHV0KCkgZGlzYWJsZWQ/OiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIEN1c3RvbSBjbGFzc1xuICAgKi9cbiAgQElucHV0KCkgY2xhc3M6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0YWJcbiAgICovXG4gIEBWaWV3Q2hpbGQoVGVtcGxhdGVSZWYpIHB1YmxpYyBodG1sQ29udGVudCE6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgb3ZlcnJpZGUgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHN1cGVyLm5nQWZ0ZXJWaWV3SW5pdCgpO1xuICAgIHRoaXMuX3JlbmRlcmVyLnJlbW92ZUF0dHJpYnV0ZSh0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdjbGFzcycpO1xuICB9XG59XG4iLCI8bmctdGVtcGxhdGU+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { AbstractFormComponent } from
|
|
3
|
-
import { isTrueBooleanInput } from
|
|
2
|
+
import { AbstractFormComponent } from '../../../abstracts/abstract-form-component';
|
|
3
|
+
import { isTrueBooleanInput } from '../../../utils/boolean-input';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@angular/common";
|
|
6
6
|
import * as i2 from "@angular/forms";
|
|
@@ -22,10 +22,10 @@ export class CheckboxComponent extends AbstractFormComponent {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CheckboxComponent, selector: "it-checkbox[id]
|
|
25
|
+
CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CheckboxComponent, selector: "it-checkbox[id]", inputs: { toggle: "toggle", inline: "inline", group: "group", checked: "checked", indeterminate: "indeterminate" }, usesInheritance: true, ngImport: i0, template: "<ng-container>\n <div class=\"form-check\"\n [class.form-check-group]=\"isGroup\"\n [class.form-check-inline]=\"inline\">\n\n <div *ngIf=\"toggle; else defaultStyle\" class=\"toggles\">\n <label [for]=\"id\">\n <ng-container *ngTemplateOutlet=\"htmlLabel\"></ng-container>\n <input [id]=\"id\"\n type=\"checkbox\"\n [formControl]=\"control\"\n [attr.aria-describedby]=\"id + '-help'\">\n <span class=\"lever\"></span>\n </label>\n </div>\n\n <ng-template #defaultStyle>\n <input [id]=\"id\"\n type=\"checkbox\"\n class=\"form-check-input\"\n [class.is-invalid]=\"isInvalid\"\n [class.is-valid]=\"isValid\"\n [class.semi-checked]=\"isIndeterminate\"\n [formControl]=\"control\"\n [attr.aria-describedby]=\"id + '-help'\">\n <label class=\"form-check-label\" [for]=\"id\">\n <ng-container *ngTemplateOutlet=\"htmlLabel\"></ng-container>\n </label>\n </ng-template>\n\n <small *ngIf=\"isGroup\" [id]=\"id + '-help'\" class=\"form-text\">\n <ng-content></ng-content>\n </small>\n\n <div *ngIf=\"isInvalid && isGroup\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n <ng-container *ngTemplateOutlet=\"error\"></ng-container>\n </div>\n </div>\n\n <div *ngIf=\"isInvalid && !isGroup\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n <ng-container *ngTemplateOutlet=\"error\"></ng-container>\n </div>\n</ng-container>\n\n<ng-template #error>\n <div #customError>\n <ng-content select=\"[error]\"></ng-content>\n </div>\n <ng-container *ngIf=\"!customError.hasChildNodes()\">{{invalidMessage | async}}</ng-container>\n</ng-template>\n\n<ng-template #htmlLabel>\n <div #customLabel>\n <ng-content select=\"[label]\"></ng-content>\n </div>\n <ng-container *ngIf=\"!customLabel.hasChildNodes()\">{{label}}</ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] });
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'it-checkbox[id]
|
|
28
|
+
args: [{ selector: 'it-checkbox[id]', template: "<ng-container>\n <div class=\"form-check\"\n [class.form-check-group]=\"isGroup\"\n [class.form-check-inline]=\"inline\">\n\n <div *ngIf=\"toggle; else defaultStyle\" class=\"toggles\">\n <label [for]=\"id\">\n <ng-container *ngTemplateOutlet=\"htmlLabel\"></ng-container>\n <input [id]=\"id\"\n type=\"checkbox\"\n [formControl]=\"control\"\n [attr.aria-describedby]=\"id + '-help'\">\n <span class=\"lever\"></span>\n </label>\n </div>\n\n <ng-template #defaultStyle>\n <input [id]=\"id\"\n type=\"checkbox\"\n class=\"form-check-input\"\n [class.is-invalid]=\"isInvalid\"\n [class.is-valid]=\"isValid\"\n [class.semi-checked]=\"isIndeterminate\"\n [formControl]=\"control\"\n [attr.aria-describedby]=\"id + '-help'\">\n <label class=\"form-check-label\" [for]=\"id\">\n <ng-container *ngTemplateOutlet=\"htmlLabel\"></ng-container>\n </label>\n </ng-template>\n\n <small *ngIf=\"isGroup\" [id]=\"id + '-help'\" class=\"form-text\">\n <ng-content></ng-content>\n </small>\n\n <div *ngIf=\"isInvalid && isGroup\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n <ng-container *ngTemplateOutlet=\"error\"></ng-container>\n </div>\n </div>\n\n <div *ngIf=\"isInvalid && !isGroup\" class=\"form-feedback just-validate-error-label\" [id]=\"id + '-error'\">\n <ng-container *ngTemplateOutlet=\"error\"></ng-container>\n </div>\n</ng-container>\n\n<ng-template #error>\n <div #customError>\n <ng-content select=\"[error]\"></ng-content>\n </div>\n <ng-container *ngIf=\"!customError.hasChildNodes()\">{{invalidMessage | async}}</ng-container>\n</ng-template>\n\n<ng-template #htmlLabel>\n <div #customLabel>\n <ng-content select=\"[label]\"></ng-content>\n </div>\n <ng-container *ngIf=\"!customLabel.hasChildNodes()\">{{label}}</ng-container>\n</ng-template>\n" }]
|
|
29
29
|
}], propDecorators: { toggle: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], inline: [{
|
|
@@ -37,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
37
37
|
}], indeterminate: [{
|
|
38
38
|
type: Input
|
|
39
39
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNuRixPQUFPLEVBQWdCLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7Ozs7QUFNaEYsTUFBTSxPQUFPLGlCQUFrQixTQUFRLHFCQUE4QjtJQTJCbkUsSUFBSSxlQUFlO1FBQ2pCLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRVEsUUFBUTtRQUNmLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUVqQixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssU0FBUyxFQUFFO1lBQ3BELE9BQU87U0FDUjtRQUVELE1BQU0sS0FBSyxHQUFHLGtCQUFrQixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMvQyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QixDQUFDOzs4R0E3Q1UsaUJBQWlCO2tHQUFqQixpQkFBaUIsa01DUjlCLDYrREF5REE7MkZEakRhLGlCQUFpQjtrQkFKN0IsU0FBUzsrQkFDRSxpQkFBaUI7OEJBUWxCLE1BQU07c0JBQWQsS0FBSztnQkFLRyxNQUFNO3NCQUFkLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFLRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RGb3JtQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vYWJzdHJhY3RzL2Fic3RyYWN0LWZvcm0tY29tcG9uZW50JztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCwgaXNUcnVlQm9vbGVhbklucHV0IH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvYm9vbGVhbi1pbnB1dCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2l0LWNoZWNrYm94W2lkXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGVja2JveC5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEZvcm1Db21wb25lbnQ8Ym9vbGVhbj4ge1xuXG4gIC8qKlxuICAgKiBJZiBzaG93IGNoZWNrYm94IGFzIHRvZ2dsZVxuICAgKi9cbiAgQElucHV0KCkgdG9nZ2xlPzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBJZiBzaG93IGNoZWNrYm94IGlubGluZVxuICAgKi9cbiAgQElucHV0KCkgaW5saW5lPzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBJZiBpcyBjaGVja2JveCBncm91cFxuICAgKi9cbiAgQElucHV0KCkgZ3JvdXA/OiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIElmIGNoZWNrYm94IGlzIGNoZWNrZWRcbiAgICovXG4gIEBJbnB1dCgpIGNoZWNrZWQ/OiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIElmIGNoZWNrYm94IGlzIGluZGV0ZXJtaW5hdGVcbiAgICovXG4gIEBJbnB1dCgpIGluZGV0ZXJtaW5hdGU/OiBCb29sZWFuSW5wdXQ7XG5cbiAgZ2V0IGlzSW5kZXRlcm1pbmF0ZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuaW5kZXRlcm1pbmF0ZSk7XG4gIH1cblxuICBnZXQgaXNHcm91cCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuZ3JvdXApO1xuICB9XG5cbiAgb3ZlcnJpZGUgbmdPbkluaXQoKSB7XG4gICAgc3VwZXIubmdPbkluaXQoKTtcblxuICAgIGlmICh0aGlzLmNvbnRyb2wudmFsdWUgfHwgdGhpcy5jaGVja2VkID09PSB1bmRlZmluZWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCB2YWx1ZSA9IGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLmNoZWNrZWQpO1xuICAgIHRoaXMud3JpdGVWYWx1ZSh2YWx1ZSk7XG4gICAgcmV0dXJuIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyPlxuICA8ZGl2IGNsYXNzPVwiZm9ybS1jaGVja1wiXG4gICAgICAgW2NsYXNzLmZvcm0tY2hlY2stZ3JvdXBdPVwiaXNHcm91cFwiXG4gICAgICAgW2NsYXNzLmZvcm0tY2hlY2staW5saW5lXT1cImlubGluZVwiPlxuXG4gICAgPGRpdiAqbmdJZj1cInRvZ2dsZTsgZWxzZSBkZWZhdWx0U3R5bGVcIiBjbGFzcz1cInRvZ2dsZXNcIj5cbiAgICAgIDxsYWJlbCBbZm9yXT1cImlkXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJodG1sTGFiZWxcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPGlucHV0IFtpZF09XCJpZFwiXG4gICAgICAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxuICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1kZXNjcmliZWRieV09XCJpZCArICctaGVscCdcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJsZXZlclwiPjwvc3Bhbj5cbiAgICAgIDwvbGFiZWw+XG4gICAgPC9kaXY+XG5cbiAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHRTdHlsZT5cbiAgICAgIDxpbnB1dCBbaWRdPVwiaWRcIlxuICAgICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgICAgICAgY2xhc3M9XCJmb3JtLWNoZWNrLWlucHV0XCJcbiAgICAgICAgICAgICBbY2xhc3MuaXMtaW52YWxpZF09XCJpc0ludmFsaWRcIlxuICAgICAgICAgICAgIFtjbGFzcy5pcy12YWxpZF09XCJpc1ZhbGlkXCJcbiAgICAgICAgICAgICBbY2xhc3Muc2VtaS1jaGVja2VkXT1cImlzSW5kZXRlcm1pbmF0ZVwiXG4gICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxuICAgICAgICAgICAgIFthdHRyLmFyaWEtZGVzY3JpYmVkYnldPVwiaWQgKyAnLWhlbHAnXCI+XG4gICAgICA8bGFiZWwgY2xhc3M9XCJmb3JtLWNoZWNrLWxhYmVsXCIgW2Zvcl09XCJpZFwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaHRtbExhYmVsXCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L2xhYmVsPlxuICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICA8c21hbGwgKm5nSWY9XCJpc0dyb3VwXCIgW2lkXT1cImlkICsgJy1oZWxwJ1wiIGNsYXNzPVwiZm9ybS10ZXh0XCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9zbWFsbD5cblxuICAgIDxkaXYgKm5nSWY9XCJpc0ludmFsaWQgJiYgaXNHcm91cFwiIGNsYXNzPVwiZm9ybS1mZWVkYmFjayBqdXN0LXZhbGlkYXRlLWVycm9yLWxhYmVsXCIgW2lkXT1cImlkICsgJy1lcnJvcidcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJlcnJvclwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2ICpuZ0lmPVwiaXNJbnZhbGlkICYmICFpc0dyb3VwXCIgY2xhc3M9XCJmb3JtLWZlZWRiYWNrIGp1c3QtdmFsaWRhdGUtZXJyb3ItbGFiZWxcIiBbaWRdPVwiaWQgKyAnLWVycm9yJ1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJlcnJvclwiPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuXG48bmctdGVtcGxhdGUgI2Vycm9yPlxuICA8ZGl2ICNjdXN0b21FcnJvcj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZXJyb3JdXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFjdXN0b21FcnJvci5oYXNDaGlsZE5vZGVzKClcIj57e2ludmFsaWRNZXNzYWdlIHwgYXN5bmN9fTwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNodG1sTGFiZWw+XG4gIDxkaXYgI2N1c3RvbUxhYmVsPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltsYWJlbF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWN1c3RvbUxhYmVsLmhhc0NoaWxkTm9kZXMoKVwiPnt7bGFiZWx9fTwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|