af-connect-components 0.0.7 → 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/af-connect-footer/af-connect-footer.component.mjs +3 -3
- package/esm2020/lib/af-connect-header/af-connect-header.component.mjs +6 -3
- package/esm2020/lib/af-connect-products-carousel/image-card/image-card.component.mjs +2 -2
- package/esm2020/lib/af-connect-profile-dropdown/af-connect-profile-dropdown.component.mjs +2 -2
- package/esm2020/lib/expandable/expandable-arrow/expandable-arrow.component.mjs +37 -16
- package/esm2020/lib/expandable/expandable-container/expandable-container.component.mjs +5 -5
- package/esm2020/lib/faq/faq-item/faq-item.component.mjs +6 -7
- package/fesm2015/af-connect-components.mjs +51 -27
- package/fesm2015/af-connect-components.mjs.map +1 -1
- package/fesm2020/af-connect-components.mjs +51 -27
- package/fesm2020/af-connect-components.mjs.map +1 -1
- package/lib/af-connect-header/af-connect-header.component.d.ts +1 -0
- package/lib/expandable/expandable-arrow/expandable-arrow.component.d.ts +12 -1
- package/package.json +1 -1
|
@@ -1,33 +1,54 @@
|
|
|
1
1
|
import { animate, style, transition, trigger, state } from '@angular/animations';
|
|
2
|
-
import { ChangeDetectionStrategy, Component, Host, Optional } from '@angular/core';
|
|
2
|
+
import { ChangeDetectionStrategy, Component, Host, Input, Optional } from '@angular/core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "../afc-expandable-wrapper/afc-expandable-wrapper.component";
|
|
5
|
-
import * as i2 from "@angular/
|
|
6
|
-
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
export var AnimationPosition;
|
|
7
|
+
(function (AnimationPosition) {
|
|
8
|
+
AnimationPosition[AnimationPosition["right"] = 0] = "right";
|
|
9
|
+
AnimationPosition[AnimationPosition["bottom"] = 90] = "bottom";
|
|
10
|
+
AnimationPosition[AnimationPosition["left"] = 180] = "left";
|
|
11
|
+
AnimationPosition[AnimationPosition["top"] = 270] = "top";
|
|
12
|
+
})(AnimationPosition || (AnimationPosition = {}));
|
|
13
|
+
;
|
|
7
14
|
export class ExpandableArrowComponent {
|
|
8
15
|
constructor(wrapper) {
|
|
9
16
|
this.wrapper = wrapper;
|
|
17
|
+
this.color = '#454f63';
|
|
18
|
+
this.startPosition = 'right';
|
|
19
|
+
this.endPosition = 'bottom';
|
|
20
|
+
this.collapsedRotation = AnimationPosition['right'];
|
|
21
|
+
this.expandedRotation = AnimationPosition['bottom'];
|
|
22
|
+
}
|
|
23
|
+
ngOnInit() {
|
|
24
|
+
this.collapsedRotation = AnimationPosition[this.startPosition];
|
|
25
|
+
this.expandedRotation = AnimationPosition[this.endPosition];
|
|
10
26
|
}
|
|
11
|
-
ngOnInit() { }
|
|
12
27
|
}
|
|
13
28
|
ExpandableArrowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ExpandableArrowComponent, deps: [{ token: i1.ExpandableWrapperComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
ExpandableArrowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: ExpandableArrowComponent, selector: "afc-expandable-arrow", ngImport: i0, template: "<span class=\"expandable-arrow\" #arrow>\r\n <
|
|
15
|
-
state('collapsed', style({ transform: 'rotate(
|
|
16
|
-
state('expanded', style({ transform: 'rotate(
|
|
17
|
-
transition('expanded <=> collapsed', animate('
|
|
18
|
-
transition('collapsed <=> expanded', animate('
|
|
29
|
+
ExpandableArrowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: ExpandableArrowComponent, selector: "afc-expandable-arrow", inputs: { color: "color", startPosition: "startPosition", endPosition: "endPosition" }, ngImport: i0, template: "<span class=\"expandable-arrow\" #arrow>\r\n <svg\r\n [@expandableArrow]=\"{\r\n value: (wrapper && wrapper.isExpanded$ | async) ? 'expanded' : 'collapsed',\r\n params: {\r\n collapsedRotation,\r\n expandedRotation\r\n }\r\n }\"\r\n id=\"icons_next\" data-name=\"icons/next\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n <rect id=\"bg\" width=\"24\" height=\"24\" fill=\"none\"/>\r\n <path id=\"union\" d=\"M1597.541-4.4l-5.929-5.93a.742.742,0,0,1-.081-.07.747.747,0,0,1-.219-.536.747.747,0,0,1,.219-.535.751.751,0,0,1,.078-.068l5.932-5.932a.751.751,0,0,1,1.061,0,.751.751,0,0,1,0,1.061l-5.476,5.475,5.476,5.475a.751.751,0,0,1,0,1.061.749.749,0,0,1-.531.219A.749.749,0,0,1,1597.541-4.4Z\" transform=\"translate(1607.832 1.052) rotate(180)\" [attr.fill]=\"color\"/>\r\n </svg>\r\n</span>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: i2.AsyncPipe, name: "async" }], animations: [trigger('expandableArrow', [
|
|
30
|
+
state('collapsed', style({ transform: 'rotate({{collapsedRotation}}deg)' }), { params: { collapsedRotation: '0' } }),
|
|
31
|
+
state('expanded', style({ transform: 'rotate({{expandedRotation}}deg)' }), { params: { expandedRotation: '90' } }),
|
|
32
|
+
transition('expanded <=> collapsed', animate('300ms ease-out')),
|
|
33
|
+
transition('collapsed <=> expanded', animate('300ms ease-out'))
|
|
19
34
|
])], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
20
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ExpandableArrowComponent, decorators: [{
|
|
21
36
|
type: Component,
|
|
22
37
|
args: [{ selector: 'afc-expandable-arrow', changeDetection: ChangeDetectionStrategy.OnPush, animations: [trigger('expandableArrow', [
|
|
23
|
-
state('collapsed', style({ transform: 'rotate(
|
|
24
|
-
state('expanded', style({ transform: 'rotate(
|
|
25
|
-
transition('expanded <=> collapsed', animate('
|
|
26
|
-
transition('collapsed <=> expanded', animate('
|
|
27
|
-
])], template: "<span class=\"expandable-arrow\" #arrow>\r\n <
|
|
38
|
+
state('collapsed', style({ transform: 'rotate({{collapsedRotation}}deg)' }), { params: { collapsedRotation: '0' } }),
|
|
39
|
+
state('expanded', style({ transform: 'rotate({{expandedRotation}}deg)' }), { params: { expandedRotation: '90' } }),
|
|
40
|
+
transition('expanded <=> collapsed', animate('300ms ease-out')),
|
|
41
|
+
transition('collapsed <=> expanded', animate('300ms ease-out'))
|
|
42
|
+
])], template: "<span class=\"expandable-arrow\" #arrow>\r\n <svg\r\n [@expandableArrow]=\"{\r\n value: (wrapper && wrapper.isExpanded$ | async) ? 'expanded' : 'collapsed',\r\n params: {\r\n collapsedRotation,\r\n expandedRotation\r\n }\r\n }\"\r\n id=\"icons_next\" data-name=\"icons/next\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n <rect id=\"bg\" width=\"24\" height=\"24\" fill=\"none\"/>\r\n <path id=\"union\" d=\"M1597.541-4.4l-5.929-5.93a.742.742,0,0,1-.081-.07.747.747,0,0,1-.219-.536.747.747,0,0,1,.219-.535.751.751,0,0,1,.078-.068l5.932-5.932a.751.751,0,0,1,1.061,0,.751.751,0,0,1,0,1.061l-5.476,5.475,5.476,5.475a.751.751,0,0,1,0,1.061.749.749,0,0,1-.531.219A.749.749,0,0,1,1597.541-4.4Z\" transform=\"translate(1607.832 1.052) rotate(180)\" [attr.fill]=\"color\"/>\r\n </svg>\r\n</span>\r\n" }]
|
|
28
43
|
}], ctorParameters: function () { return [{ type: i1.ExpandableWrapperComponent, decorators: [{
|
|
29
44
|
type: Host
|
|
30
45
|
}, {
|
|
31
46
|
type: Optional
|
|
32
|
-
}] }]; }
|
|
33
|
-
|
|
47
|
+
}] }]; }, propDecorators: { color: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], startPosition: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], endPosition: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}] } });
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1hcnJvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9leHBhbmRhYmxlL2V4cGFuZGFibGUtYXJyb3cvZXhwYW5kYWJsZS1hcnJvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9leHBhbmRhYmxlL2V4cGFuZGFibGUtYXJyb3cvZXhwYW5kYWJsZS1hcnJvdy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQWMsSUFBSSxFQUFnQixLQUFLLEVBQVUsUUFBUSxFQUFhLE1BQU0sZUFBZSxDQUFDOzs7O0FBR3ZJLE1BQU0sQ0FBTixJQUFZLGlCQUtYO0FBTEQsV0FBWSxpQkFBaUI7SUFDM0IsMkRBQVMsQ0FBQTtJQUNULDhEQUFXLENBQUE7SUFDWCwyREFBVSxDQUFBO0lBQ1YseURBQVMsQ0FBQTtBQUNYLENBQUMsRUFMVyxpQkFBaUIsS0FBakIsaUJBQWlCLFFBSzVCO0FBQUEsQ0FBQztBQWNGLE1BQU0sT0FBTyx3QkFBd0I7SUFRbkMsWUFBdUMsT0FBbUM7UUFBbkMsWUFBTyxHQUFQLE9BQU8sQ0FBNEI7UUFQakUsVUFBSyxHQUFXLFNBQVMsQ0FBQztRQUMxQixrQkFBYSxHQUF3QyxPQUFPLENBQUM7UUFDN0QsZ0JBQVcsR0FBd0MsUUFBUSxDQUFDO1FBRTlELHNCQUFpQixHQUFHLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQy9DLHFCQUFnQixHQUFHLGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRXdCLENBQUM7SUFFL0UsUUFBUTtRQUNOLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDL0QsSUFBSSxDQUFDLGdCQUFnQixHQUFHLGlCQUFpQixDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUM5RCxDQUFDOztxSEFiVSx3QkFBd0I7eUdBQXhCLHdCQUF3QixvSkN2QnJDLG8zQkFjQSxpR0RFYyxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsRUFBRTtZQUN0QyxLQUFLLENBQUMsV0FBVyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQ0FBa0MsRUFBRSxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBQyxpQkFBaUIsRUFBRSxHQUFHLEVBQUMsRUFBRSxDQUFDO1lBQ2xILEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGlDQUFpQyxFQUFFLENBQUMsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFDLGdCQUFnQixFQUFFLElBQUksRUFBQyxFQUFFLENBQUM7WUFDaEgsVUFBVSxDQUFDLHdCQUF3QixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1lBQy9ELFVBQVUsQ0FBQyx3QkFBd0IsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztTQUNoRSxDQUFDLENBQUM7MkZBRVEsd0JBQXdCO2tCQVpwQyxTQUFTOytCQUNFLHNCQUFzQixtQkFHZix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLENBQUMsT0FBTyxDQUFDLGlCQUFpQixFQUFFOzRCQUN0QyxLQUFLLENBQUMsV0FBVyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQ0FBa0MsRUFBRSxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBQyxpQkFBaUIsRUFBRSxHQUFHLEVBQUMsRUFBRSxDQUFDOzRCQUNsSCxLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxpQ0FBaUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBQyxnQkFBZ0IsRUFBRSxJQUFJLEVBQUMsRUFBRSxDQUFDOzRCQUNoSCxVQUFVLENBQUMsd0JBQXdCLEVBQUUsT0FBTyxDQUFDLGdCQUFnQixDQUFDLENBQUM7NEJBQy9ELFVBQVUsQ0FBQyx3QkFBd0IsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQzt5QkFDaEUsQ0FBQyxDQUFDOzswQkFVVSxJQUFJOzswQkFBSSxRQUFROzRDQVBwQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIsIHN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEhvc3QsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCwgT3B0aW9uYWwsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBFeHBhbmRhYmxlV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4uL2FmYy1leHBhbmRhYmxlLXdyYXBwZXIvYWZjLWV4cGFuZGFibGUtd3JhcHBlci5jb21wb25lbnQnO1xyXG5cclxuZXhwb3J0IGVudW0gQW5pbWF0aW9uUG9zaXRpb24ge1xyXG4gIHJpZ2h0ID0gMCxcclxuICBib3R0b20gPSA5MCxcclxuICBsZWZ0ID0gMTgwLFxyXG4gIHRvcCA9IDI3MCxcclxufTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYWZjLWV4cGFuZGFibGUtYXJyb3cnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9leHBhbmRhYmxlLWFycm93LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9leHBhbmRhYmxlLWFycm93LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgYW5pbWF0aW9uczogW3RyaWdnZXIoJ2V4cGFuZGFibGVBcnJvdycsIFtcclxuICAgIHN0YXRlKCdjb2xsYXBzZWQnLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3JvdGF0ZSh7e2NvbGxhcHNlZFJvdGF0aW9ufX1kZWcpJyB9KSwgeyBwYXJhbXM6IHtjb2xsYXBzZWRSb3RhdGlvbjogJzAnfSB9KSxcclxuICAgIHN0YXRlKCdleHBhbmRlZCcsIHN0eWxlKHsgdHJhbnNmb3JtOiAncm90YXRlKHt7ZXhwYW5kZWRSb3RhdGlvbn19ZGVnKScgfSksIHsgcGFyYW1zOiB7ZXhwYW5kZWRSb3RhdGlvbjogJzkwJ30gfSksXHJcbiAgICB0cmFuc2l0aW9uKCdleHBhbmRlZCA8PT4gY29sbGFwc2VkJywgYW5pbWF0ZSgnMzAwbXMgZWFzZS1vdXQnKSksXHJcbiAgICB0cmFuc2l0aW9uKCdjb2xsYXBzZWQgPD0+IGV4cGFuZGVkJywgYW5pbWF0ZSgnMzAwbXMgZWFzZS1vdXQnKSlcclxuICBdKV1cclxufSlcclxuZXhwb3J0IGNsYXNzIEV4cGFuZGFibGVBcnJvd0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgY29sb3I6IHN0cmluZyA9ICcjNDU0ZjYzJztcclxuICBASW5wdXQoKSBzdGFydFBvc2l0aW9uOiAncmlnaHQnIHwgJ2JvdHRvbScgfCAnbGVmdCcgfCAndG9wJyA9ICdyaWdodCc7XHJcbiAgQElucHV0KCkgZW5kUG9zaXRpb246ICdyaWdodCcgfCAnYm90dG9tJyB8ICdsZWZ0JyB8ICd0b3AnID0gJ2JvdHRvbSc7XHJcblxyXG4gIHB1YmxpYyBjb2xsYXBzZWRSb3RhdGlvbiA9IEFuaW1hdGlvblBvc2l0aW9uWydyaWdodCddO1xyXG4gIHB1YmxpYyBleHBhbmRlZFJvdGF0aW9uID0gQW5pbWF0aW9uUG9zaXRpb25bJ2JvdHRvbSddO1xyXG5cclxuICBjb25zdHJ1Y3RvcihASG9zdCgpIEBPcHRpb25hbCgpIHB1YmxpYyB3cmFwcGVyOiBFeHBhbmRhYmxlV3JhcHBlckNvbXBvbmVudCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jb2xsYXBzZWRSb3RhdGlvbiA9IEFuaW1hdGlvblBvc2l0aW9uW3RoaXMuc3RhcnRQb3NpdGlvbl07XHJcbiAgICB0aGlzLmV4cGFuZGVkUm90YXRpb24gPSBBbmltYXRpb25Qb3NpdGlvblt0aGlzLmVuZFBvc2l0aW9uXTtcclxuICB9XHJcbn1cclxuIiwiPHNwYW4gY2xhc3M9XCJleHBhbmRhYmxlLWFycm93XCIgI2Fycm93PlxyXG4gIDxzdmdcclxuICAgIFtAZXhwYW5kYWJsZUFycm93XT1cIntcclxuICAgICAgdmFsdWU6ICh3cmFwcGVyICYmIHdyYXBwZXIuaXNFeHBhbmRlZCQgfCBhc3luYykgPyAnZXhwYW5kZWQnIDogJ2NvbGxhcHNlZCcsXHJcbiAgICAgIHBhcmFtczoge1xyXG4gICAgICAgIGNvbGxhcHNlZFJvdGF0aW9uLFxyXG4gICAgICAgIGV4cGFuZGVkUm90YXRpb25cclxuICAgICAgfVxyXG4gICAgfVwiXHJcbiAgICBpZD1cImljb25zX25leHRcIiBkYXRhLW5hbWU9XCJpY29ucy9uZXh0XCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjRcIiBoZWlnaHQ9XCIyNFwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIj5cclxuICAgIDxyZWN0IGlkPVwiYmdcIiB3aWR0aD1cIjI0XCIgaGVpZ2h0PVwiMjRcIiBmaWxsPVwibm9uZVwiLz5cclxuICAgIDxwYXRoIGlkPVwidW5pb25cIiBkPVwiTTE1OTcuNTQxLTQuNGwtNS45MjktNS45M2EuNzQyLjc0MiwwLDAsMS0uMDgxLS4wNy43NDcuNzQ3LDAsMCwxLS4yMTktLjUzNi43NDcuNzQ3LDAsMCwxLC4yMTktLjUzNS43NTEuNzUxLDAsMCwxLC4wNzgtLjA2OGw1LjkzMi01LjkzMmEuNzUxLjc1MSwwLDAsMSwxLjA2MSwwLC43NTEuNzUxLDAsMCwxLDAsMS4wNjFsLTUuNDc2LDUuNDc1LDUuNDc2LDUuNDc1YS43NTEuNzUxLDAsMCwxLDAsMS4wNjEuNzQ5Ljc0OSwwLDAsMS0uNTMxLjIxOUEuNzQ5Ljc0OSwwLDAsMSwxNTk3LjU0MS00LjRaXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDE2MDcuODMyIDEuMDUyKSByb3RhdGUoMTgwKVwiIFthdHRyLmZpbGxdPVwiY29sb3JcIi8+XHJcbiAgPC9zdmc+XHJcbjwvc3Bhbj5cclxuIl19
|
|
@@ -9,21 +9,21 @@ export class ExpandableContainerComponent {
|
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
ExpandableContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ExpandableContainerComponent, deps: [{ token: i1.ExpandableWrapperComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
ExpandableContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: ExpandableContainerComponent, selector: "afc-expandable-container", ngImport: i0, template: "<div [@expandContainer]=\"(wrapper.isExpanded$ | async) ? 'expanded' : 'collapsed'\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "pipe", type: i2.AsyncPipe, name: "async" }], animations: [trigger('expandContainer', [
|
|
12
|
+
ExpandableContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: ExpandableContainerComponent, selector: "afc-expandable-container", ngImport: i0, template: "<div class=\"expand-container\" [@expandContainer]=\"(wrapper.isExpanded$ | async) ? 'expanded' : 'collapsed'\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".expand-container{overflow:hidden}\n"], dependencies: [{ kind: "pipe", type: i2.AsyncPipe, name: "async" }], animations: [trigger('expandContainer', [
|
|
13
13
|
state('collapsed', style({ height: '0px', minHeight: '0', visibility: 'hidden', border: 'none', overflow: 'hidden' })),
|
|
14
14
|
state('expanded', style({ height: '*' })),
|
|
15
|
-
transition('expanded <=> collapsed', animate('
|
|
15
|
+
transition('expanded <=> collapsed', animate('300ms ease-out'))
|
|
16
16
|
])], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ExpandableContainerComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{ selector: 'afc-expandable-container', changeDetection: ChangeDetectionStrategy.OnPush, animations: [trigger('expandContainer', [
|
|
20
20
|
state('collapsed', style({ height: '0px', minHeight: '0', visibility: 'hidden', border: 'none', overflow: 'hidden' })),
|
|
21
21
|
state('expanded', style({ height: '*' })),
|
|
22
|
-
transition('expanded <=> collapsed', animate('
|
|
23
|
-
])], template: "<div [@expandContainer]=\"(wrapper.isExpanded$ | async) ? 'expanded' : 'collapsed'\">\r\n <ng-content></ng-content>\r\n</div>\r\n" }]
|
|
22
|
+
transition('expanded <=> collapsed', animate('300ms ease-out'))
|
|
23
|
+
])], template: "<div class=\"expand-container\" [@expandContainer]=\"(wrapper.isExpanded$ | async) ? 'expanded' : 'collapsed'\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".expand-container{overflow:hidden}\n"] }]
|
|
24
24
|
}], ctorParameters: function () { return [{ type: i1.ExpandableWrapperComponent, decorators: [{
|
|
25
25
|
type: Host
|
|
26
26
|
}, {
|
|
27
27
|
type: Optional
|
|
28
28
|
}] }]; } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kYWJsZS1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvZXhwYW5kYWJsZS9leHBhbmRhYmxlLWNvbnRhaW5lci9leHBhbmRhYmxlLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9leHBhbmRhYmxlL2V4cGFuZGFibGUtY29udGFpbmVyL2V4cGFuZGFibGUtY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRixPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7O0FBaUJqRixNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLFlBQXVDLE9BQW1DO1FBQW5DLFlBQU8sR0FBUCxPQUFPLENBQTRCO0lBQUksQ0FBQzs7eUhBRHBFLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLGdFQ2xCekMsK0pBR0EscUlETWMsQ0FBQyxPQUFPLENBQUMsaUJBQWlCLEVBQUU7WUFDdEMsS0FBSyxDQUNILFdBQVcsRUFDWCxLQUFLLENBQUMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUNuRztZQUNELEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7WUFDekMsVUFBVSxDQUFDLHdCQUF3QixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1NBQ2hFLENBQUMsQ0FBQzsyRkFFUSw0QkFBNEI7a0JBZHhDLFNBQVM7K0JBQ0UsMEJBQTBCLG1CQUduQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLENBQUMsT0FBTyxDQUFDLGlCQUFpQixFQUFFOzRCQUN0QyxLQUFLLENBQ0gsV0FBVyxFQUNYLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQ25HOzRCQUNELEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7NEJBQ3pDLFVBQVUsQ0FBQyx3QkFBd0IsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQzt5QkFDaEUsQ0FBQyxDQUFDOzswQkFHVSxJQUFJOzswQkFBSSxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIsIHN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IEV4cGFuZGFibGVXcmFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vYWZjLWV4cGFuZGFibGUtd3JhcHBlci9hZmMtZXhwYW5kYWJsZS13cmFwcGVyLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FmYy1leHBhbmRhYmxlLWNvbnRhaW5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2V4cGFuZGFibGUtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9leHBhbmRhYmxlLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGFuaW1hdGlvbnM6IFt0cmlnZ2VyKCdleHBhbmRDb250YWluZXInLCBbXHJcbiAgICBzdGF0ZShcclxuICAgICAgJ2NvbGxhcHNlZCcsXHJcbiAgICAgIHN0eWxlKHsgaGVpZ2h0OiAnMHB4JywgbWluSGVpZ2h0OiAnMCcsIHZpc2liaWxpdHk6ICdoaWRkZW4nLCBib3JkZXI6ICdub25lJywgb3ZlcmZsb3c6ICdoaWRkZW4nIH0pXHJcbiAgICApLFxyXG4gICAgc3RhdGUoJ2V4cGFuZGVkJywgc3R5bGUoeyBoZWlnaHQ6ICcqJyB9KSksXHJcbiAgICB0cmFuc2l0aW9uKCdleHBhbmRlZCA8PT4gY29sbGFwc2VkJywgYW5pbWF0ZSgnMzAwbXMgZWFzZS1vdXQnKSlcclxuICBdKV1cclxufSlcclxuZXhwb3J0IGNsYXNzIEV4cGFuZGFibGVDb250YWluZXJDb21wb25lbnQge1xyXG4gIGNvbnN0cnVjdG9yKEBIb3N0KCkgQE9wdGlvbmFsKCkgcHVibGljIHdyYXBwZXI6IEV4cGFuZGFibGVXcmFwcGVyQ29tcG9uZW50KSB7IH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZXhwYW5kLWNvbnRhaW5lclwiIFtAZXhwYW5kQ29udGFpbmVyXT1cIih3cmFwcGVyLmlzRXhwYW5kZWQkIHwgYXN5bmMpID8gJ2V4cGFuZGVkJyA6ICdjb2xsYXBzZWQnXCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "
|
|
4
|
-
import * as i2 from "../../expandable/expandable-
|
|
5
|
-
import * as i3 from "../../expandable/expandable-
|
|
6
|
-
import * as i4 from "../../expandable/afc-expandable-wrapper/afc-expandable-wrapper.component";
|
|
3
|
+
import * as i1 from "../../expandable/expandable-container/expandable-container.component";
|
|
4
|
+
import * as i2 from "../../expandable/expandable-arrow/expandable-arrow.component";
|
|
5
|
+
import * as i3 from "../../expandable/afc-expandable-wrapper/afc-expandable-wrapper.component";
|
|
7
6
|
export class FaqItemComponent {
|
|
8
7
|
}
|
|
9
8
|
FaqItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: FaqItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
FaqItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: FaqItemComponent, selector: "lib-faq-item", inputs: { faqItem: "faqItem" }, ngImport: i0, template: "<div class=\"item-container\">\r\n <afc-expandable-wrapper>\r\n <div triggerable class=\"title-container\">\r\n <h2 class=\"section-title\">\r\n {{faqItem.title}}\r\n </h2>\r\n <afc-expandable-arrow
|
|
9
|
+
FaqItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: FaqItemComponent, selector: "lib-faq-item", inputs: { faqItem: "faqItem" }, ngImport: i0, template: "<div class=\"item-container\">\r\n <afc-expandable-wrapper>\r\n <div triggerable class=\"title-container\">\r\n <h2 class=\"section-title\">\r\n {{faqItem.title}}\r\n </h2>\r\n <afc-expandable-arrow color=\"#124E57\"></afc-expandable-arrow>\r\n </div>\r\n <afc-expandable-container>\r\n <div class=\"expanded-info\">\r\n {{faqItem.description}}\r\n </div>\r\n </afc-expandable-container>\r\n </afc-expandable-wrapper>\r\n</div>", styles: [".item-container{border:1px solid #124E57;border-radius:5px}.title-container{padding:clamp(1rem,4%,27px);display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:none}@media (max-width: 1024px){.title-container{padding:clamp(1rem,2.2%,27px)}}.expanded-info{padding:0rem clamp(1rem,4%,27px) clamp(1rem,4%,27px) clamp(1rem,4%,27px);color:#707070;font-family:Hero New;font-size:1rem}@media (max-width: 1024px){.expanded-info{padding:0rem clamp(1rem,2.2%,27px) clamp(1rem,2.2%,27px) clamp(1rem,2.2%,27px);font-size:.875rem}}@media (max-width: 768px){.expanded-info{margin:0;font-size:.75rem}}.section-title{margin:0;font-size:1.25rem;font-family:Hero New SemiBold;color:#124e57}@media (max-width: 1024px){.section-title{font-size:1rem}}@media (max-width: 768px){.section-title{margin:0;font-size:.875rem}}\n"], dependencies: [{ kind: "component", type: i1.ExpandableContainerComponent, selector: "afc-expandable-container" }, { kind: "component", type: i2.ExpandableArrowComponent, selector: "afc-expandable-arrow", inputs: ["color", "startPosition", "endPosition"] }, { kind: "component", type: i3.ExpandableWrapperComponent, selector: "afc-expandable-wrapper" }] });
|
|
11
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: FaqItemComponent, decorators: [{
|
|
12
11
|
type: Component,
|
|
13
|
-
args: [{ selector: 'lib-faq-item', template: "<div class=\"item-container\">\r\n <afc-expandable-wrapper>\r\n <div triggerable class=\"title-container\">\r\n <h2 class=\"section-title\">\r\n {{faqItem.title}}\r\n </h2>\r\n <afc-expandable-arrow
|
|
12
|
+
args: [{ selector: 'lib-faq-item', template: "<div class=\"item-container\">\r\n <afc-expandable-wrapper>\r\n <div triggerable class=\"title-container\">\r\n <h2 class=\"section-title\">\r\n {{faqItem.title}}\r\n </h2>\r\n <afc-expandable-arrow color=\"#124E57\"></afc-expandable-arrow>\r\n </div>\r\n <afc-expandable-container>\r\n <div class=\"expanded-info\">\r\n {{faqItem.description}}\r\n </div>\r\n </afc-expandable-container>\r\n </afc-expandable-wrapper>\r\n</div>", styles: [".item-container{border:1px solid #124E57;border-radius:5px}.title-container{padding:clamp(1rem,4%,27px);display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:none}@media (max-width: 1024px){.title-container{padding:clamp(1rem,2.2%,27px)}}.expanded-info{padding:0rem clamp(1rem,4%,27px) clamp(1rem,4%,27px) clamp(1rem,4%,27px);color:#707070;font-family:Hero New;font-size:1rem}@media (max-width: 1024px){.expanded-info{padding:0rem clamp(1rem,2.2%,27px) clamp(1rem,2.2%,27px) clamp(1rem,2.2%,27px);font-size:.875rem}}@media (max-width: 768px){.expanded-info{margin:0;font-size:.75rem}}.section-title{margin:0;font-size:1.25rem;font-family:Hero New SemiBold;color:#124e57}@media (max-width: 1024px){.section-title{font-size:1rem}}@media (max-width: 768px){.section-title{margin:0;font-size:.875rem}}\n"] }]
|
|
14
13
|
}], propDecorators: { faqItem: [{
|
|
15
14
|
type: Input
|
|
16
15
|
}] } });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFxLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvZmFxL2ZhcS1pdGVtL2ZhcS1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2ZhcS9mYXEtaXRlbS9mYXEtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRakQsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLG9GQ1I3QixvaUJBY007MkZETk8sZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLGNBQWM7OEJBTXhCLE9BQU87c0JBRE4sS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRmFxSXRlbSB9IGZyb20gJy4uL2ZhcUl0ZW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItZmFxLWl0ZW0nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mYXEtaXRlbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZmFxLWl0ZW0uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmFxSXRlbUNvbXBvbmVudCB7XHJcbiAgQElucHV0KClcclxuICBmYXFJdGVtOiBGYXFJdGVtO1xyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJpdGVtLWNvbnRhaW5lclwiPlxyXG4gICAgPGFmYy1leHBhbmRhYmxlLXdyYXBwZXI+XHJcbiAgICAgICAgPGRpdiB0cmlnZ2VyYWJsZSBjbGFzcz1cInRpdGxlLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICA8aDIgY2xhc3M9XCJzZWN0aW9uLXRpdGxlXCI+XHJcbiAgICAgICAgICAgICAgICB7e2ZhcUl0ZW0udGl0bGV9fVxyXG4gICAgICAgICAgICA8L2gyPlxyXG4gICAgICAgICAgICA8YWZjLWV4cGFuZGFibGUtYXJyb3cgY29sb3I9XCIjMTI0RTU3XCI+PC9hZmMtZXhwYW5kYWJsZS1hcnJvdz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8YWZjLWV4cGFuZGFibGUtY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZXhwYW5kZWQtaW5mb1wiPlxyXG4gICAgICAgICAgICAgICAge3tmYXFJdGVtLmRlc2NyaXB0aW9ufX1cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9hZmMtZXhwYW5kYWJsZS1jb250YWluZXI+XHJcbiAgICA8L2FmYy1leHBhbmRhYmxlLXdyYXBwZXI+XHJcbjwvZGl2PiJdfQ==
|