@rivet-health/design-system 11.2.0 → 11.2.2
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 +17 -4
- package/esm2020/lib/visualization/simple-table/simple-table.component.mjs +2 -2
- package/fesm2015/rivet-health-design-system.mjs +18 -5
- package/fesm2015/rivet-health-design-system.mjs.map +1 -1
- package/fesm2020/rivet-health-design-system.mjs +18 -5
- package/fesm2020/rivet-health-design-system.mjs.map +1 -1
- package/lib/content-toggle/text-toggle/text-toggle.component.d.ts +6 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "../../icon/icon.component";
|
|
@@ -6,19 +6,32 @@ export class TextToggleComponent {
|
|
|
6
6
|
constructor() {
|
|
7
7
|
this.showLabel = '';
|
|
8
8
|
this.hideLabel = '';
|
|
9
|
+
this.colorToken = '';
|
|
9
10
|
this.open = false;
|
|
11
|
+
this.openChange = new EventEmitter();
|
|
12
|
+
}
|
|
13
|
+
get color() {
|
|
14
|
+
return `var(${this.colorToken})`;
|
|
15
|
+
}
|
|
16
|
+
toggleOpen() {
|
|
17
|
+
this.open = !this.open;
|
|
18
|
+
this.openChange.emit(this.open);
|
|
10
19
|
}
|
|
11
20
|
}
|
|
12
21
|
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
|
|
22
|
+
TextToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TextToggleComponent, selector: "riv-text-toggle", inputs: { showLabel: "showLabel", hideLabel: "hideLabel", colorToken: "colorToken", open: "open" }, outputs: { openChange: "openChange" }, ngImport: i0, template: "<button\n class=\"toggle\"\n type=\"button\"\n (click)=\"toggleOpen()\"\n type=\"button\"\n [style.color]=\"color\"\n>\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
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TextToggleComponent, decorators: [{
|
|
15
24
|
type: Component,
|
|
16
|
-
args: [{ selector: 'riv-text-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button
|
|
25
|
+
args: [{ selector: 'riv-text-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n class=\"toggle\"\n type=\"button\"\n (click)=\"toggleOpen()\"\n type=\"button\"\n [style.color]=\"color\"\n>\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
26
|
}], propDecorators: { showLabel: [{
|
|
18
27
|
type: Input
|
|
19
28
|
}], hideLabel: [{
|
|
20
29
|
type: Input
|
|
30
|
+
}], colorToken: [{
|
|
31
|
+
type: Input
|
|
21
32
|
}], open: [{
|
|
22
33
|
type: Input
|
|
34
|
+
}], openChange: [{
|
|
35
|
+
type: Output
|
|
23
36
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcml2L3NyYy9saWIvY29udGVudC10b2dnbGUvdGV4dC10b2dnbGUvdGV4dC10b2dnbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcml2L3NyYy9saWIvY29udGVudC10b2dnbGUvdGV4dC10b2dnbGUvdGV4dC10b2dnbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7Ozs7QUFRdkIsTUFBTSxPQUFPLG1CQUFtQjtJQU5oQztRQVFFLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFHdkIsY0FBUyxHQUFXLEVBQUUsQ0FBQztRQUd2QixlQUFVLEdBQVcsRUFBRSxDQUFDO1FBT3hCLFNBQUksR0FBWSxLQUFLLENBQUM7UUFHdEIsZUFBVSxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO0tBTWpFO0lBZEMsSUFBSSxLQUFLO1FBQ1AsT0FBTyxPQUFPLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQztJQUNuQyxDQUFDO0lBUUQsVUFBVTtRQUNSLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsQyxDQUFDOztnSEF2QlUsbUJBQW1CO29HQUFuQixtQkFBbUIsa01DZGhDLDRVQWFBOzJGRENhLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTTs4QkFJL0MsU0FBUztzQkFEUixLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUs7Z0JBUU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLFVBQVU7c0JBRFQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jpdi10ZXh0LXRvZ2dsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXh0LXRvZ2dsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RleHQtdG9nZ2xlLmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFRleHRUb2dnbGVDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBzaG93TGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGhpZGVMYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KClcbiAgY29sb3JUb2tlbjogc3RyaW5nID0gJyc7XG5cbiAgZ2V0IGNvbG9yKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGB2YXIoJHt0aGlzLmNvbG9yVG9rZW59KWA7XG4gIH1cblxuICBASW5wdXQoKVxuICBvcGVuOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpXG4gIG9wZW5DaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICB0b2dnbGVPcGVuKCkge1xuICAgIHRoaXMub3BlbiA9ICF0aGlzLm9wZW47XG4gICAgdGhpcy5vcGVuQ2hhbmdlLmVtaXQodGhpcy5vcGVuKTtcbiAgfVxufVxuIiwiPGJ1dHRvblxuICBjbGFzcz1cInRvZ2dsZVwiXG4gIHR5cGU9XCJidXR0b25cIlxuICAoY2xpY2spPVwidG9nZ2xlT3BlbigpXCJcbiAgdHlwZT1cImJ1dHRvblwiXG4gIFtzdHlsZS5jb2xvcl09XCJjb2xvclwiXG4+XG4gIDxyaXYtaWNvbiBbY2xhc3Mub3Blbl09XCJvcGVuXCIgW25hbWVdPVwiJ0NoZXZyb25Eb3duJ1wiIFtzaXplXT1cIjI0XCI+PC9yaXYtaWNvbj5cbiAgPGRpdj57eyBvcGVuID8gaGlkZUxhYmVsIDogc2hvd0xhYmVsIH19PC9kaXY+XG48L2J1dHRvbj5cbjxkaXYgKm5nSWY9XCJvcGVuXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
|
|
@@ -3,9 +3,9 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class SimpleTableComponent {
|
|
4
4
|
}
|
|
5
5
|
SimpleTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SimpleTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
SimpleTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SimpleTableComponent, selector: "riv-simple-table", ngImport: i0, template: '<div class="container"> <table><ng-content></ng-content></table> </div>', isInline: true, styles: ["
|
|
6
|
+
SimpleTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SimpleTableComponent, selector: "riv-simple-table", ngImport: i0, template: '<div class="container"> <table><ng-content></ng-content></table> </div>', isInline: true, styles: [":host{display:grid;width:100%;min-height:0}.container{border:var(--border-width) solid var(--border-light);border-radius:var(--border-radius-medium);box-shadow:0 0 calc(var(--base-grid-size) / 4) #0000000a,0 0 calc(var(--base-grid-size) / 2) #0000000f,0 var(--base-grid-size) calc(var(--base-grid-size) * 2) #0000000a;overflow:auto}table{border-collapse:separate;width:100%;table-layout:fixed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SimpleTableComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
|
-
args: [{ selector: 'riv-simple-table', template: '<div class="container"> <table><ng-content></ng-content></table> </div>', changeDetection: ChangeDetectionStrategy.OnPush, styles: ["
|
|
9
|
+
args: [{ selector: 'riv-simple-table', template: '<div class="container"> <table><ng-content></ng-content></table> </div>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:grid;width:100%;min-height:0}.container{border:var(--border-width) solid var(--border-light);border-radius:var(--border-radius-medium);box-shadow:0 0 calc(var(--base-grid-size) / 4) #0000000a,0 0 calc(var(--base-grid-size) / 2) #0000000f,0 var(--base-grid-size) calc(var(--base-grid-size) * 2) #0000000a;overflow:auto}table{border-collapse:separate;width:100%;table-layout:fixed}\n"] }]
|
|
10
10
|
}] });
|
|
11
11
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLXRhYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Jpdi9zcmMvbGliL3Zpc3VhbGl6YXRpb24vc2ltcGxlLXRhYmxlL3NpbXBsZS10YWJsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTbkUsTUFBTSxPQUFPLG9CQUFvQjs7aUhBQXBCLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHdEQUg3Qix5RUFBeUU7MkZBR2hFLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDRSxrQkFBa0IsWUFHMUIseUVBQXlFLG1CQUMxRCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyaXYtc2ltcGxlLXRhYmxlJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2ltcGxlLXRhYmxlLmNvbXBvbmVudC5jc3MnXSxcbiAgdGVtcGxhdGU6XG4gICAgJzxkaXYgY2xhc3M9XCJjb250YWluZXJcIj4gPHRhYmxlPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3RhYmxlPiA8L2Rpdj4nLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2ltcGxlVGFibGVDb21wb25lbnQge31cbiJdfQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ChangeDetectionStrategy, Input, HostBinding, Injectable, Inject, Pipe, Directive,
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Input, HostBinding, EventEmitter, Output, Injectable, Inject, Pipe, Directive, ViewChild, HostListener, ViewContainerRef, Self, ElementRef, ContentChild, TemplateRef, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { DOCUMENT, DatePipe as DatePipe$1, DecimalPipe, CurrencyPipe, PercentPipe, CommonModule } from '@angular/common';
|
|
5
5
|
import { __awaiter, __asyncValues, __asyncGenerator, __await, __asyncDelegator } from 'tslib';
|
|
@@ -368,20 +368,33 @@ class TextToggleComponent {
|
|
|
368
368
|
constructor() {
|
|
369
369
|
this.showLabel = '';
|
|
370
370
|
this.hideLabel = '';
|
|
371
|
+
this.colorToken = '';
|
|
371
372
|
this.open = false;
|
|
373
|
+
this.openChange = new EventEmitter();
|
|
374
|
+
}
|
|
375
|
+
get color() {
|
|
376
|
+
return `var(${this.colorToken})`;
|
|
377
|
+
}
|
|
378
|
+
toggleOpen() {
|
|
379
|
+
this.open = !this.open;
|
|
380
|
+
this.openChange.emit(this.open);
|
|
372
381
|
}
|
|
373
382
|
}
|
|
374
383
|
TextToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TextToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
375
|
-
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
|
|
384
|
+
TextToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TextToggleComponent, selector: "riv-text-toggle", inputs: { showLabel: "showLabel", hideLabel: "hideLabel", colorToken: "colorToken", open: "open" }, outputs: { openChange: "openChange" }, ngImport: i0, template: "<button\n class=\"toggle\"\n type=\"button\"\n (click)=\"toggleOpen()\"\n type=\"button\"\n [style.color]=\"color\"\n>\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 });
|
|
376
385
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TextToggleComponent, decorators: [{
|
|
377
386
|
type: Component,
|
|
378
|
-
args: [{ selector: 'riv-text-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button
|
|
387
|
+
args: [{ selector: 'riv-text-toggle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n class=\"toggle\"\n type=\"button\"\n (click)=\"toggleOpen()\"\n type=\"button\"\n [style.color]=\"color\"\n>\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"] }]
|
|
379
388
|
}], propDecorators: { showLabel: [{
|
|
380
389
|
type: Input
|
|
381
390
|
}], hideLabel: [{
|
|
382
391
|
type: Input
|
|
392
|
+
}], colorToken: [{
|
|
393
|
+
type: Input
|
|
383
394
|
}], open: [{
|
|
384
395
|
type: Input
|
|
396
|
+
}], openChange: [{
|
|
397
|
+
type: Output
|
|
385
398
|
}] } });
|
|
386
399
|
|
|
387
400
|
class DownloadService {
|
|
@@ -4443,10 +4456,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
4443
4456
|
class SimpleTableComponent {
|
|
4444
4457
|
}
|
|
4445
4458
|
SimpleTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SimpleTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4446
|
-
SimpleTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SimpleTableComponent, selector: "riv-simple-table", ngImport: i0, template: '<div class="container"> <table><ng-content></ng-content></table> </div>', isInline: true, styles: ["
|
|
4459
|
+
SimpleTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SimpleTableComponent, selector: "riv-simple-table", ngImport: i0, template: '<div class="container"> <table><ng-content></ng-content></table> </div>', isInline: true, styles: [":host{display:grid;width:100%;min-height:0}.container{border:var(--border-width) solid var(--border-light);border-radius:var(--border-radius-medium);box-shadow:0 0 calc(var(--base-grid-size) / 4) #0000000a,0 0 calc(var(--base-grid-size) / 2) #0000000f,0 var(--base-grid-size) calc(var(--base-grid-size) * 2) #0000000a;overflow:auto}table{border-collapse:separate;width:100%;table-layout:fixed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4447
4460
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SimpleTableComponent, decorators: [{
|
|
4448
4461
|
type: Component,
|
|
4449
|
-
args: [{ selector: 'riv-simple-table', template: '<div class="container"> <table><ng-content></ng-content></table> </div>', changeDetection: ChangeDetectionStrategy.OnPush, styles: ["
|
|
4462
|
+
args: [{ selector: 'riv-simple-table', template: '<div class="container"> <table><ng-content></ng-content></table> </div>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:grid;width:100%;min-height:0}.container{border:var(--border-width) solid var(--border-light);border-radius:var(--border-radius-medium);box-shadow:0 0 calc(var(--base-grid-size) / 4) #0000000a,0 0 calc(var(--base-grid-size) / 2) #0000000f,0 var(--base-grid-size) calc(var(--base-grid-size) * 2) #0000000a;overflow:auto}table{border-collapse:separate;width:100%;table-layout:fixed}\n"] }]
|
|
4450
4463
|
}] });
|
|
4451
4464
|
|
|
4452
4465
|
const intervals = ['year', 'quarter', 'month', 'week', 'day'];
|