design-angular-kit 1.0.0-1 → 1.0.0-11
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 +183 -24
- package/assets/i18n/en.json +97 -0
- package/assets/i18n/it.json +97 -0
- package/esm2020/lib/abstracts/abstract-form.component.mjs +171 -0
- package/esm2020/lib/abstracts/abstract.component.mjs +45 -0
- package/esm2020/lib/components/components.module.mjs +256 -0
- package/esm2020/lib/components/core/accordion/accordion.component.mjs +31 -0
- package/esm2020/lib/components/core/alert/alert.component.mjs +69 -0
- package/esm2020/lib/components/core/badge/badge.directive.mjs +34 -0
- package/esm2020/lib/components/core/button/button.directive.mjs +80 -0
- package/esm2020/lib/components/core/callout/callout.component.mjs +84 -0
- package/esm2020/lib/components/core/card/card.component.mjs +58 -0
- package/esm2020/lib/components/core/carousel/carousel/carousel.component.mjs +79 -0
- package/esm2020/lib/components/core/carousel/carousel-item/carousel-item.component.mjs +15 -0
- package/esm2020/lib/components/core/chip/chip.component.mjs +89 -0
- package/esm2020/lib/components/core/collapse/collapse.component.mjs +101 -0
- package/esm2020/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.mjs +24 -0
- package/esm2020/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.mjs +11 -0
- package/esm2020/lib/components/core/dimmer/dimmer.component.mjs +59 -0
- package/esm2020/lib/components/core/dropdown/dropdown/dropdown.component.mjs +130 -0
- package/esm2020/lib/components/core/dropdown/dropdown-item/dropdown-item.component.mjs +68 -0
- package/esm2020/lib/components/core/forward/forward.directive.mjs +51 -0
- package/esm2020/lib/components/core/link/link.component.mjs +40 -0
- package/esm2020/lib/components/core/list/list/list.component.mjs +13 -0
- package/esm2020/lib/components/core/list/list-item/list-item.component.mjs +36 -0
- package/esm2020/lib/components/core/modal/modal.component.mjs +98 -0
- package/esm2020/lib/components/core/notifications/notifications.component.mjs +110 -0
- package/esm2020/lib/components/core/pagination/pagination.component.mjs +131 -0
- package/esm2020/lib/components/core/popover/popover.directive.mjs +179 -0
- package/esm2020/lib/components/core/progress-bar/progress-bar.component.mjs +34 -0
- package/esm2020/lib/components/core/progress-button/progress-button.component.mjs +27 -0
- package/esm2020/lib/components/core/rating/rating.component.mjs +49 -0
- package/esm2020/lib/components/core/spinner/spinner.component.mjs +35 -0
- package/esm2020/lib/components/core/steppers/steppers-container/steppers-container.component.mjs +127 -0
- package/esm2020/lib/components/core/steppers/steppers-item/steppers-item.component.mjs +19 -0
- package/esm2020/lib/components/core/tab/tab-container/tab-container.component.mjs +59 -0
- package/esm2020/lib/components/core/tab/tab-item/tab-item.component.mjs +36 -0
- package/esm2020/lib/components/core/table/table.component.mjs +57 -0
- package/esm2020/lib/components/core/tooltip/tooltip.directive.mjs +143 -0
- package/esm2020/lib/components/form/checkbox/checkbox.component.mjs +40 -0
- package/esm2020/lib/components/form/input/input.component.mjs +222 -0
- package/esm2020/lib/components/form/password-input/password-input.component.mjs +112 -0
- package/esm2020/lib/components/form/radio-button/radio-button.component.mjs +68 -0
- package/esm2020/lib/components/form/select/select.component.mjs +62 -0
- package/esm2020/lib/components/form/textarea/textarea.component.mjs +46 -0
- package/esm2020/lib/components/form/upload-drag-drop/upload-drag-drop.component.mjs +139 -0
- package/esm2020/lib/components/form/upload-file-list/upload-file-list.component.mjs +104 -0
- package/esm2020/lib/components/navigation/back-button/back-button.component.mjs +69 -0
- package/esm2020/lib/components/navigation/back-to-top/back-to-top.component.mjs +64 -0
- package/esm2020/lib/components/navigation/breadcrumbs/breadcrumb/breadcrumb.component.mjs +56 -0
- package/esm2020/lib/components/navigation/breadcrumbs/breadcrumb-item/breadcrumb-item.component.mjs +23 -0
- package/esm2020/lib/components/navigation/header/header.component.mjs +57 -0
- package/esm2020/lib/components/utils/icon/icon.component.mjs +54 -0
- package/esm2020/lib/components/utils/language-switcher/language-switcher.component.mjs +39 -0
- package/esm2020/lib/components/utils/not-found-page/not-found-page.component.mjs +13 -0
- package/esm2020/lib/design-angular-kit.module.mjs +45 -131
- package/esm2020/lib/interfaces/core.mjs +16 -0
- package/esm2020/lib/interfaces/form.mjs +2 -0
- package/esm2020/lib/interfaces/icon.mjs +2 -0
- package/esm2020/lib/interfaces/utils.mjs +2 -0
- package/esm2020/lib/pipes/mark-matching-text.pipe.mjs +36 -0
- package/esm2020/lib/services/notifications/notifications.service.mjs +120 -0
- package/esm2020/lib/utils/boolean-input.mjs +15 -0
- package/esm2020/lib/utils/file-utils.mjs +73 -0
- package/esm2020/lib/utils/regex.mjs +26 -0
- package/esm2020/lib/validators/it-validators.mjs +134 -0
- package/esm2020/public_api.mjs +67 -36
- package/fesm2015/design-angular-kit.mjs +3550 -2712
- package/fesm2015/design-angular-kit.mjs.map +1 -1
- package/fesm2020/design-angular-kit.mjs +3519 -2722
- package/fesm2020/design-angular-kit.mjs.map +1 -1
- package/lib/abstracts/abstract-form.component.d.ts +86 -0
- package/lib/abstracts/abstract.component.d.ts +30 -0
- package/lib/components/components.module.d.ts +60 -0
- package/lib/components/core/accordion/accordion.component.d.ts +12 -0
- package/lib/components/core/alert/alert.component.d.ts +39 -0
- package/lib/components/core/badge/badge.directive.d.ts +16 -0
- package/lib/components/core/button/button.directive.d.ts +36 -0
- package/lib/components/core/callout/callout.component.d.ts +47 -0
- package/lib/components/core/card/card.component.d.ts +41 -0
- package/lib/components/core/carousel/carousel/carousel.component.d.ts +50 -0
- package/lib/components/core/carousel/carousel-item/carousel-item.component.d.ts +11 -0
- package/lib/components/core/chip/chip.component.d.ts +62 -0
- package/lib/components/core/collapse/collapse.component.d.ts +60 -0
- package/lib/components/core/dimmer/dimmer-buttons/dimmer-buttons.component.d.ts +12 -0
- package/lib/components/core/dimmer/dimmer-icon/dimmer-icon.component.d.ts +5 -0
- package/lib/components/core/dimmer/dimmer.component.d.ts +24 -0
- package/lib/components/core/dropdown/dropdown/dropdown.component.d.ts +81 -0
- package/lib/components/core/dropdown/dropdown-item/dropdown-item.component.d.ts +39 -0
- package/lib/components/core/forward/forward.directive.d.ts +14 -0
- package/lib/components/core/link/link.component.d.ts +31 -0
- package/lib/components/core/list/list/list.component.d.ts +10 -0
- package/lib/components/core/list/list-item/list-item.component.d.ts +24 -0
- package/lib/components/core/modal/modal.component.d.ts +59 -0
- package/lib/components/core/notifications/notifications.component.d.ts +44 -0
- package/lib/components/core/pagination/pagination.component.d.ts +92 -0
- package/lib/components/core/popover/popover.directive.d.ts +98 -0
- package/lib/components/core/progress-bar/progress-bar.component.d.ts +28 -0
- package/lib/components/core/progress-button/progress-button.component.d.ts +22 -0
- package/lib/components/core/rating/rating.component.d.ts +24 -0
- package/lib/components/core/spinner/spinner.component.d.ts +21 -0
- package/lib/components/core/steppers/steppers-container/steppers-container.component.d.ts +104 -0
- package/lib/components/core/steppers/steppers-item/steppers-item.component.d.ts +20 -0
- package/lib/components/core/tab/tab-container/tab-container.component.d.ts +30 -0
- package/lib/components/core/tab/tab-item/tab-item.component.d.ts +34 -0
- package/lib/components/core/table/table.component.d.ts +54 -0
- package/lib/components/core/tooltip/tooltip.directive.d.ts +81 -0
- package/lib/components/form/checkbox/checkbox.component.d.ts +30 -0
- package/lib/components/form/input/input.component.d.ts +96 -0
- package/lib/components/form/password-input/password-input.component.d.ts +55 -0
- package/lib/components/form/radio-button/radio-button.component.d.ts +29 -0
- package/lib/components/form/select/select.component.d.ts +30 -0
- package/lib/components/form/textarea/textarea.component.d.ts +24 -0
- package/lib/components/form/upload-drag-drop/upload-drag-drop.component.d.ts +54 -0
- package/lib/components/form/upload-file-list/upload-file-list.component.d.ts +59 -0
- package/lib/components/navigation/back-button/back-button.component.d.ts +47 -0
- package/lib/components/navigation/back-to-top/back-to-top.component.d.ts +41 -0
- package/lib/components/navigation/breadcrumbs/breadcrumb/breadcrumb.component.d.ts +32 -0
- package/lib/components/navigation/breadcrumbs/breadcrumb-item/breadcrumb-item.component.d.ts +22 -0
- package/lib/components/navigation/header/header.component.d.ts +24 -0
- package/lib/components/utils/icon/icon.component.d.ts +40 -0
- package/lib/components/utils/language-switcher/language-switcher.component.d.ts +23 -0
- package/lib/components/utils/not-found-page/not-found-page.component.d.ts +5 -0
- package/lib/design-angular-kit.module.d.ts +7 -24
- package/lib/interfaces/core.d.ts +59 -0
- package/lib/interfaces/form.d.ts +67 -0
- package/lib/interfaces/icon.d.ts +3 -0
- package/lib/interfaces/utils.d.ts +10 -0
- package/lib/services/notifications/notifications.service.d.ts +63 -0
- package/lib/utils/boolean-input.d.ts +11 -0
- package/lib/utils/file-utils.d.ts +32 -0
- package/lib/utils/regex.d.ts +25 -0
- package/lib/validators/it-validators.d.ts +58 -0
- package/package.json +22 -13
- package/public_api.d.ts +59 -35
- package/esm2020/lib/badge/badge.directive.mjs +0 -83
- package/esm2020/lib/breadcrumb/breadcrumb-item.component.mjs +0 -66
- package/esm2020/lib/breadcrumb/breadcrumb.component.mjs +0 -89
- package/esm2020/lib/button/button.directive.mjs +0 -185
- package/esm2020/lib/button/button.module.mjs +0 -18
- package/esm2020/lib/checkbox/checkbox.component.mjs +0 -138
- package/esm2020/lib/collapse/collapse-group.component.mjs +0 -57
- package/esm2020/lib/collapse/collapse-item.component.mjs +0 -79
- package/esm2020/lib/collapse/collapse.config.mjs +0 -12
- package/esm2020/lib/collapse/collapse.directive.mjs +0 -55
- package/esm2020/lib/collapse/collapse.module.mjs +0 -22
- package/esm2020/lib/dropdown/dropdown-divider.component.mjs +0 -11
- package/esm2020/lib/dropdown/dropdown-item.component.mjs +0 -97
- package/esm2020/lib/dropdown/dropdown.component.mjs +0 -143
- package/esm2020/lib/dropdown/dropdown.config.mjs +0 -12
- package/esm2020/lib/dropdown/dropdown.directive.mjs +0 -156
- package/esm2020/lib/dropdown/dropdown.module.mjs +0 -25
- package/esm2020/lib/enums/icons.enum.mjs +0 -27
- package/esm2020/lib/form-input/form-input-password.utils.mjs +0 -154
- package/esm2020/lib/form-input/form-input.component.mjs +0 -495
- package/esm2020/lib/form-input/it-prefix.directive.mjs +0 -13
- package/esm2020/lib/form-input/it-suffix.directive.mjs +0 -13
- package/esm2020/lib/form-input/it-text-prefix.directive.mjs +0 -13
- package/esm2020/lib/form-input/it-text-suffix.directive.mjs +0 -13
- package/esm2020/lib/form-input/mark-matching-text.pipe.mjs +0 -36
- package/esm2020/lib/icon/icon.component.mjs +0 -87
- package/esm2020/lib/icon/icon.module.mjs +0 -18
- package/esm2020/lib/models/Alignment.mjs +0 -15
- package/esm2020/lib/models/ButtonSize.mjs +0 -15
- package/esm2020/lib/models/InputType.mjs +0 -44
- package/esm2020/lib/models/ThemeColor.mjs +0 -30
- package/esm2020/lib/popover/popover.config.mjs +0 -17
- package/esm2020/lib/popover/popover.directive.mjs +0 -33
- package/esm2020/lib/popover/popover.module.mjs +0 -19
- package/esm2020/lib/progress-bar/progress-bar.component.mjs +0 -98
- package/esm2020/lib/radio/radio.component.mjs +0 -287
- package/esm2020/lib/radio/unique-selection-dispatcher.mjs +0 -55
- package/esm2020/lib/tabs/tab-group.component.mjs +0 -177
- package/esm2020/lib/tabs/tab.component.mjs +0 -73
- package/esm2020/lib/tabs/tabs.module.mjs +0 -20
- package/esm2020/lib/toggle/toggle.component.mjs +0 -86
- package/esm2020/lib/tooltip/tooltip.config.mjs +0 -17
- package/esm2020/lib/tooltip/tooltip.directive.mjs +0 -43
- package/esm2020/lib/tooltip/tooltip.module.mjs +0 -19
- package/esm2020/lib/util/focus-mouse.directive.mjs +0 -32
- package/esm2020/lib/util/util.mjs +0 -12
- package/esm2020/lib/util/utils.module.mjs +0 -16
- package/lib/badge/badge.directive.d.ts +0 -33
- package/lib/breadcrumb/breadcrumb-item.component.d.ts +0 -33
- package/lib/breadcrumb/breadcrumb.component.d.ts +0 -33
- package/lib/button/button.directive.d.ts +0 -72
- package/lib/button/button.module.d.ts +0 -8
- package/lib/checkbox/checkbox.component.d.ts +0 -61
- package/lib/collapse/collapse-group.component.d.ts +0 -16
- package/lib/collapse/collapse-item.component.d.ts +0 -46
- package/lib/collapse/collapse.config.d.ts +0 -6
- package/lib/collapse/collapse.directive.d.ts +0 -25
- package/lib/collapse/collapse.module.d.ts +0 -12
- package/lib/dropdown/dropdown-divider.component.d.ts +0 -5
- package/lib/dropdown/dropdown-item.component.d.ts +0 -56
- package/lib/dropdown/dropdown.component.d.ts +0 -65
- package/lib/dropdown/dropdown.config.d.ts +0 -6
- package/lib/dropdown/dropdown.directive.d.ts +0 -77
- package/lib/dropdown/dropdown.module.d.ts +0 -15
- package/lib/enums/icons.enum.d.ts +0 -23
- package/lib/form-input/form-input-password.utils.d.ts +0 -45
- package/lib/form-input/form-input.component.d.ts +0 -283
- package/lib/form-input/it-prefix.directive.d.ts +0 -5
- package/lib/form-input/it-suffix.directive.d.ts +0 -5
- package/lib/form-input/it-text-prefix.directive.d.ts +0 -5
- package/lib/form-input/it-text-suffix.directive.d.ts +0 -5
- package/lib/icon/icon.component.d.ts +0 -34
- package/lib/icon/icon.module.d.ts +0 -8
- package/lib/models/Alignment.d.ts +0 -12
- package/lib/models/ButtonSize.d.ts +0 -11
- package/lib/models/InputType.d.ts +0 -36
- package/lib/models/ThemeColor.d.ts +0 -21
- package/lib/popover/popover.config.d.ts +0 -11
- package/lib/popover/popover.directive.d.ts +0 -20
- package/lib/popover/popover.module.d.ts +0 -9
- package/lib/progress-bar/progress-bar.component.d.ts +0 -55
- package/lib/radio/radio.component.d.ts +0 -116
- package/lib/radio/unique-selection-dispatcher.d.ts +0 -36
- package/lib/tabs/tab-group.component.d.ts +0 -71
- package/lib/tabs/tab.component.d.ts +0 -44
- package/lib/tabs/tabs.module.d.ts +0 -10
- package/lib/toggle/toggle.component.d.ts +0 -46
- package/lib/tooltip/tooltip.config.d.ts +0 -11
- package/lib/tooltip/tooltip.directive.d.ts +0 -27
- package/lib/tooltip/tooltip.module.d.ts +0 -9
- package/lib/util/focus-mouse.directive.d.ts +0 -13
- package/lib/util/util.d.ts +0 -5
- package/lib/util/utils.module.d.ts +0 -7
- /package/lib/{form-input → pipes}/mark-matching-text.pipe.d.ts +0 -0
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "../../utils/icon/icon.component";
|
|
5
|
+
export class CalloutComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this._label = undefined;
|
|
8
|
+
this._hiddenLabel = undefined;
|
|
9
|
+
this._color = undefined;
|
|
10
|
+
this._appearance = 'default';
|
|
11
|
+
this._icon = undefined;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Callout label
|
|
15
|
+
*/
|
|
16
|
+
set label(value) { this._label = value; }
|
|
17
|
+
get label() { return this._label; }
|
|
18
|
+
/**
|
|
19
|
+
* Callout hiddenLabel
|
|
20
|
+
*/
|
|
21
|
+
set hiddenLabel(value) { this._hiddenLabel = value; }
|
|
22
|
+
get hiddenLabel() { return this._hiddenLabel; }
|
|
23
|
+
/**
|
|
24
|
+
* Callout color
|
|
25
|
+
* - <b>success</b>
|
|
26
|
+
* - <b>danger</b>
|
|
27
|
+
* - <b>warning</b>
|
|
28
|
+
* - <b>important</b>
|
|
29
|
+
* - <b>note</b>
|
|
30
|
+
*/
|
|
31
|
+
set color(value) { this._color = value; }
|
|
32
|
+
get color() { return this._color; }
|
|
33
|
+
/**
|
|
34
|
+
* Callout appearance
|
|
35
|
+
* - <b>default</b>
|
|
36
|
+
* - <b>highlight</b>: Callout version with border only on the left side
|
|
37
|
+
* - <b>more</b>: It looks radically different from the other styles available and is suitable for more extensive texts
|
|
38
|
+
* @default default
|
|
39
|
+
*/
|
|
40
|
+
set appearance(value) { this._appearance = value; }
|
|
41
|
+
get appearance() { return this._appearance; }
|
|
42
|
+
/**
|
|
43
|
+
* Custom icon
|
|
44
|
+
*/
|
|
45
|
+
set icon(value) { this._icon = value; }
|
|
46
|
+
get icon() { return this._icon; }
|
|
47
|
+
get iconName() {
|
|
48
|
+
if (this._icon) {
|
|
49
|
+
return this._icon;
|
|
50
|
+
}
|
|
51
|
+
if (this.appearance === 'more') {
|
|
52
|
+
return 'zoom-in';
|
|
53
|
+
}
|
|
54
|
+
switch (this.color) {
|
|
55
|
+
case 'success':
|
|
56
|
+
return 'check-circle';
|
|
57
|
+
case 'warning':
|
|
58
|
+
return 'help-circle';
|
|
59
|
+
case 'danger':
|
|
60
|
+
return 'close-circle';
|
|
61
|
+
case 'important':
|
|
62
|
+
case 'note':
|
|
63
|
+
default:
|
|
64
|
+
return 'info-circle';
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
CalloutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CalloutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
69
|
+
CalloutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CalloutComponent, selector: "it-callout", inputs: { label: "label", hiddenLabel: "hiddenLabel", color: "color", appearance: "appearance", icon: "icon" }, ngImport: i0, template: "<div class=\"callout {{color}}\" [class.callout-highlight]=\"appearance === 'highlight'\"\n [class.callout-more]=\"appearance === 'more'\">\n <div class=\"callout-title\" *ngIf=\"label\">\n <it-icon [name]=\"iconName\"></it-icon>\n <span *ngIf=\"hiddenLabel\" class=\"visually-hidden\">{{ hiddenLabel }}</span>\n <span>{{ label }}</span>\n </div>\n <p class=\"callout-big-text\">\n <ng-content select=\"[bigText]\"></ng-content>\n </p>\n <ng-content></ng-content>\n</div>", styles: [".callout-big-text:empty{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "it-icon[name]", inputs: ["name", "size", "color", "padded", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CalloutComponent, decorators: [{
|
|
71
|
+
type: Component,
|
|
72
|
+
args: [{ selector: 'it-callout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"callout {{color}}\" [class.callout-highlight]=\"appearance === 'highlight'\"\n [class.callout-more]=\"appearance === 'more'\">\n <div class=\"callout-title\" *ngIf=\"label\">\n <it-icon [name]=\"iconName\"></it-icon>\n <span *ngIf=\"hiddenLabel\" class=\"visually-hidden\">{{ hiddenLabel }}</span>\n <span>{{ label }}</span>\n </div>\n <p class=\"callout-big-text\">\n <ng-content select=\"[bigText]\"></ng-content>\n </p>\n <ng-content></ng-content>\n</div>", styles: [".callout-big-text:empty{display:none}\n"] }]
|
|
73
|
+
}], propDecorators: { label: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], hiddenLabel: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], color: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], appearance: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], icon: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}] } });
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvY2FsbG91dC9jYWxsb3V0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9jYWxsb3V0L2NhbGxvdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFjekUsTUFBTSxPQUFPLGdCQUFnQjtJQVY3QjtRQWlCVSxXQUFNLEdBQXVCLFNBQVMsQ0FBQztRQU92QyxpQkFBWSxHQUF1QixTQUFTLENBQUM7UUFZN0MsV0FBTSxHQUE2QixTQUFTLENBQUM7UUFXN0MsZ0JBQVcsR0FBc0IsU0FBUyxDQUFDO1FBTzNDLFVBQUssR0FBeUIsU0FBUyxDQUFDO0tBeUJqRDtJQW5FQzs7T0FFRztJQUNILElBQWEsS0FBSyxDQUFFLEtBQXlCLElBQUksSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ3ZFLElBQUksS0FBSyxLQUEwQixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBR3hEOztPQUVHO0lBQ0gsSUFBYSxXQUFXLENBQUUsS0FBeUIsSUFBSSxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDbkYsSUFBSSxXQUFXLEtBQTBCLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUM7SUFHcEU7Ozs7Ozs7T0FPRztJQUNILElBQWEsS0FBSyxDQUFFLEtBQStCLElBQUksSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzdFLElBQUksS0FBSyxLQUFnQyxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRzlEOzs7Ozs7T0FNRztJQUNILElBQWEsVUFBVSxDQUFFLEtBQXdCLElBQUksSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ2hGLElBQUksVUFBVSxLQUF5QixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO0lBR2pFOztPQUVHO0lBQ0gsSUFBYSxJQUFJLENBQUUsS0FBMkIsSUFBSSxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDdkUsSUFBSSxJQUFJLEtBQTJCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBLENBQUM7SUFHdEQsSUFBSSxRQUFRO1FBQ1YsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2QsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO1NBQ25CO1FBRUQsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLE1BQU0sRUFBRTtZQUM5QixPQUFPLFNBQVMsQ0FBQztTQUNsQjtRQUVELFFBQVEsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNsQixLQUFLLFNBQVM7Z0JBQ1osT0FBTyxjQUFjLENBQUM7WUFDeEIsS0FBSyxTQUFTO2dCQUNaLE9BQU8sYUFBYSxDQUFDO1lBQ3ZCLEtBQUssUUFBUTtnQkFDWCxPQUFPLGNBQWMsQ0FBQztZQUN4QixLQUFLLFdBQVcsQ0FBQztZQUNqQixLQUFLLE1BQU0sQ0FBQztZQUNaO2dCQUNFLE9BQU8sYUFBYSxDQUFDO1NBQ3hCO0lBQ0gsQ0FBQzs7NkdBbkVVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLGtLQ2Q3QiwyZUFXTTsyRkRHTyxnQkFBZ0I7a0JBVjVCLFNBQVM7K0JBQ0UsWUFBWSxtQkFPTCx1QkFBdUIsQ0FBQyxNQUFNOzhCQU9sQyxLQUFLO3NCQUFqQixLQUFLO2dCQU9PLFdBQVc7c0JBQXZCLEtBQUs7Z0JBWU8sS0FBSztzQkFBakIsS0FBSztnQkFXTyxVQUFVO3NCQUF0QixLQUFLO2dCQU9PLElBQUk7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NhbGxvdXRBcHBlYXJhbmNlLCBDYWxsb3V0Q29sb3J9IGZyb20gXCIuLi8uLi8uLi9pbnRlcmZhY2VzL2NvcmVcIjtcbmltcG9ydCB7IEljb25OYW1lIH0gZnJvbSAnLi4vLi4vLi4vaW50ZXJmYWNlcy9pY29uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXQtY2FsbG91dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYWxsb3V0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIC5jYWxsb3V0LWJpZy10ZXh0OmVtcHR5IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQ2FsbG91dENvbXBvbmVudCB7XG5cbiAgLyoqXG4gICAqIENhbGxvdXQgbGFiZWxcbiAgICovXG4gIEBJbnB1dCgpIHNldCBsYWJlbCAodmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkgeyB0aGlzLl9sYWJlbCA9IHZhbHVlOyB9XG4gIGdldCBsYWJlbCAoKTogc3RyaW5nIHwgdW5kZWZpbmVkIHsgcmV0dXJuIHRoaXMuX2xhYmVsOyB9XG4gIHByaXZhdGUgX2xhYmVsOiBzdHJpbmcgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIENhbGxvdXQgaGlkZGVuTGFiZWxcbiAgICovXG4gIEBJbnB1dCgpIHNldCBoaWRkZW5MYWJlbCAodmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkgeyB0aGlzLl9oaWRkZW5MYWJlbCA9IHZhbHVlOyB9XG4gIGdldCBoaWRkZW5MYWJlbCAoKTogc3RyaW5nIHwgdW5kZWZpbmVkIHsgcmV0dXJuIHRoaXMuX2hpZGRlbkxhYmVsOyB9XG4gIHByaXZhdGUgX2hpZGRlbkxhYmVsOiBzdHJpbmcgfCB1bmRlZmluZWQgPSB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIENhbGxvdXQgY29sb3JcbiAgICogLSA8Yj5zdWNjZXNzPC9iPlxuICAgKiAtIDxiPmRhbmdlcjwvYj5cbiAgICogLSA8Yj53YXJuaW5nPC9iPlxuICAgKiAtIDxiPmltcG9ydGFudDwvYj5cbiAgICogLSA8Yj5ub3RlPC9iPlxuICAgKi9cbiAgQElucHV0KCkgc2V0IGNvbG9yICh2YWx1ZTogQ2FsbG91dENvbG9yIHwgdW5kZWZpbmVkKSB7IHRoaXMuX2NvbG9yID0gdmFsdWU7IH1cbiAgZ2V0IGNvbG9yICgpOiBDYWxsb3V0Q29sb3IgfCB1bmRlZmluZWQgeyByZXR1cm4gdGhpcy5fY29sb3I7IH1cbiAgcHJpdmF0ZSBfY29sb3I6IENhbGxvdXRDb2xvciB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogQ2FsbG91dCBhcHBlYXJhbmNlXG4gICAqIC0gPGI+ZGVmYXVsdDwvYj5cbiAgICogLSA8Yj5oaWdobGlnaHQ8L2I+OiBDYWxsb3V0IHZlcnNpb24gd2l0aCBib3JkZXIgb25seSBvbiB0aGUgbGVmdCBzaWRlXG4gICAqIC0gPGI+bW9yZTwvYj46IEl0IGxvb2tzIHJhZGljYWxseSBkaWZmZXJlbnQgZnJvbSB0aGUgb3RoZXIgc3R5bGVzIGF2YWlsYWJsZSBhbmQgaXMgc3VpdGFibGUgZm9yIG1vcmUgZXh0ZW5zaXZlIHRleHRzXG4gICAqIEBkZWZhdWx0IGRlZmF1bHRcbiAgICovXG4gIEBJbnB1dCgpIHNldCBhcHBlYXJhbmNlICh2YWx1ZTogQ2FsbG91dEFwcGVhcmFuY2UpIHsgdGhpcy5fYXBwZWFyYW5jZSA9IHZhbHVlOyB9XG4gIGdldCBhcHBlYXJhbmNlICgpOiBDYWxsb3V0QXBwZWFyYW5jZSB7IHJldHVybiB0aGlzLl9hcHBlYXJhbmNlOyB9XG4gIHByaXZhdGUgX2FwcGVhcmFuY2U6IENhbGxvdXRBcHBlYXJhbmNlID0gJ2RlZmF1bHQnO1xuXG4gIC8qKlxuICAgKiBDdXN0b20gaWNvblxuICAgKi9cbiAgQElucHV0KCkgc2V0IGljb24gKHZhbHVlOiBJY29uTmFtZSB8IHVuZGVmaW5lZCkgeyB0aGlzLl9pY29uID0gdmFsdWU7IH1cbiAgZ2V0IGljb24oKTogSWNvbk5hbWUgfCB1bmRlZmluZWQgeyByZXR1cm4gdGhpcy5faWNvbjt9XG4gIHByaXZhdGUgX2ljb246IEljb25OYW1lIHwgdW5kZWZpbmVkID0gdW5kZWZpbmVkO1xuXG4gIGdldCBpY29uTmFtZSAoKTogSWNvbk5hbWUge1xuICAgIGlmICh0aGlzLl9pY29uKSB7XG4gICAgICByZXR1cm4gdGhpcy5faWNvbjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5hcHBlYXJhbmNlID09PSAnbW9yZScpIHtcbiAgICAgIHJldHVybiAnem9vbS1pbic7XG4gICAgfVxuXG4gICAgc3dpdGNoICh0aGlzLmNvbG9yKSB7XG4gICAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgICAgcmV0dXJuICdjaGVjay1jaXJjbGUnO1xuICAgICAgY2FzZSAnd2FybmluZyc6XG4gICAgICAgIHJldHVybiAnaGVscC1jaXJjbGUnO1xuICAgICAgY2FzZSAnZGFuZ2VyJzpcbiAgICAgICAgcmV0dXJuICdjbG9zZS1jaXJjbGUnO1xuICAgICAgY2FzZSAnaW1wb3J0YW50JzpcbiAgICAgIGNhc2UgJ25vdGUnOlxuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuICdpbmZvLWNpcmNsZSc7XG4gICAgfVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJjYWxsb3V0IHt7Y29sb3J9fVwiIFtjbGFzcy5jYWxsb3V0LWhpZ2hsaWdodF09XCJhcHBlYXJhbmNlID09PSAnaGlnaGxpZ2h0J1wiXG4gIFtjbGFzcy5jYWxsb3V0LW1vcmVdPVwiYXBwZWFyYW5jZSA9PT0gJ21vcmUnXCI+XG4gIDxkaXYgY2xhc3M9XCJjYWxsb3V0LXRpdGxlXCIgKm5nSWY9XCJsYWJlbFwiPlxuICAgIDxpdC1pY29uIFtuYW1lXT1cImljb25OYW1lXCI+PC9pdC1pY29uPlxuICAgIDxzcGFuICpuZ0lmPVwiaGlkZGVuTGFiZWxcIiBjbGFzcz1cInZpc3VhbGx5LWhpZGRlblwiPnt7IGhpZGRlbkxhYmVsIH19PC9zcGFuPlxuICAgIDxzcGFuPnt7IGxhYmVsIH19PC9zcGFuPlxuICA8L2Rpdj5cbiAgPHAgY2xhc3M9XCJjYWxsb3V0LWJpZy10ZXh0XCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2JpZ1RleHRdXCI+PC9uZy1jb250ZW50PlxuICA8L3A+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PiJdfQ==
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import { AbstractComponent } from '../../../abstracts/abstract.component';
|
|
3
|
+
import { isTrueBooleanInput } from '../../../utils/boolean-input';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class CardComponent extends AbstractComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
super(...arguments);
|
|
8
|
+
/**
|
|
9
|
+
* It serves to space the cards in their mobile version.
|
|
10
|
+
* @default true
|
|
11
|
+
*/
|
|
12
|
+
this.space = true;
|
|
13
|
+
/**
|
|
14
|
+
* Custom card class
|
|
15
|
+
*/
|
|
16
|
+
this.cardClass = '';
|
|
17
|
+
/**
|
|
18
|
+
* Custom card body class
|
|
19
|
+
*/
|
|
20
|
+
this.bodyClass = '';
|
|
21
|
+
}
|
|
22
|
+
get isSpace() {
|
|
23
|
+
return isTrueBooleanInput(this.space);
|
|
24
|
+
}
|
|
25
|
+
get isTeaser() {
|
|
26
|
+
return isTrueBooleanInput(this.teaser);
|
|
27
|
+
}
|
|
28
|
+
get isHasImage() {
|
|
29
|
+
return isTrueBooleanInput(this.hasImage);
|
|
30
|
+
}
|
|
31
|
+
get isRounded() {
|
|
32
|
+
return isTrueBooleanInput(this.rounded);
|
|
33
|
+
}
|
|
34
|
+
get isShadow() {
|
|
35
|
+
return isTrueBooleanInput(this.shadow);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
+
CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CardComponent, selector: "it-card", inputs: { space: "space", teaser: "teaser", hasImage: "hasImage", rounded: "rounded", shadow: "shadow", cardClass: "cardClass", bodyClass: "bodyClass" }, usesInheritance: true, ngImport: i0, template: "<div class=\"card-wrapper\" [class.card-space]=\"isSpace\">\n <div class=\"card {{cardClass}}\"\n [class.card-teaser]=\"isTeaser\"\n [class.card-img.no-after]=\"isHasImage\"\n [class.shadow]=\"isShadow\"\n [class.rounded]=\"isRounded\">\n\n <ng-content select=\"[beforeBody]\"></ng-content>\n\n <div class=\"card-body {{bodyClass}}\">\n <ng-content></ng-content>\n </div>\n\n </div>\n</div>\n", styles: [".card-body:empty{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardComponent, decorators: [{
|
|
41
|
+
type: Component,
|
|
42
|
+
args: [{ selector: 'it-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"card-wrapper\" [class.card-space]=\"isSpace\">\n <div class=\"card {{cardClass}}\"\n [class.card-teaser]=\"isTeaser\"\n [class.card-img.no-after]=\"isHasImage\"\n [class.shadow]=\"isShadow\"\n [class.rounded]=\"isRounded\">\n\n <ng-content select=\"[beforeBody]\"></ng-content>\n\n <div class=\"card-body {{bodyClass}}\">\n <ng-content></ng-content>\n </div>\n\n </div>\n</div>\n", styles: [".card-body:empty{display:none}\n"] }]
|
|
43
|
+
}], propDecorators: { space: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], teaser: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], hasImage: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], rounded: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], shadow: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], cardClass: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], bodyClass: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}] } });
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvY2FyZC9jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9jYXJkL2NhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDMUUsT0FBTyxFQUFnQixrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQVFoRixNQUFNLE9BQU8sYUFBYyxTQUFRLGlCQUFpQjtJQU5wRDs7UUFRRTs7O1dBR0c7UUFDTSxVQUFLLEdBQWlCLElBQUksQ0FBQztRQXNCcEM7O1dBRUc7UUFDTSxjQUFTLEdBQVcsRUFBRSxDQUFDO1FBRWhDOztXQUVHO1FBQ00sY0FBUyxHQUFXLEVBQUUsQ0FBQztLQXNCakM7SUFwQkMsSUFBSSxPQUFPO1FBQ1QsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxJQUFJLFVBQVU7UUFDWixPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3pDLENBQUM7OzBHQXhEVSxhQUFhOzhGQUFiLGFBQWEsZ09DVjFCLGtiQWVBOzJGRExhLGFBQWE7a0JBTnpCLFNBQVM7K0JBQ0UsU0FBUyxtQkFHRix1QkFBdUIsQ0FBQyxNQUFNOzhCQVF0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csT0FBTztzQkFBZixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9hYnN0cmFjdHMvYWJzdHJhY3QuY29tcG9uZW50JztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCwgaXNUcnVlQm9vbGVhbklucHV0IH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvYm9vbGVhbi1pbnB1dCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2l0LWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0Q29tcG9uZW50IHtcblxuICAvKipcbiAgICogSXQgc2VydmVzIHRvIHNwYWNlIHRoZSBjYXJkcyBpbiB0aGVpciBtb2JpbGUgdmVyc2lvbi5cbiAgICogQGRlZmF1bHQgdHJ1ZVxuICAgKi9cbiAgQElucHV0KCkgc3BhY2U6IEJvb2xlYW5JbnB1dCA9IHRydWU7XG5cbiAgLyoqXG4gICAqIFRvIGNyZWF0ZSBjYXJkcyB3aXRoIHNob3J0IG9yIFwicHJldmlld1wiIGNvbnRlbnRcbiAgICovXG4gIEBJbnB1dCgpIHRlYXNlcj86IEJvb2xlYW5JbnB1dDtcblxuICAvKipcbiAgICogQ2FyZCB3aXRoIGltYWdlXG4gICAqL1xuICBASW5wdXQoKSBoYXNJbWFnZT86IEJvb2xlYW5JbnB1dDtcblxuICAvKipcbiAgICogVG8gYWRkIHJvdW5kaW5nIGVmZmVjdHNcbiAgICovXG4gIEBJbnB1dCgpIHJvdW5kZWQ/OiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIFRvIGFkZCBzaGFkb3cgZWZmZWN0c1xuICAgKi9cbiAgQElucHV0KCkgc2hhZG93PzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBDdXN0b20gY2FyZCBjbGFzc1xuICAgKi9cbiAgQElucHV0KCkgY2FyZENsYXNzOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogQ3VzdG9tIGNhcmQgYm9keSBjbGFzc1xuICAgKi9cbiAgQElucHV0KCkgYm9keUNsYXNzOiBzdHJpbmcgPSAnJztcblxuICBnZXQgaXNTcGFjZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuc3BhY2UpO1xuICB9XG5cbiAgZ2V0IGlzVGVhc2VyKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy50ZWFzZXIpO1xuICB9XG5cbiAgZ2V0IGlzSGFzSW1hZ2UoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLmhhc0ltYWdlKTtcbiAgfVxuXG4gIGdldCBpc1JvdW5kZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLnJvdW5kZWQpO1xuICB9XG5cbiAgZ2V0IGlzU2hhZG93KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy5zaGFkb3cpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJjYXJkLXdyYXBwZXJcIiBbY2xhc3MuY2FyZC1zcGFjZV09XCJpc1NwYWNlXCI+XG4gIDxkaXYgY2xhc3M9XCJjYXJkIHt7Y2FyZENsYXNzfX1cIlxuICAgICAgIFtjbGFzcy5jYXJkLXRlYXNlcl09XCJpc1RlYXNlclwiXG4gICAgICAgW2NsYXNzLmNhcmQtaW1nLm5vLWFmdGVyXT1cImlzSGFzSW1hZ2VcIlxuICAgICAgIFtjbGFzcy5zaGFkb3ddPVwiaXNTaGFkb3dcIlxuICAgICAgIFtjbGFzcy5yb3VuZGVkXT1cImlzUm91bmRlZFwiPlxuXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2JlZm9yZUJvZHldXCI+PC9uZy1jb250ZW50PlxuXG4gICAgPGRpdiBjbGFzcz1cImNhcmQtYm9keSB7e2JvZHlDbGFzc319XCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ContentChildren, Input, ViewChild } from '@angular/core';
|
|
2
|
+
import { isTrueBooleanInput } from '../../../../utils/boolean-input';
|
|
3
|
+
import { CarouselItemComponent } from '../carousel-item/carousel-item.component';
|
|
4
|
+
import { CarouselBI } from 'bootstrap-italia';
|
|
5
|
+
import { startWith } from 'rxjs';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/common";
|
|
8
|
+
export class CarouselComponent {
|
|
9
|
+
constructor(_changeDetectorRef) {
|
|
10
|
+
this._changeDetectorRef = _changeDetectorRef;
|
|
11
|
+
/**
|
|
12
|
+
* The carousel type
|
|
13
|
+
* @default default
|
|
14
|
+
*/
|
|
15
|
+
this.type = 'default';
|
|
16
|
+
/**
|
|
17
|
+
* Custom class in splide__track element
|
|
18
|
+
*/
|
|
19
|
+
this.trackClass = '';
|
|
20
|
+
}
|
|
21
|
+
get typeClass() {
|
|
22
|
+
const typeClass = 'it-carousel-landscape-abstract';
|
|
23
|
+
return this.type === 'default' ? typeClass : typeClass + `-${this.type}`;
|
|
24
|
+
}
|
|
25
|
+
get isFullCarousel() {
|
|
26
|
+
return isTrueBooleanInput(this.fullCarousel);
|
|
27
|
+
}
|
|
28
|
+
get isBigImg() {
|
|
29
|
+
return isTrueBooleanInput(this.bigImg);
|
|
30
|
+
}
|
|
31
|
+
get isLined() {
|
|
32
|
+
return isTrueBooleanInput(this.lined);
|
|
33
|
+
}
|
|
34
|
+
ngAfterViewInit() {
|
|
35
|
+
this.carousel = CarouselBI.getOrCreateInstance(this.carouselDiv.nativeElement);
|
|
36
|
+
this.items?.changes.pipe(// When carousel items changes (dynamic add/remove)
|
|
37
|
+
startWith(undefined)).subscribe(() => {
|
|
38
|
+
this.itemSubscriptions?.forEach(sub => sub.unsubscribe()); // Remove old subscriptions
|
|
39
|
+
this.itemSubscriptions = this.items?.map(item => item.valueChanges.subscribe(() => {
|
|
40
|
+
this._changeDetectorRef.detectChanges(); // DetectChanges when carousel item attributes changes
|
|
41
|
+
}));
|
|
42
|
+
this._changeDetectorRef.detectChanges(); // Force update html render
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
ngOnDestroy() {
|
|
46
|
+
this.itemSubscriptions?.forEach(item => item.unsubscribe());
|
|
47
|
+
}
|
|
48
|
+
/**
|
|
49
|
+
* Removes CarouselBI features
|
|
50
|
+
*/
|
|
51
|
+
dispose() {
|
|
52
|
+
this.carousel?.dispose();
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
CarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CarouselComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
56
|
+
CarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CarouselComponent, selector: "it-carousel", inputs: { title: "title", type: "type", trackClass: "trackClass", fullCarousel: "fullCarousel", bigImg: "bigImg", lined: "lined" }, queries: [{ propertyName: "items", predicate: CarouselItemComponent }], viewQueries: [{ propertyName: "carouselDiv", first: true, predicate: ["carousel"], descendants: true }], exportAs: ["itCarousel"], ngImport: i0, template: "<div #carousel class=\"it-carousel-wrapper splide {{typeClass}}\"\n [class.it-full-carousel]=\"isFullCarousel\"\n [class.it-big-img]=\"isBigImg\"\n data-bs-carousel-splide>\n\n <div class=\"it-header-block\" *ngIf=\"title\">\n <div class=\"it-header-block-title\">\n <h2>{{title}}</h2>\n </div>\n </div>\n\n <div class=\"splide__track {{trackClass}}\">\n <ul class=\"splide__list\">\n <li *ngFor=\"let item of items\" class=\"splide__slide\" [class.lined_slide]=\"isLined\">\n <div class=\"it-single-slide-wrapper\">\n <ng-container *ngTemplateOutlet=\"item.htmlContent\"></ng-container>\n </div>\n </li>\n </ul>\n </div>\n</div>\n", styles: [".splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;contain:strict;display:inline-block;height:20px;inset:0;margin:auto;position:absolute;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover{opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{background:#ccc;height:3px}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{left:auto;right:1em}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{bottom:1em;top:auto}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination,.splide--ttb>.splide__slider>.splide__pagination{display:flex;flex-direction:column;inset:0 .5em 0 auto;padding:1em 0}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CarouselComponent, decorators: [{
|
|
58
|
+
type: Component,
|
|
59
|
+
args: [{ selector: 'it-carousel', exportAs: 'itCarousel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #carousel class=\"it-carousel-wrapper splide {{typeClass}}\"\n [class.it-full-carousel]=\"isFullCarousel\"\n [class.it-big-img]=\"isBigImg\"\n data-bs-carousel-splide>\n\n <div class=\"it-header-block\" *ngIf=\"title\">\n <div class=\"it-header-block-title\">\n <h2>{{title}}</h2>\n </div>\n </div>\n\n <div class=\"splide__track {{trackClass}}\">\n <ul class=\"splide__list\">\n <li *ngFor=\"let item of items\" class=\"splide__slide\" [class.lined_slide]=\"isLined\">\n <div class=\"it-single-slide-wrapper\">\n <ng-container *ngTemplateOutlet=\"item.htmlContent\"></ng-container>\n </div>\n </li>\n </ul>\n </div>\n</div>\n", styles: [".splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;contain:strict;display:inline-block;height:20px;inset:0;margin:auto;position:absolute;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover{opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{background:#ccc;height:3px}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{left:auto;right:1em}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{bottom:1em;top:auto}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination,.splide--ttb>.splide__slider>.splide__pagination{display:flex;flex-direction:column;inset:0 .5em 0 auto;padding:1em 0}\n"] }]
|
|
60
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
|
|
61
|
+
type: Input
|
|
62
|
+
}], type: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}], trackClass: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}], fullCarousel: [{
|
|
67
|
+
type: Input
|
|
68
|
+
}], bigImg: [{
|
|
69
|
+
type: Input
|
|
70
|
+
}], lined: [{
|
|
71
|
+
type: Input
|
|
72
|
+
}], items: [{
|
|
73
|
+
type: ContentChildren,
|
|
74
|
+
args: [CarouselItemComponent]
|
|
75
|
+
}], carouselDiv: [{
|
|
76
|
+
type: ViewChild,
|
|
77
|
+
args: ['carousel']
|
|
78
|
+
}] } });
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2Nhcm91c2VsL2Nhcm91c2VsL2Nhcm91c2VsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9jYXJvdXNlbC9jYXJvdXNlbC9jYXJvdXNlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxlQUFlLEVBRWYsS0FBSyxFQUdMLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQWdCLGtCQUFrQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbkYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDakYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxTQUFTLEVBQWdCLE1BQU0sTUFBTSxDQUFDOzs7QUFTL0MsTUFBTSxPQUFPLGlCQUFpQjtJQTJENUIsWUFDbUIsa0JBQXFDO1FBQXJDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFyRHhEOzs7V0FHRztRQUNNLFNBQUksR0FBaUIsU0FBUyxDQUFDO1FBRXhDOztXQUVHO1FBQ00sZUFBVSxHQUFXLEVBQUUsQ0FBQztJQThDakMsQ0FBQztJQXBCRCxJQUFJLFNBQVM7UUFDWCxNQUFNLFNBQVMsR0FBRyxnQ0FBZ0MsQ0FBQztRQUNuRCxPQUFPLElBQUksQ0FBQyxJQUFJLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsR0FBRyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMzRSxDQUFDO0lBRUQsSUFBSSxjQUFjO1FBQ2hCLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRUQsSUFBSSxPQUFPO1FBQ1QsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQU9ELGVBQWU7UUFDYixJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQy9FLElBQUksQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBRSxtREFBbUQ7UUFDM0UsU0FBUyxDQUFDLFNBQVMsQ0FBQyxDQUNyQixDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDZixJQUFJLENBQUMsaUJBQWlCLEVBQUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUMsQ0FBQywyQkFBMkI7WUFDdEYsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUNoRixJQUFJLENBQUMsa0JBQWtCLENBQUMsYUFBYSxFQUFFLENBQUMsQ0FBQyxzREFBc0Q7WUFDakcsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNKLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDLDJCQUEyQjtRQUN0RSxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGlCQUFpQixFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFFRDs7T0FFRztJQUNJLE9BQU87UUFDWixJQUFJLENBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxDQUFDO0lBQzNCLENBQUM7OzhHQXRGVSxpQkFBaUI7a0dBQWpCLGlCQUFpQiw2TUFpQ1gscUJBQXFCLGdLQzFEeEMsMnJCQXFCQTsyRkRJYSxpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsYUFBYSxZQUdiLFlBQVksbUJBQ0wsdUJBQXVCLENBQUMsTUFBTTt3R0FPdEMsS0FBSztzQkFBYixLQUFLO2dCQU1HLElBQUk7c0JBQVosS0FBSztnQkFLRyxVQUFVO3NCQUFsQixLQUFLO2dCQUtHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFFa0MsS0FBSztzQkFBNUMsZUFBZTt1QkFBQyxxQkFBcUI7Z0JBS1AsV0FBVztzQkFBekMsU0FBUzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgUXVlcnlMaXN0LFxuICBWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYXJvdXNlbFR5cGUgfSBmcm9tICcuLi8uLi8uLi8uLi9pbnRlcmZhY2VzL2NvcmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0LCBpc1RydWVCb29sZWFuSW5wdXQgfSBmcm9tICcuLi8uLi8uLi8uLi91dGlscy9ib29sZWFuLWlucHV0JztcbmltcG9ydCB7IENhcm91c2VsSXRlbUNvbXBvbmVudCB9IGZyb20gJy4uL2Nhcm91c2VsLWl0ZW0vY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2Fyb3VzZWxCSSB9IGZyb20gJ2Jvb3RzdHJhcC1pdGFsaWEnO1xuaW1wb3J0IHsgc3RhcnRXaXRoLCBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXQtY2Fyb3VzZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2Fyb3VzZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJvdXNlbC5jb21wb25lbnQuc2NzcyddLFxuICBleHBvcnRBczogJ2l0Q2Fyb3VzZWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBDYXJvdXNlbENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG5cbiAgLyoqXG4gICAqIFRoZSBjYWxsb3V0IHRpdGxlXG4gICAqL1xuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcblxuICAvKipcbiAgICogVGhlIGNhcm91c2VsIHR5cGVcbiAgICogQGRlZmF1bHQgZGVmYXVsdFxuICAgKi9cbiAgQElucHV0KCkgdHlwZTogQ2Fyb3VzZWxUeXBlID0gJ2RlZmF1bHQnO1xuXG4gIC8qKlxuICAgKiBDdXN0b20gY2xhc3MgaW4gc3BsaWRlX190cmFjayBlbGVtZW50XG4gICAqL1xuICBASW5wdXQoKSB0cmFja0NsYXNzOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogVHJ1ZSBmb3IgZnVsbCBzY3JlZW4gKGxhbmRzY2FwZSkgdmlld2luZ1xuICAgKi9cbiAgQElucHV0KCkgZnVsbENhcm91c2VsPzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBUbyBpbmRpY2F0ZSB0aGF0IHRoZSBjb250YWluZWQgaW1hZ2UgaXMgb2YgYSBsYXJnZSB0eXBlXG4gICAqL1xuICBASW5wdXQoKSBiaWdJbWc/OiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIENhcmQgbGluZSBzdHlsZVxuICAgKi9cbiAgQElucHV0KCkgbGluZWQ/OiBCb29sZWFuSW5wdXQ7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihDYXJvdXNlbEl0ZW1Db21wb25lbnQpIGl0ZW1zPzogUXVlcnlMaXN0PENhcm91c2VsSXRlbUNvbXBvbmVudD47XG5cblxuICBwcml2YXRlIGNhcm91c2VsPzogQ2Fyb3VzZWxCSTtcblxuICBAVmlld0NoaWxkKCdjYXJvdXNlbCcpIHByaXZhdGUgY2Fyb3VzZWxEaXYhOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcblxuICBwcml2YXRlIGl0ZW1TdWJzY3JpcHRpb25zPzogQXJyYXk8U3Vic2NyaXB0aW9uPjtcblxuICBnZXQgdHlwZUNsYXNzKCk6IHN0cmluZyB7XG4gICAgY29uc3QgdHlwZUNsYXNzID0gJ2l0LWNhcm91c2VsLWxhbmRzY2FwZS1hYnN0cmFjdCc7XG4gICAgcmV0dXJuIHRoaXMudHlwZSA9PT0gJ2RlZmF1bHQnID8gdHlwZUNsYXNzIDogdHlwZUNsYXNzICsgYC0ke3RoaXMudHlwZX1gO1xuICB9XG5cbiAgZ2V0IGlzRnVsbENhcm91c2VsKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy5mdWxsQ2Fyb3VzZWwpO1xuICB9XG5cbiAgZ2V0IGlzQmlnSW1nKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy5iaWdJbWcpO1xuICB9XG5cbiAgZ2V0IGlzTGluZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLmxpbmVkKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgX2NoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZlxuICApIHtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNhcm91c2VsID0gQ2Fyb3VzZWxCSS5nZXRPckNyZWF0ZUluc3RhbmNlKHRoaXMuY2Fyb3VzZWxEaXYubmF0aXZlRWxlbWVudCk7XG4gICAgdGhpcy5pdGVtcz8uY2hhbmdlcy5waXBlKCAvLyBXaGVuIGNhcm91c2VsIGl0ZW1zIGNoYW5nZXMgKGR5bmFtaWMgYWRkL3JlbW92ZSlcbiAgICAgIHN0YXJ0V2l0aCh1bmRlZmluZWQpXG4gICAgKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5pdGVtU3Vic2NyaXB0aW9ucz8uZm9yRWFjaChzdWIgPT4gc3ViLnVuc3Vic2NyaWJlKCkpOyAvLyBSZW1vdmUgb2xkIHN1YnNjcmlwdGlvbnNcbiAgICAgIHRoaXMuaXRlbVN1YnNjcmlwdGlvbnMgPSB0aGlzLml0ZW1zPy5tYXAoaXRlbSA9PiBpdGVtLnZhbHVlQ2hhbmdlcy5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICB0aGlzLl9jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7IC8vIERldGVjdENoYW5nZXMgd2hlbiBjYXJvdXNlbCBpdGVtIGF0dHJpYnV0ZXMgY2hhbmdlc1xuICAgICAgfSkpO1xuICAgICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpOyAvLyBGb3JjZSB1cGRhdGUgaHRtbCByZW5kZXJcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuaXRlbVN1YnNjcmlwdGlvbnM/LmZvckVhY2goaXRlbSA9PiBpdGVtLnVuc3Vic2NyaWJlKCkpO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlbW92ZXMgQ2Fyb3VzZWxCSSBmZWF0dXJlc1xuICAgKi9cbiAgcHVibGljIGRpc3Bvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jYXJvdXNlbD8uZGlzcG9zZSgpO1xuICB9XG59XG4iLCI8ZGl2ICNjYXJvdXNlbCBjbGFzcz1cIml0LWNhcm91c2VsLXdyYXBwZXIgc3BsaWRlIHt7dHlwZUNsYXNzfX1cIlxuICAgICBbY2xhc3MuaXQtZnVsbC1jYXJvdXNlbF09XCJpc0Z1bGxDYXJvdXNlbFwiXG4gICAgIFtjbGFzcy5pdC1iaWctaW1nXT1cImlzQmlnSW1nXCJcbiAgICAgZGF0YS1icy1jYXJvdXNlbC1zcGxpZGU+XG5cbiAgPGRpdiBjbGFzcz1cIml0LWhlYWRlci1ibG9ja1wiICpuZ0lmPVwidGl0bGVcIj5cbiAgICA8ZGl2IGNsYXNzPVwiaXQtaGVhZGVyLWJsb2NrLXRpdGxlXCI+XG4gICAgICA8aDI+e3t0aXRsZX19PC9oMj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInNwbGlkZV9fdHJhY2sge3t0cmFja0NsYXNzfX1cIj5cbiAgICA8dWwgY2xhc3M9XCJzcGxpZGVfX2xpc3RcIj5cbiAgICAgIDxsaSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiIGNsYXNzPVwic3BsaWRlX19zbGlkZVwiIFtjbGFzcy5saW5lZF9zbGlkZV09XCJpc0xpbmVkXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpdC1zaW5nbGUtc2xpZGUtd3JhcHBlclwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpdGVtLmh0bWxDb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9saT5cbiAgICA8L3VsPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, TemplateRef, ViewChild } from '@angular/core';
|
|
2
|
+
import { AbstractComponent } from '../../../../abstracts/abstract.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class CarouselItemComponent extends AbstractComponent {
|
|
5
|
+
}
|
|
6
|
+
CarouselItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CarouselItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
CarouselItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CarouselItemComponent, selector: "it-carousel-item", 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", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CarouselItemComponent, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
args: [{ selector: 'it-carousel-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template>\n <ng-content></ng-content>\n</ng-template>\n" }]
|
|
11
|
+
}], propDecorators: { htmlContent: [{
|
|
12
|
+
type: ViewChild,
|
|
13
|
+
args: [TemplateRef]
|
|
14
|
+
}] } });
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvY2Fyb3VzZWwvY2Fyb3VzZWwtaXRlbS9jYXJvdXNlbC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9jYXJvdXNlbC9jYXJvdXNlbC1pdGVtL2Nhcm91c2VsLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOztBQU83RSxNQUFNLE9BQU8scUJBQXNCLFNBQVEsaUJBQWlCOztrSEFBL0MscUJBQXFCO3NHQUFyQixxQkFBcUIscUdBS3JCLFdBQVcsdUVDYnhCLDhEQUdBOzJGREthLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxrQkFBa0IsbUJBRVgsdUJBQXVCLENBQUMsTUFBTTs4QkFPaEIsV0FBVztzQkFBekMsU0FBUzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9hYnN0cmFjdHMvYWJzdHJhY3QuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXQtY2Fyb3VzZWwtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJvdXNlbC1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQ2Fyb3VzZWxJdGVtQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RDb21wb25lbnQge1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiBpdGVtXG4gICAqL1xuICBAVmlld0NoaWxkKFRlbXBsYXRlUmVmKSBwdWJsaWMgaHRtbENvbnRlbnQhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG59XG4iLCI8bmctdGVtcGxhdGU+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@ngx-translate/core";
|
|
5
|
+
export class ChipComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this._label = '';
|
|
8
|
+
this._showCloseButton = false;
|
|
9
|
+
this._size = '';
|
|
10
|
+
this._color = undefined;
|
|
11
|
+
this._disabled = false;
|
|
12
|
+
this._icon = undefined;
|
|
13
|
+
this._avatar = undefined;
|
|
14
|
+
this._altAvatar = '';
|
|
15
|
+
/**
|
|
16
|
+
* Evento emesso al click sul bottone di chiusura
|
|
17
|
+
*/
|
|
18
|
+
this.close = new EventEmitter();
|
|
19
|
+
this.iconClose = 'close';
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Indica la label
|
|
23
|
+
*/
|
|
24
|
+
set label(value) { this._label = value; }
|
|
25
|
+
get label() { return this._label; }
|
|
26
|
+
/**
|
|
27
|
+
* Indica se mostrate il pulante di chisura
|
|
28
|
+
*/
|
|
29
|
+
set showCloseButton(value) { this._showCloseButton = value; }
|
|
30
|
+
get showCloseButton() { return this._showCloseButton; }
|
|
31
|
+
/**
|
|
32
|
+
* Indica il size
|
|
33
|
+
*/
|
|
34
|
+
set size(value) { this._size = value; }
|
|
35
|
+
get size() { return this._size; }
|
|
36
|
+
/**
|
|
37
|
+
* Indica il colore della chip
|
|
38
|
+
*/
|
|
39
|
+
set color(value) { this._color = value; }
|
|
40
|
+
get color() { return this._color; }
|
|
41
|
+
/**
|
|
42
|
+
* Indica se la chip è disabilitata
|
|
43
|
+
*/
|
|
44
|
+
set disabled(value) { this._disabled = value; }
|
|
45
|
+
get disabled() { return this._disabled; }
|
|
46
|
+
/**
|
|
47
|
+
* Indica il nome dell'icona, se valorizzata viene mostrata
|
|
48
|
+
*/
|
|
49
|
+
set icon(value) { this._icon = value; }
|
|
50
|
+
get icon() { return this._icon; }
|
|
51
|
+
/**
|
|
52
|
+
* Indica l'url dell'avatar, se valorizzata viene mostrata
|
|
53
|
+
*/
|
|
54
|
+
set avatar(value) { this._avatar = value; }
|
|
55
|
+
get avatar() { return this._avatar; }
|
|
56
|
+
/**
|
|
57
|
+
* Indica il valore da aggiungere al parametro alt, di default ''
|
|
58
|
+
*/
|
|
59
|
+
set altAvatar(value) { this._altAvatar = value; }
|
|
60
|
+
get altAvatar() { return this._altAvatar; }
|
|
61
|
+
clickToClose() {
|
|
62
|
+
this.close.emit();
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
ChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
+
ChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ChipComponent, selector: "it-chip", inputs: { label: "label", showCloseButton: "showCloseButton", size: "size", color: "color", disabled: "disabled", icon: "icon", avatar: "avatar", altAvatar: "altAvatar" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"chip\" [ngClass]=\"[!showCloseButton ? 'chip-simple': 'alert', size === 'lg' ? 'chip-lg': '', color ? 'chip-' + color : '', disabled ? 'chip-disabled' : '']\">\n <svg *ngIf=\"icon\" class=\"icon icon-xs\"><use [attr.href]=\"'/bootstrap-italia/dist/svg/sprites.svg#it-' + icon\" [attr.xlink:href]=\"'/bootstrap-italia/dist/svg/sprites.svg#it-' + icon\"></use></svg>\n <div *ngIf=\"avatar\" class=\"avatar size-xs\">\n <img [src]=\"avatar\" [alt]=\"altAvatar\">\n </div>\n <span class=\"chip-label\">{{ label }}</span>\n <button *ngIf=\"showCloseButton\" (click)=\"clickToClose()\" [disabled]=\"disabled\">\n <svg class=\"icon\"><use href=\"/bootstrap-italia/dist/svg/sprites.svg#it-close\" xlink:href=\"/bootstrap-italia/dist/svg/sprites.svg#it-close\"></use></svg>\n <span class=\"visually-hidden\">{{ 'it.core.remove' | translate }} {{ label }}</span>\n </button>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ChipComponent, decorators: [{
|
|
68
|
+
type: Component,
|
|
69
|
+
args: [{ selector: 'it-chip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"chip\" [ngClass]=\"[!showCloseButton ? 'chip-simple': 'alert', size === 'lg' ? 'chip-lg': '', color ? 'chip-' + color : '', disabled ? 'chip-disabled' : '']\">\n <svg *ngIf=\"icon\" class=\"icon icon-xs\"><use [attr.href]=\"'/bootstrap-italia/dist/svg/sprites.svg#it-' + icon\" [attr.xlink:href]=\"'/bootstrap-italia/dist/svg/sprites.svg#it-' + icon\"></use></svg>\n <div *ngIf=\"avatar\" class=\"avatar size-xs\">\n <img [src]=\"avatar\" [alt]=\"altAvatar\">\n </div>\n <span class=\"chip-label\">{{ label }}</span>\n <button *ngIf=\"showCloseButton\" (click)=\"clickToClose()\" [disabled]=\"disabled\">\n <svg class=\"icon\"><use href=\"/bootstrap-italia/dist/svg/sprites.svg#it-close\" xlink:href=\"/bootstrap-italia/dist/svg/sprites.svg#it-close\"></use></svg>\n <span class=\"visually-hidden\">{{ 'it.core.remove' | translate }} {{ label }}</span>\n </button>\n</div>" }]
|
|
70
|
+
}], propDecorators: { label: [{
|
|
71
|
+
type: Input
|
|
72
|
+
}], showCloseButton: [{
|
|
73
|
+
type: Input
|
|
74
|
+
}], size: [{
|
|
75
|
+
type: Input
|
|
76
|
+
}], color: [{
|
|
77
|
+
type: Input
|
|
78
|
+
}], disabled: [{
|
|
79
|
+
type: Input
|
|
80
|
+
}], icon: [{
|
|
81
|
+
type: Input
|
|
82
|
+
}], avatar: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}], altAvatar: [{
|
|
85
|
+
type: Input
|
|
86
|
+
}], close: [{
|
|
87
|
+
type: Output
|
|
88
|
+
}] } });
|
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvY2hpcC9jaGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9jaGlwL2NoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVVoRyxNQUFNLE9BQU8sYUFBYTtJQUwxQjtRQVlVLFdBQU0sR0FBRyxFQUFFLENBQUM7UUFPWixxQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFPekIsVUFBSyxHQUFlLEVBQUUsQ0FBQztRQU92QixXQUFNLEdBQTJCLFNBQVMsQ0FBQztRQU8zQyxjQUFTLEdBQWEsS0FBSyxDQUFDO1FBTzVCLFVBQUssR0FBMEIsU0FBUyxDQUFDO1FBT3pDLFlBQU8sR0FBd0IsU0FBUyxDQUFDO1FBT3pDLGVBQVUsR0FBWSxFQUFFLENBQUM7UUFFakM7O1VBRUU7UUFDUSxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVyQyxjQUFTLEdBQWEsT0FBTyxDQUFDO0tBSy9CO0lBbEVDOztNQUVFO0lBQ0YsSUFBYSxLQUFLLENBQUUsS0FBYSxJQUFJLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUMzRCxJQUFJLEtBQUssS0FBYyxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRzVDOztNQUVFO0lBQ0YsSUFBYSxlQUFlLENBQUUsS0FBYyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ2hGLElBQUksZUFBZSxLQUFlLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQztJQUdqRTs7TUFFRTtJQUNGLElBQWEsSUFBSSxDQUFFLEtBQWdCLElBQUksSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzVELElBQUksSUFBSSxLQUFpQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBRzdDOztNQUVFO0lBQ0YsSUFBYSxLQUFLLENBQUUsS0FBNEIsSUFBSSxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDMUUsSUFBSSxLQUFLLEtBQTZCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFHM0Q7O01BRUU7SUFDRixJQUFhLFFBQVEsQ0FBRSxLQUFjLElBQUksSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ2xFLElBQUksUUFBUSxLQUFlLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFHbkQ7O01BRUU7SUFDRixJQUFhLElBQUksQ0FBRSxLQUEyQixJQUFJLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUN2RSxJQUFJLElBQUksS0FBNEIsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUd4RDs7TUFFRTtJQUNGLElBQWEsTUFBTSxDQUFFLEtBQXlCLElBQUksSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ3pFLElBQUksTUFBTSxLQUEwQixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBRzFEOztNQUVFO0lBQ0YsSUFBYSxTQUFTLENBQUUsS0FBYSxJQUFJLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUNuRSxJQUFJLFNBQVMsS0FBYyxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBVXBELFlBQVk7UUFDVixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3BCLENBQUM7OzBHQW5FVSxhQUFhOzhGQUFiLGFBQWEsd1BDVjFCLDg1QkFVTTsyRkRBTyxhQUFhO2tCQUx6QixTQUFTOytCQUNFLFNBQVMsbUJBRUYsdUJBQXVCLENBQUMsTUFBTTs4QkFPbEMsS0FBSztzQkFBakIsS0FBSztnQkFPTyxlQUFlO3NCQUEzQixLQUFLO2dCQU9PLElBQUk7c0JBQWhCLEtBQUs7Z0JBT08sS0FBSztzQkFBakIsS0FBSztnQkFPTyxRQUFRO3NCQUFwQixLQUFLO2dCQU9PLElBQUk7c0JBQWhCLEtBQUs7Z0JBT08sTUFBTTtzQkFBbEIsS0FBSztnQkFPTyxTQUFTO3NCQUFyQixLQUFLO2dCQU9JLEtBQUs7c0JBQWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWNvbk5hbWUgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2ljb24nO1xuXG5leHBvcnQgdHlwZSBDaGlwQ29sb3IgPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdzdWNjZXNzJyB8ICdkYW5nZXInIHwgJ3dhcm5pbmcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpdC1jaGlwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoaXAuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBDaGlwQ29tcG9uZW50IHtcblxuICAvKipcbiAgICogSW5kaWNhIGxhIGxhYmVsXG4gICovXG4gIEBJbnB1dCgpIHNldCBsYWJlbCAodmFsdWU6IHN0cmluZykgeyB0aGlzLl9sYWJlbCA9IHZhbHVlOyB9XG4gIGdldCBsYWJlbCAoKTogc3RyaW5nIHsgcmV0dXJuIHRoaXMuX2xhYmVsOyB9XG4gIHByaXZhdGUgX2xhYmVsID0gJyc7XG5cbiAgLyoqXG4gICAqIEluZGljYSBzZSBtb3N0cmF0ZSBpbCBwdWxhbnRlIGRpIGNoaXN1cmFcbiAgKi9cbiAgQElucHV0KCkgc2V0IHNob3dDbG9zZUJ1dHRvbiAodmFsdWU6IGJvb2xlYW4pIHsgdGhpcy5fc2hvd0Nsb3NlQnV0dG9uID0gdmFsdWU7IH1cbiAgZ2V0IHNob3dDbG9zZUJ1dHRvbiAoKTogYm9vbGVhbiB7IHJldHVybiB0aGlzLl9zaG93Q2xvc2VCdXR0b247IH1cbiAgcHJpdmF0ZSBfc2hvd0Nsb3NlQnV0dG9uID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEluZGljYSBpbCBzaXplXG4gICovXG4gIEBJbnB1dCgpIHNldCBzaXplICh2YWx1ZTogJycgfCAnbGcnKSB7IHRoaXMuX3NpemUgPSB2YWx1ZTsgfVxuICBnZXQgc2l6ZSAoKTogJycgfCAnbGcnIHsgcmV0dXJuIHRoaXMuX3NpemU7IH1cbiAgcHJpdmF0ZSBfc2l6ZTogJycgfCAnbGcnICA9ICcnO1xuXG4gIC8qKlxuICAgKiBJbmRpY2EgaWwgY29sb3JlIGRlbGxhIGNoaXBcbiAgKi9cbiAgQElucHV0KCkgc2V0IGNvbG9yICh2YWx1ZTogQ2hpcENvbG9yIHwgdW5kZWZpbmVkKSB7IHRoaXMuX2NvbG9yID0gdmFsdWU7IH1cbiAgZ2V0IGNvbG9yICgpOiBDaGlwQ29sb3IgfCB1bmRlZmluZWQgeyByZXR1cm4gdGhpcy5fY29sb3I7IH1cbiAgcHJpdmF0ZSBfY29sb3I6IENoaXBDb2xvciB8IHVuZGVmaW5lZCAgPSB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIEluZGljYSBzZSBsYSBjaGlwIMOoIGRpc2FiaWxpdGF0YVxuICAqL1xuICBASW5wdXQoKSBzZXQgZGlzYWJsZWQgKHZhbHVlOiBib29sZWFuKSB7IHRoaXMuX2Rpc2FibGVkID0gdmFsdWU7IH1cbiAgZ2V0IGRpc2FibGVkICgpOiBib29sZWFuIHsgcmV0dXJuIHRoaXMuX2Rpc2FibGVkOyB9XG4gIHByaXZhdGUgX2Rpc2FibGVkOiBib29sZWFuICA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBJbmRpY2EgaWwgbm9tZSBkZWxsJ2ljb25hLCBzZSB2YWxvcml6emF0YSB2aWVuZSBtb3N0cmF0YVxuICAqL1xuICBASW5wdXQoKSBzZXQgaWNvbiAodmFsdWU6IEljb25OYW1lIHwgdW5kZWZpbmVkKSB7IHRoaXMuX2ljb24gPSB2YWx1ZTsgfVxuICBnZXQgaWNvbiAoKTogSWNvbk5hbWUgfCB1bmRlZmluZWQgeyByZXR1cm4gdGhpcy5faWNvbjsgfVxuICBwcml2YXRlIF9pY29uOiBJY29uTmFtZSB8IHVuZGVmaW5lZCAgPSB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIEluZGljYSBsJ3VybCBkZWxsJ2F2YXRhciwgc2UgdmFsb3JpenphdGEgdmllbmUgbW9zdHJhdGFcbiAgKi9cbiAgQElucHV0KCkgc2V0IGF2YXRhciAodmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkgeyB0aGlzLl9hdmF0YXIgPSB2YWx1ZTsgfVxuICBnZXQgYXZhdGFyICgpOiBzdHJpbmcgfCB1bmRlZmluZWQgeyByZXR1cm4gdGhpcy5fYXZhdGFyOyB9XG4gIHByaXZhdGUgX2F2YXRhcjogc3RyaW5nIHwgdW5kZWZpbmVkICA9IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogSW5kaWNhIGlsIHZhbG9yZSBkYSBhZ2dpdW5nZXJlIGFsIHBhcmFtZXRybyBhbHQsIGRpIGRlZmF1bHQgJydcbiAgKi9cbiAgQElucHV0KCkgc2V0IGFsdEF2YXRhciAodmFsdWU6IHN0cmluZykgeyB0aGlzLl9hbHRBdmF0YXIgPSB2YWx1ZTsgfVxuICBnZXQgYWx0QXZhdGFyICgpOiBzdHJpbmcgeyByZXR1cm4gdGhpcy5fYWx0QXZhdGFyOyB9XG4gIHByaXZhdGUgX2FsdEF2YXRhcjogc3RyaW5nICA9ICcnO1xuXG4gIC8qKlxuICAgKiBFdmVudG8gZW1lc3NvIGFsIGNsaWNrIHN1bCBib3R0b25lIGRpIGNoaXVzdXJhXG4gICovXG4gIEBPdXRwdXQoKSBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBpY29uQ2xvc2U6IEljb25OYW1lID0gJ2Nsb3NlJztcblxuICBjbGlja1RvQ2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jbG9zZS5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjaGlwXCIgW25nQ2xhc3NdPVwiWyFzaG93Q2xvc2VCdXR0b24gPyAnY2hpcC1zaW1wbGUnOiAnYWxlcnQnLCBzaXplID09PSAnbGcnID8gJ2NoaXAtbGcnOiAnJywgY29sb3IgPyAnY2hpcC0nICsgY29sb3IgOiAnJywgZGlzYWJsZWQgPyAnY2hpcC1kaXNhYmxlZCcgOiAnJ11cIj5cbiAgICA8c3ZnICpuZ0lmPVwiaWNvblwiIGNsYXNzPVwiaWNvbiBpY29uLXhzXCI+PHVzZSBbYXR0ci5ocmVmXT1cIicvYm9vdHN0cmFwLWl0YWxpYS9kaXN0L3N2Zy9zcHJpdGVzLnN2ZyNpdC0nICsgaWNvblwiIFthdHRyLnhsaW5rOmhyZWZdPVwiJy9ib290c3RyYXAtaXRhbGlhL2Rpc3Qvc3ZnL3Nwcml0ZXMuc3ZnI2l0LScgKyBpY29uXCI+PC91c2U+PC9zdmc+XG4gICAgPGRpdiAqbmdJZj1cImF2YXRhclwiIGNsYXNzPVwiYXZhdGFyIHNpemUteHNcIj5cbiAgICAgICAgPGltZyBbc3JjXT1cImF2YXRhclwiIFthbHRdPVwiYWx0QXZhdGFyXCI+XG4gICAgPC9kaXY+XG4gICAgPHNwYW4gY2xhc3M9XCJjaGlwLWxhYmVsXCI+e3sgbGFiZWwgfX08L3NwYW4+XG4gICAgPGJ1dHRvbiAqbmdJZj1cInNob3dDbG9zZUJ1dHRvblwiIChjbGljayk9XCJjbGlja1RvQ2xvc2UoKVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgICAgICA8c3ZnIGNsYXNzPVwiaWNvblwiPjx1c2UgaHJlZj1cIi9ib290c3RyYXAtaXRhbGlhL2Rpc3Qvc3ZnL3Nwcml0ZXMuc3ZnI2l0LWNsb3NlXCIgeGxpbms6aHJlZj1cIi9ib290c3RyYXAtaXRhbGlhL2Rpc3Qvc3ZnL3Nwcml0ZXMuc3ZnI2l0LWNsb3NlXCI+PC91c2U+PC9zdmc+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidmlzdWFsbHktaGlkZGVuXCI+e3sgJ2l0LmNvcmUucmVtb3ZlJyB8IHRyYW5zbGF0ZSB9fSB7eyBsYWJlbCB9fTwvc3Bhbj5cbiAgICA8L2J1dHRvbj5cbjwvZGl2PiJdfQ==
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
|
+
import { AbstractComponent } from '../../../abstracts/abstract.component';
|
|
3
|
+
import { isTrueBooleanInput } from '../../../utils/boolean-input';
|
|
4
|
+
import { Collapse } from 'bootstrap-italia';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class CollapseComponent extends AbstractComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
super(...arguments);
|
|
9
|
+
/**
|
|
10
|
+
* Custom class
|
|
11
|
+
*/
|
|
12
|
+
this.class = '';
|
|
13
|
+
/**
|
|
14
|
+
* This event fires immediately when the show method is called.
|
|
15
|
+
*/
|
|
16
|
+
this.onShow = new EventEmitter();
|
|
17
|
+
/**
|
|
18
|
+
* This event is triggered when the tooltip has been made visible to the user (it will wait for the CSS transitions to complete).
|
|
19
|
+
*/
|
|
20
|
+
this.onShown = new EventEmitter();
|
|
21
|
+
/**
|
|
22
|
+
* This event fires immediately when the hide method is called.
|
|
23
|
+
*/
|
|
24
|
+
this.onHide = new EventEmitter();
|
|
25
|
+
/**
|
|
26
|
+
* This event is raised when the tooltip has finished being hidden from the user (it will wait for the CSS transitions to complete).
|
|
27
|
+
*/
|
|
28
|
+
this.onHidden = new EventEmitter();
|
|
29
|
+
}
|
|
30
|
+
get isMulti() {
|
|
31
|
+
return isTrueBooleanInput(this.multi);
|
|
32
|
+
}
|
|
33
|
+
get isOpenedOnStart() {
|
|
34
|
+
return isTrueBooleanInput(this.opened);
|
|
35
|
+
}
|
|
36
|
+
ngAfterViewInit() {
|
|
37
|
+
super.ngAfterViewInit();
|
|
38
|
+
this._renderer.removeAttribute(this._elementRef.nativeElement, 'class');
|
|
39
|
+
if (this.collapseDiv) {
|
|
40
|
+
const element = this.collapseDiv.nativeElement;
|
|
41
|
+
this.collapse = Collapse.getOrCreateInstance(element, {
|
|
42
|
+
toggle: this.isOpenedOnStart
|
|
43
|
+
});
|
|
44
|
+
element.addEventListener('show.bs.collapse', event => this.onShow.emit(event));
|
|
45
|
+
element.addEventListener('shown.bs.collapse', event => this.onShown.emit(event));
|
|
46
|
+
element.addEventListener('hide.bs.collapse', event => this.onHide.emit(event));
|
|
47
|
+
element.addEventListener('hidden.bs.collapse', event => this.onHidden.emit(event));
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Shows a resealable item
|
|
52
|
+
* NOTE: Returns to the caller before the collapsable element has actually been shown (onShown event).
|
|
53
|
+
*/
|
|
54
|
+
show() {
|
|
55
|
+
this.collapse?.show();
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* Hides a resealable item
|
|
59
|
+
* NOTE: Returns to the caller before the collapsable element has actually been hidden (onHidden Event)
|
|
60
|
+
*/
|
|
61
|
+
hide() {
|
|
62
|
+
this.collapse?.hide();
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* Toggle a collapsible item to show or hide it.
|
|
66
|
+
* NOTE: Returns to the caller before the collapsable element has actually been shown or hidden (onShown and onHidden events)
|
|
67
|
+
*/
|
|
68
|
+
toggle() {
|
|
69
|
+
this.collapse?.toggle();
|
|
70
|
+
}
|
|
71
|
+
/**
|
|
72
|
+
* Eliminates the possibility of an item being resealable
|
|
73
|
+
*/
|
|
74
|
+
dispose() {
|
|
75
|
+
this.collapse?.dispose();
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
CollapseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CollapseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
79
|
+
CollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CollapseComponent, selector: "it-collapse", inputs: { multi: "multi", opened: "opened", class: "class" }, outputs: { onShow: "onShow", onShown: "onShown", onHide: "onHide", onHidden: "onHidden" }, viewQueries: [{ propertyName: "collapseDiv", first: true, predicate: ["collapse"], descendants: true }], exportAs: ["itCollapse"], usesInheritance: true, ngImport: i0, template: "<div [id]=\"id\" class=\"collapse {{class}}\" [class.multi-collapse]=\"isMulti\" #collapse>\n <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CollapseComponent, decorators: [{
|
|
81
|
+
type: Component,
|
|
82
|
+
args: [{ selector: 'it-collapse', exportAs: 'itCollapse', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [id]=\"id\" class=\"collapse {{class}}\" [class.multi-collapse]=\"isMulti\" #collapse>\n <ng-content></ng-content>\n</div>\n" }]
|
|
83
|
+
}], propDecorators: { multi: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], opened: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], class: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], onShow: [{
|
|
90
|
+
type: Output
|
|
91
|
+
}], onShown: [{
|
|
92
|
+
type: Output
|
|
93
|
+
}], onHide: [{
|
|
94
|
+
type: Output
|
|
95
|
+
}], onHidden: [{
|
|
96
|
+
type: Output
|
|
97
|
+
}], collapseDiv: [{
|
|
98
|
+
type: ViewChild,
|
|
99
|
+
args: ['collapse']
|
|
100
|
+
}] } });
|
|
101
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2NvbGxhcHNlL2NvbGxhcHNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9jb2xsYXBzZS9jb2xsYXBzZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2SCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMxRSxPQUFPLEVBQWdCLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDaEYsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQVE1QyxNQUFNLE9BQU8saUJBQWtCLFNBQVEsaUJBQWlCO0lBTnhEOztRQWtCRTs7V0FFRztRQUNNLFVBQUssR0FBVyxFQUFFLENBQUM7UUFFNUI7O1dBRUc7UUFDTyxXQUFNLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFM0Q7O1dBRUc7UUFDTyxZQUFPLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFNUQ7O1dBRUc7UUFDTyxXQUFNLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFM0Q7O1dBRUc7UUFDTyxhQUFRLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7S0E4RDlEO0lBdkRDLElBQUksT0FBTztRQUNULE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxJQUFJLGVBQWU7UUFDakIsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVRLGVBQWU7UUFDdEIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxTQUFTLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBRXhFLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNwQixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQztZQUMvQyxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLEVBQUU7Z0JBQ3BELE1BQU0sRUFBRSxJQUFJLENBQUMsZUFBZTthQUM3QixDQUFDLENBQUM7WUFFSCxPQUFPLENBQUMsZ0JBQWdCLENBQUMsa0JBQWtCLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1lBQy9FLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxtQkFBbUIsRUFBRSxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7WUFDakYsT0FBTyxDQUFDLGdCQUFnQixDQUFDLGtCQUFrQixFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztZQUMvRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsb0JBQW9CLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1NBQ3BGO0lBQ0gsQ0FBQztJQUVEOzs7T0FHRztJQUNJLElBQUk7UUFDVCxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRDs7O09BR0c7SUFDSSxJQUFJO1FBQ1QsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksTUFBTTtRQUNYLElBQUksQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVEOztPQUVHO0lBQ0ksT0FBTztRQUNaLElBQUksQ0FBQyxRQUFRLEVBQUUsT0FBTyxFQUFFLENBQUM7SUFDM0IsQ0FBQzs7OEdBaEdVLGlCQUFpQjtrR0FBakIsaUJBQWlCLHNXQ1g5QixvSUFHQTsyRkRRYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0UsYUFBYSxZQUViLFlBQVksbUJBQ0wsdUJBQXVCLENBQUMsTUFBTTs4QkFPdEMsS0FBSztzQkFBYixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0ksTUFBTTtzQkFBZixNQUFNO2dCQUtHLE9BQU87c0JBQWhCLE1BQU07Z0JBS0csTUFBTTtzQkFBZixNQUFNO2dCQUtHLFFBQVE7c0JBQWpCLE1BQU07Z0JBS3dCLFdBQVc7c0JBQXpDLFNBQVM7dUJBQUMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2Fic3RyYWN0cy9hYnN0cmFjdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0LCBpc1RydWVCb29sZWFuSW5wdXQgfSBmcm9tICcuLi8uLi8uLi91dGlscy9ib29sZWFuLWlucHV0JztcbmltcG9ydCB7IENvbGxhcHNlIH0gZnJvbSAnYm9vdHN0cmFwLWl0YWxpYSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2l0LWNvbGxhcHNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbGxhcHNlLmNvbXBvbmVudC5odG1sJyxcbiAgZXhwb3J0QXM6ICdpdENvbGxhcHNlJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQ29sbGFwc2VDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdENvbXBvbmVudCB7XG5cbiAgLyoqXG4gICAqIEVuYWJsZSBtdWx0aXBsZSBjb2xsYXBzZVxuICAgKi9cbiAgQElucHV0KCkgbXVsdGk/OiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIFRvZ2dsZXMgdGhlIGNvbGxhcHNpYmxlIGVsZW1lbnQgb24gaW52b2NhdGlvblxuICAgKi9cbiAgQElucHV0KCkgb3BlbmVkPzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBDdXN0b20gY2xhc3NcbiAgICovXG4gIEBJbnB1dCgpIGNsYXNzOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogVGhpcyBldmVudCBmaXJlcyBpbW1lZGlhdGVseSB3aGVuIHRoZSBzaG93IG1ldGhvZCBpcyBjYWxsZWQuXG4gICAqL1xuICBAT3V0cHV0KCkgb25TaG93OiBFdmVudEVtaXR0ZXI8RXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIC8qKlxuICAgKiBUaGlzIGV2ZW50IGlzIHRyaWdnZXJlZCB3aGVuIHRoZSB0b29sdGlwIGhhcyBiZWVuIG1hZGUgdmlzaWJsZSB0byB0aGUgdXNlciAoaXQgd2lsbCB3YWl0IGZvciB0aGUgQ1NTIHRyYW5zaXRpb25zIHRvIGNvbXBsZXRlKS5cbiAgICovXG4gIEBPdXRwdXQoKSBvblNob3duOiBFdmVudEVtaXR0ZXI8RXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIC8qKlxuICAgKiBUaGlzIGV2ZW50IGZpcmVzIGltbWVkaWF0ZWx5IHdoZW4gdGhlIGhpZGUgbWV0aG9kIGlzIGNhbGxlZC5cbiAgICovXG4gIEBPdXRwdXQoKSBvbkhpZGU6IEV2ZW50RW1pdHRlcjxFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLyoqXG4gICAqIFRoaXMgZXZlbnQgaXMgcmFpc2VkIHdoZW4gdGhlIHRvb2x0aXAgaGFzIGZpbmlzaGVkIGJlaW5nIGhpZGRlbiBmcm9tIHRoZSB1c2VyIChpdCB3aWxsIHdhaXQgZm9yIHRoZSBDU1MgdHJhbnNpdGlvbnMgdG8gY29tcGxldGUpLlxuICAgKi9cbiAgQE91dHB1dCgpIG9uSGlkZGVuOiBFdmVudEVtaXR0ZXI8RXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG5cbiAgcHJpdmF0ZSBjb2xsYXBzZT86IENvbGxhcHNlO1xuXG4gIEBWaWV3Q2hpbGQoJ2NvbGxhcHNlJykgcHJpdmF0ZSBjb2xsYXBzZURpdj86IEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+O1xuXG4gIGdldCBpc011bHRpKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy5tdWx0aSk7XG4gIH1cblxuICBnZXQgaXNPcGVuZWRPblN0YXJ0KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy5vcGVuZWQpO1xuICB9XG5cbiAgb3ZlcnJpZGUgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLm5nQWZ0ZXJWaWV3SW5pdCgpO1xuICAgIHRoaXMuX3JlbmRlcmVyLnJlbW92ZUF0dHJpYnV0ZSh0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdjbGFzcycpO1xuXG4gICAgaWYgKHRoaXMuY29sbGFwc2VEaXYpIHtcbiAgICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLmNvbGxhcHNlRGl2Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgICB0aGlzLmNvbGxhcHNlID0gQ29sbGFwc2UuZ2V0T3JDcmVhdGVJbnN0YW5jZShlbGVtZW50LCB7XG4gICAgICAgIHRvZ2dsZTogdGhpcy5pc09wZW5lZE9uU3RhcnRcbiAgICAgIH0pO1xuXG4gICAgICBlbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Nob3cuYnMuY29sbGFwc2UnLCBldmVudCA9PiB0aGlzLm9uU2hvdy5lbWl0KGV2ZW50KSk7XG4gICAgICBlbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Nob3duLmJzLmNvbGxhcHNlJywgZXZlbnQgPT4gdGhpcy5vblNob3duLmVtaXQoZXZlbnQpKTtcbiAgICAgIGVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignaGlkZS5icy5jb2xsYXBzZScsIGV2ZW50ID0+IHRoaXMub25IaWRlLmVtaXQoZXZlbnQpKTtcbiAgICAgIGVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignaGlkZGVuLmJzLmNvbGxhcHNlJywgZXZlbnQgPT4gdGhpcy5vbkhpZGRlbi5lbWl0KGV2ZW50KSk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFNob3dzIGEgcmVzZWFsYWJsZSBpdGVtXG4gICAqIE5PVEU6IFJldHVybnMgdG8gdGhlIGNhbGxlciBiZWZvcmUgdGhlIGNvbGxhcHNhYmxlIGVsZW1lbnQgaGFzIGFjdHVhbGx5IGJlZW4gc2hvd24gKG9uU2hvd24gZXZlbnQpLlxuICAgKi9cbiAgcHVibGljIHNob3coKTogdm9pZCB7XG4gICAgdGhpcy5jb2xsYXBzZT8uc2hvdygpO1xuICB9XG5cbiAgLyoqXG4gICAqIEhpZGVzIGEgcmVzZWFsYWJsZSBpdGVtXG4gICAqIE5PVEU6IFJldHVybnMgdG8gdGhlIGNhbGxlciBiZWZvcmUgdGhlIGNvbGxhcHNhYmxlIGVsZW1lbnQgaGFzIGFjdHVhbGx5IGJlZW4gaGlkZGVuIChvbkhpZGRlbiBFdmVudClcbiAgICovXG4gIHB1YmxpYyBoaWRlKCk6IHZvaWQge1xuICAgIHRoaXMuY29sbGFwc2U/LmhpZGUoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBUb2dnbGUgYSBjb2xsYXBzaWJsZSBpdGVtIHRvIHNob3cgb3IgaGlkZSBpdC5cbiAgICogTk9URTogUmV0dXJucyB0byB0aGUgY2FsbGVyIGJlZm9yZSB0aGUgY29sbGFwc2FibGUgZWxlbWVudCBoYXMgYWN0dWFsbHkgYmVlbiBzaG93biBvciBoaWRkZW4gKG9uU2hvd24gYW5kIG9uSGlkZGVuIGV2ZW50cylcbiAgICovXG4gIHB1YmxpYyB0b2dnbGUoKTogdm9pZCB7XG4gICAgdGhpcy5jb2xsYXBzZT8udG9nZ2xlKCk7XG4gIH1cblxuICAvKipcbiAgICogRWxpbWluYXRlcyB0aGUgcG9zc2liaWxpdHkgb2YgYW4gaXRlbSBiZWluZyByZXNlYWxhYmxlXG4gICAqL1xuICBwdWJsaWMgZGlzcG9zZSgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbGxhcHNlPy5kaXNwb3NlKCk7XG4gIH1cbn1cbiIsIjxkaXYgW2lkXT1cImlkXCIgY2xhc3M9XCJjb2xsYXBzZSB7e2NsYXNzfX1cIiBbY2xhc3MubXVsdGktY29sbGFwc2VdPVwiaXNNdWx0aVwiICNjb2xsYXBzZT5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class DimmerButtonsComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this._hasOneButton = false;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Indica se abbiamo 1 solo bottone
|
|
10
|
+
* @default false
|
|
11
|
+
*/
|
|
12
|
+
set hasOneButton(value) { this._hasOneButton = value; }
|
|
13
|
+
;
|
|
14
|
+
get hasOneButton() { return this._hasOneButton; }
|
|
15
|
+
}
|
|
16
|
+
DimmerButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DimmerButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
DimmerButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DimmerButtonsComponent, selector: "it-dimmer-buttons", inputs: { hasOneButton: "hasOneButton" }, ngImport: i0, template: "<div class=\"dimmer-buttons bg-dark\" [ngClass]=\"{'single-button': hasOneButton}\">\n <ng-content></ng-content>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DimmerButtonsComponent, decorators: [{
|
|
19
|
+
type: Component,
|
|
20
|
+
args: [{ selector: 'it-dimmer-buttons', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dimmer-buttons bg-dark\" [ngClass]=\"{'single-button': hasOneButton}\">\n <ng-content></ng-content>\n</div>" }]
|
|
21
|
+
}], propDecorators: { hasOneButton: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}] } });
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGltbWVyLWJ1dHRvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2RpbW1lci9kaW1tZXItYnV0dG9ucy9kaW1tZXItYnV0dG9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvZGltbWVyL2RpbW1lci1idXR0b25zL2RpbW1lci1idXR0b25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPMUUsTUFBTSxPQUFPLHNCQUFzQjtJQUxuQztRQWFVLGtCQUFhLEdBQUcsS0FBSyxDQUFDO0tBRS9CO0lBUkM7OztNQUdFO0lBQ0YsSUFBYSxZQUFZLENBQUUsS0FBYyxJQUFHLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFBLENBQUEsQ0FBQztJQUFBLENBQUM7SUFDeEUsSUFBSSxZQUFZLEtBQUksT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQzs7bUhBUHJDLHNCQUFzQjt1R0FBdEIsc0JBQXNCLG1HQ1BuQyw2SEFFTTsyRkRLTyxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsbUJBQW1CLG1CQUVaLHVCQUF1QixDQUFDLE1BQU07OEJBUWxDLFlBQVk7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpdC1kaW1tZXItYnV0dG9ucycsXG4gIHRlbXBsYXRlVXJsOiAnLi9kaW1tZXItYnV0dG9ucy5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERpbW1lckJ1dHRvbnNDb21wb25lbnQge1xuXG4gIC8qKlxuICAgKiBJbmRpY2Egc2UgYWJiaWFtbyAxIHNvbG8gYm90dG9uZVxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAqL1xuICBASW5wdXQoKSBzZXQgaGFzT25lQnV0dG9uICh2YWx1ZTogYm9vbGVhbikge3RoaXMuX2hhc09uZUJ1dHRvbiA9IHZhbHVlfTtcbiAgZ2V0IGhhc09uZUJ1dHRvbigpIHtyZXR1cm4gdGhpcy5faGFzT25lQnV0dG9uOyB9XG4gIHByaXZhdGUgX2hhc09uZUJ1dHRvbiA9IGZhbHNlO1xuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZGltbWVyLWJ1dHRvbnMgYmctZGFya1wiIFtuZ0NsYXNzXT1cInsnc2luZ2xlLWJ1dHRvbic6IGhhc09uZUJ1dHRvbn1cIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj4iXX0=
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class DimmerIconComponent {
|
|
4
|
+
}
|
|
5
|
+
DimmerIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DimmerIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
DimmerIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DimmerIconComponent, selector: "it-dimmer-icon", ngImport: i0, template: "<div class=\"dimmer-icon\">\n <ng-content></ng-content>\n</div>", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DimmerIconComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{ selector: 'it-dimmer-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dimmer-icon\">\n <ng-content></ng-content>\n</div>" }]
|
|
10
|
+
}] });
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGltbWVyLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2RpbW1lci9kaW1tZXItaWNvbi9kaW1tZXItaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvZGltbWVyL2RpbW1lci1pY29uL2RpbW1lci1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT25FLE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7b0dBQW5CLG1CQUFtQixzRENQaEMsb0VBRU07MkZES08sbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGdCQUFnQixtQkFFVCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpdC1kaW1tZXItaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kaW1tZXItaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERpbW1lckljb25Db21wb25lbnQge1xuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZGltbWVyLWljb25cIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj4iXX0=
|