design-angular-kit 1.0.0-1 → 1.0.0-3
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 +152 -18
- package/assets/i18n/it.json +81 -0
- package/esm2020/lib/abstracts/abstract-form-component.mjs +165 -0
- package/esm2020/lib/abstracts/abstract.component.mjs +20 -0
- package/esm2020/lib/components/core/accordion/accordion.component.mjs +20 -0
- package/esm2020/lib/components/core/alert/alert.component.mjs +29 -0
- package/esm2020/lib/components/core/badge/badge.directive.mjs +34 -0
- package/esm2020/lib/components/core/button/button.directive.mjs +78 -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 +66 -0
- package/esm2020/lib/components/core/carousel/carousel-item/carousel-item.component.mjs +14 -0
- package/esm2020/lib/components/core/chip/chip.component.mjs +89 -0
- package/esm2020/lib/components/core/collapse/collapse.component.mjs +96 -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 +60 -0
- package/esm2020/lib/components/core/dropdown/dropdown-item/dropdown-item.component.mjs +71 -0
- package/esm2020/lib/components/core/forward/forward.directive.mjs +51 -0
- package/esm2020/lib/components/core/link/link.component.mjs +39 -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 +66 -0
- package/esm2020/lib/components/core/pagination/pagination.component.mjs +51 -0
- package/esm2020/lib/components/core/popover/popover.directive.mjs +176 -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/spinner/spinner.component.mjs +35 -0
- package/esm2020/lib/components/core/tab/tab-container/tab-container.component.mjs +33 -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 +140 -0
- package/esm2020/lib/components/form/checkbox/checkbox.component.mjs +40 -0
- package/esm2020/lib/components/form/input/input.component.mjs +226 -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 +53 -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 +134 -0
- package/esm2020/lib/components/form/upload-file-list/upload-file-list.component.mjs +99 -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 +39 -0
- package/esm2020/lib/components/navigation/breadcrumbs/breadcrumb/breadcrumb.component.mjs +45 -0
- package/esm2020/lib/components/navigation/breadcrumbs/breadcrumb-item/breadcrumb-item.component.mjs +23 -0
- package/esm2020/lib/components/navigation/header/header.component.mjs +61 -0
- package/esm2020/lib/components/utils/icon/icon.component.mjs +54 -0
- package/esm2020/lib/components/utils/not-found-page/not-found-page.component.mjs +13 -0
- package/esm2020/lib/design-angular-kit.module.mjs +32 -132
- 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/modules/components.module.mjs +245 -0
- package/esm2020/lib/pipes/mark-matching-text.pipe.mjs +36 -0
- package/esm2020/lib/services/notifications/notifications.service.mjs +122 -0
- package/esm2020/lib/utils/boolean-input.mjs +15 -0
- package/esm2020/lib/utils/file-utils.mjs +65 -0
- package/esm2020/lib/utils/regex.mjs +26 -0
- package/esm2020/lib/validators/it-validators.mjs +131 -0
- package/esm2020/public_api.mjs +62 -36
- package/fesm2015/design-angular-kit.mjs +2856 -2640
- package/fesm2015/design-angular-kit.mjs.map +1 -1
- package/fesm2020/design-angular-kit.mjs +2837 -2640
- package/fesm2020/design-angular-kit.mjs.map +1 -1
- package/lib/abstracts/abstract-form-component.d.ts +84 -0
- package/lib/abstracts/abstract.component.d.ts +14 -0
- package/lib/components/core/accordion/accordion.component.d.ts +16 -0
- package/lib/components/core/alert/alert.component.d.ts +17 -0
- package/lib/components/core/badge/badge.directive.d.ts +16 -0
- package/lib/components/core/button/button.directive.d.ts +38 -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 +46 -0
- package/lib/components/core/carousel/carousel-item/carousel-item.component.d.ts +10 -0
- package/lib/components/core/chip/chip.component.d.ts +62 -0
- package/lib/components/core/collapse/collapse.component.d.ts +59 -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 +43 -0
- package/lib/components/core/dropdown/dropdown-item/dropdown-item.component.d.ts +44 -0
- package/lib/components/core/forward/forward.directive.d.ts +14 -0
- package/lib/components/core/link/link.component.d.ts +34 -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 +30 -0
- package/lib/components/core/pagination/pagination.component.d.ts +31 -0
- package/lib/components/core/popover/popover.directive.d.ts +97 -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/spinner/spinner.component.d.ts +21 -0
- package/lib/components/core/tab/tab-container/tab-container.component.d.ts +28 -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 +80 -0
- package/lib/components/form/checkbox/checkbox.component.d.ts +30 -0
- package/lib/components/form/input/input.component.d.ts +94 -0
- package/lib/components/form/password-input/password-input.component.d.ts +54 -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 +53 -0
- package/lib/components/form/upload-file-list/upload-file-list.component.d.ts +57 -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 +27 -0
- package/lib/components/navigation/breadcrumbs/breadcrumb/breadcrumb.component.d.ts +30 -0
- package/lib/components/navigation/breadcrumbs/breadcrumb-item/breadcrumb-item.component.d.ts +22 -0
- package/lib/components/navigation/header/header.component.d.ts +28 -0
- package/lib/components/utils/icon/icon.component.d.ts +40 -0
- package/lib/components/utils/not-found-page/not-found-page.component.d.ts +5 -0
- package/lib/design-angular-kit.module.d.ts +4 -24
- package/lib/interfaces/core.d.ts +36 -0
- package/lib/interfaces/form.d.ts +61 -0
- package/lib/interfaces/icon.d.ts +3 -0
- package/lib/modules/components.module.d.ts +58 -0
- package/lib/{form-input → pipes}/mark-matching-text.pipe.d.ts +0 -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 +27 -0
- package/lib/utils/regex.d.ts +25 -0
- package/lib/validators/it-validators.d.ts +58 -0
- package/package.json +20 -13
- package/public_api.d.ts +54 -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
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { ContentChildren, Directive, HostBinding, HostListener, Input } from '@angular/core';
|
|
2
|
+
import { IconComponent } from '../../utils/icon/icon.component';
|
|
3
|
+
import { ProgressBarComponent } from '../progress-bar/progress-bar.component';
|
|
4
|
+
import { isTrueBooleanInput } from '../../../utils/boolean-input';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class ButtonDirective {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.isFocus = false;
|
|
9
|
+
}
|
|
10
|
+
onFocus() {
|
|
11
|
+
this.isFocus = true;
|
|
12
|
+
}
|
|
13
|
+
onBlur() {
|
|
14
|
+
this.isFocus = false;
|
|
15
|
+
}
|
|
16
|
+
get hostClasses() {
|
|
17
|
+
let cssClass = 'btn';
|
|
18
|
+
if (this.color) {
|
|
19
|
+
cssClass += ` btn-${this.color}`;
|
|
20
|
+
}
|
|
21
|
+
if (this.size) {
|
|
22
|
+
cssClass += ` btn-${this.size}`;
|
|
23
|
+
}
|
|
24
|
+
if (this.block) {
|
|
25
|
+
cssClass += ' btn-block';
|
|
26
|
+
}
|
|
27
|
+
if (isTrueBooleanInput(this.disabled)) {
|
|
28
|
+
cssClass += ' disabled';
|
|
29
|
+
}
|
|
30
|
+
if (this.isFocus) {
|
|
31
|
+
cssClass += ' focus--mouse';
|
|
32
|
+
}
|
|
33
|
+
if (this.icons?.length && !this.progressBar) {
|
|
34
|
+
cssClass += ' btn-icon';
|
|
35
|
+
}
|
|
36
|
+
if (this.progressBar) {
|
|
37
|
+
cssClass += ' btn-progress';
|
|
38
|
+
}
|
|
39
|
+
return cssClass;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
ButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
43
|
+
ButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: ButtonDirective, selector: "[itButton]", inputs: { color: ["itButton", "color"], size: "size", block: "block", disabled: "disabled" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "disabled": "this.disabled", "class": "this.hostClasses" } }, queries: [{ propertyName: "icons", predicate: IconComponent }, { propertyName: "progressBar", predicate: ProgressBarComponent }], exportAs: ["itButton"], ngImport: i0 });
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ButtonDirective, decorators: [{
|
|
45
|
+
type: Directive,
|
|
46
|
+
args: [{
|
|
47
|
+
selector: '[itButton]',
|
|
48
|
+
exportAs: 'itButton'
|
|
49
|
+
}]
|
|
50
|
+
}], propDecorators: { color: [{
|
|
51
|
+
type: Input,
|
|
52
|
+
args: ['itButton']
|
|
53
|
+
}], size: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], block: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], disabled: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}, {
|
|
60
|
+
type: HostBinding,
|
|
61
|
+
args: ['disabled']
|
|
62
|
+
}], icons: [{
|
|
63
|
+
type: ContentChildren,
|
|
64
|
+
args: [IconComponent]
|
|
65
|
+
}], progressBar: [{
|
|
66
|
+
type: ContentChildren,
|
|
67
|
+
args: [ProgressBarComponent]
|
|
68
|
+
}], onFocus: [{
|
|
69
|
+
type: HostListener,
|
|
70
|
+
args: ['focus']
|
|
71
|
+
}], onBlur: [{
|
|
72
|
+
type: HostListener,
|
|
73
|
+
args: ['blur']
|
|
74
|
+
}], hostClasses: [{
|
|
75
|
+
type: HostBinding,
|
|
76
|
+
args: ['class']
|
|
77
|
+
}] } });
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9idXR0b24vYnV0dG9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUV4RyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDaEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDOUUsT0FBTyxFQUFnQixrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQU1oRixNQUFNLE9BQU8sZUFBZTtJQUo1QjtRQW9DVSxZQUFPLEdBQUcsS0FBSyxDQUFDO0tBK0N6QjtJQTVDQyxPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7SUFDdEIsQ0FBQztJQUdELE1BQU07UUFDSixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBRUQsSUFDSSxXQUFXO1FBQ2IsSUFBSSxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBRXJCLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLFFBQVEsSUFBSSxRQUFRLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUNsQztRQUVELElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNiLFFBQVEsSUFBSSxRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUNqQztRQUVELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLFFBQVEsSUFBSSxZQUFZLENBQUM7U0FDMUI7UUFFRCxJQUFJLGtCQUFrQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUNyQyxRQUFRLElBQUksV0FBVyxDQUFDO1NBQ3pCO1FBRUQsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2hCLFFBQVEsSUFBSSxlQUFlLENBQUM7U0FDN0I7UUFFRCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUMzQyxRQUFRLElBQUksV0FBVyxDQUFDO1NBQ3pCO1FBRUQsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLFFBQVEsSUFBSSxlQUFlLENBQUM7U0FDN0I7UUFFRCxPQUFPLFFBQVEsQ0FBQztJQUNsQixDQUFDOzs0R0E3RVUsZUFBZTtnR0FBZixlQUFlLG1UQXlCVCxhQUFhLDhDQUtiLG9CQUFvQjsyRkE5QjFCLGVBQWU7a0JBSjNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFFBQVEsRUFBRSxVQUFVO2lCQUNyQjs4QkFNb0IsS0FBSztzQkFBdkIsS0FBSzt1QkFBQyxVQUFVO2dCQUtSLElBQUk7c0JBQVosS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBSzRCLFFBQVE7c0JBQXpDLEtBQUs7O3NCQUFJLFdBQVc7dUJBQUMsVUFBVTtnQkFLQSxLQUFLO3NCQUFwQyxlQUFlO3VCQUFDLGFBQWE7Z0JBS1MsV0FBVztzQkFBakQsZUFBZTt1QkFBQyxvQkFBb0I7Z0JBS3JDLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPO2dCQU1yQixNQUFNO3NCQURMLFlBQVk7dUJBQUMsTUFBTTtnQkFNaEIsV0FBVztzQkFEZCxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb250ZW50Q2hpbGRyZW4sIERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uQ29sb3IsIEJ1dHRvblNpemUgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2NvcmUnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL3V0aWxzL2ljb24vaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NCYXJDb21wb25lbnQgfSBmcm9tICcuLi9wcm9ncmVzcy1iYXIvcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCb29sZWFuSW5wdXQsIGlzVHJ1ZUJvb2xlYW5JbnB1dCB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL2Jvb2xlYW4taW5wdXQnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbaXRCdXR0b25dJyxcbiAgZXhwb3J0QXM6ICdpdEJ1dHRvbidcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uRGlyZWN0aXZlIHtcblxuICAvKipcbiAgICogQnV0dG9uIGNvbG9yXG4gICAqL1xuICBASW5wdXQoJ2l0QnV0dG9uJykgY29sb3I/OiBCdXR0b25Db2xvcjtcblxuICAvKipcbiAgICogQnV0dG9uIHNpemVcbiAgICovXG4gIEBJbnB1dCgpIHNpemU/OiBCdXR0b25TaXplO1xuXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgYnV0dG9uIG9jY3VwaWVzIGFsbCB0aGUgd2lkdGggYXZhaWxhYmxlIHRvIGl0LlxuICAgKi9cbiAgQElucHV0KCkgYmxvY2s/OiBCdXR0b25TaXplO1xuXG4gIC8qKlxuICAgKiBJZiBidXR0b24gaXMgZGlzYWJsZWRcbiAgICovXG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnZGlzYWJsZWQnKSBkaXNhYmxlZD86IEJvb2xlYW5JbnB1dDtcblxuICAvKipcbiAgICogVGhlIGljb24gY2hpbGRyZW5cbiAgICovXG4gIEBDb250ZW50Q2hpbGRyZW4oSWNvbkNvbXBvbmVudCkgaWNvbnM/OiBRdWVyeUxpc3Q8SWNvbkNvbXBvbmVudD47XG5cbiAgLyoqXG4gICAqIFRoZSBwcm9ncmVzcyBiYXIgY2hpbGRyZW5cbiAgICovXG4gIEBDb250ZW50Q2hpbGRyZW4oUHJvZ3Jlc3NCYXJDb21wb25lbnQpIHByb2dyZXNzQmFyPzogUHJvZ3Jlc3NCYXJDb21wb25lbnQ7XG5cbiAgcHJpdmF0ZSBpc0ZvY3VzID0gZmFsc2U7XG5cbiAgQEhvc3RMaXN0ZW5lcignZm9jdXMnKVxuICBvbkZvY3VzKCkge1xuICAgIHRoaXMuaXNGb2N1cyA9IHRydWU7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdibHVyJylcbiAgb25CbHVyKCkge1xuICAgIHRoaXMuaXNGb2N1cyA9IGZhbHNlO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIGdldCBob3N0Q2xhc3NlcygpOiBzdHJpbmcge1xuICAgIGxldCBjc3NDbGFzcyA9ICdidG4nO1xuXG4gICAgaWYgKHRoaXMuY29sb3IpIHtcbiAgICAgIGNzc0NsYXNzICs9IGAgYnRuLSR7dGhpcy5jb2xvcn1gO1xuICAgIH1cblxuICAgIGlmICh0aGlzLnNpemUpIHtcbiAgICAgIGNzc0NsYXNzICs9IGAgYnRuLSR7dGhpcy5zaXplfWA7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuYmxvY2spIHtcbiAgICAgIGNzc0NsYXNzICs9ICcgYnRuLWJsb2NrJztcbiAgICB9XG5cbiAgICBpZiAoaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuZGlzYWJsZWQpKSB7XG4gICAgICBjc3NDbGFzcyArPSAnIGRpc2FibGVkJztcbiAgICB9XG5cbiAgICBpZiAodGhpcy5pc0ZvY3VzKSB7XG4gICAgICBjc3NDbGFzcyArPSAnIGZvY3VzLS1tb3VzZSc7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuaWNvbnM/Lmxlbmd0aCAmJiAhdGhpcy5wcm9ncmVzc0Jhcikge1xuICAgICAgY3NzQ2xhc3MgKz0gJyBidG4taWNvbic7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMucHJvZ3Jlc3NCYXIpIHtcbiAgICAgIGNzc0NsYXNzICs9ICcgYnRuLXByb2dyZXNzJztcbiAgICB9XG5cbiAgICByZXR1cm4gY3NzQ2xhc3M7XG4gIH1cblxufVxuIl19
|
|
@@ -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 { 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"] });
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardComponent, decorators: [{
|
|
41
|
+
type: Component,
|
|
42
|
+
args: [{ selector: 'it-card', 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvY2FyZC9jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9jYXJkL2NhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDMUUsT0FBTyxFQUFnQixrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQU9oRixNQUFNLE9BQU8sYUFBYyxTQUFRLGlCQUFpQjtJQUxwRDs7UUFPRTs7O1dBR0c7UUFDTSxVQUFLLEdBQWlCLElBQUksQ0FBQztRQXNCcEM7O1dBRUc7UUFDTSxjQUFTLEdBQVcsRUFBRSxDQUFDO1FBRWhDOztXQUVHO1FBQ00sY0FBUyxHQUFXLEVBQUUsQ0FBQztLQXNCakM7SUFwQkMsSUFBSSxPQUFPO1FBQ1QsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEMsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxJQUFJLFVBQVU7UUFDWixPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3pDLENBQUM7OzBHQXhEVSxhQUFhOzhGQUFiLGFBQWEsZ09DVDFCLGtiQWVBOzJGRE5hLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsU0FBUzs4QkFVVixLQUFLO3NCQUFiLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csT0FBTztzQkFBZixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2Fic3RyYWN0cy9hYnN0cmFjdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0LCBpc1RydWVCb29sZWFuSW5wdXQgfSBmcm9tICcuLi8uLi8uLi91dGlscy9ib29sZWFuLWlucHV0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXQtY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdENvbXBvbmVudCB7XG5cbiAgLyoqXG4gICAqIEl0IHNlcnZlcyB0byBzcGFjZSB0aGUgY2FyZHMgaW4gdGhlaXIgbW9iaWxlIHZlcnNpb24uXG4gICAqIEBkZWZhdWx0IHRydWVcbiAgICovXG4gIEBJbnB1dCgpIHNwYWNlOiBCb29sZWFuSW5wdXQgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBUbyBjcmVhdGUgY2FyZHMgd2l0aCBzaG9ydCBvciBcInByZXZpZXdcIiBjb250ZW50XG4gICAqL1xuICBASW5wdXQoKSB0ZWFzZXI/OiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIENhcmQgd2l0aCBpbWFnZVxuICAgKi9cbiAgQElucHV0KCkgaGFzSW1hZ2U/OiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIFRvIGFkZCByb3VuZGluZyBlZmZlY3RzXG4gICAqL1xuICBASW5wdXQoKSByb3VuZGVkPzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBUbyBhZGQgc2hhZG93IGVmZmVjdHNcbiAgICovXG4gIEBJbnB1dCgpIHNoYWRvdz86IEJvb2xlYW5JbnB1dDtcblxuICAvKipcbiAgICogQ3VzdG9tIGNhcmQgY2xhc3NcbiAgICovXG4gIEBJbnB1dCgpIGNhcmRDbGFzczogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIEN1c3RvbSBjYXJkIGJvZHkgY2xhc3NcbiAgICovXG4gIEBJbnB1dCgpIGJvZHlDbGFzczogc3RyaW5nID0gJyc7XG5cbiAgZ2V0IGlzU3BhY2UoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLnNwYWNlKTtcbiAgfVxuXG4gIGdldCBpc1RlYXNlcigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMudGVhc2VyKTtcbiAgfVxuXG4gIGdldCBpc0hhc0ltYWdlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy5oYXNJbWFnZSk7XG4gIH1cblxuICBnZXQgaXNSb3VuZGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBpc1RydWVCb29sZWFuSW5wdXQodGhpcy5yb3VuZGVkKTtcbiAgfVxuXG4gIGdldCBpc1NoYWRvdygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMuc2hhZG93KTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiY2FyZC13cmFwcGVyXCIgW2NsYXNzLmNhcmQtc3BhY2VdPVwiaXNTcGFjZVwiPlxuICA8ZGl2IGNsYXNzPVwiY2FyZCB7e2NhcmRDbGFzc319XCJcbiAgICAgICBbY2xhc3MuY2FyZC10ZWFzZXJdPVwiaXNUZWFzZXJcIlxuICAgICAgIFtjbGFzcy5jYXJkLWltZy5uby1hZnRlcl09XCJpc0hhc0ltYWdlXCJcbiAgICAgICBbY2xhc3Muc2hhZG93XT1cImlzU2hhZG93XCJcbiAgICAgICBbY2xhc3Mucm91bmRlZF09XCJpc1JvdW5kZWRcIj5cblxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltiZWZvcmVCb2R5XVwiPjwvbmctY29udGVudD5cblxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLWJvZHkge3tib2R5Q2xhc3N9fVwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuXG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { 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 * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
export class CarouselComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
/**
|
|
10
|
+
* The carousel type
|
|
11
|
+
* @default default
|
|
12
|
+
*/
|
|
13
|
+
this.type = 'default';
|
|
14
|
+
/**
|
|
15
|
+
* Custom class in splide__track element
|
|
16
|
+
*/
|
|
17
|
+
this.trackClass = '';
|
|
18
|
+
}
|
|
19
|
+
get typeClass() {
|
|
20
|
+
const typeClass = 'it-carousel-landscape-abstract';
|
|
21
|
+
return this.type === 'default' ? typeClass : typeClass + `-${this.type}`;
|
|
22
|
+
}
|
|
23
|
+
get isFullCarousel() {
|
|
24
|
+
return isTrueBooleanInput(this.fullCarousel);
|
|
25
|
+
}
|
|
26
|
+
get isBigImg() {
|
|
27
|
+
return isTrueBooleanInput(this.bigImg);
|
|
28
|
+
}
|
|
29
|
+
get isLined() {
|
|
30
|
+
return isTrueBooleanInput(this.lined);
|
|
31
|
+
}
|
|
32
|
+
ngAfterViewInit() {
|
|
33
|
+
this.carousel = CarouselBI.getOrCreateInstance(this.carouselDiv.nativeElement);
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* Removes CarouselBI features
|
|
37
|
+
*/
|
|
38
|
+
dispose() {
|
|
39
|
+
this.carousel?.dispose();
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
CarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
+
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 class=\"it-carousel-wrapper splide {{typeClass}}\"\n [class.it-full-carousel]=\"isFullCarousel\"\n [class.it-big-img]=\"isBigImg\"\n data-bs-carousel-splide #carousel>\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"] }] });
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CarouselComponent, decorators: [{
|
|
45
|
+
type: Component,
|
|
46
|
+
args: [{ selector: 'it-carousel', exportAs: 'itCarousel', template: "<div class=\"it-carousel-wrapper splide {{typeClass}}\"\n [class.it-full-carousel]=\"isFullCarousel\"\n [class.it-big-img]=\"isBigImg\"\n data-bs-carousel-splide #carousel>\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"] }]
|
|
47
|
+
}], propDecorators: { title: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], type: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], trackClass: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], fullCarousel: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], bigImg: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], lined: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], items: [{
|
|
60
|
+
type: ContentChildren,
|
|
61
|
+
args: [CarouselItemComponent]
|
|
62
|
+
}], carouselDiv: [{
|
|
63
|
+
type: ViewChild,
|
|
64
|
+
args: ['carousel']
|
|
65
|
+
}] } });
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2Nhcm91c2VsL2Nhcm91c2VsL2Nhcm91c2VsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9jYXJvdXNlbC9jYXJvdXNlbC9jYXJvdXNlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxlQUFlLEVBQWMsS0FBSyxFQUFhLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuSCxPQUFPLEVBQWdCLGtCQUFrQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbkYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFFakYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFROUMsTUFBTSxPQUFPLGlCQUFpQjtJQU45QjtRQWFFOzs7V0FHRztRQUNNLFNBQUksR0FBaUIsU0FBUyxDQUFDO1FBRXhDOztXQUVHO1FBQ00sZUFBVSxHQUFXLEVBQUUsQ0FBQztLQWtEbEM7SUEzQkMsSUFBSSxTQUFTO1FBQ1gsTUFBTSxTQUFTLEdBQUcsZ0NBQWdDLENBQUM7UUFDbkQsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLEdBQUcsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDM0UsQ0FBQztJQUVELElBQUksY0FBYztRQUNoQixPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBRUQsSUFBSSxRQUFRO1FBQ1YsT0FBTyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDekMsQ0FBQztJQUVELElBQUksT0FBTztRQUNULE9BQU8sa0JBQWtCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUNqRixDQUFDO0lBRUQ7O09BRUc7SUFDSSxPQUFPO1FBQ1osSUFBSSxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsQ0FBQztJQUMzQixDQUFDOzs4R0FqRVUsaUJBQWlCO2tHQUFqQixpQkFBaUIsNk1BaUNYLHFCQUFxQixnS0M5Q3hDLDJyQkFxQkE7MkZEUmEsaUJBQWlCO2tCQU43QixTQUFTOytCQUNFLGFBQWEsWUFHYixZQUFZOzhCQU9iLEtBQUs7c0JBQWIsS0FBSztnQkFNRyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csVUFBVTtzQkFBbEIsS0FBSztnQkFLRyxZQUFZO3NCQUFwQixLQUFLO2dCQUtHLE1BQU07c0JBQWQsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRWtDLEtBQUs7c0JBQTVDLGVBQWU7dUJBQUMscUJBQXFCO2dCQUc5QixXQUFXO3NCQURsQixTQUFTO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgRWxlbWVudFJlZiwgSW5wdXQsIFF1ZXJ5TGlzdCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYXJvdXNlbFR5cGUgfSBmcm9tICcuLi8uLi8uLi8uLi9pbnRlcmZhY2VzL2NvcmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0LCBpc1RydWVCb29sZWFuSW5wdXQgfSBmcm9tICcuLi8uLi8uLi8uLi91dGlscy9ib29sZWFuLWlucHV0JztcbmltcG9ydCB7IENhcm91c2VsSXRlbUNvbXBvbmVudCB9IGZyb20gJy4uL2Nhcm91c2VsLWl0ZW0vY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQnO1xuXG5pbXBvcnQgeyBDYXJvdXNlbEJJIH0gZnJvbSAnYm9vdHN0cmFwLWl0YWxpYSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2l0LWNhcm91c2VsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Nhcm91c2VsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2Fyb3VzZWwuY29tcG9uZW50LnNjc3MnXSxcbiAgZXhwb3J0QXM6ICdpdENhcm91c2VsJ1xufSlcbmV4cG9ydCBjbGFzcyBDYXJvdXNlbENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuXG4gIC8qKlxuICAgKiBUaGUgY2FsbG91dCB0aXRsZVxuICAgKi9cbiAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFRoZSBjYXJvdXNlbCB0eXBlXG4gICAqIEBkZWZhdWx0IGRlZmF1bHRcbiAgICovXG4gIEBJbnB1dCgpIHR5cGU6IENhcm91c2VsVHlwZSA9ICdkZWZhdWx0JztcblxuICAvKipcbiAgICogQ3VzdG9tIGNsYXNzIGluIHNwbGlkZV9fdHJhY2sgZWxlbWVudFxuICAgKi9cbiAgQElucHV0KCkgdHJhY2tDbGFzczogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIFRydWUgZm9yIGZ1bGwgc2NyZWVuIChsYW5kc2NhcGUpIHZpZXdpbmdcbiAgICovXG4gIEBJbnB1dCgpIGZ1bGxDYXJvdXNlbD86IEJvb2xlYW5JbnB1dDtcblxuICAvKipcbiAgICogVG8gaW5kaWNhdGUgdGhhdCB0aGUgY29udGFpbmVkIGltYWdlIGlzIG9mIGEgbGFyZ2UgdHlwZVxuICAgKi9cbiAgQElucHV0KCkgYmlnSW1nPzogQm9vbGVhbklucHV0O1xuXG4gIC8qKlxuICAgKiBDYXJkIGxpbmUgc3R5bGVcbiAgICovXG4gIEBJbnB1dCgpIGxpbmVkPzogQm9vbGVhbklucHV0O1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oQ2Fyb3VzZWxJdGVtQ29tcG9uZW50KSBpdGVtcz86IFF1ZXJ5TGlzdDxDYXJvdXNlbEl0ZW1Db21wb25lbnQ+O1xuXG4gIEBWaWV3Q2hpbGQoJ2Nhcm91c2VsJylcbiAgcHJpdmF0ZSBjYXJvdXNlbERpdiE6IEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+O1xuICBwcml2YXRlIGNhcm91c2VsPzogYW55O1xuXG4gIGdldCB0eXBlQ2xhc3MoKTogc3RyaW5nIHtcbiAgICBjb25zdCB0eXBlQ2xhc3MgPSAnaXQtY2Fyb3VzZWwtbGFuZHNjYXBlLWFic3RyYWN0JztcbiAgICByZXR1cm4gdGhpcy50eXBlID09PSAnZGVmYXVsdCcgPyB0eXBlQ2xhc3MgOiB0eXBlQ2xhc3MgKyBgLSR7dGhpcy50eXBlfWA7XG4gIH1cblxuICBnZXQgaXNGdWxsQ2Fyb3VzZWwoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLmZ1bGxDYXJvdXNlbCk7XG4gIH1cblxuICBnZXQgaXNCaWdJbWcoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzVHJ1ZUJvb2xlYW5JbnB1dCh0aGlzLmJpZ0ltZyk7XG4gIH1cblxuICBnZXQgaXNMaW5lZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMubGluZWQpO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY2Fyb3VzZWwgPSBDYXJvdXNlbEJJLmdldE9yQ3JlYXRlSW5zdGFuY2UodGhpcy5jYXJvdXNlbERpdi5uYXRpdmVFbGVtZW50KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZW1vdmVzIENhcm91c2VsQkkgZmVhdHVyZXNcbiAgICovXG4gIHB1YmxpYyBkaXNwb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuY2Fyb3VzZWw/LmRpc3Bvc2UoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIml0LWNhcm91c2VsLXdyYXBwZXIgc3BsaWRlIHt7dHlwZUNsYXNzfX1cIlxuICAgICBbY2xhc3MuaXQtZnVsbC1jYXJvdXNlbF09XCJpc0Z1bGxDYXJvdXNlbFwiXG4gICAgIFtjbGFzcy5pdC1iaWctaW1nXT1cImlzQmlnSW1nXCJcbiAgICAgZGF0YS1icy1jYXJvdXNlbC1zcGxpZGUgI2Nhcm91c2VsPlxuXG4gIDxkaXYgY2xhc3M9XCJpdC1oZWFkZXItYmxvY2tcIiAqbmdJZj1cInRpdGxlXCI+XG4gICAgPGRpdiBjbGFzcz1cIml0LWhlYWRlci1ibG9jay10aXRsZVwiPlxuICAgICAgPGgyPnt7dGl0bGV9fTwvaDI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJzcGxpZGVfX3RyYWNrIHt7dHJhY2tDbGFzc319XCI+XG4gICAgPHVsIGNsYXNzPVwic3BsaWRlX19saXN0XCI+XG4gICAgICA8bGkgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIiBjbGFzcz1cInNwbGlkZV9fc2xpZGVcIiBbY2xhc3MubGluZWRfc2xpZGVdPVwiaXNMaW5lZFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiaXQtc2luZ2xlLXNsaWRlLXdyYXBwZXJcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaXRlbS5odG1sQ29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbGk+XG4gICAgPC91bD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Component, TemplateRef, ViewChild } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class CarouselItemComponent {
|
|
4
|
+
}
|
|
5
|
+
CarouselItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CarouselItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
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 }], ngImport: i0, template: "<ng-template>\n <ng-content></ng-content>\n</ng-template>\n", styles: [""] });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CarouselItemComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{ selector: 'it-carousel-item', template: "<ng-template>\n <ng-content></ng-content>\n</ng-template>\n" }]
|
|
10
|
+
}], propDecorators: { htmlContent: [{
|
|
11
|
+
type: ViewChild,
|
|
12
|
+
args: [TemplateRef]
|
|
13
|
+
}] } });
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tYW5ndWxhci1raXQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvY2Fyb3VzZWwvY2Fyb3VzZWwtaXRlbS9jYXJvdXNlbC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9jYXJvdXNlbC9jYXJvdXNlbC1pdGVtL2Nhcm91c2VsLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU9sRSxNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO3NHQUFyQixxQkFBcUIscUdBS3JCLFdBQVcsZ0RDWnhCLDhEQUdBOzJGRElhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxrQkFBa0I7OEJBVXJCLFdBQVc7c0JBRGpCLFNBQVM7dUJBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpdC1jYXJvdXNlbC1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Nhcm91c2VsLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJvdXNlbC1pdGVtLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ2Fyb3VzZWxJdGVtQ29tcG9uZW50IHtcblxuICAvKipcbiAgICogVGhlIGNvbnRlbnQgb2YgaXRlbVxuICAgKi9cbiAgQFZpZXdDaGlsZChUZW1wbGF0ZVJlZilcbiAgcHVibGljIGh0bWxDb250ZW50ITogVGVtcGxhdGVSZWY8YW55PjtcblxufVxuIiwiPG5nLXRlbXBsYXRlPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -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,96 @@
|
|
|
1
|
+
import { 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(_renderer, _elementRef) {
|
|
8
|
+
super(_renderer, _elementRef);
|
|
9
|
+
this._renderer = _renderer;
|
|
10
|
+
this._elementRef = _elementRef;
|
|
11
|
+
/**
|
|
12
|
+
* Custom class
|
|
13
|
+
*/
|
|
14
|
+
this.class = '';
|
|
15
|
+
/**
|
|
16
|
+
* This event fires immediately when the show method is called.
|
|
17
|
+
*/
|
|
18
|
+
this.onShow = new EventEmitter();
|
|
19
|
+
/**
|
|
20
|
+
* This event is triggered when the tooltip has been made visible to the user (it will wait for the CSS transitions to complete).
|
|
21
|
+
*/
|
|
22
|
+
this.onShown = new EventEmitter();
|
|
23
|
+
/**
|
|
24
|
+
* This event fires immediately when the hide method is called.
|
|
25
|
+
*/
|
|
26
|
+
this.onHide = new EventEmitter();
|
|
27
|
+
/**
|
|
28
|
+
* This event is raised when the tooltip has finished being hidden from the user (it will wait for the CSS transitions to complete).
|
|
29
|
+
*/
|
|
30
|
+
this.onHidden = new EventEmitter();
|
|
31
|
+
this.element = this._elementRef.nativeElement;
|
|
32
|
+
}
|
|
33
|
+
get isMulti() {
|
|
34
|
+
return isTrueBooleanInput(this.multi);
|
|
35
|
+
}
|
|
36
|
+
ngAfterViewInit() {
|
|
37
|
+
super.ngAfterViewInit();
|
|
38
|
+
this._renderer.removeAttribute(this._elementRef.nativeElement, 'class');
|
|
39
|
+
this.collapse = Collapse.getOrCreateInstance(this.collapseDiv.nativeElement, {
|
|
40
|
+
toggle: false
|
|
41
|
+
});
|
|
42
|
+
this.element.addEventListener('show.bs.collapse', event => this.onShow.emit(event));
|
|
43
|
+
this.element.addEventListener('shown.bs.collapse', event => this.onShown.emit(event));
|
|
44
|
+
this.element.addEventListener('hide.bs.collapse', event => this.onHide.emit(event));
|
|
45
|
+
this.element.addEventListener('hidden.bs.collapse', event => this.onHidden.emit(event));
|
|
46
|
+
}
|
|
47
|
+
/**
|
|
48
|
+
* Shows a resealable item
|
|
49
|
+
* NOTE: Returns to the caller before the collapsable element has actually been shown (onShown event).
|
|
50
|
+
*/
|
|
51
|
+
show() {
|
|
52
|
+
this.collapse?.show();
|
|
53
|
+
}
|
|
54
|
+
/**
|
|
55
|
+
* Hides a resealable item
|
|
56
|
+
* NOTE: Returns to the caller before the collapsable element has actually been hidden (onHidden Event)
|
|
57
|
+
*/
|
|
58
|
+
hide() {
|
|
59
|
+
this.collapse?.hide();
|
|
60
|
+
}
|
|
61
|
+
/**
|
|
62
|
+
* Toggle a collapsible item to show or hide it.
|
|
63
|
+
* NOTE: Returns to the caller before the collapsable element has actually been shown or hidden (onShown and onHidden events)
|
|
64
|
+
*/
|
|
65
|
+
toggle() {
|
|
66
|
+
this.collapse?.toggle();
|
|
67
|
+
}
|
|
68
|
+
/**
|
|
69
|
+
* Eliminates the possibility of an item being resealable
|
|
70
|
+
*/
|
|
71
|
+
dispose() {
|
|
72
|
+
this.collapse?.dispose();
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
CollapseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CollapseComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
76
|
+
CollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CollapseComponent, selector: "it-collapse[id]", inputs: { multi: "multi", 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", styles: [""] });
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CollapseComponent, decorators: [{
|
|
78
|
+
type: Component,
|
|
79
|
+
args: [{ selector: 'it-collapse[id]', exportAs: 'itCollapse', template: "<div [id]=\"id\" class=\"collapse {{class}}\" [class.multi-collapse]=\"isMulti\" #collapse>\n <ng-content></ng-content>\n</div>\n" }]
|
|
80
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { multi: [{
|
|
81
|
+
type: Input
|
|
82
|
+
}], class: [{
|
|
83
|
+
type: Input
|
|
84
|
+
}], onShow: [{
|
|
85
|
+
type: Output
|
|
86
|
+
}], onShown: [{
|
|
87
|
+
type: Output
|
|
88
|
+
}], onHide: [{
|
|
89
|
+
type: Output
|
|
90
|
+
}], onHidden: [{
|
|
91
|
+
type: Output
|
|
92
|
+
}], collapseDiv: [{
|
|
93
|
+
type: ViewChild,
|
|
94
|
+
args: ['collapse']
|
|
95
|
+
}] } });
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWFuZ3VsYXIta2l0L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2NvbGxhcHNlL2NvbGxhcHNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1hbmd1bGFyLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9jb2xsYXBzZS9jb2xsYXBzZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFhLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMxRSxPQUFPLEVBQWdCLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFaEYsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQVE1QyxNQUFNLE9BQU8saUJBQWtCLFNBQVEsaUJBQWlCO0lBMEN0RCxZQUNvQixTQUFvQixFQUNwQixXQUF1QjtRQUV6QyxLQUFLLENBQUMsU0FBUyxFQUFFLFdBQVcsQ0FBQyxDQUFDO1FBSFosY0FBUyxHQUFULFNBQVMsQ0FBVztRQUNwQixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQXJDM0M7O1dBRUc7UUFDTSxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBRTVCOztXQUVHO1FBQ08sV0FBTSxHQUF3QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTNEOztXQUVHO1FBQ08sWUFBTyxHQUF3QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTVEOztXQUVHO1FBQ08sV0FBTSxHQUF3QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTNEOztXQUVHO1FBQ08sYUFBUSxHQUF3QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBaUIzRCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDO0lBQ2hELENBQUM7SUFWRCxJQUFJLE9BQU87UUFDVCxPQUFPLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBVVEsZUFBZTtRQUN0QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFDeEUsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUU7WUFDM0UsTUFBTSxFQUFFLEtBQUs7U0FDZCxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLGtCQUFrQixFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUNwRixJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLG1CQUFtQixFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUN0RixJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLGtCQUFrQixFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUNwRixJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLG9CQUFvQixFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUMxRixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksSUFBSTtRQUNULElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVEOzs7T0FHRztJQUNJLElBQUk7UUFDVCxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRDs7O09BR0c7SUFDSSxNQUFNO1FBQ1gsSUFBSSxDQUFDLFFBQVEsRUFBRSxNQUFNLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQ7O09BRUc7SUFDSSxPQUFPO1FBQ1osSUFBSSxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsQ0FBQztJQUMzQixDQUFDOzs4R0E1RlUsaUJBQWlCO2tHQUFqQixpQkFBaUIsd1ZDWjlCLG9JQUdBOzJGRFNhLGlCQUFpQjtrQkFON0IsU0FBUzsrQkFDRSxpQkFBaUIsWUFHakIsWUFBWTt5SEFPYixLQUFLO3NCQUFiLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUtJLE1BQU07c0JBQWYsTUFBTTtnQkFLRyxPQUFPO3NCQUFoQixNQUFNO2dCQUtHLE1BQU07c0JBQWYsTUFBTTtnQkFLRyxRQUFRO3NCQUFqQixNQUFNO2dCQU1DLFdBQVc7c0JBRGxCLFNBQVM7dUJBQUMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBSZW5kZXJlcjIsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9hYnN0cmFjdHMvYWJzdHJhY3QuY29tcG9uZW50JztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCwgaXNUcnVlQm9vbGVhbklucHV0IH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvYm9vbGVhbi1pbnB1dCc7XG5cbmltcG9ydCB7IENvbGxhcHNlIH0gZnJvbSAnYm9vdHN0cmFwLWl0YWxpYSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2l0LWNvbGxhcHNlW2lkXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2xsYXBzZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbGxhcHNlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGV4cG9ydEFzOiAnaXRDb2xsYXBzZSdcbn0pXG5leHBvcnQgY2xhc3MgQ29sbGFwc2VDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdENvbXBvbmVudCB7XG5cbiAgLyoqXG4gICAqIEVuYWJsZSBtdWx0aXBsZSBjb2xsYXBzZVxuICAgKi9cbiAgQElucHV0KCkgbXVsdGk/OiBCb29sZWFuSW5wdXQ7XG5cbiAgLyoqXG4gICAqIEN1c3RvbSBjbGFzc1xuICAgKi9cbiAgQElucHV0KCkgY2xhc3M6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBUaGlzIGV2ZW50IGZpcmVzIGltbWVkaWF0ZWx5IHdoZW4gdGhlIHNob3cgbWV0aG9kIGlzIGNhbGxlZC5cbiAgICovXG4gIEBPdXRwdXQoKSBvblNob3c6IEV2ZW50RW1pdHRlcjxFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLyoqXG4gICAqIFRoaXMgZXZlbnQgaXMgdHJpZ2dlcmVkIHdoZW4gdGhlIHRvb2x0aXAgaGFzIGJlZW4gbWFkZSB2aXNpYmxlIHRvIHRoZSB1c2VyIChpdCB3aWxsIHdhaXQgZm9yIHRoZSBDU1MgdHJhbnNpdGlvbnMgdG8gY29tcGxldGUpLlxuICAgKi9cbiAgQE91dHB1dCgpIG9uU2hvd246IEV2ZW50RW1pdHRlcjxFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLyoqXG4gICAqIFRoaXMgZXZlbnQgZmlyZXMgaW1tZWRpYXRlbHkgd2hlbiB0aGUgaGlkZSBtZXRob2QgaXMgY2FsbGVkLlxuICAgKi9cbiAgQE91dHB1dCgpIG9uSGlkZTogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAvKipcbiAgICogVGhpcyBldmVudCBpcyByYWlzZWQgd2hlbiB0aGUgdG9vbHRpcCBoYXMgZmluaXNoZWQgYmVpbmcgaGlkZGVuIGZyb20gdGhlIHVzZXIgKGl0IHdpbGwgd2FpdCBmb3IgdGhlIENTUyB0cmFuc2l0aW9ucyB0byBjb21wbGV0ZSkuXG4gICAqL1xuICBAT3V0cHV0KCkgb25IaWRkZW46IEV2ZW50RW1pdHRlcjxFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBlbGVtZW50OiBIVE1MRWxlbWVudDtcbiAgcHJpdmF0ZSBjb2xsYXBzZT86IGFueTtcblxuICBAVmlld0NoaWxkKCdjb2xsYXBzZScpXG4gIHByaXZhdGUgY29sbGFwc2VEaXYhOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcblxuICBnZXQgaXNNdWx0aSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNUcnVlQm9vbGVhbklucHV0KHRoaXMubXVsdGkpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgb3ZlcnJpZGUgcmVhZG9ubHkgX3JlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgb3ZlcnJpZGUgcmVhZG9ubHkgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWZcbiAgKSB7XG4gICAgc3VwZXIoX3JlbmRlcmVyLCBfZWxlbWVudFJlZik7XG4gICAgdGhpcy5lbGVtZW50ID0gdGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgb3ZlcnJpZGUgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHN1cGVyLm5nQWZ0ZXJWaWV3SW5pdCgpO1xuICAgIHRoaXMuX3JlbmRlcmVyLnJlbW92ZUF0dHJpYnV0ZSh0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICdjbGFzcycpO1xuICAgIHRoaXMuY29sbGFwc2UgPSBDb2xsYXBzZS5nZXRPckNyZWF0ZUluc3RhbmNlKHRoaXMuY29sbGFwc2VEaXYubmF0aXZlRWxlbWVudCwge1xuICAgICAgdG9nZ2xlOiBmYWxzZVxuICAgIH0pO1xuXG4gICAgdGhpcy5lbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Nob3cuYnMuY29sbGFwc2UnLCBldmVudCA9PiB0aGlzLm9uU2hvdy5lbWl0KGV2ZW50KSk7XG4gICAgdGhpcy5lbGVtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ3Nob3duLmJzLmNvbGxhcHNlJywgZXZlbnQgPT4gdGhpcy5vblNob3duLmVtaXQoZXZlbnQpKTtcbiAgICB0aGlzLmVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignaGlkZS5icy5jb2xsYXBzZScsIGV2ZW50ID0+IHRoaXMub25IaWRlLmVtaXQoZXZlbnQpKTtcbiAgICB0aGlzLmVsZW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignaGlkZGVuLmJzLmNvbGxhcHNlJywgZXZlbnQgPT4gdGhpcy5vbkhpZGRlbi5lbWl0KGV2ZW50KSk7XG4gIH1cblxuICAvKipcbiAgICogU2hvd3MgYSByZXNlYWxhYmxlIGl0ZW1cbiAgICogTk9URTogUmV0dXJucyB0byB0aGUgY2FsbGVyIGJlZm9yZSB0aGUgY29sbGFwc2FibGUgZWxlbWVudCBoYXMgYWN0dWFsbHkgYmVlbiBzaG93biAob25TaG93biBldmVudCkuXG4gICAqL1xuICBwdWJsaWMgc2hvdygpOiB2b2lkIHtcbiAgICB0aGlzLmNvbGxhcHNlPy5zaG93KCk7XG4gIH1cblxuICAvKipcbiAgICogSGlkZXMgYSByZXNlYWxhYmxlIGl0ZW1cbiAgICogTk9URTogUmV0dXJucyB0byB0aGUgY2FsbGVyIGJlZm9yZSB0aGUgY29sbGFwc2FibGUgZWxlbWVudCBoYXMgYWN0dWFsbHkgYmVlbiBoaWRkZW4gKG9uSGlkZGVuIEV2ZW50KVxuICAgKi9cbiAgcHVibGljIGhpZGUoKTogdm9pZCB7XG4gICAgdGhpcy5jb2xsYXBzZT8uaGlkZSgpO1xuICB9XG5cbiAgLyoqXG4gICAqIFRvZ2dsZSBhIGNvbGxhcHNpYmxlIGl0ZW0gdG8gc2hvdyBvciBoaWRlIGl0LlxuICAgKiBOT1RFOiBSZXR1cm5zIHRvIHRoZSBjYWxsZXIgYmVmb3JlIHRoZSBjb2xsYXBzYWJsZSBlbGVtZW50IGhhcyBhY3R1YWxseSBiZWVuIHNob3duIG9yIGhpZGRlbiAob25TaG93biBhbmQgb25IaWRkZW4gZXZlbnRzKVxuICAgKi9cbiAgcHVibGljIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbGxhcHNlPy50b2dnbGUoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBFbGltaW5hdGVzIHRoZSBwb3NzaWJpbGl0eSBvZiBhbiBpdGVtIGJlaW5nIHJlc2VhbGFibGVcbiAgICovXG4gIHB1YmxpYyBkaXNwb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuY29sbGFwc2U/LmRpc3Bvc2UoKTtcbiAgfVxufVxuIiwiPGRpdiBbaWRdPVwiaWRcIiBjbGFzcz1cImNvbGxhcHNlIHt7Y2xhc3N9fVwiIFtjbGFzcy5tdWx0aS1jb2xsYXBzZV09XCJpc011bHRpXCIgI2NvbGxhcHNlPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -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=
|