@progressio_resources/gravity-design-system 3.6.4 → 3.6.5
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/esm2022/lib/components/gravity-data-views-v2/gravity-data-views-v2.component.mjs +2 -2
- package/esm2022/lib/components/gravity-status-indicator/gravity-status-indicator.component.mjs +11 -3
- package/esm2022/lib/components/gravity-tree-view/node/node-checkbox/node-checkbox.component.mjs +3 -3
- package/fesm2022/progressio_resources-gravity-design-system.mjs +14 -6
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/components/gravity-status-indicator/gravity-status-indicator.component.d.ts +4 -1
- package/package.json +1 -1
|
@@ -28,11 +28,11 @@ export class GravityDataViewsV2Component {
|
|
|
28
28
|
this.clickEmitter.emit();
|
|
29
29
|
}
|
|
30
30
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDataViewsV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDataViewsV2Component, selector: "gravity-data-views-v2", inputs: { type: "type", disabled: "disabled", statusIndicator: "statusIndicator" }, outputs: { clickEmitter: "clickEmitter" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<main class=\"{{type}}\" [class.disabled]=\"hasClickListener && disabled\" [class.clickable]=\"hasClickListener && !disabled\" [style.width]=\"isMd ? '545px' : '100%'\" (click)=\"onClick()\">\n\n <div *ngIf=\"statusIndicator && type === 'custom-view'\" class=\"status-wrapper\" [ngClass]=\"statusIndicator.position || 'left'\">\n <gravity-status-indicator [size]=\"'sm'\" [type]=\"'primary'\" [icon]=\"statusIndicator.icon\"\n [text]=\"statusIndicator.text\"\n [status]=\"statusIndicator.status\"/>\n </div>\n\n <ng-content/>\n</main>\n", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}body{font-style:normal;line-height:normal;font-optical-sizing:auto;color:var(--text-primary);font-family:Roboto Flex,sans-serif}.hr-body,:host ::ng-deep main.list-view article p:last-of-type,:host ::ng-deep main.list-view article p:first-of-type,:host ::ng-deep main.custom-view article div p:last-of-type,:host ::ng-deep main.custom-view article div p:first-of-type{font-family:Roboto Flex,sans-serif}.hr-body.sm-regular,:host ::ng-deep main.list-view article p.hr-body:last-of-type,:host ::ng-deep main.list-view article p.sm-regular:last-of-type,:host ::ng-deep main.list-view article p:last-of-type,:host ::ng-deep main.list-view article p.sm-regular:first-of-type,:host ::ng-deep main.list-view article p:first-of-type:last-of-type,:host ::ng-deep main.custom-view article div p:last-of-type,:host ::ng-deep main.custom-view article div p.sm-regular:first-of-type{font-weight:400;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.sm-bold,:host ::ng-deep main.list-view article p.sm-bold:last-of-type,:host ::ng-deep main.list-view article p.hr-body:first-of-type,:host ::ng-deep main.list-view article p:first-of-type:last-of-type,:host ::ng-deep main.list-view article p.sm-bold:first-of-type,:host ::ng-deep main.list-view article p:first-of-type,:host ::ng-deep main.custom-view article div p.sm-bold:last-of-type,:host ::ng-deep main.custom-view article div p:first-of-type{font-weight:650;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.md-regular,:host ::ng-deep main.list-view article p.md-regular:last-of-type,:host ::ng-deep main.list-view article p.md-regular:first-of-type,:host ::ng-deep main.custom-view article div p.md-regular:last-of-type,:host ::ng-deep main.custom-view article div p.md-regular:first-of-type{font-weight:380;line-height:1.567rem;letter-spacing:.03rem;font-size:1rem}.hr-body.md-bold,:host ::ng-deep main.list-view article p.md-bold:last-of-type,:host ::ng-deep main.list-view article p.md-bold:first-of-type,:host ::ng-deep main.custom-view article div p.md-bold:last-of-type,:host ::ng-deep main.custom-view article div p.md-bold:first-of-type{font-weight:700;line-height:1.567rem;letter-spacing:.025rem;font-size:1rem}.hr-body.lg-regular,:host ::ng-deep main.list-view article p.lg-regular:last-of-type,:host ::ng-deep main.list-view article p.lg-regular:first-of-type,:host ::ng-deep main.custom-view article div p.lg-regular:last-of-type,:host ::ng-deep main.custom-view article div p.lg-regular:first-of-type{font-weight:400;line-height:2.05669rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-body.lg-bold,:host ::ng-deep main.list-view article p.lg-bold:last-of-type,:host ::ng-deep main.list-view article p.lg-bold:first-of-type,:host ::ng-deep main.custom-view article div p.lg-bold:last-of-type,:host ::ng-deep main.custom-view article div p.lg-bold:first-of-type{font-weight:700;line-height:1.99106rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-title{font-family:Roboto Flex,sans-serif}.hr-title.sm-regular,:host ::ng-deep main.list-view article p.hr-title:last-of-type,:host ::ng-deep main.custom-view article div p.hr-title:last-of-type{font-weight:420;letter-spacing:.02rem;font-size:1rem}.hr-title.sm-bold,:host ::ng-deep main.list-view article p.hr-title:first-of-type,:host ::ng-deep main.custom-view article div p.hr-title:first-of-type{font-weight:731;letter-spacing:.02rem;font-size:1rem}.hr-title.md-bold{font-weight:745;letter-spacing:.03938rem;font-size:1.3325rem}.hr-title.lg-regular{font-weight:480;letter-spacing:.02625rem;font-size:1.75rem}.hr-title.lg-bold{font-weight:700;font-size:1.75rem}.hr-label{font-family:Roboto Flex,sans-serif}.hr-label.sm-regular,:host ::ng-deep main.list-view article p.hr-label:last-of-type,:host ::ng-deep main.custom-view article div p.hr-label:last-of-type{font-weight:343;letter-spacing:.01875rem;font-size:.75rem}.hr-label.sm-bold,:host ::ng-deep main.list-view article p.hr-label:first-of-type,:host ::ng-deep main.custom-view article div p.hr-label:first-of-type{font-weight:560;letter-spacing:.0225rem;font-size:.75rem}.hr-label.md-regular{font-weight:343;letter-spacing:.03rem;font-size:1rem}.hr-label.md-bold{font-weight:600;letter-spacing:.03rem;font-size:1rem}.hr-label.lg-regular{font-weight:343;letter-spacing:.0525rem;font-size:1.75rem}.hr-label.lg-bold{font-weight:600;letter-spacing:.0525rem;font-size:1.75rem}.hr-headline{font-family:Roboto Flex,sans-serif}.hr-headline.sm-bold,:host ::ng-deep main.list-view article p.hr-headline:first-of-type,:host ::ng-deep main.custom-view article div p.hr-headline:first-of-type{font-weight:700;letter-spacing:.02rem;font-size:2rem}.hr-headline.md-bold{font-weight:674;letter-spacing:.02375rem;font-size:2.375rem}.hr-headline.lg-bold{font-weight:700;letter-spacing:.02875rem;font-size:2.875rem}.hr-display{font-family:Roboto Flex,sans-serif}.hr-display.sm-bold,:host ::ng-deep main.list-view article p.hr-display:first-of-type,:host ::ng-deep main.custom-view article div p.hr-display:first-of-type{font-weight:700;letter-spacing:.03125rem;font-size:3.125rem}.hr-display.md-bold{font-weight:700;letter-spacing:.04188rem;font-size:4.1875rem}.hr-display.lg-bold{font-weight:700;letter-spacing:.05625rem;font-size:5.625rem}.align-text-center{text-align:center}:host ::ng-deep main.custom-view article,:host ::ng-deep main.list-view article{width:100%;display:flex;align-items:center;flex-wrap:wrap}:host ::ng-deep main.custom-view div,:host ::ng-deep main.list-view div{display:flex;align-items:center;gap:.25rem}:host ::ng-deep main.custom-view{padding:1rem;border-radius:.625rem;border:2px solid var(--surface-primary);position:relative}:host ::ng-deep main.custom-view.clickable{cursor:pointer;border:1px solid var(--cta-primary)}:host ::ng-deep main.custom-view.clickable:hover{background-color:var(--bg-button-active-tertiary)}:host ::ng-deep main.custom-view.disabled{border:1px solid var(--on-bg-disabled)}:host ::ng-deep main.custom-view.disabled p{color:var(--on-bg-disabled)}:host ::ng-deep main.custom-view .status-wrapper{position:absolute;top:-.5rem}:host ::ng-deep main.custom-view .status-wrapper.left{left:1rem}:host ::ng-deep main.custom-view .status-wrapper.right{right:1rem}:host ::ng-deep main.custom-view article.highlight-row{background:var(--surface-primary);border-radius:.3125rem}:host ::ng-deep main.custom-view article.actions-row{padding-top:1rem;padding-bottom:.5rem;margin-top:.5rem;border-top:1px solid var(--surface-primary);gap:.5rem}:host ::ng-deep main.custom-view article.actions.disabled{border-top:1px solid var(--on-bg-disabled)}:host ::ng-deep main.custom-view article.row-size-sm{padding-inline:.5rem}:host ::ng-deep main.custom-view article.row-size-md{padding:.25rem .5rem}:host ::ng-deep main.custom-view article.row-size-lg{padding:.5rem}:host ::ng-deep main.custom-view article.row-size-xl{padding:1rem .5rem}:host ::ng-deep main.custom-view article.row-align-centered{justify-content:center}:host ::ng-deep main.custom-view article.row-align-default{justify-content:space-between}:host ::ng-deep main.custom-view article.row-align-right{justify-content:flex-end}:host ::ng-deep main.custom-view hr{border:0;background:var(--surface-primary);height:1.8px;margin-block:.5rem}:host ::ng-deep main.custom-view .divider-top{border-top:1px solid var(--surface-primary)}:host ::ng-deep main.custom-view .divider-bottom{border-bottom:1px solid var(--surface-primary)}:host ::ng-deep main.list-view{border:2px solid var(--surface-primary);padding:1rem;border-radius:.625rem;display:flex;align-items:center;flex-direction:column;justify-content:center}:host ::ng-deep main.list-view article{border-bottom:1px solid var(--surface-primary);padding-block:1rem;justify-content:space-between}:host ::ng-deep main.list-view:active,:host ::ng-deep main.list-view .selected{background:var(--surface-primary)}:host ::ng-deep main.list-view:active article,:host ::ng-deep main.list-view .selected article{border-bottom:1px solid var(--surface-secondary)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "cypressTag", "size", "type", "status"] }] }); }
|
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDataViewsV2Component, selector: "gravity-data-views-v2", inputs: { type: "type", disabled: "disabled", statusIndicator: "statusIndicator" }, outputs: { clickEmitter: "clickEmitter" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<main class=\"{{type}}\" [class.disabled]=\"hasClickListener && disabled\" [class.clickable]=\"hasClickListener && !disabled\" [style.width]=\"isMd ? '545px' : '100%'\" (click)=\"onClick()\">\n\n <div *ngIf=\"statusIndicator && type === 'custom-view'\" class=\"status-wrapper\" [ngClass]=\"statusIndicator.position || 'left'\">\n <gravity-status-indicator [size]=\"'sm'\" [type]=\"'primary'\" [icon]=\"statusIndicator.icon\"\n [text]=\"statusIndicator.text\"\n [status]=\"statusIndicator.status\"/>\n </div>\n\n <ng-content/>\n</main>\n", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}body{font-style:normal;line-height:normal;font-optical-sizing:auto;color:var(--text-primary);font-family:Roboto Flex,sans-serif}.hr-body,:host ::ng-deep main.list-view article p:last-of-type,:host ::ng-deep main.list-view article p:first-of-type,:host ::ng-deep main.custom-view article div p:last-of-type,:host ::ng-deep main.custom-view article div p:first-of-type{font-family:Roboto Flex,sans-serif}.hr-body.sm-regular,:host ::ng-deep main.list-view article p.hr-body:last-of-type,:host ::ng-deep main.list-view article p.sm-regular:last-of-type,:host ::ng-deep main.list-view article p:last-of-type,:host ::ng-deep main.list-view article p.sm-regular:first-of-type,:host ::ng-deep main.list-view article p:first-of-type:last-of-type,:host ::ng-deep main.custom-view article div p:last-of-type,:host ::ng-deep main.custom-view article div p.sm-regular:first-of-type{font-weight:400;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.sm-bold,:host ::ng-deep main.list-view article p.sm-bold:last-of-type,:host ::ng-deep main.list-view article p.hr-body:first-of-type,:host ::ng-deep main.list-view article p:first-of-type:last-of-type,:host ::ng-deep main.list-view article p.sm-bold:first-of-type,:host ::ng-deep main.list-view article p:first-of-type,:host ::ng-deep main.custom-view article div p.sm-bold:last-of-type,:host ::ng-deep main.custom-view article div p:first-of-type{font-weight:650;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.md-regular,:host ::ng-deep main.list-view article p.md-regular:last-of-type,:host ::ng-deep main.list-view article p.md-regular:first-of-type,:host ::ng-deep main.custom-view article div p.md-regular:last-of-type,:host ::ng-deep main.custom-view article div p.md-regular:first-of-type{font-weight:380;line-height:1.567rem;letter-spacing:.03rem;font-size:1rem}.hr-body.md-bold,:host ::ng-deep main.list-view article p.md-bold:last-of-type,:host ::ng-deep main.list-view article p.md-bold:first-of-type,:host ::ng-deep main.custom-view article div p.md-bold:last-of-type,:host ::ng-deep main.custom-view article div p.md-bold:first-of-type{font-weight:700;line-height:1.567rem;letter-spacing:.025rem;font-size:1rem}.hr-body.lg-regular,:host ::ng-deep main.list-view article p.lg-regular:last-of-type,:host ::ng-deep main.list-view article p.lg-regular:first-of-type,:host ::ng-deep main.custom-view article div p.lg-regular:last-of-type,:host ::ng-deep main.custom-view article div p.lg-regular:first-of-type{font-weight:400;line-height:2.05669rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-body.lg-bold,:host ::ng-deep main.list-view article p.lg-bold:last-of-type,:host ::ng-deep main.list-view article p.lg-bold:first-of-type,:host ::ng-deep main.custom-view article div p.lg-bold:last-of-type,:host ::ng-deep main.custom-view article div p.lg-bold:first-of-type{font-weight:700;line-height:1.99106rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-title{font-family:Roboto Flex,sans-serif}.hr-title.sm-regular,:host ::ng-deep main.list-view article p.hr-title:last-of-type,:host ::ng-deep main.custom-view article div p.hr-title:last-of-type{font-weight:420;letter-spacing:.02rem;font-size:1rem}.hr-title.sm-bold,:host ::ng-deep main.list-view article p.hr-title:first-of-type,:host ::ng-deep main.custom-view article div p.hr-title:first-of-type{font-weight:731;letter-spacing:.02rem;font-size:1rem}.hr-title.md-bold{font-weight:745;letter-spacing:.03938rem;font-size:1.3325rem}.hr-title.lg-regular{font-weight:480;letter-spacing:.02625rem;font-size:1.75rem}.hr-title.lg-bold{font-weight:700;font-size:1.75rem}.hr-label{font-family:Roboto Flex,sans-serif}.hr-label.sm-regular,:host ::ng-deep main.list-view article p.hr-label:last-of-type,:host ::ng-deep main.custom-view article div p.hr-label:last-of-type{font-weight:343;letter-spacing:.01875rem;font-size:.75rem}.hr-label.sm-bold,:host ::ng-deep main.list-view article p.hr-label:first-of-type,:host ::ng-deep main.custom-view article div p.hr-label:first-of-type{font-weight:560;letter-spacing:.0225rem;font-size:.75rem}.hr-label.md-regular{font-weight:343;letter-spacing:.03rem;font-size:1rem}.hr-label.md-bold{font-weight:600;letter-spacing:.03rem;font-size:1rem}.hr-label.lg-regular{font-weight:343;letter-spacing:.0525rem;font-size:1.75rem}.hr-label.lg-bold{font-weight:600;letter-spacing:.0525rem;font-size:1.75rem}.hr-headline{font-family:Roboto Flex,sans-serif}.hr-headline.sm-bold,:host ::ng-deep main.list-view article p.hr-headline:first-of-type,:host ::ng-deep main.custom-view article div p.hr-headline:first-of-type{font-weight:700;letter-spacing:.02rem;font-size:2rem}.hr-headline.md-bold{font-weight:674;letter-spacing:.02375rem;font-size:2.375rem}.hr-headline.lg-bold{font-weight:700;letter-spacing:.02875rem;font-size:2.875rem}.hr-display{font-family:Roboto Flex,sans-serif}.hr-display.sm-bold,:host ::ng-deep main.list-view article p.hr-display:first-of-type,:host ::ng-deep main.custom-view article div p.hr-display:first-of-type{font-weight:700;letter-spacing:.03125rem;font-size:3.125rem}.hr-display.md-bold{font-weight:700;letter-spacing:.04188rem;font-size:4.1875rem}.hr-display.lg-bold{font-weight:700;letter-spacing:.05625rem;font-size:5.625rem}.align-text-center{text-align:center}:host ::ng-deep main.custom-view article,:host ::ng-deep main.list-view article{width:100%;display:flex;align-items:center;flex-wrap:wrap}:host ::ng-deep main.custom-view div,:host ::ng-deep main.list-view div{display:flex;align-items:center;gap:.25rem}:host ::ng-deep main.custom-view{padding:1rem;border-radius:.625rem;border:2px solid var(--surface-primary);position:relative}:host ::ng-deep main.custom-view.clickable{cursor:pointer;border:1px solid var(--cta-primary)}:host ::ng-deep main.custom-view.clickable:hover{background-color:var(--bg-button-active-tertiary)}:host ::ng-deep main.custom-view.disabled{border:1px solid var(--on-bg-disabled)}:host ::ng-deep main.custom-view.disabled p{color:var(--on-bg-disabled)}:host ::ng-deep main.custom-view .status-wrapper{position:absolute;top:-.5rem}:host ::ng-deep main.custom-view .status-wrapper.left{left:1rem}:host ::ng-deep main.custom-view .status-wrapper.right{right:1rem}:host ::ng-deep main.custom-view article.highlight-row{background:var(--surface-primary);border-radius:.3125rem}:host ::ng-deep main.custom-view article.actions-row{padding-top:1rem;padding-bottom:.5rem;margin-top:.5rem;border-top:1px solid var(--surface-primary);gap:.5rem}:host ::ng-deep main.custom-view article.actions.disabled{border-top:1px solid var(--on-bg-disabled)}:host ::ng-deep main.custom-view article.row-size-sm{padding-inline:.5rem}:host ::ng-deep main.custom-view article.row-size-md{padding:.25rem .5rem}:host ::ng-deep main.custom-view article.row-size-lg{padding:.5rem}:host ::ng-deep main.custom-view article.row-size-xl{padding:1rem .5rem}:host ::ng-deep main.custom-view article.row-align-centered{justify-content:center}:host ::ng-deep main.custom-view article.row-align-default{justify-content:space-between}:host ::ng-deep main.custom-view article.row-align-right{justify-content:flex-end}:host ::ng-deep main.custom-view hr{border:0;background:var(--surface-primary);height:1.8px;margin-block:.5rem;opacity:1}:host ::ng-deep main.custom-view .divider-top{border-top:1px solid var(--surface-primary)}:host ::ng-deep main.custom-view .divider-bottom{border-bottom:1px solid var(--surface-primary)}:host ::ng-deep main.list-view{border:2px solid var(--surface-primary);padding:1rem;border-radius:.625rem;display:flex;align-items:center;flex-direction:column;justify-content:center}:host ::ng-deep main.list-view article{border-bottom:1px solid var(--surface-primary);padding-block:1rem;justify-content:space-between}:host ::ng-deep main.list-view:active,:host ::ng-deep main.list-view .selected{background:var(--surface-primary)}:host ::ng-deep main.list-view:active article,:host ::ng-deep main.list-view .selected article{border-bottom:1px solid var(--surface-secondary)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "cypressTag", "size", "type", "status"] }] }); }
|
|
32
32
|
}
|
|
33
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDataViewsV2Component, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
|
-
args: [{ selector: 'gravity-data-views-v2', template: "<main class=\"{{type}}\" [class.disabled]=\"hasClickListener && disabled\" [class.clickable]=\"hasClickListener && !disabled\" [style.width]=\"isMd ? '545px' : '100%'\" (click)=\"onClick()\">\n\n <div *ngIf=\"statusIndicator && type === 'custom-view'\" class=\"status-wrapper\" [ngClass]=\"statusIndicator.position || 'left'\">\n <gravity-status-indicator [size]=\"'sm'\" [type]=\"'primary'\" [icon]=\"statusIndicator.icon\"\n [text]=\"statusIndicator.text\"\n [status]=\"statusIndicator.status\"/>\n </div>\n\n <ng-content/>\n</main>\n", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}body{font-style:normal;line-height:normal;font-optical-sizing:auto;color:var(--text-primary);font-family:Roboto Flex,sans-serif}.hr-body,:host ::ng-deep main.list-view article p:last-of-type,:host ::ng-deep main.list-view article p:first-of-type,:host ::ng-deep main.custom-view article div p:last-of-type,:host ::ng-deep main.custom-view article div p:first-of-type{font-family:Roboto Flex,sans-serif}.hr-body.sm-regular,:host ::ng-deep main.list-view article p.hr-body:last-of-type,:host ::ng-deep main.list-view article p.sm-regular:last-of-type,:host ::ng-deep main.list-view article p:last-of-type,:host ::ng-deep main.list-view article p.sm-regular:first-of-type,:host ::ng-deep main.list-view article p:first-of-type:last-of-type,:host ::ng-deep main.custom-view article div p:last-of-type,:host ::ng-deep main.custom-view article div p.sm-regular:first-of-type{font-weight:400;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.sm-bold,:host ::ng-deep main.list-view article p.sm-bold:last-of-type,:host ::ng-deep main.list-view article p.hr-body:first-of-type,:host ::ng-deep main.list-view article p:first-of-type:last-of-type,:host ::ng-deep main.list-view article p.sm-bold:first-of-type,:host ::ng-deep main.list-view article p:first-of-type,:host ::ng-deep main.custom-view article div p.sm-bold:last-of-type,:host ::ng-deep main.custom-view article div p:first-of-type{font-weight:650;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.md-regular,:host ::ng-deep main.list-view article p.md-regular:last-of-type,:host ::ng-deep main.list-view article p.md-regular:first-of-type,:host ::ng-deep main.custom-view article div p.md-regular:last-of-type,:host ::ng-deep main.custom-view article div p.md-regular:first-of-type{font-weight:380;line-height:1.567rem;letter-spacing:.03rem;font-size:1rem}.hr-body.md-bold,:host ::ng-deep main.list-view article p.md-bold:last-of-type,:host ::ng-deep main.list-view article p.md-bold:first-of-type,:host ::ng-deep main.custom-view article div p.md-bold:last-of-type,:host ::ng-deep main.custom-view article div p.md-bold:first-of-type{font-weight:700;line-height:1.567rem;letter-spacing:.025rem;font-size:1rem}.hr-body.lg-regular,:host ::ng-deep main.list-view article p.lg-regular:last-of-type,:host ::ng-deep main.list-view article p.lg-regular:first-of-type,:host ::ng-deep main.custom-view article div p.lg-regular:last-of-type,:host ::ng-deep main.custom-view article div p.lg-regular:first-of-type{font-weight:400;line-height:2.05669rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-body.lg-bold,:host ::ng-deep main.list-view article p.lg-bold:last-of-type,:host ::ng-deep main.list-view article p.lg-bold:first-of-type,:host ::ng-deep main.custom-view article div p.lg-bold:last-of-type,:host ::ng-deep main.custom-view article div p.lg-bold:first-of-type{font-weight:700;line-height:1.99106rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-title{font-family:Roboto Flex,sans-serif}.hr-title.sm-regular,:host ::ng-deep main.list-view article p.hr-title:last-of-type,:host ::ng-deep main.custom-view article div p.hr-title:last-of-type{font-weight:420;letter-spacing:.02rem;font-size:1rem}.hr-title.sm-bold,:host ::ng-deep main.list-view article p.hr-title:first-of-type,:host ::ng-deep main.custom-view article div p.hr-title:first-of-type{font-weight:731;letter-spacing:.02rem;font-size:1rem}.hr-title.md-bold{font-weight:745;letter-spacing:.03938rem;font-size:1.3325rem}.hr-title.lg-regular{font-weight:480;letter-spacing:.02625rem;font-size:1.75rem}.hr-title.lg-bold{font-weight:700;font-size:1.75rem}.hr-label{font-family:Roboto Flex,sans-serif}.hr-label.sm-regular,:host ::ng-deep main.list-view article p.hr-label:last-of-type,:host ::ng-deep main.custom-view article div p.hr-label:last-of-type{font-weight:343;letter-spacing:.01875rem;font-size:.75rem}.hr-label.sm-bold,:host ::ng-deep main.list-view article p.hr-label:first-of-type,:host ::ng-deep main.custom-view article div p.hr-label:first-of-type{font-weight:560;letter-spacing:.0225rem;font-size:.75rem}.hr-label.md-regular{font-weight:343;letter-spacing:.03rem;font-size:1rem}.hr-label.md-bold{font-weight:600;letter-spacing:.03rem;font-size:1rem}.hr-label.lg-regular{font-weight:343;letter-spacing:.0525rem;font-size:1.75rem}.hr-label.lg-bold{font-weight:600;letter-spacing:.0525rem;font-size:1.75rem}.hr-headline{font-family:Roboto Flex,sans-serif}.hr-headline.sm-bold,:host ::ng-deep main.list-view article p.hr-headline:first-of-type,:host ::ng-deep main.custom-view article div p.hr-headline:first-of-type{font-weight:700;letter-spacing:.02rem;font-size:2rem}.hr-headline.md-bold{font-weight:674;letter-spacing:.02375rem;font-size:2.375rem}.hr-headline.lg-bold{font-weight:700;letter-spacing:.02875rem;font-size:2.875rem}.hr-display{font-family:Roboto Flex,sans-serif}.hr-display.sm-bold,:host ::ng-deep main.list-view article p.hr-display:first-of-type,:host ::ng-deep main.custom-view article div p.hr-display:first-of-type{font-weight:700;letter-spacing:.03125rem;font-size:3.125rem}.hr-display.md-bold{font-weight:700;letter-spacing:.04188rem;font-size:4.1875rem}.hr-display.lg-bold{font-weight:700;letter-spacing:.05625rem;font-size:5.625rem}.align-text-center{text-align:center}:host ::ng-deep main.custom-view article,:host ::ng-deep main.list-view article{width:100%;display:flex;align-items:center;flex-wrap:wrap}:host ::ng-deep main.custom-view div,:host ::ng-deep main.list-view div{display:flex;align-items:center;gap:.25rem}:host ::ng-deep main.custom-view{padding:1rem;border-radius:.625rem;border:2px solid var(--surface-primary);position:relative}:host ::ng-deep main.custom-view.clickable{cursor:pointer;border:1px solid var(--cta-primary)}:host ::ng-deep main.custom-view.clickable:hover{background-color:var(--bg-button-active-tertiary)}:host ::ng-deep main.custom-view.disabled{border:1px solid var(--on-bg-disabled)}:host ::ng-deep main.custom-view.disabled p{color:var(--on-bg-disabled)}:host ::ng-deep main.custom-view .status-wrapper{position:absolute;top:-.5rem}:host ::ng-deep main.custom-view .status-wrapper.left{left:1rem}:host ::ng-deep main.custom-view .status-wrapper.right{right:1rem}:host ::ng-deep main.custom-view article.highlight-row{background:var(--surface-primary);border-radius:.3125rem}:host ::ng-deep main.custom-view article.actions-row{padding-top:1rem;padding-bottom:.5rem;margin-top:.5rem;border-top:1px solid var(--surface-primary);gap:.5rem}:host ::ng-deep main.custom-view article.actions.disabled{border-top:1px solid var(--on-bg-disabled)}:host ::ng-deep main.custom-view article.row-size-sm{padding-inline:.5rem}:host ::ng-deep main.custom-view article.row-size-md{padding:.25rem .5rem}:host ::ng-deep main.custom-view article.row-size-lg{padding:.5rem}:host ::ng-deep main.custom-view article.row-size-xl{padding:1rem .5rem}:host ::ng-deep main.custom-view article.row-align-centered{justify-content:center}:host ::ng-deep main.custom-view article.row-align-default{justify-content:space-between}:host ::ng-deep main.custom-view article.row-align-right{justify-content:flex-end}:host ::ng-deep main.custom-view hr{border:0;background:var(--surface-primary);height:1.8px;margin-block:.5rem}:host ::ng-deep main.custom-view .divider-top{border-top:1px solid var(--surface-primary)}:host ::ng-deep main.custom-view .divider-bottom{border-bottom:1px solid var(--surface-primary)}:host ::ng-deep main.list-view{border:2px solid var(--surface-primary);padding:1rem;border-radius:.625rem;display:flex;align-items:center;flex-direction:column;justify-content:center}:host ::ng-deep main.list-view article{border-bottom:1px solid var(--surface-primary);padding-block:1rem;justify-content:space-between}:host ::ng-deep main.list-view:active,:host ::ng-deep main.list-view .selected{background:var(--surface-primary)}:host ::ng-deep main.list-view:active article,:host ::ng-deep main.list-view .selected article{border-bottom:1px solid var(--surface-secondary)}\n"] }]
|
|
35
|
+
args: [{ selector: 'gravity-data-views-v2', template: "<main class=\"{{type}}\" [class.disabled]=\"hasClickListener && disabled\" [class.clickable]=\"hasClickListener && !disabled\" [style.width]=\"isMd ? '545px' : '100%'\" (click)=\"onClick()\">\n\n <div *ngIf=\"statusIndicator && type === 'custom-view'\" class=\"status-wrapper\" [ngClass]=\"statusIndicator.position || 'left'\">\n <gravity-status-indicator [size]=\"'sm'\" [type]=\"'primary'\" [icon]=\"statusIndicator.icon\"\n [text]=\"statusIndicator.text\"\n [status]=\"statusIndicator.status\"/>\n </div>\n\n <ng-content/>\n</main>\n", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}body{font-style:normal;line-height:normal;font-optical-sizing:auto;color:var(--text-primary);font-family:Roboto Flex,sans-serif}.hr-body,:host ::ng-deep main.list-view article p:last-of-type,:host ::ng-deep main.list-view article p:first-of-type,:host ::ng-deep main.custom-view article div p:last-of-type,:host ::ng-deep main.custom-view article div p:first-of-type{font-family:Roboto Flex,sans-serif}.hr-body.sm-regular,:host ::ng-deep main.list-view article p.hr-body:last-of-type,:host ::ng-deep main.list-view article p.sm-regular:last-of-type,:host ::ng-deep main.list-view article p:last-of-type,:host ::ng-deep main.list-view article p.sm-regular:first-of-type,:host ::ng-deep main.list-view article p:first-of-type:last-of-type,:host ::ng-deep main.custom-view article div p:last-of-type,:host ::ng-deep main.custom-view article div p.sm-regular:first-of-type{font-weight:400;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.sm-bold,:host ::ng-deep main.list-view article p.sm-bold:last-of-type,:host ::ng-deep main.list-view article p.hr-body:first-of-type,:host ::ng-deep main.list-view article p:first-of-type:last-of-type,:host ::ng-deep main.list-view article p.sm-bold:first-of-type,:host ::ng-deep main.list-view article p:first-of-type,:host ::ng-deep main.custom-view article div p.sm-bold:last-of-type,:host ::ng-deep main.custom-view article div p:first-of-type{font-weight:650;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.md-regular,:host ::ng-deep main.list-view article p.md-regular:last-of-type,:host ::ng-deep main.list-view article p.md-regular:first-of-type,:host ::ng-deep main.custom-view article div p.md-regular:last-of-type,:host ::ng-deep main.custom-view article div p.md-regular:first-of-type{font-weight:380;line-height:1.567rem;letter-spacing:.03rem;font-size:1rem}.hr-body.md-bold,:host ::ng-deep main.list-view article p.md-bold:last-of-type,:host ::ng-deep main.list-view article p.md-bold:first-of-type,:host ::ng-deep main.custom-view article div p.md-bold:last-of-type,:host ::ng-deep main.custom-view article div p.md-bold:first-of-type{font-weight:700;line-height:1.567rem;letter-spacing:.025rem;font-size:1rem}.hr-body.lg-regular,:host ::ng-deep main.list-view article p.lg-regular:last-of-type,:host ::ng-deep main.list-view article p.lg-regular:first-of-type,:host ::ng-deep main.custom-view article div p.lg-regular:last-of-type,:host ::ng-deep main.custom-view article div p.lg-regular:first-of-type{font-weight:400;line-height:2.05669rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-body.lg-bold,:host ::ng-deep main.list-view article p.lg-bold:last-of-type,:host ::ng-deep main.list-view article p.lg-bold:first-of-type,:host ::ng-deep main.custom-view article div p.lg-bold:last-of-type,:host ::ng-deep main.custom-view article div p.lg-bold:first-of-type{font-weight:700;line-height:1.99106rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-title{font-family:Roboto Flex,sans-serif}.hr-title.sm-regular,:host ::ng-deep main.list-view article p.hr-title:last-of-type,:host ::ng-deep main.custom-view article div p.hr-title:last-of-type{font-weight:420;letter-spacing:.02rem;font-size:1rem}.hr-title.sm-bold,:host ::ng-deep main.list-view article p.hr-title:first-of-type,:host ::ng-deep main.custom-view article div p.hr-title:first-of-type{font-weight:731;letter-spacing:.02rem;font-size:1rem}.hr-title.md-bold{font-weight:745;letter-spacing:.03938rem;font-size:1.3325rem}.hr-title.lg-regular{font-weight:480;letter-spacing:.02625rem;font-size:1.75rem}.hr-title.lg-bold{font-weight:700;font-size:1.75rem}.hr-label{font-family:Roboto Flex,sans-serif}.hr-label.sm-regular,:host ::ng-deep main.list-view article p.hr-label:last-of-type,:host ::ng-deep main.custom-view article div p.hr-label:last-of-type{font-weight:343;letter-spacing:.01875rem;font-size:.75rem}.hr-label.sm-bold,:host ::ng-deep main.list-view article p.hr-label:first-of-type,:host ::ng-deep main.custom-view article div p.hr-label:first-of-type{font-weight:560;letter-spacing:.0225rem;font-size:.75rem}.hr-label.md-regular{font-weight:343;letter-spacing:.03rem;font-size:1rem}.hr-label.md-bold{font-weight:600;letter-spacing:.03rem;font-size:1rem}.hr-label.lg-regular{font-weight:343;letter-spacing:.0525rem;font-size:1.75rem}.hr-label.lg-bold{font-weight:600;letter-spacing:.0525rem;font-size:1.75rem}.hr-headline{font-family:Roboto Flex,sans-serif}.hr-headline.sm-bold,:host ::ng-deep main.list-view article p.hr-headline:first-of-type,:host ::ng-deep main.custom-view article div p.hr-headline:first-of-type{font-weight:700;letter-spacing:.02rem;font-size:2rem}.hr-headline.md-bold{font-weight:674;letter-spacing:.02375rem;font-size:2.375rem}.hr-headline.lg-bold{font-weight:700;letter-spacing:.02875rem;font-size:2.875rem}.hr-display{font-family:Roboto Flex,sans-serif}.hr-display.sm-bold,:host ::ng-deep main.list-view article p.hr-display:first-of-type,:host ::ng-deep main.custom-view article div p.hr-display:first-of-type{font-weight:700;letter-spacing:.03125rem;font-size:3.125rem}.hr-display.md-bold{font-weight:700;letter-spacing:.04188rem;font-size:4.1875rem}.hr-display.lg-bold{font-weight:700;letter-spacing:.05625rem;font-size:5.625rem}.align-text-center{text-align:center}:host ::ng-deep main.custom-view article,:host ::ng-deep main.list-view article{width:100%;display:flex;align-items:center;flex-wrap:wrap}:host ::ng-deep main.custom-view div,:host ::ng-deep main.list-view div{display:flex;align-items:center;gap:.25rem}:host ::ng-deep main.custom-view{padding:1rem;border-radius:.625rem;border:2px solid var(--surface-primary);position:relative}:host ::ng-deep main.custom-view.clickable{cursor:pointer;border:1px solid var(--cta-primary)}:host ::ng-deep main.custom-view.clickable:hover{background-color:var(--bg-button-active-tertiary)}:host ::ng-deep main.custom-view.disabled{border:1px solid var(--on-bg-disabled)}:host ::ng-deep main.custom-view.disabled p{color:var(--on-bg-disabled)}:host ::ng-deep main.custom-view .status-wrapper{position:absolute;top:-.5rem}:host ::ng-deep main.custom-view .status-wrapper.left{left:1rem}:host ::ng-deep main.custom-view .status-wrapper.right{right:1rem}:host ::ng-deep main.custom-view article.highlight-row{background:var(--surface-primary);border-radius:.3125rem}:host ::ng-deep main.custom-view article.actions-row{padding-top:1rem;padding-bottom:.5rem;margin-top:.5rem;border-top:1px solid var(--surface-primary);gap:.5rem}:host ::ng-deep main.custom-view article.actions.disabled{border-top:1px solid var(--on-bg-disabled)}:host ::ng-deep main.custom-view article.row-size-sm{padding-inline:.5rem}:host ::ng-deep main.custom-view article.row-size-md{padding:.25rem .5rem}:host ::ng-deep main.custom-view article.row-size-lg{padding:.5rem}:host ::ng-deep main.custom-view article.row-size-xl{padding:1rem .5rem}:host ::ng-deep main.custom-view article.row-align-centered{justify-content:center}:host ::ng-deep main.custom-view article.row-align-default{justify-content:space-between}:host ::ng-deep main.custom-view article.row-align-right{justify-content:flex-end}:host ::ng-deep main.custom-view hr{border:0;background:var(--surface-primary);height:1.8px;margin-block:.5rem;opacity:1}:host ::ng-deep main.custom-view .divider-top{border-top:1px solid var(--surface-primary)}:host ::ng-deep main.custom-view .divider-bottom{border-bottom:1px solid var(--surface-primary)}:host ::ng-deep main.list-view{border:2px solid var(--surface-primary);padding:1rem;border-radius:.625rem;display:flex;align-items:center;flex-direction:column;justify-content:center}:host ::ng-deep main.list-view article{border-bottom:1px solid var(--surface-primary);padding-block:1rem;justify-content:space-between}:host ::ng-deep main.list-view:active,:host ::ng-deep main.list-view .selected{background:var(--surface-primary)}:host ::ng-deep main.list-view:active article,:host ::ng-deep main.list-view .selected article{border-bottom:1px solid var(--surface-secondary)}\n"] }]
|
|
36
36
|
}], ctorParameters: function () { return []; }, propDecorators: { type: [{
|
|
37
37
|
type: Input
|
|
38
38
|
}], disabled: [{
|
package/esm2022/lib/components/gravity-status-indicator/gravity-status-indicator.component.mjs
CHANGED
|
@@ -8,12 +8,20 @@ export class GravityStatusIndicatorComponent {
|
|
|
8
8
|
this.type = 'primary';
|
|
9
9
|
this.status = 'neutro';
|
|
10
10
|
}
|
|
11
|
+
ngOnChanges() {
|
|
12
|
+
this.capitalizeFirst();
|
|
13
|
+
}
|
|
14
|
+
capitalizeFirst() {
|
|
15
|
+
if (!this.text)
|
|
16
|
+
return '';
|
|
17
|
+
this.text = this.text.charAt(0).toUpperCase() + this.text.slice(1).toLowerCase();
|
|
18
|
+
}
|
|
11
19
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: { icon: "icon", text: "text", cypressTag: "cypressTag", size: "size", type: "type", status: "status" }, ngImport: i0, template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n <span *ngIf=\"text\" [attr.data-cy]=\"cypressTag\">{{text}}</span> <gravity-icon [iconName]=\"icon\" [iconSize]=\"'sm-12'\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> <span [attr.data-cy]=\"cypressTag\" >{{text}}</span>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px;padding:2.5px 6px}.gravity-status-indicator.md{height:24px;padding:4px 8px}.gravity-status-indicator.positive,.gravity-status-indicator.positive-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.positive-secondary{border:1px solid var(--on-bg-button-active-positive)}.gravity-status-indicator.negative,.gravity-status-indicator.negative-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.negative-secondary{border:1px solid var(--on-bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive,.gravity-status-indicator-dot.gravity-status-indicator.positive-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative,.gravity-status-indicator-dot.gravity-status-indicator.negative-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: { icon: "icon", text: "text", cypressTag: "cypressTag", size: "size", type: "type", status: "status" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n <span *ngIf=\"text\" [attr.data-cy]=\"cypressTag\">{{text}}</span> <gravity-icon [iconName]=\"icon\" [iconSize]=\"'sm-12'\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> <span [attr.data-cy]=\"cypressTag\" >{{text}}</span>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px;padding:2.5px 6px}.gravity-status-indicator.md{height:24px;padding:4px 8px}.gravity-status-indicator.positive,.gravity-status-indicator.positive-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.positive-secondary{border:1px solid var(--on-bg-button-active-positive)}.gravity-status-indicator.negative,.gravity-status-indicator.negative-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.negative-secondary{border:1px solid var(--on-bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive,.gravity-status-indicator-dot.gravity-status-indicator.positive-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative,.gravity-status-indicator-dot.gravity-status-indicator.negative-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
13
21
|
}
|
|
14
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, decorators: [{
|
|
15
23
|
type: Component,
|
|
16
|
-
args: [{ selector: 'gravity-status-indicator', template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n <span *ngIf=\"text\" [attr.data-cy]=\"cypressTag\">{{text}}</span> <gravity-icon [iconName]=\"icon\" [iconSize]=\"'sm-12'\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> <span [attr.data-cy]=\"cypressTag\" >{{text}}</span>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px;padding:2.5px 6px}.gravity-status-indicator.md{height:24px;padding:4px 8px}.gravity-status-indicator.positive,.gravity-status-indicator.positive-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.positive-secondary{border:1px solid var(--on-bg-button-active-positive)}.gravity-status-indicator.negative,.gravity-status-indicator.negative-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.negative-secondary{border:1px solid var(--on-bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive,.gravity-status-indicator-dot.gravity-status-indicator.positive-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative,.gravity-status-indicator-dot.gravity-status-indicator.negative-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}
|
|
24
|
+
args: [{ selector: 'gravity-status-indicator', template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n <span *ngIf=\"text\" [attr.data-cy]=\"cypressTag\">{{text}}</span> <gravity-icon [iconName]=\"icon\" [iconSize]=\"'sm-12'\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> <span [attr.data-cy]=\"cypressTag\" >{{text}}</span>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px;padding:2.5px 6px}.gravity-status-indicator.md{height:24px;padding:4px 8px}.gravity-status-indicator.positive,.gravity-status-indicator.positive-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.positive-secondary{border:1px solid var(--on-bg-button-active-positive)}.gravity-status-indicator.negative,.gravity-status-indicator.negative-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.negative-secondary{border:1px solid var(--on-bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive,.gravity-status-indicator-dot.gravity-status-indicator.positive-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative,.gravity-status-indicator-dot.gravity-status-indicator.negative-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"] }]
|
|
17
25
|
}], propDecorators: { icon: [{
|
|
18
26
|
type: Input
|
|
19
27
|
}], text: [{
|
|
@@ -27,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
27
35
|
}], status: [{
|
|
28
36
|
type: Input
|
|
29
37
|
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci9ncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVksTUFBTSxlQUFlLENBQUM7Ozs7QUFPMUQsTUFBTSxPQUFPLCtCQUErQjtJQUw1QztRQVNrQixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixTQUFJLEdBQTRCLFNBQVMsQ0FBQztRQUMxQyxXQUFNLEdBQWdILFFBQVEsQ0FBQztLQWFoSjtJQVZDLFdBQVc7UUFDVCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTyxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNuRixDQUFDOytHQWhCVSwrQkFBK0I7bUdBQS9CLCtCQUErQixxTUNQNUMsdWRBTU07OzRGRENPLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSwwQkFBMEI7OEJBS3BCLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxNQUFNO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkNoYW5nZXN9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eVN0YXR1c0luZGljYXRvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyB0ZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBjeXByZXNzVGFnOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiAnc20nIHwgJ21kJyA9ICdzbSc7XG4gIEBJbnB1dCgpIHB1YmxpYyB0eXBlOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgcHVibGljIHN0YXR1czogJ3Bvc2l0aXZlJyB8ICdwb3NpdGl2ZS1zZWNvbmRhcnknIHwgJ25lZ2F0aXZlJyB8ICduZWdhdGl2ZS1zZWNvbmRhcnknIHwgJ2F0dGVudGlvbicgfCAnbmV1dHJvJyB8ICdkaXNhYmxlZCcgPSAnbmV1dHJvJztcblxuXG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIHRoaXMuY2FwaXRhbGl6ZUZpcnN0KCk7XG4gIH1cblxuICBwdWJsaWMgY2FwaXRhbGl6ZUZpcnN0KCk6IHN0cmluZyB7XG4gICAgaWYgKCF0aGlzLnRleHQpIHJldHVybiAnJztcbiAgICB0aGlzLnRleHQgPSB0aGlzLnRleHQuY2hhckF0KDApLnRvVXBwZXJDYXNlKCkgKyB0aGlzLnRleHQuc2xpY2UoMSkudG9Mb3dlckNhc2UoKTtcbiAgfVxuXG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IgaHItYm9keSB7e3NpemV9fS1yZWd1bGFyIHt7c3RhdHVzfX0ge3tzaXplfX1cIiAqbmdJZj1cInR5cGUgPT09ICdwcmltYXJ5J1wiPlxuICAgIDxzcGFuICpuZ0lmPVwidGV4dFwiIFthdHRyLmRhdGEtY3ldPVwiY3lwcmVzc1RhZ1wiPnt7dGV4dH19PC9zcGFuPiA8Z3Jhdml0eS1pY29uIFtpY29uTmFtZV09XCJpY29uXCIgW2ljb25TaXplXT1cIidzbS0xMidcIiAqbmdJZj1cImljb25cIj48L2dyYXZpdHktaWNvbj5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLWRvdCBoci1ib2R5IHNtLXJlZ3VsYXIge3tzdGF0dXN9fVwiICpuZ0lmPVwidHlwZSA9PT0gJ3NlY29uZGFyeSdcIj5cbiAgICA8ZGl2PjwvZGl2PiA8c3BhbiBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWdcIiA+e3t0ZXh0fX08L3NwYW4+XG48L2Rpdj4iXX0=
|
package/esm2022/lib/components/gravity-tree-view/node/node-checkbox/node-checkbox.component.mjs
CHANGED
|
@@ -15,12 +15,12 @@ export class NodeCheckboxComponent {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeCheckboxComponent, deps: [{ token: i1.TreeService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NodeCheckboxComponent, selector: "node-checkbox", inputs: { state: "state" }, ngImport: i0, template: "<gravity-icon class=\"border-radius-sm checkbox-icon\" [class.unselect]=\"state.selectedState == 1\"\n [class.select]=\"state.selectedState != 1\" [class.disabled]=\"state.disabled\"\n
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NodeCheckboxComponent, selector: "node-checkbox", inputs: { state: "state" }, ngImport: i0, template: "<gravity-icon class=\"border-radius-sm checkbox-icon\" [class.unselect]=\"state.selectedState == 1\"\n [class.select]=\"state.selectedState != 1\" [class.disabled]=\"state.disabled\"\n (click)=\"clickOnCheckbox()\"\n [iconName]=\"state.selectedState === 2 ? 'checkbox-dash' : 'check'\"\n [iconSize]=\"'lg-24'\"></gravity-icon>\n", styles: [".checkbox-icon{background-color:var(--cta-primary);cursor:pointer;--icon-color: var(--surface-secondary);padding:.35rem}.checkbox-icon.unselect{opacity:.5}.checkbox-icon.disabled{cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
19
19
|
}
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeCheckboxComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ selector: 'node-checkbox', template: "<gravity-icon class=\"border-radius-sm checkbox-icon\" [class.unselect]=\"state.selectedState == 1\"\n [class.select]=\"state.selectedState != 1\" [class.disabled]=\"state.disabled\"\n
|
|
22
|
+
args: [{ selector: 'node-checkbox', template: "<gravity-icon class=\"border-radius-sm checkbox-icon\" [class.unselect]=\"state.selectedState == 1\"\n [class.select]=\"state.selectedState != 1\" [class.disabled]=\"state.disabled\"\n (click)=\"clickOnCheckbox()\"\n [iconName]=\"state.selectedState === 2 ? 'checkbox-dash' : 'check'\"\n [iconSize]=\"'lg-24'\"></gravity-icon>\n", styles: [".checkbox-icon{background-color:var(--cta-primary);cursor:pointer;--icon-color: var(--surface-secondary);padding:.35rem}.checkbox-icon.unselect{opacity:.5}.checkbox-icon.disabled{cursor:not-allowed}\n"] }]
|
|
23
23
|
}], ctorParameters: function () { return [{ type: i1.TreeService }]; }, propDecorators: { state: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktdHJlZS12aWV3L25vZGUvbm9kZS1jaGVja2JveC9ub2RlLWNoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS10cmVlLXZpZXcvbm9kZS9ub2RlLWNoZWNrYm94L25vZGUtY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFTL0MsTUFBTSxPQUFPLHFCQUFxQjtJQUdoQyxZQUE2QixXQUF3QjtRQUF4QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtJQUNyRCxDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUU7WUFDeEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBRTNDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLFdBQVcsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDdkQsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1NBQ1A7SUFDSCxDQUFDOytHQWRVLHFCQUFxQjttR0FBckIscUJBQXFCLGlGQ1RsQyw4WEFLQTs7NEZESWEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGVBQWU7a0dBS1QsS0FBSztzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RyZWVTZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlL3RyZWUtc2VydmljZSc7XG5pbXBvcnQge05vZGVTdGF0ZX0gZnJvbSBcIi4uLy4uL21vZGVscy9ub2RlLXN0YXRlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25vZGUtY2hlY2tib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vbm9kZS1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vZGUtY2hlY2tib3guY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBOb2RlQ2hlY2tib3hDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgc3RhdGU6IE5vZGVTdGF0ZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHRyZWVTZXJ2aWNlOiBUcmVlU2VydmljZSkge1xuICB9XG5cbiAgcHVibGljIGNsaWNrT25DaGVja2JveCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuc3RhdGUuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMudHJlZVNlcnZpY2UuY2hlY2tib3hDbGljayh0aGlzLnN0YXRlKTtcblxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHRoaXMudHJlZVNlcnZpY2UucmVFdmFsdWF0ZVNlbGVjdGVkU3RhdGUodGhpcy5zdGF0ZSk7XG4gICAgICB9LCAxKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxncmF2aXR5LWljb24gY2xhc3M9XCJib3JkZXItcmFkaXVzLXNtIGNoZWNrYm94LWljb25cIiBbY2xhc3MudW5zZWxlY3RdPVwic3RhdGUuc2VsZWN0ZWRTdGF0ZSA9PSAxXCJcbiAgICAgICAgICAgICAgW2NsYXNzLnNlbGVjdF09XCJzdGF0ZS5zZWxlY3RlZFN0YXRlICE9IDFcIiBbY2xhc3MuZGlzYWJsZWRdPVwic3RhdGUuZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwiY2xpY2tPbkNoZWNrYm94KClcIlxuICAgICAgICAgICAgICBbaWNvbk5hbWVdPVwic3RhdGUuc2VsZWN0ZWRTdGF0ZSA9PT0gMiA/ICdjaGVja2JveC1kYXNoJyA6ICdjaGVjaydcIlxuICAgICAgICAgICAgICBbaWNvblNpemVdPVwiJ2xnLTI0J1wiPjwvZ3Jhdml0eS1pY29uPlxuIl19
|
|
@@ -5566,11 +5566,11 @@ class NodeCheckboxComponent {
|
|
|
5566
5566
|
}
|
|
5567
5567
|
}
|
|
5568
5568
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeCheckboxComponent, deps: [{ token: TreeService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5569
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NodeCheckboxComponent, selector: "node-checkbox", inputs: { state: "state" }, ngImport: i0, template: "<gravity-icon class=\"border-radius-sm checkbox-icon\" [class.unselect]=\"state.selectedState == 1\"\n [class.select]=\"state.selectedState != 1\" [class.disabled]=\"state.disabled\"\n
|
|
5569
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NodeCheckboxComponent, selector: "node-checkbox", inputs: { state: "state" }, ngImport: i0, template: "<gravity-icon class=\"border-radius-sm checkbox-icon\" [class.unselect]=\"state.selectedState == 1\"\n [class.select]=\"state.selectedState != 1\" [class.disabled]=\"state.disabled\"\n (click)=\"clickOnCheckbox()\"\n [iconName]=\"state.selectedState === 2 ? 'checkbox-dash' : 'check'\"\n [iconSize]=\"'lg-24'\"></gravity-icon>\n", styles: [".checkbox-icon{background-color:var(--cta-primary);cursor:pointer;--icon-color: var(--surface-secondary);padding:.35rem}.checkbox-icon.unselect{opacity:.5}.checkbox-icon.disabled{cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
5570
5570
|
}
|
|
5571
5571
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeCheckboxComponent, decorators: [{
|
|
5572
5572
|
type: Component,
|
|
5573
|
-
args: [{ selector: 'node-checkbox', template: "<gravity-icon class=\"border-radius-sm checkbox-icon\" [class.unselect]=\"state.selectedState == 1\"\n [class.select]=\"state.selectedState != 1\" [class.disabled]=\"state.disabled\"\n
|
|
5573
|
+
args: [{ selector: 'node-checkbox', template: "<gravity-icon class=\"border-radius-sm checkbox-icon\" [class.unselect]=\"state.selectedState == 1\"\n [class.select]=\"state.selectedState != 1\" [class.disabled]=\"state.disabled\"\n (click)=\"clickOnCheckbox()\"\n [iconName]=\"state.selectedState === 2 ? 'checkbox-dash' : 'check'\"\n [iconSize]=\"'lg-24'\"></gravity-icon>\n", styles: [".checkbox-icon{background-color:var(--cta-primary);cursor:pointer;--icon-color: var(--surface-secondary);padding:.35rem}.checkbox-icon.unselect{opacity:.5}.checkbox-icon.disabled{cursor:not-allowed}\n"] }]
|
|
5574
5574
|
}], ctorParameters: function () { return [{ type: TreeService }]; }, propDecorators: { state: [{
|
|
5575
5575
|
type: Input
|
|
5576
5576
|
}] } });
|
|
@@ -5865,12 +5865,20 @@ class GravityStatusIndicatorComponent {
|
|
|
5865
5865
|
this.type = 'primary';
|
|
5866
5866
|
this.status = 'neutro';
|
|
5867
5867
|
}
|
|
5868
|
+
ngOnChanges() {
|
|
5869
|
+
this.capitalizeFirst();
|
|
5870
|
+
}
|
|
5871
|
+
capitalizeFirst() {
|
|
5872
|
+
if (!this.text)
|
|
5873
|
+
return '';
|
|
5874
|
+
this.text = this.text.charAt(0).toUpperCase() + this.text.slice(1).toLowerCase();
|
|
5875
|
+
}
|
|
5868
5876
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5869
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: { icon: "icon", text: "text", cypressTag: "cypressTag", size: "size", type: "type", status: "status" }, ngImport: i0, template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n <span *ngIf=\"text\" [attr.data-cy]=\"cypressTag\">{{text}}</span> <gravity-icon [iconName]=\"icon\" [iconSize]=\"'sm-12'\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> <span [attr.data-cy]=\"cypressTag\" >{{text}}</span>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px;padding:2.5px 6px}.gravity-status-indicator.md{height:24px;padding:4px 8px}.gravity-status-indicator.positive,.gravity-status-indicator.positive-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.positive-secondary{border:1px solid var(--on-bg-button-active-positive)}.gravity-status-indicator.negative,.gravity-status-indicator.negative-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.negative-secondary{border:1px solid var(--on-bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive,.gravity-status-indicator-dot.gravity-status-indicator.positive-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative,.gravity-status-indicator-dot.gravity-status-indicator.negative-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}
|
|
5877
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: { icon: "icon", text: "text", cypressTag: "cypressTag", size: "size", type: "type", status: "status" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n <span *ngIf=\"text\" [attr.data-cy]=\"cypressTag\">{{text}}</span> <gravity-icon [iconName]=\"icon\" [iconSize]=\"'sm-12'\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> <span [attr.data-cy]=\"cypressTag\" >{{text}}</span>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px;padding:2.5px 6px}.gravity-status-indicator.md{height:24px;padding:4px 8px}.gravity-status-indicator.positive,.gravity-status-indicator.positive-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.positive-secondary{border:1px solid var(--on-bg-button-active-positive)}.gravity-status-indicator.negative,.gravity-status-indicator.negative-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.negative-secondary{border:1px solid var(--on-bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive,.gravity-status-indicator-dot.gravity-status-indicator.positive-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative,.gravity-status-indicator-dot.gravity-status-indicator.negative-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
5870
5878
|
}
|
|
5871
5879
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, decorators: [{
|
|
5872
5880
|
type: Component,
|
|
5873
|
-
args: [{ selector: 'gravity-status-indicator', template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n <span *ngIf=\"text\" [attr.data-cy]=\"cypressTag\">{{text}}</span> <gravity-icon [iconName]=\"icon\" [iconSize]=\"'sm-12'\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> <span [attr.data-cy]=\"cypressTag\" >{{text}}</span>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px;padding:2.5px 6px}.gravity-status-indicator.md{height:24px;padding:4px 8px}.gravity-status-indicator.positive,.gravity-status-indicator.positive-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.positive-secondary{border:1px solid var(--on-bg-button-active-positive)}.gravity-status-indicator.negative,.gravity-status-indicator.negative-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.negative-secondary{border:1px solid var(--on-bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive,.gravity-status-indicator-dot.gravity-status-indicator.positive-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative,.gravity-status-indicator-dot.gravity-status-indicator.negative-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}
|
|
5881
|
+
args: [{ selector: 'gravity-status-indicator', template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n <span *ngIf=\"text\" [attr.data-cy]=\"cypressTag\">{{text}}</span> <gravity-icon [iconName]=\"icon\" [iconSize]=\"'sm-12'\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> <span [attr.data-cy]=\"cypressTag\" >{{text}}</span>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator-dot{padding:0}.gravity-status-indicator.sm{height:17px;padding:2.5px 6px}.gravity-status-indicator.md{height:24px;padding:4px 8px}.gravity-status-indicator.positive,.gravity-status-indicator.positive-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.positive-secondary{border:1px solid var(--on-bg-button-active-positive)}.gravity-status-indicator.negative,.gravity-status-indicator.negative-secondary{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.negative-secondary{border:1px solid var(--on-bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive,.gravity-status-indicator-dot.gravity-status-indicator.positive-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative,.gravity-status-indicator-dot.gravity-status-indicator.negative-secondary{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"] }]
|
|
5874
5882
|
}], propDecorators: { icon: [{
|
|
5875
5883
|
type: Input
|
|
5876
5884
|
}], text: [{
|
|
@@ -7278,11 +7286,11 @@ class GravityDataViewsV2Component {
|
|
|
7278
7286
|
this.clickEmitter.emit();
|
|
7279
7287
|
}
|
|
7280
7288
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDataViewsV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7281
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDataViewsV2Component, selector: "gravity-data-views-v2", inputs: { type: "type", disabled: "disabled", statusIndicator: "statusIndicator" }, outputs: { clickEmitter: "clickEmitter" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<main class=\"{{type}}\" [class.disabled]=\"hasClickListener && disabled\" [class.clickable]=\"hasClickListener && !disabled\" [style.width]=\"isMd ? '545px' : '100%'\" (click)=\"onClick()\">\n\n <div *ngIf=\"statusIndicator && type === 'custom-view'\" class=\"status-wrapper\" [ngClass]=\"statusIndicator.position || 'left'\">\n <gravity-status-indicator [size]=\"'sm'\" [type]=\"'primary'\" [icon]=\"statusIndicator.icon\"\n [text]=\"statusIndicator.text\"\n [status]=\"statusIndicator.status\"/>\n </div>\n\n <ng-content/>\n</main>\n", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}body{font-style:normal;line-height:normal;font-optical-sizing:auto;color:var(--text-primary);font-family:Roboto Flex,sans-serif}.hr-body,:host ::ng-deep main.list-view article p:last-of-type,:host ::ng-deep main.list-view article p:first-of-type,:host ::ng-deep main.custom-view article div p:last-of-type,:host ::ng-deep main.custom-view article div p:first-of-type{font-family:Roboto Flex,sans-serif}.hr-body.sm-regular,:host ::ng-deep main.list-view article p.hr-body:last-of-type,:host ::ng-deep main.list-view article p.sm-regular:last-of-type,:host ::ng-deep main.list-view article p:last-of-type,:host ::ng-deep main.list-view article p.sm-regular:first-of-type,:host ::ng-deep main.list-view article p:first-of-type:last-of-type,:host ::ng-deep main.custom-view article div p:last-of-type,:host ::ng-deep main.custom-view article div p.sm-regular:first-of-type{font-weight:400;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.sm-bold,:host ::ng-deep main.list-view article p.sm-bold:last-of-type,:host ::ng-deep main.list-view article p.hr-body:first-of-type,:host ::ng-deep main.list-view article p:first-of-type:last-of-type,:host ::ng-deep main.list-view article p.sm-bold:first-of-type,:host ::ng-deep main.list-view article p:first-of-type,:host ::ng-deep main.custom-view article div p.sm-bold:last-of-type,:host ::ng-deep main.custom-view article div p:first-of-type{font-weight:650;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.md-regular,:host ::ng-deep main.list-view article p.md-regular:last-of-type,:host ::ng-deep main.list-view article p.md-regular:first-of-type,:host ::ng-deep main.custom-view article div p.md-regular:last-of-type,:host ::ng-deep main.custom-view article div p.md-regular:first-of-type{font-weight:380;line-height:1.567rem;letter-spacing:.03rem;font-size:1rem}.hr-body.md-bold,:host ::ng-deep main.list-view article p.md-bold:last-of-type,:host ::ng-deep main.list-view article p.md-bold:first-of-type,:host ::ng-deep main.custom-view article div p.md-bold:last-of-type,:host ::ng-deep main.custom-view article div p.md-bold:first-of-type{font-weight:700;line-height:1.567rem;letter-spacing:.025rem;font-size:1rem}.hr-body.lg-regular,:host ::ng-deep main.list-view article p.lg-regular:last-of-type,:host ::ng-deep main.list-view article p.lg-regular:first-of-type,:host ::ng-deep main.custom-view article div p.lg-regular:last-of-type,:host ::ng-deep main.custom-view article div p.lg-regular:first-of-type{font-weight:400;line-height:2.05669rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-body.lg-bold,:host ::ng-deep main.list-view article p.lg-bold:last-of-type,:host ::ng-deep main.list-view article p.lg-bold:first-of-type,:host ::ng-deep main.custom-view article div p.lg-bold:last-of-type,:host ::ng-deep main.custom-view article div p.lg-bold:first-of-type{font-weight:700;line-height:1.99106rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-title{font-family:Roboto Flex,sans-serif}.hr-title.sm-regular,:host ::ng-deep main.list-view article p.hr-title:last-of-type,:host ::ng-deep main.custom-view article div p.hr-title:last-of-type{font-weight:420;letter-spacing:.02rem;font-size:1rem}.hr-title.sm-bold,:host ::ng-deep main.list-view article p.hr-title:first-of-type,:host ::ng-deep main.custom-view article div p.hr-title:first-of-type{font-weight:731;letter-spacing:.02rem;font-size:1rem}.hr-title.md-bold{font-weight:745;letter-spacing:.03938rem;font-size:1.3325rem}.hr-title.lg-regular{font-weight:480;letter-spacing:.02625rem;font-size:1.75rem}.hr-title.lg-bold{font-weight:700;font-size:1.75rem}.hr-label{font-family:Roboto Flex,sans-serif}.hr-label.sm-regular,:host ::ng-deep main.list-view article p.hr-label:last-of-type,:host ::ng-deep main.custom-view article div p.hr-label:last-of-type{font-weight:343;letter-spacing:.01875rem;font-size:.75rem}.hr-label.sm-bold,:host ::ng-deep main.list-view article p.hr-label:first-of-type,:host ::ng-deep main.custom-view article div p.hr-label:first-of-type{font-weight:560;letter-spacing:.0225rem;font-size:.75rem}.hr-label.md-regular{font-weight:343;letter-spacing:.03rem;font-size:1rem}.hr-label.md-bold{font-weight:600;letter-spacing:.03rem;font-size:1rem}.hr-label.lg-regular{font-weight:343;letter-spacing:.0525rem;font-size:1.75rem}.hr-label.lg-bold{font-weight:600;letter-spacing:.0525rem;font-size:1.75rem}.hr-headline{font-family:Roboto Flex,sans-serif}.hr-headline.sm-bold,:host ::ng-deep main.list-view article p.hr-headline:first-of-type,:host ::ng-deep main.custom-view article div p.hr-headline:first-of-type{font-weight:700;letter-spacing:.02rem;font-size:2rem}.hr-headline.md-bold{font-weight:674;letter-spacing:.02375rem;font-size:2.375rem}.hr-headline.lg-bold{font-weight:700;letter-spacing:.02875rem;font-size:2.875rem}.hr-display{font-family:Roboto Flex,sans-serif}.hr-display.sm-bold,:host ::ng-deep main.list-view article p.hr-display:first-of-type,:host ::ng-deep main.custom-view article div p.hr-display:first-of-type{font-weight:700;letter-spacing:.03125rem;font-size:3.125rem}.hr-display.md-bold{font-weight:700;letter-spacing:.04188rem;font-size:4.1875rem}.hr-display.lg-bold{font-weight:700;letter-spacing:.05625rem;font-size:5.625rem}.align-text-center{text-align:center}:host ::ng-deep main.custom-view article,:host ::ng-deep main.list-view article{width:100%;display:flex;align-items:center;flex-wrap:wrap}:host ::ng-deep main.custom-view div,:host ::ng-deep main.list-view div{display:flex;align-items:center;gap:.25rem}:host ::ng-deep main.custom-view{padding:1rem;border-radius:.625rem;border:2px solid var(--surface-primary);position:relative}:host ::ng-deep main.custom-view.clickable{cursor:pointer;border:1px solid var(--cta-primary)}:host ::ng-deep main.custom-view.clickable:hover{background-color:var(--bg-button-active-tertiary)}:host ::ng-deep main.custom-view.disabled{border:1px solid var(--on-bg-disabled)}:host ::ng-deep main.custom-view.disabled p{color:var(--on-bg-disabled)}:host ::ng-deep main.custom-view .status-wrapper{position:absolute;top:-.5rem}:host ::ng-deep main.custom-view .status-wrapper.left{left:1rem}:host ::ng-deep main.custom-view .status-wrapper.right{right:1rem}:host ::ng-deep main.custom-view article.highlight-row{background:var(--surface-primary);border-radius:.3125rem}:host ::ng-deep main.custom-view article.actions-row{padding-top:1rem;padding-bottom:.5rem;margin-top:.5rem;border-top:1px solid var(--surface-primary);gap:.5rem}:host ::ng-deep main.custom-view article.actions.disabled{border-top:1px solid var(--on-bg-disabled)}:host ::ng-deep main.custom-view article.row-size-sm{padding-inline:.5rem}:host ::ng-deep main.custom-view article.row-size-md{padding:.25rem .5rem}:host ::ng-deep main.custom-view article.row-size-lg{padding:.5rem}:host ::ng-deep main.custom-view article.row-size-xl{padding:1rem .5rem}:host ::ng-deep main.custom-view article.row-align-centered{justify-content:center}:host ::ng-deep main.custom-view article.row-align-default{justify-content:space-between}:host ::ng-deep main.custom-view article.row-align-right{justify-content:flex-end}:host ::ng-deep main.custom-view hr{border:0;background:var(--surface-primary);height:1.8px;margin-block:.5rem}:host ::ng-deep main.custom-view .divider-top{border-top:1px solid var(--surface-primary)}:host ::ng-deep main.custom-view .divider-bottom{border-bottom:1px solid var(--surface-primary)}:host ::ng-deep main.list-view{border:2px solid var(--surface-primary);padding:1rem;border-radius:.625rem;display:flex;align-items:center;flex-direction:column;justify-content:center}:host ::ng-deep main.list-view article{border-bottom:1px solid var(--surface-primary);padding-block:1rem;justify-content:space-between}:host ::ng-deep main.list-view:active,:host ::ng-deep main.list-view .selected{background:var(--surface-primary)}:host ::ng-deep main.list-view:active article,:host ::ng-deep main.list-view .selected article{border-bottom:1px solid var(--surface-secondary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "cypressTag", "size", "type", "status"] }] }); }
|
|
7289
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDataViewsV2Component, selector: "gravity-data-views-v2", inputs: { type: "type", disabled: "disabled", statusIndicator: "statusIndicator" }, outputs: { clickEmitter: "clickEmitter" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<main class=\"{{type}}\" [class.disabled]=\"hasClickListener && disabled\" [class.clickable]=\"hasClickListener && !disabled\" [style.width]=\"isMd ? '545px' : '100%'\" (click)=\"onClick()\">\n\n <div *ngIf=\"statusIndicator && type === 'custom-view'\" class=\"status-wrapper\" [ngClass]=\"statusIndicator.position || 'left'\">\n <gravity-status-indicator [size]=\"'sm'\" [type]=\"'primary'\" [icon]=\"statusIndicator.icon\"\n [text]=\"statusIndicator.text\"\n [status]=\"statusIndicator.status\"/>\n </div>\n\n <ng-content/>\n</main>\n", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}body{font-style:normal;line-height:normal;font-optical-sizing:auto;color:var(--text-primary);font-family:Roboto Flex,sans-serif}.hr-body,:host ::ng-deep main.list-view article p:last-of-type,:host ::ng-deep main.list-view article p:first-of-type,:host ::ng-deep main.custom-view article div p:last-of-type,:host ::ng-deep main.custom-view article div p:first-of-type{font-family:Roboto Flex,sans-serif}.hr-body.sm-regular,:host ::ng-deep main.list-view article p.hr-body:last-of-type,:host ::ng-deep main.list-view article p.sm-regular:last-of-type,:host ::ng-deep main.list-view article p:last-of-type,:host ::ng-deep main.list-view article p.sm-regular:first-of-type,:host ::ng-deep main.list-view article p:first-of-type:last-of-type,:host ::ng-deep main.custom-view article div p:last-of-type,:host ::ng-deep main.custom-view article div p.sm-regular:first-of-type{font-weight:400;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.sm-bold,:host ::ng-deep main.list-view article p.sm-bold:last-of-type,:host ::ng-deep main.list-view article p.hr-body:first-of-type,:host ::ng-deep main.list-view article p:first-of-type:last-of-type,:host ::ng-deep main.list-view article p.sm-bold:first-of-type,:host ::ng-deep main.list-view article p:first-of-type,:host ::ng-deep main.custom-view article div p.sm-bold:last-of-type,:host ::ng-deep main.custom-view article div p:first-of-type{font-weight:650;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.md-regular,:host ::ng-deep main.list-view article p.md-regular:last-of-type,:host ::ng-deep main.list-view article p.md-regular:first-of-type,:host ::ng-deep main.custom-view article div p.md-regular:last-of-type,:host ::ng-deep main.custom-view article div p.md-regular:first-of-type{font-weight:380;line-height:1.567rem;letter-spacing:.03rem;font-size:1rem}.hr-body.md-bold,:host ::ng-deep main.list-view article p.md-bold:last-of-type,:host ::ng-deep main.list-view article p.md-bold:first-of-type,:host ::ng-deep main.custom-view article div p.md-bold:last-of-type,:host ::ng-deep main.custom-view article div p.md-bold:first-of-type{font-weight:700;line-height:1.567rem;letter-spacing:.025rem;font-size:1rem}.hr-body.lg-regular,:host ::ng-deep main.list-view article p.lg-regular:last-of-type,:host ::ng-deep main.list-view article p.lg-regular:first-of-type,:host ::ng-deep main.custom-view article div p.lg-regular:last-of-type,:host ::ng-deep main.custom-view article div p.lg-regular:first-of-type{font-weight:400;line-height:2.05669rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-body.lg-bold,:host ::ng-deep main.list-view article p.lg-bold:last-of-type,:host ::ng-deep main.list-view article p.lg-bold:first-of-type,:host ::ng-deep main.custom-view article div p.lg-bold:last-of-type,:host ::ng-deep main.custom-view article div p.lg-bold:first-of-type{font-weight:700;line-height:1.99106rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-title{font-family:Roboto Flex,sans-serif}.hr-title.sm-regular,:host ::ng-deep main.list-view article p.hr-title:last-of-type,:host ::ng-deep main.custom-view article div p.hr-title:last-of-type{font-weight:420;letter-spacing:.02rem;font-size:1rem}.hr-title.sm-bold,:host ::ng-deep main.list-view article p.hr-title:first-of-type,:host ::ng-deep main.custom-view article div p.hr-title:first-of-type{font-weight:731;letter-spacing:.02rem;font-size:1rem}.hr-title.md-bold{font-weight:745;letter-spacing:.03938rem;font-size:1.3325rem}.hr-title.lg-regular{font-weight:480;letter-spacing:.02625rem;font-size:1.75rem}.hr-title.lg-bold{font-weight:700;font-size:1.75rem}.hr-label{font-family:Roboto Flex,sans-serif}.hr-label.sm-regular,:host ::ng-deep main.list-view article p.hr-label:last-of-type,:host ::ng-deep main.custom-view article div p.hr-label:last-of-type{font-weight:343;letter-spacing:.01875rem;font-size:.75rem}.hr-label.sm-bold,:host ::ng-deep main.list-view article p.hr-label:first-of-type,:host ::ng-deep main.custom-view article div p.hr-label:first-of-type{font-weight:560;letter-spacing:.0225rem;font-size:.75rem}.hr-label.md-regular{font-weight:343;letter-spacing:.03rem;font-size:1rem}.hr-label.md-bold{font-weight:600;letter-spacing:.03rem;font-size:1rem}.hr-label.lg-regular{font-weight:343;letter-spacing:.0525rem;font-size:1.75rem}.hr-label.lg-bold{font-weight:600;letter-spacing:.0525rem;font-size:1.75rem}.hr-headline{font-family:Roboto Flex,sans-serif}.hr-headline.sm-bold,:host ::ng-deep main.list-view article p.hr-headline:first-of-type,:host ::ng-deep main.custom-view article div p.hr-headline:first-of-type{font-weight:700;letter-spacing:.02rem;font-size:2rem}.hr-headline.md-bold{font-weight:674;letter-spacing:.02375rem;font-size:2.375rem}.hr-headline.lg-bold{font-weight:700;letter-spacing:.02875rem;font-size:2.875rem}.hr-display{font-family:Roboto Flex,sans-serif}.hr-display.sm-bold,:host ::ng-deep main.list-view article p.hr-display:first-of-type,:host ::ng-deep main.custom-view article div p.hr-display:first-of-type{font-weight:700;letter-spacing:.03125rem;font-size:3.125rem}.hr-display.md-bold{font-weight:700;letter-spacing:.04188rem;font-size:4.1875rem}.hr-display.lg-bold{font-weight:700;letter-spacing:.05625rem;font-size:5.625rem}.align-text-center{text-align:center}:host ::ng-deep main.custom-view article,:host ::ng-deep main.list-view article{width:100%;display:flex;align-items:center;flex-wrap:wrap}:host ::ng-deep main.custom-view div,:host ::ng-deep main.list-view div{display:flex;align-items:center;gap:.25rem}:host ::ng-deep main.custom-view{padding:1rem;border-radius:.625rem;border:2px solid var(--surface-primary);position:relative}:host ::ng-deep main.custom-view.clickable{cursor:pointer;border:1px solid var(--cta-primary)}:host ::ng-deep main.custom-view.clickable:hover{background-color:var(--bg-button-active-tertiary)}:host ::ng-deep main.custom-view.disabled{border:1px solid var(--on-bg-disabled)}:host ::ng-deep main.custom-view.disabled p{color:var(--on-bg-disabled)}:host ::ng-deep main.custom-view .status-wrapper{position:absolute;top:-.5rem}:host ::ng-deep main.custom-view .status-wrapper.left{left:1rem}:host ::ng-deep main.custom-view .status-wrapper.right{right:1rem}:host ::ng-deep main.custom-view article.highlight-row{background:var(--surface-primary);border-radius:.3125rem}:host ::ng-deep main.custom-view article.actions-row{padding-top:1rem;padding-bottom:.5rem;margin-top:.5rem;border-top:1px solid var(--surface-primary);gap:.5rem}:host ::ng-deep main.custom-view article.actions.disabled{border-top:1px solid var(--on-bg-disabled)}:host ::ng-deep main.custom-view article.row-size-sm{padding-inline:.5rem}:host ::ng-deep main.custom-view article.row-size-md{padding:.25rem .5rem}:host ::ng-deep main.custom-view article.row-size-lg{padding:.5rem}:host ::ng-deep main.custom-view article.row-size-xl{padding:1rem .5rem}:host ::ng-deep main.custom-view article.row-align-centered{justify-content:center}:host ::ng-deep main.custom-view article.row-align-default{justify-content:space-between}:host ::ng-deep main.custom-view article.row-align-right{justify-content:flex-end}:host ::ng-deep main.custom-view hr{border:0;background:var(--surface-primary);height:1.8px;margin-block:.5rem;opacity:1}:host ::ng-deep main.custom-view .divider-top{border-top:1px solid var(--surface-primary)}:host ::ng-deep main.custom-view .divider-bottom{border-bottom:1px solid var(--surface-primary)}:host ::ng-deep main.list-view{border:2px solid var(--surface-primary);padding:1rem;border-radius:.625rem;display:flex;align-items:center;flex-direction:column;justify-content:center}:host ::ng-deep main.list-view article{border-bottom:1px solid var(--surface-primary);padding-block:1rem;justify-content:space-between}:host ::ng-deep main.list-view:active,:host ::ng-deep main.list-view .selected{background:var(--surface-primary)}:host ::ng-deep main.list-view:active article,:host ::ng-deep main.list-view .selected article{border-bottom:1px solid var(--surface-secondary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "cypressTag", "size", "type", "status"] }] }); }
|
|
7282
7290
|
}
|
|
7283
7291
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDataViewsV2Component, decorators: [{
|
|
7284
7292
|
type: Component,
|
|
7285
|
-
args: [{ selector: 'gravity-data-views-v2', template: "<main class=\"{{type}}\" [class.disabled]=\"hasClickListener && disabled\" [class.clickable]=\"hasClickListener && !disabled\" [style.width]=\"isMd ? '545px' : '100%'\" (click)=\"onClick()\">\n\n <div *ngIf=\"statusIndicator && type === 'custom-view'\" class=\"status-wrapper\" [ngClass]=\"statusIndicator.position || 'left'\">\n <gravity-status-indicator [size]=\"'sm'\" [type]=\"'primary'\" [icon]=\"statusIndicator.icon\"\n [text]=\"statusIndicator.text\"\n [status]=\"statusIndicator.status\"/>\n </div>\n\n <ng-content/>\n</main>\n", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}body{font-style:normal;line-height:normal;font-optical-sizing:auto;color:var(--text-primary);font-family:Roboto Flex,sans-serif}.hr-body,:host ::ng-deep main.list-view article p:last-of-type,:host ::ng-deep main.list-view article p:first-of-type,:host ::ng-deep main.custom-view article div p:last-of-type,:host ::ng-deep main.custom-view article div p:first-of-type{font-family:Roboto Flex,sans-serif}.hr-body.sm-regular,:host ::ng-deep main.list-view article p.hr-body:last-of-type,:host ::ng-deep main.list-view article p.sm-regular:last-of-type,:host ::ng-deep main.list-view article p:last-of-type,:host ::ng-deep main.list-view article p.sm-regular:first-of-type,:host ::ng-deep main.list-view article p:first-of-type:last-of-type,:host ::ng-deep main.custom-view article div p:last-of-type,:host ::ng-deep main.custom-view article div p.sm-regular:first-of-type{font-weight:400;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.sm-bold,:host ::ng-deep main.list-view article p.sm-bold:last-of-type,:host ::ng-deep main.list-view article p.hr-body:first-of-type,:host ::ng-deep main.list-view article p:first-of-type:last-of-type,:host ::ng-deep main.list-view article p.sm-bold:first-of-type,:host ::ng-deep main.list-view article p:first-of-type,:host ::ng-deep main.custom-view article div p.sm-bold:last-of-type,:host ::ng-deep main.custom-view article div p:first-of-type{font-weight:650;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.md-regular,:host ::ng-deep main.list-view article p.md-regular:last-of-type,:host ::ng-deep main.list-view article p.md-regular:first-of-type,:host ::ng-deep main.custom-view article div p.md-regular:last-of-type,:host ::ng-deep main.custom-view article div p.md-regular:first-of-type{font-weight:380;line-height:1.567rem;letter-spacing:.03rem;font-size:1rem}.hr-body.md-bold,:host ::ng-deep main.list-view article p.md-bold:last-of-type,:host ::ng-deep main.list-view article p.md-bold:first-of-type,:host ::ng-deep main.custom-view article div p.md-bold:last-of-type,:host ::ng-deep main.custom-view article div p.md-bold:first-of-type{font-weight:700;line-height:1.567rem;letter-spacing:.025rem;font-size:1rem}.hr-body.lg-regular,:host ::ng-deep main.list-view article p.lg-regular:last-of-type,:host ::ng-deep main.list-view article p.lg-regular:first-of-type,:host ::ng-deep main.custom-view article div p.lg-regular:last-of-type,:host ::ng-deep main.custom-view article div p.lg-regular:first-of-type{font-weight:400;line-height:2.05669rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-body.lg-bold,:host ::ng-deep main.list-view article p.lg-bold:last-of-type,:host ::ng-deep main.list-view article p.lg-bold:first-of-type,:host ::ng-deep main.custom-view article div p.lg-bold:last-of-type,:host ::ng-deep main.custom-view article div p.lg-bold:first-of-type{font-weight:700;line-height:1.99106rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-title{font-family:Roboto Flex,sans-serif}.hr-title.sm-regular,:host ::ng-deep main.list-view article p.hr-title:last-of-type,:host ::ng-deep main.custom-view article div p.hr-title:last-of-type{font-weight:420;letter-spacing:.02rem;font-size:1rem}.hr-title.sm-bold,:host ::ng-deep main.list-view article p.hr-title:first-of-type,:host ::ng-deep main.custom-view article div p.hr-title:first-of-type{font-weight:731;letter-spacing:.02rem;font-size:1rem}.hr-title.md-bold{font-weight:745;letter-spacing:.03938rem;font-size:1.3325rem}.hr-title.lg-regular{font-weight:480;letter-spacing:.02625rem;font-size:1.75rem}.hr-title.lg-bold{font-weight:700;font-size:1.75rem}.hr-label{font-family:Roboto Flex,sans-serif}.hr-label.sm-regular,:host ::ng-deep main.list-view article p.hr-label:last-of-type,:host ::ng-deep main.custom-view article div p.hr-label:last-of-type{font-weight:343;letter-spacing:.01875rem;font-size:.75rem}.hr-label.sm-bold,:host ::ng-deep main.list-view article p.hr-label:first-of-type,:host ::ng-deep main.custom-view article div p.hr-label:first-of-type{font-weight:560;letter-spacing:.0225rem;font-size:.75rem}.hr-label.md-regular{font-weight:343;letter-spacing:.03rem;font-size:1rem}.hr-label.md-bold{font-weight:600;letter-spacing:.03rem;font-size:1rem}.hr-label.lg-regular{font-weight:343;letter-spacing:.0525rem;font-size:1.75rem}.hr-label.lg-bold{font-weight:600;letter-spacing:.0525rem;font-size:1.75rem}.hr-headline{font-family:Roboto Flex,sans-serif}.hr-headline.sm-bold,:host ::ng-deep main.list-view article p.hr-headline:first-of-type,:host ::ng-deep main.custom-view article div p.hr-headline:first-of-type{font-weight:700;letter-spacing:.02rem;font-size:2rem}.hr-headline.md-bold{font-weight:674;letter-spacing:.02375rem;font-size:2.375rem}.hr-headline.lg-bold{font-weight:700;letter-spacing:.02875rem;font-size:2.875rem}.hr-display{font-family:Roboto Flex,sans-serif}.hr-display.sm-bold,:host ::ng-deep main.list-view article p.hr-display:first-of-type,:host ::ng-deep main.custom-view article div p.hr-display:first-of-type{font-weight:700;letter-spacing:.03125rem;font-size:3.125rem}.hr-display.md-bold{font-weight:700;letter-spacing:.04188rem;font-size:4.1875rem}.hr-display.lg-bold{font-weight:700;letter-spacing:.05625rem;font-size:5.625rem}.align-text-center{text-align:center}:host ::ng-deep main.custom-view article,:host ::ng-deep main.list-view article{width:100%;display:flex;align-items:center;flex-wrap:wrap}:host ::ng-deep main.custom-view div,:host ::ng-deep main.list-view div{display:flex;align-items:center;gap:.25rem}:host ::ng-deep main.custom-view{padding:1rem;border-radius:.625rem;border:2px solid var(--surface-primary);position:relative}:host ::ng-deep main.custom-view.clickable{cursor:pointer;border:1px solid var(--cta-primary)}:host ::ng-deep main.custom-view.clickable:hover{background-color:var(--bg-button-active-tertiary)}:host ::ng-deep main.custom-view.disabled{border:1px solid var(--on-bg-disabled)}:host ::ng-deep main.custom-view.disabled p{color:var(--on-bg-disabled)}:host ::ng-deep main.custom-view .status-wrapper{position:absolute;top:-.5rem}:host ::ng-deep main.custom-view .status-wrapper.left{left:1rem}:host ::ng-deep main.custom-view .status-wrapper.right{right:1rem}:host ::ng-deep main.custom-view article.highlight-row{background:var(--surface-primary);border-radius:.3125rem}:host ::ng-deep main.custom-view article.actions-row{padding-top:1rem;padding-bottom:.5rem;margin-top:.5rem;border-top:1px solid var(--surface-primary);gap:.5rem}:host ::ng-deep main.custom-view article.actions.disabled{border-top:1px solid var(--on-bg-disabled)}:host ::ng-deep main.custom-view article.row-size-sm{padding-inline:.5rem}:host ::ng-deep main.custom-view article.row-size-md{padding:.25rem .5rem}:host ::ng-deep main.custom-view article.row-size-lg{padding:.5rem}:host ::ng-deep main.custom-view article.row-size-xl{padding:1rem .5rem}:host ::ng-deep main.custom-view article.row-align-centered{justify-content:center}:host ::ng-deep main.custom-view article.row-align-default{justify-content:space-between}:host ::ng-deep main.custom-view article.row-align-right{justify-content:flex-end}:host ::ng-deep main.custom-view hr{border:0;background:var(--surface-primary);height:1.8px;margin-block:.5rem}:host ::ng-deep main.custom-view .divider-top{border-top:1px solid var(--surface-primary)}:host ::ng-deep main.custom-view .divider-bottom{border-bottom:1px solid var(--surface-primary)}:host ::ng-deep main.list-view{border:2px solid var(--surface-primary);padding:1rem;border-radius:.625rem;display:flex;align-items:center;flex-direction:column;justify-content:center}:host ::ng-deep main.list-view article{border-bottom:1px solid var(--surface-primary);padding-block:1rem;justify-content:space-between}:host ::ng-deep main.list-view:active,:host ::ng-deep main.list-view .selected{background:var(--surface-primary)}:host ::ng-deep main.list-view:active article,:host ::ng-deep main.list-view .selected article{border-bottom:1px solid var(--surface-secondary)}\n"] }]
|
|
7293
|
+
args: [{ selector: 'gravity-data-views-v2', template: "<main class=\"{{type}}\" [class.disabled]=\"hasClickListener && disabled\" [class.clickable]=\"hasClickListener && !disabled\" [style.width]=\"isMd ? '545px' : '100%'\" (click)=\"onClick()\">\n\n <div *ngIf=\"statusIndicator && type === 'custom-view'\" class=\"status-wrapper\" [ngClass]=\"statusIndicator.position || 'left'\">\n <gravity-status-indicator [size]=\"'sm'\" [type]=\"'primary'\" [icon]=\"statusIndicator.icon\"\n [text]=\"statusIndicator.text\"\n [status]=\"statusIndicator.status\"/>\n </div>\n\n <ng-content/>\n</main>\n", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}body{font-style:normal;line-height:normal;font-optical-sizing:auto;color:var(--text-primary);font-family:Roboto Flex,sans-serif}.hr-body,:host ::ng-deep main.list-view article p:last-of-type,:host ::ng-deep main.list-view article p:first-of-type,:host ::ng-deep main.custom-view article div p:last-of-type,:host ::ng-deep main.custom-view article div p:first-of-type{font-family:Roboto Flex,sans-serif}.hr-body.sm-regular,:host ::ng-deep main.list-view article p.hr-body:last-of-type,:host ::ng-deep main.list-view article p.sm-regular:last-of-type,:host ::ng-deep main.list-view article p:last-of-type,:host ::ng-deep main.list-view article p.sm-regular:first-of-type,:host ::ng-deep main.list-view article p:first-of-type:last-of-type,:host ::ng-deep main.custom-view article div p:last-of-type,:host ::ng-deep main.custom-view article div p.sm-regular:first-of-type{font-weight:400;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.sm-bold,:host ::ng-deep main.list-view article p.sm-bold:last-of-type,:host ::ng-deep main.list-view article p.hr-body:first-of-type,:host ::ng-deep main.list-view article p:first-of-type:last-of-type,:host ::ng-deep main.list-view article p.sm-bold:first-of-type,:host ::ng-deep main.list-view article p:first-of-type,:host ::ng-deep main.custom-view article div p.sm-bold:last-of-type,:host ::ng-deep main.custom-view article div p:first-of-type{font-weight:650;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.md-regular,:host ::ng-deep main.list-view article p.md-regular:last-of-type,:host ::ng-deep main.list-view article p.md-regular:first-of-type,:host ::ng-deep main.custom-view article div p.md-regular:last-of-type,:host ::ng-deep main.custom-view article div p.md-regular:first-of-type{font-weight:380;line-height:1.567rem;letter-spacing:.03rem;font-size:1rem}.hr-body.md-bold,:host ::ng-deep main.list-view article p.md-bold:last-of-type,:host ::ng-deep main.list-view article p.md-bold:first-of-type,:host ::ng-deep main.custom-view article div p.md-bold:last-of-type,:host ::ng-deep main.custom-view article div p.md-bold:first-of-type{font-weight:700;line-height:1.567rem;letter-spacing:.025rem;font-size:1rem}.hr-body.lg-regular,:host ::ng-deep main.list-view article p.lg-regular:last-of-type,:host ::ng-deep main.list-view article p.lg-regular:first-of-type,:host ::ng-deep main.custom-view article div p.lg-regular:last-of-type,:host ::ng-deep main.custom-view article div p.lg-regular:first-of-type{font-weight:400;line-height:2.05669rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-body.lg-bold,:host ::ng-deep main.list-view article p.lg-bold:last-of-type,:host ::ng-deep main.list-view article p.lg-bold:first-of-type,:host ::ng-deep main.custom-view article div p.lg-bold:last-of-type,:host ::ng-deep main.custom-view article div p.lg-bold:first-of-type{font-weight:700;line-height:1.99106rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-title{font-family:Roboto Flex,sans-serif}.hr-title.sm-regular,:host ::ng-deep main.list-view article p.hr-title:last-of-type,:host ::ng-deep main.custom-view article div p.hr-title:last-of-type{font-weight:420;letter-spacing:.02rem;font-size:1rem}.hr-title.sm-bold,:host ::ng-deep main.list-view article p.hr-title:first-of-type,:host ::ng-deep main.custom-view article div p.hr-title:first-of-type{font-weight:731;letter-spacing:.02rem;font-size:1rem}.hr-title.md-bold{font-weight:745;letter-spacing:.03938rem;font-size:1.3325rem}.hr-title.lg-regular{font-weight:480;letter-spacing:.02625rem;font-size:1.75rem}.hr-title.lg-bold{font-weight:700;font-size:1.75rem}.hr-label{font-family:Roboto Flex,sans-serif}.hr-label.sm-regular,:host ::ng-deep main.list-view article p.hr-label:last-of-type,:host ::ng-deep main.custom-view article div p.hr-label:last-of-type{font-weight:343;letter-spacing:.01875rem;font-size:.75rem}.hr-label.sm-bold,:host ::ng-deep main.list-view article p.hr-label:first-of-type,:host ::ng-deep main.custom-view article div p.hr-label:first-of-type{font-weight:560;letter-spacing:.0225rem;font-size:.75rem}.hr-label.md-regular{font-weight:343;letter-spacing:.03rem;font-size:1rem}.hr-label.md-bold{font-weight:600;letter-spacing:.03rem;font-size:1rem}.hr-label.lg-regular{font-weight:343;letter-spacing:.0525rem;font-size:1.75rem}.hr-label.lg-bold{font-weight:600;letter-spacing:.0525rem;font-size:1.75rem}.hr-headline{font-family:Roboto Flex,sans-serif}.hr-headline.sm-bold,:host ::ng-deep main.list-view article p.hr-headline:first-of-type,:host ::ng-deep main.custom-view article div p.hr-headline:first-of-type{font-weight:700;letter-spacing:.02rem;font-size:2rem}.hr-headline.md-bold{font-weight:674;letter-spacing:.02375rem;font-size:2.375rem}.hr-headline.lg-bold{font-weight:700;letter-spacing:.02875rem;font-size:2.875rem}.hr-display{font-family:Roboto Flex,sans-serif}.hr-display.sm-bold,:host ::ng-deep main.list-view article p.hr-display:first-of-type,:host ::ng-deep main.custom-view article div p.hr-display:first-of-type{font-weight:700;letter-spacing:.03125rem;font-size:3.125rem}.hr-display.md-bold{font-weight:700;letter-spacing:.04188rem;font-size:4.1875rem}.hr-display.lg-bold{font-weight:700;letter-spacing:.05625rem;font-size:5.625rem}.align-text-center{text-align:center}:host ::ng-deep main.custom-view article,:host ::ng-deep main.list-view article{width:100%;display:flex;align-items:center;flex-wrap:wrap}:host ::ng-deep main.custom-view div,:host ::ng-deep main.list-view div{display:flex;align-items:center;gap:.25rem}:host ::ng-deep main.custom-view{padding:1rem;border-radius:.625rem;border:2px solid var(--surface-primary);position:relative}:host ::ng-deep main.custom-view.clickable{cursor:pointer;border:1px solid var(--cta-primary)}:host ::ng-deep main.custom-view.clickable:hover{background-color:var(--bg-button-active-tertiary)}:host ::ng-deep main.custom-view.disabled{border:1px solid var(--on-bg-disabled)}:host ::ng-deep main.custom-view.disabled p{color:var(--on-bg-disabled)}:host ::ng-deep main.custom-view .status-wrapper{position:absolute;top:-.5rem}:host ::ng-deep main.custom-view .status-wrapper.left{left:1rem}:host ::ng-deep main.custom-view .status-wrapper.right{right:1rem}:host ::ng-deep main.custom-view article.highlight-row{background:var(--surface-primary);border-radius:.3125rem}:host ::ng-deep main.custom-view article.actions-row{padding-top:1rem;padding-bottom:.5rem;margin-top:.5rem;border-top:1px solid var(--surface-primary);gap:.5rem}:host ::ng-deep main.custom-view article.actions.disabled{border-top:1px solid var(--on-bg-disabled)}:host ::ng-deep main.custom-view article.row-size-sm{padding-inline:.5rem}:host ::ng-deep main.custom-view article.row-size-md{padding:.25rem .5rem}:host ::ng-deep main.custom-view article.row-size-lg{padding:.5rem}:host ::ng-deep main.custom-view article.row-size-xl{padding:1rem .5rem}:host ::ng-deep main.custom-view article.row-align-centered{justify-content:center}:host ::ng-deep main.custom-view article.row-align-default{justify-content:space-between}:host ::ng-deep main.custom-view article.row-align-right{justify-content:flex-end}:host ::ng-deep main.custom-view hr{border:0;background:var(--surface-primary);height:1.8px;margin-block:.5rem;opacity:1}:host ::ng-deep main.custom-view .divider-top{border-top:1px solid var(--surface-primary)}:host ::ng-deep main.custom-view .divider-bottom{border-bottom:1px solid var(--surface-primary)}:host ::ng-deep main.list-view{border:2px solid var(--surface-primary);padding:1rem;border-radius:.625rem;display:flex;align-items:center;flex-direction:column;justify-content:center}:host ::ng-deep main.list-view article{border-bottom:1px solid var(--surface-primary);padding-block:1rem;justify-content:space-between}:host ::ng-deep main.list-view:active,:host ::ng-deep main.list-view .selected{background:var(--surface-primary)}:host ::ng-deep main.list-view:active article,:host ::ng-deep main.list-view .selected article{border-bottom:1px solid var(--surface-secondary)}\n"] }]
|
|
7286
7294
|
}], ctorParameters: function () { return []; }, propDecorators: { type: [{
|
|
7287
7295
|
type: Input
|
|
7288
7296
|
}], disabled: [{
|