@rivet-health/design-system 2.2.1 → 2.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/content-toggle/text-toggle/text-toggle.component.mjs +3 -3
- package/esm2020/lib/modal/callout/callout.component.mjs +3 -4
- package/fesm2015/rivet-health-design-system.mjs +27 -31
- package/fesm2015/rivet-health-design-system.mjs.map +1 -1
- package/fesm2020/rivet-health-design-system.mjs +4 -5
- package/fesm2020/rivet-health-design-system.mjs.map +1 -1
- package/lib/modal/callout/callout.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -10,10 +10,10 @@ export class TextToggleComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
TextToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TextToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
TextToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TextToggleComponent, selector: "riv-text-toggle", inputs: { showLabel: "showLabel", hideLabel: "hideLabel", open: "open" }, ngImport: i0, template: "<button class=\"toggle\" type=\"button\" (click)=\"open = !open\">\n <riv-icon
|
|
13
|
+
TextToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TextToggleComponent, selector: "riv-text-toggle", inputs: { showLabel: "showLabel", hideLabel: "hideLabel", open: "open" }, ngImport: i0, template: "<button class=\"toggle\" type=\"button\" (click)=\"open = !open\">\n <riv-icon [class.open]=\"open\" [name]=\"'ChevronDown'\" [size]=\"24\"></riv-icon>\n <div>{{ open ? hideLabel : showLabel }}</div>\n</button>\n<div *ngIf=\"open\">\n <ng-content></ng-content>\n</div>\n", styles: [".toggle{padding:var(--size-xxsmall);display:flex;align-items:center}.toggle:hover{cursor:pointer}button{color:inherit}riv-icon{transition:transform var(--medium-transition)}riv-icon.open{transform:rotate(-180deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "riv-icon", inputs: ["name", "size", "customSize", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TextToggleComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'riv-text-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"toggle\" type=\"button\" (click)=\"open = !open\">\n <riv-icon
|
|
16
|
+
args: [{ selector: 'riv-text-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"toggle\" type=\"button\" (click)=\"open = !open\">\n <riv-icon [class.open]=\"open\" [name]=\"'ChevronDown'\" [size]=\"24\"></riv-icon>\n <div>{{ open ? hideLabel : showLabel }}</div>\n</button>\n<div *ngIf=\"open\">\n <ng-content></ng-content>\n</div>\n", styles: [".toggle{padding:var(--size-xxsmall);display:flex;align-items:center}.toggle:hover{cursor:pointer}button{color:inherit}riv-icon{transition:transform var(--medium-transition)}riv-icon.open{transform:rotate(-180deg)}\n"] }]
|
|
17
17
|
}], propDecorators: { showLabel: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], hideLabel: [{
|
|
@@ -21,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
21
21
|
}], open: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcml2L3NyYy9saWIvY29udGVudC10b2dnbGUvdGV4dC10b2dnbGUvdGV4dC10b2dnbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcml2L3NyYy9saWIvY29udGVudC10b2dnbGUvdGV4dC10b2dnbGUvdGV4dC10b2dnbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRMUUsTUFBTSxPQUFPLG1CQUFtQjtJQU5oQztRQVFFLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFHdkIsY0FBUyxHQUFXLEVBQUUsQ0FBQztRQUd2QixTQUFJLEdBQVksS0FBSyxDQUFDO0tBQ3ZCOztnSEFUWSxtQkFBbUI7b0dBQW5CLG1CQUFtQixpSUNSaEMsbVJBT0E7MkZEQ2EsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNOzhCQUkvQyxTQUFTO3NCQURSLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jpdi10ZXh0LXRvZ2dsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXh0LXRvZ2dsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RleHQtdG9nZ2xlLmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFRleHRUb2dnbGVDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBzaG93TGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGhpZGVMYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KClcbiAgb3BlbjogYm9vbGVhbiA9IGZhbHNlO1xufVxuIiwiPGJ1dHRvbiBjbGFzcz1cInRvZ2dsZVwiIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwib3BlbiA9ICFvcGVuXCI+XG4gIDxyaXYtaWNvbiBbY2xhc3Mub3Blbl09XCJvcGVuXCIgW25hbWVdPVwiJ0NoZXZyb25Eb3duJ1wiIFtzaXplXT1cIjI0XCI+PC9yaXYtaWNvbj5cbiAgPGRpdj57eyBvcGVuID8gaGlkZUxhYmVsIDogc2hvd0xhYmVsIH19PC9kaXY+XG48L2J1dHRvbj5cbjxkaXYgKm5nSWY9XCJvcGVuXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
|
|
@@ -26,8 +26,7 @@ export class CalloutComponent {
|
|
|
26
26
|
this.close.emit();
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
|
-
|
|
30
|
-
await Promise.resolve();
|
|
29
|
+
ngAfterViewInit() {
|
|
31
30
|
const windowSize = {
|
|
32
31
|
width: window.innerWidth,
|
|
33
32
|
height: window.innerHeight,
|
|
@@ -52,7 +51,7 @@ export class CalloutComponent {
|
|
|
52
51
|
this.left = calloutOrigin.x;
|
|
53
52
|
this.top = calloutOrigin.y;
|
|
54
53
|
this.resolvedPosition = calloutOrigin.position;
|
|
55
|
-
this.cdr.
|
|
54
|
+
this.cdr.detectChanges();
|
|
56
55
|
}
|
|
57
56
|
}
|
|
58
57
|
CalloutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CalloutComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -83,4 +82,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
83
82
|
}], close: [{
|
|
84
83
|
type: Output
|
|
85
84
|
}] } });
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9tb2RhbC9jYWxsb3V0L2NhbGxvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcml2L3NyYy9saWIvbW9kYWwvY2FsbG91dC9jYWxsb3V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCx1QkFBdUIsRUFFdkIsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBRUwsaUJBQWlCLEVBRWpCLFNBQVMsR0FDVixNQUFNLG9CQUFvQixDQUFDOzs7QUFFNUIsNkVBQTZFO0FBQzdFLHNDQUFzQztBQU90QyxNQUFNLE9BQU8sZ0JBQWdCO0lBQzNCLFlBQTZCLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBR25ELFdBQU0sR0FBNkIsSUFBSSxDQUFDO1FBR3hDLFlBQU8sR0FBWSxJQUFJLENBQUM7UUFHeEIsc0JBQWlCLEdBQXFCLGNBQWMsQ0FBQztRQUdyRCxxQkFBZ0IsR0FBdUIsQ0FBQyxHQUFHLGlCQUFpQixDQUFDLENBQUM7UUFHOUQsc0JBQWlCLEdBQWMsbUJBQW1CLENBQUM7UUFHbkQsY0FBUyxHQUFZLElBQUksQ0FBQztRQUcxQixVQUFLLEdBQXFCLE1BQU0sQ0FBQztRQUVYLFlBQU8sR0FBc0MsSUFBSSxDQUFDO1FBRWpDLFVBQUssR0FDMUMsSUFBSSxDQUFDO1FBUVAsU0FBSSxHQUFXLENBQUMsQ0FBQztRQUNqQixRQUFHLEdBQVcsQ0FBQyxDQUFDO1FBQ2hCLHFCQUFnQixHQUFxQixJQUFJLENBQUMsaUJBQWlCLENBQUM7UUErQ25ELFVBQUssR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBbkZrQixDQUFDO0lBNEJ2RCxVQUFVLENBQUMsR0FBZTtRQUN4QixJQUFJLEdBQUcsQ0FBQyxNQUFNLEtBQUssSUFBSSxDQUFDLEtBQUssRUFBRSxhQUFhLEVBQUU7WUFDNUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUNuQjtJQUNILENBQUM7SUFNRCxlQUFlO1FBQ2IsTUFBTSxVQUFVLEdBQUc7WUFDakIsS0FBSyxFQUFFLE1BQU0sQ0FBQyxVQUFVO1lBQ3hCLE1BQU0sRUFBRSxNQUFNLENBQUMsV0FBVztTQUMzQixDQUFDO1FBRUYsSUFBSSxJQUFJLENBQUMsTUFBTSxLQUFLLElBQUksSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLElBQUksSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLElBQUk7WUFDdEUsT0FBTztRQUVULE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFFbkUsTUFBTSxVQUFVLEdBQ2QsSUFBSSxDQUFDLE1BQU0sWUFBWSxPQUFPO1lBQzVCLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLHFCQUFxQixFQUFFO1lBQ3JDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBRWxCLE1BQU0sWUFBWSxHQUFHO1lBQ25CLENBQUMsRUFBRSxVQUFVLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxJQUFJO1lBQ25DLENBQUMsRUFBRSxVQUFVLENBQUMsR0FBRyxHQUFHLFNBQVMsQ0FBQyxHQUFHO1lBQ2pDLEtBQUssRUFBRSxVQUFVLENBQUMsS0FBSyxHQUFHLFVBQVUsQ0FBQyxJQUFJO1lBQ3pDLE1BQU0sRUFBRSxVQUFVLENBQUMsTUFBTSxHQUFHLFVBQVUsQ0FBQyxHQUFHO1NBQzNDLENBQUM7UUFFRixNQUFNLFdBQVcsR0FBRztZQUNsQixLQUFLLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsV0FBVztZQUM3QyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsWUFBWTtTQUNoRCxDQUFDO1FBRUYsTUFBTSxhQUFhLEdBQUcsU0FBUyxDQUM3QixZQUFZLEVBQ1osV0FBVyxFQUNYLFVBQVUsRUFDVixJQUFJLENBQUMsaUJBQWlCLEVBQ3RCLElBQUksQ0FBQyxnQkFBZ0IsRUFDckIsSUFBSSxDQUFDLGlCQUFpQixFQUN0QixJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDdkIsQ0FBQztRQUVGLElBQUksQ0FBQyxJQUFJLEdBQUcsYUFBYSxDQUFDLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsR0FBRyxHQUFHLGFBQWEsQ0FBQyxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLGdCQUFnQixHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUM7UUFDL0MsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQixDQUFDOzs2R0FqRlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IscWRDMUI3QiwyV0FpQkE7MkZEU2EsZ0JBQWdCO2tCQU41QixTQUFTOytCQUNFLGFBQWEsbUJBR04sdUJBQXVCLENBQUMsTUFBTTt3R0FNL0MsTUFBTTtzQkFETCxLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixpQkFBaUI7c0JBRGhCLEtBQUs7Z0JBSU4sZ0JBQWdCO3NCQURmLEtBQUs7Z0JBSU4saUJBQWlCO3NCQURoQixLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBR2dCLE9BQU87c0JBQTVCLFNBQVM7dUJBQUMsU0FBUztnQkFFbUIsS0FBSztzQkFBM0MsU0FBUzt1QkFBQyxPQUFPLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQTBENUIsS0FBSztzQkFEYixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEFuY2hvcmVkUG9zaXRpb24sXG4gIEFuY2hvcmVkUG9zaXRpb25zLFxuICBEaXJlY3Rpb24sXG4gIGdldE9yaWdpbixcbn0gZnJvbSAnLi9jYWxsb3V0LXBvc2l0aW9uJztcblxuLy8gVE9ETzogb25jZSB3ZSB1cGdyYWRlIHRvIEFuZ3VsYXIgMTYsIHRoaXMgY29tcG9uZW50IGNhbiBiZSBjbGVhbmVkIHVwIHdpdGhcbi8vIHNpZ25hbHMgaW5zdGVhZCBvZiBsaWZlY3ljbGUgaG9va3MuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyaXYtY2FsbG91dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYWxsb3V0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FsbG91dC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBDYWxsb3V0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICBASW5wdXQoKVxuICBhbmNob3I6IEVsZW1lbnQgfCBET01SZWN0IHwgbnVsbCA9IG51bGw7XG5cbiAgQElucHV0KClcbiAgaXNNb2RhbDogYm9vbGVhbiA9IHRydWU7XG5cbiAgQElucHV0KClcbiAgcHJlZmVycmVkUG9zaXRpb246IEFuY2hvcmVkUG9zaXRpb24gPSAnYm90dG9tLXJpZ2h0JztcblxuICBASW5wdXQoKVxuICBhbGxvd2VkUG9zaXRpb25zOiBBbmNob3JlZFBvc2l0aW9uW10gPSBbLi4uQW5jaG9yZWRQb3NpdGlvbnNdO1xuXG4gIEBJbnB1dCgpXG4gIGZhbGxiYWNrRGlyZWN0aW9uOiBEaXJlY3Rpb24gPSAnY291bnRlci1jbG9ja3dpc2UnO1xuXG4gIEBJbnB1dCgpXG4gIHNob3dDYXJldDogYm9vbGVhbiA9IHRydWU7XG5cbiAgQElucHV0KClcbiAgdGhlbWU6ICdsaWdodCcgfCAnZGFyaycgPSAnZGFyayc7XG5cbiAgQFZpZXdDaGlsZCgnY29udGVudCcpIGNvbnRlbnQ6IEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+IHwgbnVsbCA9IG51bGw7XG5cbiAgQFZpZXdDaGlsZCgnc2NyaW0nLCB7IHN0YXRpYzogZmFsc2UgfSkgc2NyaW06IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+IHwgbnVsbCA9XG4gICAgbnVsbDtcblxuICBzY3JpbUNsaWNrKGV2dDogTW91c2VFdmVudCkge1xuICAgIGlmIChldnQudGFyZ2V0ID09PSB0aGlzLnNjcmltPy5uYXRpdmVFbGVtZW50KSB7XG4gICAgICB0aGlzLmNsb3NlLmVtaXQoKTtcbiAgICB9XG4gIH1cblxuICBsZWZ0OiBudW1iZXIgPSAwO1xuICB0b3A6IG51bWJlciA9IDA7XG4gIHJlc29sdmVkUG9zaXRpb246IEFuY2hvcmVkUG9zaXRpb24gPSB0aGlzLnByZWZlcnJlZFBvc2l0aW9uO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBjb25zdCB3aW5kb3dTaXplID0ge1xuICAgICAgd2lkdGg6IHdpbmRvdy5pbm5lcldpZHRoLFxuICAgICAgaGVpZ2h0OiB3aW5kb3cuaW5uZXJIZWlnaHQsXG4gICAgfTtcblxuICAgIGlmICh0aGlzLmFuY2hvciA9PT0gbnVsbCB8fCB0aGlzLmNvbnRlbnQgPT09IG51bGwgfHwgdGhpcy5zY3JpbSA9PT0gbnVsbClcbiAgICAgIHJldHVybjtcblxuICAgIGNvbnN0IHNjcmltUmVjdCA9IHRoaXMuc2NyaW0ubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcblxuICAgIGNvbnN0IGFuY2hvclJlY3QgPVxuICAgICAgdGhpcy5hbmNob3IgaW5zdGFuY2VvZiBFbGVtZW50XG4gICAgICAgID8gdGhpcy5hbmNob3IuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KClcbiAgICAgICAgOiB0aGlzLmFuY2hvcjtcblxuICAgIGNvbnN0IGFuY2hvckJvdW5kcyA9IHtcbiAgICAgIHg6IGFuY2hvclJlY3QubGVmdCAtIHNjcmltUmVjdC5sZWZ0LCAvLyBJbiBtb3N0IGNhc2VzLCB0aGUgc2NyaW0gd2lsbCBiZSBwb3NpdGlvbmVkIGF0ICgwLDApLCBidXQgaWYgaXQncyBub3QsIHRoaXMgd2lsbCBtYWtlIHN1cmUgdGhlIGNhbGxvdXQgaXMgcG9zaXRpb25lZCBjb3JyZWN0bHkgcmVnYXJkbGVzcy5cbiAgICAgIHk6IGFuY2hvclJlY3QudG9wIC0gc2NyaW1SZWN0LnRvcCxcbiAgICAgIHdpZHRoOiBhbmNob3JSZWN0LnJpZ2h0IC0gYW5jaG9yUmVjdC5sZWZ0LFxuICAgICAgaGVpZ2h0OiBhbmNob3JSZWN0LmJvdHRvbSAtIGFuY2hvclJlY3QudG9wLFxuICAgIH07XG5cbiAgICBjb25zdCBjYWxsb3V0U2l6ZSA9IHtcbiAgICAgIHdpZHRoOiB0aGlzLmNvbnRlbnQubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aCxcbiAgICAgIGhlaWdodDogdGhpcy5jb250ZW50Lm5hdGl2ZUVsZW1lbnQuY2xpZW50SGVpZ2h0LFxuICAgIH07XG5cbiAgICBjb25zdCBjYWxsb3V0T3JpZ2luID0gZ2V0T3JpZ2luKFxuICAgICAgYW5jaG9yQm91bmRzLFxuICAgICAgY2FsbG91dFNpemUsXG4gICAgICB3aW5kb3dTaXplLFxuICAgICAgdGhpcy5wcmVmZXJyZWRQb3NpdGlvbixcbiAgICAgIHRoaXMuYWxsb3dlZFBvc2l0aW9ucyxcbiAgICAgIHRoaXMuZmFsbGJhY2tEaXJlY3Rpb24sXG4gICAgICB0aGlzLnNob3dDYXJldCA/IDggOiAwLFxuICAgICk7XG5cbiAgICB0aGlzLmxlZnQgPSBjYWxsb3V0T3JpZ2luLng7XG4gICAgdGhpcy50b3AgPSBjYWxsb3V0T3JpZ2luLnk7XG4gICAgdGhpcy5yZXNvbHZlZFBvc2l0aW9uID0gY2FsbG91dE9yaWdpbi5wb3NpdGlvbjtcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cblxuICBAT3V0cHV0KClcbiAgcmVhZG9ubHkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG59XG4iLCI8ZGl2XG4gICNzY3JpbVxuICBjbGFzcz1cInNjcmltXCJcbiAgW2NsYXNzLmZ1bGxdPVwiaXNNb2RhbFwiXG4gIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7IHNjcmltQ2xpY2soJGV2ZW50KVwiXG4+XG4gIDxkaXZcbiAgICBjbGFzcz1cImNhbGxvdXRcIlxuICAgIFtuZ0NsYXNzXT1cIlt0aGVtZSwgcmVzb2x2ZWRQb3NpdGlvbl1cIlxuICAgIFtjbGFzcy5jYXJldF09XCJzaG93Q2FyZXRcIlxuICAgIFtzdHlsZS5sZWZ0LnB4XT1cImxlZnRcIlxuICAgIFtzdHlsZS50b3AucHhdPVwidG9wXCJcbiAgICAjY29udGVudFxuICA+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -3,7 +3,6 @@ import { Component, ChangeDetectionStrategy, Input, HostBinding, Injectable, Eve
|
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { DecimalPipe, CommonModule } from '@angular/common';
|
|
5
5
|
import { BehaviorSubject, map, shareReplay, combineLatest } from 'rxjs';
|
|
6
|
-
import { __awaiter } from 'tslib';
|
|
7
6
|
import { pie, arc, line, stack } from 'd3-shape';
|
|
8
7
|
import { scaleLinear, scaleBand } from 'd3-scale';
|
|
9
8
|
import { timeYear, timeMonth, timeWeek, timeDay } from 'd3-time';
|
|
@@ -351,10 +350,10 @@ class TextToggleComponent {
|
|
|
351
350
|
}
|
|
352
351
|
}
|
|
353
352
|
TextToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TextToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
354
|
-
TextToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TextToggleComponent, selector: "riv-text-toggle", inputs: { showLabel: "showLabel", hideLabel: "hideLabel", open: "open" }, ngImport: i0, template: "<button class=\"toggle\" type=\"button\" (click)=\"open = !open\">\n <riv-icon
|
|
353
|
+
TextToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TextToggleComponent, selector: "riv-text-toggle", inputs: { showLabel: "showLabel", hideLabel: "hideLabel", open: "open" }, ngImport: i0, template: "<button class=\"toggle\" type=\"button\" (click)=\"open = !open\">\n <riv-icon [class.open]=\"open\" [name]=\"'ChevronDown'\" [size]=\"24\"></riv-icon>\n <div>{{ open ? hideLabel : showLabel }}</div>\n</button>\n<div *ngIf=\"open\">\n <ng-content></ng-content>\n</div>\n", styles: [".toggle{padding:var(--size-xxsmall);display:flex;align-items:center}.toggle:hover{cursor:pointer}button{color:inherit}riv-icon{transition:transform var(--medium-transition)}riv-icon.open{transform:rotate(-180deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "riv-icon", inputs: ["name", "size", "customSize", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
355
354
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TextToggleComponent, decorators: [{
|
|
356
355
|
type: Component,
|
|
357
|
-
args: [{ selector: 'riv-text-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"toggle\" type=\"button\" (click)=\"open = !open\">\n <riv-icon
|
|
356
|
+
args: [{ selector: 'riv-text-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"toggle\" type=\"button\" (click)=\"open = !open\">\n <riv-icon [class.open]=\"open\" [name]=\"'ChevronDown'\" [size]=\"24\"></riv-icon>\n <div>{{ open ? hideLabel : showLabel }}</div>\n</button>\n<div *ngIf=\"open\">\n <ng-content></ng-content>\n</div>\n", styles: [".toggle{padding:var(--size-xxsmall);display:flex;align-items:center}.toggle:hover{cursor:pointer}button{color:inherit}riv-icon{transition:transform var(--medium-transition)}riv-icon.open{transform:rotate(-180deg)}\n"] }]
|
|
358
357
|
}], propDecorators: { showLabel: [{
|
|
359
358
|
type: Input
|
|
360
359
|
}], hideLabel: [{
|
|
@@ -518,34 +517,31 @@ class CalloutComponent {
|
|
|
518
517
|
}
|
|
519
518
|
}
|
|
520
519
|
ngAfterViewInit() {
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
this.resolvedPosition = calloutOrigin.position;
|
|
547
|
-
this.cdr.markForCheck();
|
|
548
|
-
});
|
|
520
|
+
const windowSize = {
|
|
521
|
+
width: window.innerWidth,
|
|
522
|
+
height: window.innerHeight,
|
|
523
|
+
};
|
|
524
|
+
if (this.anchor === null || this.content === null || this.scrim === null)
|
|
525
|
+
return;
|
|
526
|
+
const scrimRect = this.scrim.nativeElement.getBoundingClientRect();
|
|
527
|
+
const anchorRect = this.anchor instanceof Element
|
|
528
|
+
? this.anchor.getBoundingClientRect()
|
|
529
|
+
: this.anchor;
|
|
530
|
+
const anchorBounds = {
|
|
531
|
+
x: anchorRect.left - scrimRect.left,
|
|
532
|
+
y: anchorRect.top - scrimRect.top,
|
|
533
|
+
width: anchorRect.right - anchorRect.left,
|
|
534
|
+
height: anchorRect.bottom - anchorRect.top,
|
|
535
|
+
};
|
|
536
|
+
const calloutSize = {
|
|
537
|
+
width: this.content.nativeElement.clientWidth,
|
|
538
|
+
height: this.content.nativeElement.clientHeight,
|
|
539
|
+
};
|
|
540
|
+
const calloutOrigin = getOrigin(anchorBounds, calloutSize, windowSize, this.preferredPosition, this.allowedPositions, this.fallbackDirection, this.showCaret ? 8 : 0);
|
|
541
|
+
this.left = calloutOrigin.x;
|
|
542
|
+
this.top = calloutOrigin.y;
|
|
543
|
+
this.resolvedPosition = calloutOrigin.position;
|
|
544
|
+
this.cdr.detectChanges();
|
|
549
545
|
}
|
|
550
546
|
}
|
|
551
547
|
CalloutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CalloutComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|