@progressio_resources/gravity-design-system 3.6.4 → 3.6.6

package/esm2022/lib/components/gravity-data-views-v2/gravity-data-views-v2.component.mjs

@@ -28,11 +28,11 @@ export class GravityDataViewsV2Component {
         this.clickEmitter.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDataViewsV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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"] }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDataViewsV2Component, decorators: [{
             type: Component,
-            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"] }]
+            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"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { type: [{
                 type: Input
             }], disabled: [{

package/esm2022/lib/components/gravity-detail-container/gravity-detail-container.component.mjs

@@ -1,36 +1,71 @@
-import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { Component, EventEmitter, HostListener, Input, Output, ViewChild } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../gravity-icon-button/gravity-icon-button.component";
+import * as i1 from "../../services/gravity-responsive.service";
+import * as i2 from "@angular/common";
+import * as i3 from "../gravity-icon-button/gravity-icon-button.component";
+import * as i4 from "../gravity-icon/gravity-icon.component";
 export class GravityDetailContainerComponent {
-    constructor() {
+    constructor(gravityResponsiveService) {
+        this.gravityResponsiveService = gravityResponsiveService;
         this.title = '';
         this.description = '';
         this.type = 'flyout';
+        this.language = 'en';
         this.closed = new EventEmitter();
+        this.menuEvent = new EventEmitter();
         this.isOpen = false;
+        this.resizeObserver = null;
+        this.onResize();
+    }
+    onResize() {
+        this.gravityResponsiveService.currentResolutionWidth = window.innerWidth;
+        this.checkHasScroll();
     }
     open() {
         this.isOpen = true;
+        this.checkHasScroll();
     }
     dismiss() {
         this.isOpen = false;
         this.closed.emit();
     }
+    menu() {
+        this.menuEvent.emit();
+    }
     ngAfterViewInit() {
-        const el = this.containerRef.nativeElement;
-        const observer = new ResizeObserver(() => {
+        const el = this.containerRef?.nativeElement;
+        if (!el)
+            return;
+        const update = () => {
+            requestAnimationFrame(() => {
+                el.classList.toggle('has-scroll', el.scrollHeight > el.clientHeight);
+            });
+        };
+        this.resizeObserver = new ResizeObserver(update);
+        this.resizeObserver.observe(el);
+        update();
+    }
+    checkHasScroll() {
+        const el = this.containerRef?.nativeElement;
+        if (!el)
+            return;
+        requestAnimationFrame(() => {
             el.classList.toggle('has-scroll', el.scrollHeight > el.clientHeight);
         });
-        observer.observe(el);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDetailContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDetailContainerComponent, selector: "gravity-detail-container", inputs: { title: "title", description: "description", mode: "mode", type: "type", optionalHeight: "optionalHeight" }, outputs: { closed: "closed" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }], ngImport: i0, template: "<div class=\"detail-container-backdrop\" *ngIf=\"type === 'flyout' && mode === 'modal'\" [class.open]=\"isOpen\"\n     (click)=\"dismiss()\"></div>\n\n<div class=\"detail-container-content {{type}} {{mode}}\" [ngClass]=\"isOpen ? 'show' : 'dismiss'\" [style.height]=\"optionalHeight\">\n  <div class=\"detail-header\">\n    <p [ngClass]=\"type === 'flyout' ? 'hr-title md-bold' : 'hr-body lg-bold'\">{{ title }}</p>\n    <gravity-icon-button [icon]=\"'unsuccess'\" [size]=\"'sm'\" (click)=\"dismiss()\" [supportText]=\"'Close'\"></gravity-icon-button>\n  </div>\n\n  <div class=\"overflow-container\" #containerRef>\n    <p *ngIf=\"description != '' && type === 'flyout'\"\n       class=\"hr-body sm-regular detail-description\"> {{ description }}</p>\n\n    <div class=\"detail-body\">\n      <ng-content select=\"[detail-body]\"></ng-content>\n    </div>\n  </div>\n\n  <div class=\"detail-actions\" *ngIf=\"type === 'flyout'\">\n    <ng-content select=\"[detail-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".scrollbar-sm::-webkit-scrollbar{width:4px;height:4px}.scrollbar-sm::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.scrollbar-md::-webkit-scrollbar,.detail-container-content .overflow-container:hover::-webkit-scrollbar{width:8px;height:8px}.scrollbar-md::-webkit-scrollbar-track,.detail-container-content .overflow-container:hover::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb,.detail-container-content .overflow-container:hover::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb:hover,.detail-container-content .overflow-container::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.detail-container-backdrop{width:100%;height:100%;right:0;top:0;display:none;position:fixed;z-index:999;opacity:var(--backdrop-opacity);background-color:var(--backdrop-primary)}.detail-container-backdrop.open{display:block}.detail-container-content{display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);background-color:var(--surface-secondary);transition:transform .3s ease-in-out,opacity .3s ease-in-out;inset:0 0 0 auto}.detail-container-content.flyout{width:480px;height:100%;padding:var(--gravity-spacing-lg) 0 var(--gravity-spacing-xl);gap:8px;border-left:2px solid var(--surface-primary)}.detail-container-content.flyout.standard{position:relative}.detail-container-content.flyout .overflow-container.has-scroll .detail-description,.detail-container-content.flyout .overflow-container.has-scroll .detail-body{padding:var(--gravity-spacing-xs) 8px var(--gravity-spacing-xs) var(--gravity-spacing-md)!important}.detail-container-content.flyout .detail-header{padding:0 var(--gravity-spacing-md)}.detail-container-content.flyout .detail-description,.detail-container-content.flyout .detail-body{width:100%;padding:var(--gravity-spacing-xs) var(--gravity-spacing-sm) var(--gravity-spacing-xs) var(--gravity-spacing-md)}.detail-container-content.detail-view{width:300px;height:637px;max-height:637px;padding:var(--gravity-spacing-sm) 0;gap:16px;border:2px solid var(--surface-primary);margin-left:8px;border-radius:4.797px}.detail-container-content.detail-view.show{position:relative}.detail-container-content.detail-view .overflow-container.has-scroll .detail-body{padding:0 0 0 var(--gravity-spacing-sm)!important}.detail-container-content.detail-view .detail-header{padding:0 var(--gravity-spacing-sm)}.detail-container-content.detail-view .detail-body{padding:0 8px 0 var(--gravity-spacing-sm)}.detail-container-content.show{transform:translate(0);opacity:1}.detail-container-content.dismiss{transform:translate(100%);opacity:0;animation:setFixed 1s forwards}@keyframes setFixed{to{position:fixed}}.detail-container-content .detail-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.detail-container-content .overflow-container{flex:1;overflow-y:auto;margin-right:8px;width:calc(100% - 8px)}.detail-container-content .overflow-container:not(:hover){scrollbar-width:none}.detail-container-content .detail-actions{width:100%}.detail-container-content .detail-actions::ng-deep div{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:var(--gravity-spacing-md) var(--gravity-spacing-md) 0;gap:var(--gravity-spacing-sm);border-top:2px solid var(--surface-primary)}\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.GravityIconButtonComponent, selector: "gravity-icon-button", inputs: ["cypressTag", "icon", "supportText", "variant", "size", "type", "state", "badge"], outputs: ["clickOnIcon"] }] }); }
+    ngOnDestroy() {
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+            this.resizeObserver = null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDetailContainerComponent, deps: [{ token: i1.GravityResponsiveService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDetailContainerComponent, selector: "gravity-detail-container", inputs: { title: "title", description: "description", mode: "mode", type: "type", optionalHeight: "optionalHeight", language: "language" }, outputs: { closed: "closed", menuEvent: "menuEvent" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }], ngImport: i0, template: "<div class=\"detail-container-backdrop\" *ngIf=\"type === 'flyout' && mode === 'modal' && !gravityResponsiveService.isMobile()\"\n     [class.open]=\"isOpen\" (click)=\"dismiss()\"></div>\n\n<div class=\"detail-container-content {{mode}} {{gravityResponsiveService.isMobile() ? 'mobile' : type}}\"\n     [ngClass]=\"isOpen ? 'show' : 'dismiss'\" [style.height]=\"optionalHeight\">\n  <div class=\"detail-header\">\n    <div class=\"back-button\" (click)=\"dismiss()\" *ngIf=\"gravityResponsiveService.isMobile()\">\n      <gravity-icon [iconName]=\"'arrow-left'\" [iconSize]=\"'sm-12'\"\n                    [style.--icon-color]=\"'var(--back-button-color)'\"></gravity-icon>\n      <span class=\"hr-label md-regular\">{{ language === 'en' ? 'Back' : 'Atr\u00E1s' }}</span>\n    </div>\n    <p [ngClass]=\"gravityResponsiveService.isMobile() ? 'hr-body md-bold': type === 'flyout' ? 'hr-title md-bold' : 'hr-body lg-bold'\">{{ title }}</p>\n    <gravity-icon-button *ngIf=\"!gravityResponsiveService.isMobile()\" [icon]=\"'unsuccess'\" [size]=\"'sm'\"\n                         (click)=\"dismiss()\"\n                         [supportText]=\"'Close'\"></gravity-icon-button>\n    <gravity-icon class=\"menu-button\" *ngIf=\"gravityResponsiveService.isMobile()\" [style.--icon-color]=\"'var(--back-button-color)'\"\n                  [iconSize]=\"'lg-24'\" [iconName]=\"'menu'\" (click)=\"menu()\"/>\n  </div>\n\n  <div class=\"overflow-container\" #containerRef>\n    <p *ngIf=\"description != '' && type === 'flyout'\"\n       class=\"hr-body sm-regular detail-description\"> {{ description }}</p>\n\n    <div class=\"detail-body\">\n      <ng-content select=\"[detail-body]\"></ng-content>\n    </div>\n  </div>\n\n  <div class=\"detail-actions\" *ngIf=\"type === 'flyout'\">\n    <ng-content select=\"[detail-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".scrollbar-sm::-webkit-scrollbar{width:4px;height:4px}.scrollbar-sm::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.scrollbar-md::-webkit-scrollbar,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar{width:8px;height:8px}.scrollbar-md::-webkit-scrollbar-track,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb:hover,.detail-container-content .overflow-container.has-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.detail-container-backdrop{width:100%;height:100%;right:0;top:0;display:none;position:fixed;z-index:999;opacity:var(--backdrop-opacity);background-color:var(--backdrop-primary)}.detail-container-backdrop.open{display:block}.detail-container-content{display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);background-color:var(--surface-secondary);transition:transform .3s ease-in-out,opacity .3s ease-in-out;inset:0 0 0 auto}.detail-container-content.flyout{width:480px;height:100%;padding:var(--gravity-spacing-lg) 0 var(--gravity-spacing-xl);gap:8px;border-left:2px solid var(--surface-primary)}.detail-container-content.flyout.standard{position:relative}.detail-container-content.flyout .overflow-container.has-scroll .detail-description,.detail-container-content.flyout .overflow-container.has-scroll .detail-body{padding:var(--gravity-spacing-xs) 8px var(--gravity-spacing-xs) var(--gravity-spacing-md)!important}.detail-container-content.flyout .detail-header{padding:0 var(--gravity-spacing-md)}.detail-container-content.flyout .detail-description,.detail-container-content.flyout .detail-body{width:100%;padding:var(--gravity-spacing-xs) var(--gravity-spacing-sm) var(--gravity-spacing-xs) var(--gravity-spacing-md)}.detail-container-content.detail-view{width:300px;height:637px;max-height:637px;padding:var(--gravity-spacing-sm) 0;gap:16px;border:2px solid var(--surface-primary);margin-left:8px;border-radius:4.797px}.detail-container-content.detail-view.show{position:relative}.detail-container-content.detail-view .overflow-container.has-scroll .detail-body{padding:0 0 0 var(--gravity-spacing-sm)!important}.detail-container-content.detail-view .detail-header{padding:0 var(--gravity-spacing-sm)}.detail-container-content.detail-view .detail-body{padding:0 8px 0 var(--gravity-spacing-sm)}.detail-container-content.mobile{position:absolute;width:100%;gap:8px;padding-bottom:var(--gravity-spacing-lg)}.detail-container-content.mobile .detail-header{padding:var(--gravity-spacing-sm)}.detail-container-content.mobile .overflow-container{display:flex;flex-direction:column;padding:0 var(--gravity-spacing-md);gap:8px}.detail-container-content.mobile .overflow-container.has-scroll{padding:0 var(--gravity-spacing-xs) 0 var(--gravity-spacing-md)!important}.detail-container-content.mobile .overflow-container.has-scroll:not(:hover){scrollbar-width:none;padding-right:16px!important}.detail-container-content.show{transform:translate(0);opacity:1}.detail-container-content.dismiss{transform:translate(100%);opacity:0;animation:setFixed 1s forwards}@keyframes setFixed{to{position:fixed}}.detail-container-content .detail-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.detail-container-content .detail-header .back-button{display:flex;align-items:center;gap:4px;padding:var(--gravity-spacing-xs) 6px;color:var(--back-button-color);--back-button-color: var(--bg-button-active-primary)}.detail-container-content .detail-header .back-button:hover{border-radius:2px;color:var(--back-button-color);background:var(--surface-primary);--back-button-color: var(--on-bg-back-button-hover-primary)}.detail-container-content .detail-header .back-button.pressed{background:none;color:var(--back-button-color);--back-button-color: var(--back-button-pressed-primary)}.detail-container-content .detail-header .menu-button{--back-button-color: var(--bg-button-active-primary)}.detail-container-content .overflow-container{flex:1;overflow-y:auto;margin-right:8px;width:calc(100% - 8px)}.detail-container-content .overflow-container.has-scroll:not(:hover){scrollbar-width:none;padding-right:8px!important}.detail-container-content .detail-actions{width:100%}.detail-container-content .detail-actions::ng-deep div{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:var(--gravity-spacing-md) var(--gravity-spacing-md) 0;gap:var(--gravity-spacing-sm);border-top:2px solid var(--surface-primary)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.GravityIconButtonComponent, selector: "gravity-icon-button", inputs: ["cypressTag", "icon", "supportText", "variant", "size", "type", "state", "badge"], outputs: ["clickOnIcon"] }, { kind: "component", type: i4.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDetailContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gravity-detail-container', template: "<div class=\"detail-container-backdrop\" *ngIf=\"type === 'flyout' && mode === 'modal'\" [class.open]=\"isOpen\"\n     (click)=\"dismiss()\"></div>\n\n<div class=\"detail-container-content {{type}} {{mode}}\" [ngClass]=\"isOpen ? 'show' : 'dismiss'\" [style.height]=\"optionalHeight\">\n  <div class=\"detail-header\">\n    <p [ngClass]=\"type === 'flyout' ? 'hr-title md-bold' : 'hr-body lg-bold'\">{{ title }}</p>\n    <gravity-icon-button [icon]=\"'unsuccess'\" [size]=\"'sm'\" (click)=\"dismiss()\" [supportText]=\"'Close'\"></gravity-icon-button>\n  </div>\n\n  <div class=\"overflow-container\" #containerRef>\n    <p *ngIf=\"description != '' && type === 'flyout'\"\n       class=\"hr-body sm-regular detail-description\"> {{ description }}</p>\n\n    <div class=\"detail-body\">\n      <ng-content select=\"[detail-body]\"></ng-content>\n    </div>\n  </div>\n\n  <div class=\"detail-actions\" *ngIf=\"type === 'flyout'\">\n    <ng-content select=\"[detail-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".scrollbar-sm::-webkit-scrollbar{width:4px;height:4px}.scrollbar-sm::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.scrollbar-md::-webkit-scrollbar,.detail-container-content .overflow-container:hover::-webkit-scrollbar{width:8px;height:8px}.scrollbar-md::-webkit-scrollbar-track,.detail-container-content .overflow-container:hover::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb,.detail-container-content .overflow-container:hover::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb:hover,.detail-container-content .overflow-container::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.detail-container-backdrop{width:100%;height:100%;right:0;top:0;display:none;position:fixed;z-index:999;opacity:var(--backdrop-opacity);background-color:var(--backdrop-primary)}.detail-container-backdrop.open{display:block}.detail-container-content{display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);background-color:var(--surface-secondary);transition:transform .3s ease-in-out,opacity .3s ease-in-out;inset:0 0 0 auto}.detail-container-content.flyout{width:480px;height:100%;padding:var(--gravity-spacing-lg) 0 var(--gravity-spacing-xl);gap:8px;border-left:2px solid var(--surface-primary)}.detail-container-content.flyout.standard{position:relative}.detail-container-content.flyout .overflow-container.has-scroll .detail-description,.detail-container-content.flyout .overflow-container.has-scroll .detail-body{padding:var(--gravity-spacing-xs) 8px var(--gravity-spacing-xs) var(--gravity-spacing-md)!important}.detail-container-content.flyout .detail-header{padding:0 var(--gravity-spacing-md)}.detail-container-content.flyout .detail-description,.detail-container-content.flyout .detail-body{width:100%;padding:var(--gravity-spacing-xs) var(--gravity-spacing-sm) var(--gravity-spacing-xs) var(--gravity-spacing-md)}.detail-container-content.detail-view{width:300px;height:637px;max-height:637px;padding:var(--gravity-spacing-sm) 0;gap:16px;border:2px solid var(--surface-primary);margin-left:8px;border-radius:4.797px}.detail-container-content.detail-view.show{position:relative}.detail-container-content.detail-view .overflow-container.has-scroll .detail-body{padding:0 0 0 var(--gravity-spacing-sm)!important}.detail-container-content.detail-view .detail-header{padding:0 var(--gravity-spacing-sm)}.detail-container-content.detail-view .detail-body{padding:0 8px 0 var(--gravity-spacing-sm)}.detail-container-content.show{transform:translate(0);opacity:1}.detail-container-content.dismiss{transform:translate(100%);opacity:0;animation:setFixed 1s forwards}@keyframes setFixed{to{position:fixed}}.detail-container-content .detail-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.detail-container-content .overflow-container{flex:1;overflow-y:auto;margin-right:8px;width:calc(100% - 8px)}.detail-container-content .overflow-container:not(:hover){scrollbar-width:none}.detail-container-content .detail-actions{width:100%}.detail-container-content .detail-actions::ng-deep div{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:var(--gravity-spacing-md) var(--gravity-spacing-md) 0;gap:var(--gravity-spacing-sm);border-top:2px solid var(--surface-primary)}\n"] }]
-        }], propDecorators: { title: [{
+            args: [{ selector: 'gravity-detail-container', template: "<div class=\"detail-container-backdrop\" *ngIf=\"type === 'flyout' && mode === 'modal' && !gravityResponsiveService.isMobile()\"\n     [class.open]=\"isOpen\" (click)=\"dismiss()\"></div>\n\n<div class=\"detail-container-content {{mode}} {{gravityResponsiveService.isMobile() ? 'mobile' : type}}\"\n     [ngClass]=\"isOpen ? 'show' : 'dismiss'\" [style.height]=\"optionalHeight\">\n  <div class=\"detail-header\">\n    <div class=\"back-button\" (click)=\"dismiss()\" *ngIf=\"gravityResponsiveService.isMobile()\">\n      <gravity-icon [iconName]=\"'arrow-left'\" [iconSize]=\"'sm-12'\"\n                    [style.--icon-color]=\"'var(--back-button-color)'\"></gravity-icon>\n      <span class=\"hr-label md-regular\">{{ language === 'en' ? 'Back' : 'Atr\u00E1s' }}</span>\n    </div>\n    <p [ngClass]=\"gravityResponsiveService.isMobile() ? 'hr-body md-bold': type === 'flyout' ? 'hr-title md-bold' : 'hr-body lg-bold'\">{{ title }}</p>\n    <gravity-icon-button *ngIf=\"!gravityResponsiveService.isMobile()\" [icon]=\"'unsuccess'\" [size]=\"'sm'\"\n                         (click)=\"dismiss()\"\n                         [supportText]=\"'Close'\"></gravity-icon-button>\n    <gravity-icon class=\"menu-button\" *ngIf=\"gravityResponsiveService.isMobile()\" [style.--icon-color]=\"'var(--back-button-color)'\"\n                  [iconSize]=\"'lg-24'\" [iconName]=\"'menu'\" (click)=\"menu()\"/>\n  </div>\n\n  <div class=\"overflow-container\" #containerRef>\n    <p *ngIf=\"description != '' && type === 'flyout'\"\n       class=\"hr-body sm-regular detail-description\"> {{ description }}</p>\n\n    <div class=\"detail-body\">\n      <ng-content select=\"[detail-body]\"></ng-content>\n    </div>\n  </div>\n\n  <div class=\"detail-actions\" *ngIf=\"type === 'flyout'\">\n    <ng-content select=\"[detail-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".scrollbar-sm::-webkit-scrollbar{width:4px;height:4px}.scrollbar-sm::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.scrollbar-md::-webkit-scrollbar,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar{width:8px;height:8px}.scrollbar-md::-webkit-scrollbar-track,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb:hover,.detail-container-content .overflow-container.has-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.detail-container-backdrop{width:100%;height:100%;right:0;top:0;display:none;position:fixed;z-index:999;opacity:var(--backdrop-opacity);background-color:var(--backdrop-primary)}.detail-container-backdrop.open{display:block}.detail-container-content{display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);background-color:var(--surface-secondary);transition:transform .3s ease-in-out,opacity .3s ease-in-out;inset:0 0 0 auto}.detail-container-content.flyout{width:480px;height:100%;padding:var(--gravity-spacing-lg) 0 var(--gravity-spacing-xl);gap:8px;border-left:2px solid var(--surface-primary)}.detail-container-content.flyout.standard{position:relative}.detail-container-content.flyout .overflow-container.has-scroll .detail-description,.detail-container-content.flyout .overflow-container.has-scroll .detail-body{padding:var(--gravity-spacing-xs) 8px var(--gravity-spacing-xs) var(--gravity-spacing-md)!important}.detail-container-content.flyout .detail-header{padding:0 var(--gravity-spacing-md)}.detail-container-content.flyout .detail-description,.detail-container-content.flyout .detail-body{width:100%;padding:var(--gravity-spacing-xs) var(--gravity-spacing-sm) var(--gravity-spacing-xs) var(--gravity-spacing-md)}.detail-container-content.detail-view{width:300px;height:637px;max-height:637px;padding:var(--gravity-spacing-sm) 0;gap:16px;border:2px solid var(--surface-primary);margin-left:8px;border-radius:4.797px}.detail-container-content.detail-view.show{position:relative}.detail-container-content.detail-view .overflow-container.has-scroll .detail-body{padding:0 0 0 var(--gravity-spacing-sm)!important}.detail-container-content.detail-view .detail-header{padding:0 var(--gravity-spacing-sm)}.detail-container-content.detail-view .detail-body{padding:0 8px 0 var(--gravity-spacing-sm)}.detail-container-content.mobile{position:absolute;width:100%;gap:8px;padding-bottom:var(--gravity-spacing-lg)}.detail-container-content.mobile .detail-header{padding:var(--gravity-spacing-sm)}.detail-container-content.mobile .overflow-container{display:flex;flex-direction:column;padding:0 var(--gravity-spacing-md);gap:8px}.detail-container-content.mobile .overflow-container.has-scroll{padding:0 var(--gravity-spacing-xs) 0 var(--gravity-spacing-md)!important}.detail-container-content.mobile .overflow-container.has-scroll:not(:hover){scrollbar-width:none;padding-right:16px!important}.detail-container-content.show{transform:translate(0);opacity:1}.detail-container-content.dismiss{transform:translate(100%);opacity:0;animation:setFixed 1s forwards}@keyframes setFixed{to{position:fixed}}.detail-container-content .detail-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.detail-container-content .detail-header .back-button{display:flex;align-items:center;gap:4px;padding:var(--gravity-spacing-xs) 6px;color:var(--back-button-color);--back-button-color: var(--bg-button-active-primary)}.detail-container-content .detail-header .back-button:hover{border-radius:2px;color:var(--back-button-color);background:var(--surface-primary);--back-button-color: var(--on-bg-back-button-hover-primary)}.detail-container-content .detail-header .back-button.pressed{background:none;color:var(--back-button-color);--back-button-color: var(--back-button-pressed-primary)}.detail-container-content .detail-header .menu-button{--back-button-color: var(--bg-button-active-primary)}.detail-container-content .overflow-container{flex:1;overflow-y:auto;margin-right:8px;width:calc(100% - 8px)}.detail-container-content .overflow-container.has-scroll:not(:hover){scrollbar-width:none;padding-right:8px!important}.detail-container-content .detail-actions{width:100%}.detail-container-content .detail-actions::ng-deep div{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:var(--gravity-spacing-md) var(--gravity-spacing-md) 0;gap:var(--gravity-spacing-sm);border-top:2px solid var(--surface-primary)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.GravityResponsiveService }]; }, propDecorators: { title: [{
                 type: Input
             }], description: [{
                 type: Input
@@ -40,10 +75,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], optionalHeight: [{
                 type: Input
+            }], language: [{
+                type: Input
             }], closed: [{
                 type: Output
+            }], menuEvent: [{
+                type: Output
             }], containerRef: [{
                 type: ViewChild,
                 args: ['containerRef']
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1kZXRhaWwtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1kZXRhaWwtY29udGFpbmVyL2dyYXZpdHktZGV0YWlsLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZGV0YWlsLWNvbnRhaW5lci9ncmF2aXR5LWRldGFpbC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFPNUYsTUFBTSxPQUFPLCtCQUErQjtJQUw1QztRQU1XLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFFekIsU0FBSSxHQUE2QixRQUFRLENBQUM7UUFHekMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFJckMsV0FBTSxHQUFHLEtBQUssQ0FBQztLQW1CdkI7SUFqQlEsSUFBSTtRQUNULElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO0lBQ3JCLENBQUM7SUFFTSxPQUFPO1FBQ1osSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsZUFBZTtRQUNiLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDO1FBQzNDLE1BQU0sUUFBUSxHQUFHLElBQUksY0FBYyxDQUFDLEdBQUcsRUFBRTtZQUN2QyxFQUFFLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUUsRUFBRSxDQUFDLFlBQVksR0FBRyxFQUFFLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDdkUsQ0FBQyxDQUFDLENBQUM7UUFFSCxRQUFRLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7K0dBN0JVLCtCQUErQjttR0FBL0IsK0JBQStCLG1VQ1A1QyxtL0JBc0JBOzs0RkRmYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsMEJBQTBCOzhCQUszQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBRUksTUFBTTtzQkFBZixNQUFNO2dCQUVvQixZQUFZO3NCQUF0QyxTQUFTO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LWRldGFpbC1jb250YWluZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1kZXRhaWwtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1kZXRhaWwtY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eURldGFpbENvbnRhaW5lckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBtb2RlOiAnbW9kYWwnIHwgJ3N0YW5kYXJkJztcbiAgQElucHV0KCkgdHlwZTogJ2ZseW91dCcgfCAnZGV0YWlsLXZpZXcnID0gJ2ZseW91dCc7XG4gIEBJbnB1dCgpIG9wdGlvbmFsSGVpZ2h0OiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGNsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAVmlld0NoaWxkKCdjb250YWluZXJSZWYnKSBjb250YWluZXJSZWY6IEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+O1xuXG4gIHB1YmxpYyBpc09wZW4gPSBmYWxzZTtcblxuICBwdWJsaWMgb3BlbigpOiB2b2lkIHtcbiAgICB0aGlzLmlzT3BlbiA9IHRydWU7XG4gIH1cblxuICBwdWJsaWMgZGlzbWlzcygpOiB2b2lkIHtcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICAgIHRoaXMuY2xvc2VkLmVtaXQoKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBjb25zdCBlbCA9IHRoaXMuY29udGFpbmVyUmVmLm5hdGl2ZUVsZW1lbnQ7XG4gICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoKCkgPT4ge1xuICAgICAgZWwuY2xhc3NMaXN0LnRvZ2dsZSgnaGFzLXNjcm9sbCcsIGVsLnNjcm9sbEhlaWdodCA+IGVsLmNsaWVudEhlaWdodCk7XG4gICAgfSk7XG5cbiAgICBvYnNlcnZlci5vYnNlcnZlKGVsKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImRldGFpbC1jb250YWluZXItYmFja2Ryb3BcIiAqbmdJZj1cInR5cGUgPT09ICdmbHlvdXQnICYmIG1vZGUgPT09ICdtb2RhbCdcIiBbY2xhc3Mub3Blbl09XCJpc09wZW5cIlxuICAgICAoY2xpY2spPVwiZGlzbWlzcygpXCI+PC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJkZXRhaWwtY29udGFpbmVyLWNvbnRlbnQge3t0eXBlfX0ge3ttb2RlfX1cIiBbbmdDbGFzc109XCJpc09wZW4gPyAnc2hvdycgOiAnZGlzbWlzcydcIiBbc3R5bGUuaGVpZ2h0XT1cIm9wdGlvbmFsSGVpZ2h0XCI+XG4gIDxkaXYgY2xhc3M9XCJkZXRhaWwtaGVhZGVyXCI+XG4gICAgPHAgW25nQ2xhc3NdPVwidHlwZSA9PT0gJ2ZseW91dCcgPyAnaHItdGl0bGUgbWQtYm9sZCcgOiAnaHItYm9keSBsZy1ib2xkJ1wiPnt7IHRpdGxlIH19PC9wPlxuICAgIDxncmF2aXR5LWljb24tYnV0dG9uIFtpY29uXT1cIid1bnN1Y2Nlc3MnXCIgW3NpemVdPVwiJ3NtJ1wiIChjbGljayk9XCJkaXNtaXNzKClcIiBbc3VwcG9ydFRleHRdPVwiJ0Nsb3NlJ1wiPjwvZ3Jhdml0eS1pY29uLWJ1dHRvbj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cIm92ZXJmbG93LWNvbnRhaW5lclwiICNjb250YWluZXJSZWY+XG4gICAgPHAgKm5nSWY9XCJkZXNjcmlwdGlvbiAhPSAnJyAmJiB0eXBlID09PSAnZmx5b3V0J1wiXG4gICAgICAgY2xhc3M9XCJoci1ib2R5IHNtLXJlZ3VsYXIgZGV0YWlsLWRlc2NyaXB0aW9uXCI+IHt7IGRlc2NyaXB0aW9uIH19PC9wPlxuXG4gICAgPGRpdiBjbGFzcz1cImRldGFpbC1ib2R5XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZGV0YWlsLWJvZHldXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwiZGV0YWlsLWFjdGlvbnNcIiAqbmdJZj1cInR5cGUgPT09ICdmbHlvdXQnXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RldGFpbC1hY3Rpb25zXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1kZXRhaWwtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1kZXRhaWwtY29udGFpbmVyL2dyYXZpdHktZGV0YWlsLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZGV0YWlsLWNvbnRhaW5lci9ncmF2aXR5LWRldGFpbC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRdkIsTUFBTSxPQUFPLCtCQUErQjtJQWdCMUMsWUFBNEIsd0JBQWtEO1FBQWxELDZCQUF3QixHQUF4Qix3QkFBd0IsQ0FBMEI7UUFmckUsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUV6QixTQUFJLEdBQTZCLFFBQVEsQ0FBQztRQUVuQyxhQUFRLEdBQWdCLElBQUksQ0FBQztRQUVuQyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNsQyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUl4QyxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2QsbUJBQWMsR0FBMEIsSUFBSSxDQUFDO1FBR25ELElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBR08sUUFBUTtRQUNkLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxzQkFBc0IsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO1FBQ3pFLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRU0sSUFBSTtRQUNULElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ25CLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRU0sT0FBTztRQUNaLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVNLElBQUk7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxlQUFlO1FBQ2IsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxhQUFhLENBQUM7UUFDNUMsSUFBSSxDQUFDLEVBQUU7WUFBRSxPQUFPO1FBRWhCLE1BQU0sTUFBTSxHQUFHLEdBQUcsRUFBRTtZQUNsQixxQkFBcUIsQ0FBQyxHQUFHLEVBQUU7Z0JBQ3pCLEVBQUUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFlBQVksRUFBRSxFQUFFLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUN2RSxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQztRQUVGLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxjQUFjLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDakQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFaEMsTUFBTSxFQUFFLENBQUM7SUFDWCxDQUFDO0lBRU8sY0FBYztRQUNwQixNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQztRQUM1QyxJQUFJLENBQUMsRUFBRTtZQUFFLE9BQU87UUFDaEIscUJBQXFCLENBQUMsR0FBRyxFQUFFO1lBQ3pCLEVBQUUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFlBQVksRUFBRSxFQUFFLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUN2RSxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDakMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7U0FDNUI7SUFDSCxDQUFDOytHQXJFVSwrQkFBK0I7bUdBQS9CLCtCQUErQiwrYUNqQjVDLGswREFnQ0E7OzRGRGZhLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSwwQkFBMEI7K0dBSzNCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUVJLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUVvQixZQUFZO3NCQUF0QyxTQUFTO3VCQUFDLGNBQWM7Z0JBVWpCLFFBQVE7c0JBRGYsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCwgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7R3Jhdml0eVJlc3BvbnNpdmVTZXJ2aWNlfSBmcm9tIFwiLi4vLi4vc2VydmljZXMvZ3Jhdml0eS1yZXNwb25zaXZlLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1kZXRhaWwtY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktZGV0YWlsLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktZGV0YWlsLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlEZXRhaWxDb250YWluZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3l7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBtb2RlOiAnbW9kYWwnIHwgJ3N0YW5kYXJkJztcbiAgQElucHV0KCkgdHlwZTogJ2ZseW91dCcgfCAnZGV0YWlsLXZpZXcnID0gJ2ZseW91dCc7XG4gIEBJbnB1dCgpIG9wdGlvbmFsSGVpZ2h0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBsYW5ndWFnZTogJ2VuJyB8ICdlcycgPSAnZW4nO1xuXG4gIEBPdXRwdXQoKSBjbG9zZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBtZW51RXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgQFZpZXdDaGlsZCgnY29udGFpbmVyUmVmJykgY29udGFpbmVyUmVmOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcblxuICBwdWJsaWMgaXNPcGVuID0gZmFsc2U7XG4gIHByaXZhdGUgcmVzaXplT2JzZXJ2ZXI6IFJlc2l6ZU9ic2VydmVyIHwgbnVsbCA9IG51bGw7XG5cbiAgY29uc3RydWN0b3IocHVibGljIHJlYWRvbmx5IGdyYXZpdHlSZXNwb25zaXZlU2VydmljZTogR3Jhdml0eVJlc3BvbnNpdmVTZXJ2aWNlKSB7XG4gICAgdGhpcy5vblJlc2l6ZSgpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgb25SZXNpemUoKTogdm9pZCB7XG4gICAgdGhpcy5ncmF2aXR5UmVzcG9uc2l2ZVNlcnZpY2UuY3VycmVudFJlc29sdXRpb25XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xuICAgIHRoaXMuY2hlY2tIYXNTY3JvbGwoKTtcbiAgfVxuXG4gIHB1YmxpYyBvcGVuKCk6IHZvaWQge1xuICAgIHRoaXMuaXNPcGVuID0gdHJ1ZTtcbiAgICB0aGlzLmNoZWNrSGFzU2Nyb2xsKCk7XG4gIH1cblxuICBwdWJsaWMgZGlzbWlzcygpOiB2b2lkIHtcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICAgIHRoaXMuY2xvc2VkLmVtaXQoKTtcbiAgfVxuXG4gIHB1YmxpYyBtZW51KCk6IHZvaWQge1xuICAgIHRoaXMubWVudUV2ZW50LmVtaXQoKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBjb25zdCBlbCA9IHRoaXMuY29udGFpbmVyUmVmPy5uYXRpdmVFbGVtZW50O1xuICAgIGlmICghZWwpIHJldHVybjtcblxuICAgIGNvbnN0IHVwZGF0ZSA9ICgpID0+IHtcbiAgICAgIHJlcXVlc3RBbmltYXRpb25GcmFtZSgoKSA9PiB7XG4gICAgICAgIGVsLmNsYXNzTGlzdC50b2dnbGUoJ2hhcy1zY3JvbGwnLCBlbC5zY3JvbGxIZWlnaHQgPiBlbC5jbGllbnRIZWlnaHQpO1xuICAgICAgfSk7XG4gICAgfTtcblxuICAgIHRoaXMucmVzaXplT2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIodXBkYXRlKTtcbiAgICB0aGlzLnJlc2l6ZU9ic2VydmVyLm9ic2VydmUoZWwpO1xuXG4gICAgdXBkYXRlKCk7XG4gIH1cblxuICBwcml2YXRlIGNoZWNrSGFzU2Nyb2xsKCk6IHZvaWQge1xuICAgIGNvbnN0IGVsID0gdGhpcy5jb250YWluZXJSZWY/Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgaWYgKCFlbCkgcmV0dXJuO1xuICAgIHJlcXVlc3RBbmltYXRpb25GcmFtZSgoKSA9PiB7XG4gICAgICBlbC5jbGFzc0xpc3QudG9nZ2xlKCdoYXMtc2Nyb2xsJywgZWwuc2Nyb2xsSGVpZ2h0ID4gZWwuY2xpZW50SGVpZ2h0KTtcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnJlc2l6ZU9ic2VydmVyKSB7XG4gICAgICB0aGlzLnJlc2l6ZU9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgICAgIHRoaXMucmVzaXplT2JzZXJ2ZXIgPSBudWxsO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImRldGFpbC1jb250YWluZXItYmFja2Ryb3BcIiAqbmdJZj1cInR5cGUgPT09ICdmbHlvdXQnICYmIG1vZGUgPT09ICdtb2RhbCcgJiYgIWdyYXZpdHlSZXNwb25zaXZlU2VydmljZS5pc01vYmlsZSgpXCJcbiAgICAgW2NsYXNzLm9wZW5dPVwiaXNPcGVuXCIgKGNsaWNrKT1cImRpc21pc3MoKVwiPjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwiZGV0YWlsLWNvbnRhaW5lci1jb250ZW50IHt7bW9kZX19IHt7Z3Jhdml0eVJlc3BvbnNpdmVTZXJ2aWNlLmlzTW9iaWxlKCkgPyAnbW9iaWxlJyA6IHR5cGV9fVwiXG4gICAgIFtuZ0NsYXNzXT1cImlzT3BlbiA/ICdzaG93JyA6ICdkaXNtaXNzJ1wiIFtzdHlsZS5oZWlnaHRdPVwib3B0aW9uYWxIZWlnaHRcIj5cbiAgPGRpdiBjbGFzcz1cImRldGFpbC1oZWFkZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYmFjay1idXR0b25cIiAoY2xpY2spPVwiZGlzbWlzcygpXCIgKm5nSWY9XCJncmF2aXR5UmVzcG9uc2l2ZVNlcnZpY2UuaXNNb2JpbGUoKVwiPlxuICAgICAgPGdyYXZpdHktaWNvbiBbaWNvbk5hbWVdPVwiJ2Fycm93LWxlZnQnXCIgW2ljb25TaXplXT1cIidzbS0xMidcIlxuICAgICAgICAgICAgICAgICAgICBbc3R5bGUuLS1pY29uLWNvbG9yXT1cIid2YXIoLS1iYWNrLWJ1dHRvbi1jb2xvciknXCI+PC9ncmF2aXR5LWljb24+XG4gICAgICA8c3BhbiBjbGFzcz1cImhyLWxhYmVsIG1kLXJlZ3VsYXJcIj57eyBsYW5ndWFnZSA9PT0gJ2VuJyA/ICdCYWNrJyA6ICdBdHLDoXMnIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxwIFtuZ0NsYXNzXT1cImdyYXZpdHlSZXNwb25zaXZlU2VydmljZS5pc01vYmlsZSgpID8gJ2hyLWJvZHkgbWQtYm9sZCc6IHR5cGUgPT09ICdmbHlvdXQnID8gJ2hyLXRpdGxlIG1kLWJvbGQnIDogJ2hyLWJvZHkgbGctYm9sZCdcIj57eyB0aXRsZSB9fTwvcD5cbiAgICA8Z3Jhdml0eS1pY29uLWJ1dHRvbiAqbmdJZj1cIiFncmF2aXR5UmVzcG9uc2l2ZVNlcnZpY2UuaXNNb2JpbGUoKVwiIFtpY29uXT1cIid1bnN1Y2Nlc3MnXCIgW3NpemVdPVwiJ3NtJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImRpc21pc3MoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgW3N1cHBvcnRUZXh0XT1cIidDbG9zZSdcIj48L2dyYXZpdHktaWNvbi1idXR0b24+XG4gICAgPGdyYXZpdHktaWNvbiBjbGFzcz1cIm1lbnUtYnV0dG9uXCIgKm5nSWY9XCJncmF2aXR5UmVzcG9uc2l2ZVNlcnZpY2UuaXNNb2JpbGUoKVwiIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLWJhY2stYnV0dG9uLWNvbG9yKSdcIlxuICAgICAgICAgICAgICAgICAgW2ljb25TaXplXT1cIidsZy0yNCdcIiBbaWNvbk5hbWVdPVwiJ21lbnUnXCIgKGNsaWNrKT1cIm1lbnUoKVwiLz5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cIm92ZXJmbG93LWNvbnRhaW5lclwiICNjb250YWluZXJSZWY+XG4gICAgPHAgKm5nSWY9XCJkZXNjcmlwdGlvbiAhPSAnJyAmJiB0eXBlID09PSAnZmx5b3V0J1wiXG4gICAgICAgY2xhc3M9XCJoci1ib2R5IHNtLXJlZ3VsYXIgZGV0YWlsLWRlc2NyaXB0aW9uXCI+IHt7IGRlc2NyaXB0aW9uIH19PC9wPlxuXG4gICAgPGRpdiBjbGFzcz1cImRldGFpbC1ib2R5XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZGV0YWlsLWJvZHldXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwiZGV0YWlsLWFjdGlvbnNcIiAqbmdJZj1cInR5cGUgPT09ICdmbHlvdXQnXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RldGFpbC1hY3Rpb25zXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/gravity-status-indicator/gravity-status-indicator.component.mjs

@@ -8,12 +8,20 @@ export class GravityStatusIndicatorComponent {
         this.type = 'primary';
         this.status = 'neutro';
     }
+    ngOnChanges() {
+        this.capitalizeFirst();
+    }
+    capitalizeFirst() {
+        if (!this.text)
+            return '';
+        this.text = this.text.charAt(0).toUpperCase() + this.text.slice(1).toLowerCase();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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)}span{text-transform:capitalize}\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"] }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, decorators: [{
             type: Component,
-            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)}span{text-transform:capitalize}\n"] }]
+            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"] }]
         }], propDecorators: { icon: [{
                 type: Input
             }], text: [{
@@ -27,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], status: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci9ncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFPL0MsTUFBTSxPQUFPLCtCQUErQjtJQUw1QztRQVNrQixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixTQUFJLEdBQTRCLFNBQVMsQ0FBQztRQUMxQyxXQUFNLEdBQStHLFFBQVEsQ0FBQztLQUUvSTsrR0FSWSwrQkFBK0I7bUdBQS9CLCtCQUErQixnTENQNUMsdWRBTU07OzRGRENPLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSwwQkFBMEI7OEJBS3BCLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxNQUFNO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlTdGF0dXNJbmRpY2F0b3JDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgY3lwcmVzc1RhZzogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnc20nO1xuICBASW5wdXQoKSBwdWJsaWMgdHlwZTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0dXM6ICdwb3NpdGl2ZScgfCdwb3NpdGl2ZS1zZWNvbmRhcnknIHwgJ25lZ2F0aXZlJyB8ICduZWdhdGl2ZS1zZWNvbmRhcnknIHwgJ2F0dGVudGlvbicgfCAnbmV1dHJvJyB8ICdkaXNhYmxlZCcgPSAnbmV1dHJvJztcblxufVxuIiwiPGRpdiBjbGFzcz1cImdyYXZpdHktc3RhdHVzLWluZGljYXRvciBoci1ib2R5IHt7c2l6ZX19LXJlZ3VsYXIge3tzdGF0dXN9fSB7e3NpemV9fVwiICpuZ0lmPVwidHlwZSA9PT0gJ3ByaW1hcnknXCI+XG4gICAgPHNwYW4gKm5nSWY9XCJ0ZXh0XCIgW2F0dHIuZGF0YS1jeV09XCJjeXByZXNzVGFnXCI+e3t0ZXh0fX08L3NwYW4+IDxncmF2aXR5LWljb24gW2ljb25OYW1lXT1cImljb25cIiBbaWNvblNpemVdPVwiJ3NtLTEyJ1wiICpuZ0lmPVwiaWNvblwiPjwvZ3Jhdml0eS1pY29uPlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3ItZG90IGhyLWJvZHkgc20tcmVndWxhciB7e3N0YXR1c319XCIgKm5nSWY9XCJ0eXBlID09PSAnc2Vjb25kYXJ5J1wiPlxuICAgIDxkaXY+PC9kaXY+IDxzcGFuIFthdHRyLmRhdGEtY3ldPVwiY3lwcmVzc1RhZ1wiID57e3RleHR9fTwvc3Bhbj5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktc3RhdHVzLWluZGljYXRvci9ncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQVksTUFBTSxlQUFlLENBQUM7Ozs7QUFPMUQsTUFBTSxPQUFPLCtCQUErQjtJQUw1QztRQVNrQixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixTQUFJLEdBQTRCLFNBQVMsQ0FBQztRQUMxQyxXQUFNLEdBQWdILFFBQVEsQ0FBQztLQWFoSjtJQVZDLFdBQVc7UUFDVCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTyxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNuRixDQUFDOytHQWhCVSwrQkFBK0I7bUdBQS9CLCtCQUErQixxTUNQNUMsdWRBTU07OzRGRENPLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSwwQkFBMEI7OEJBS3BCLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxNQUFNO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkNoYW5nZXN9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eVN0YXR1c0luZGljYXRvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyB0ZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBjeXByZXNzVGFnOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiAnc20nIHwgJ21kJyA9ICdzbSc7XG4gIEBJbnB1dCgpIHB1YmxpYyB0eXBlOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgcHVibGljIHN0YXR1czogJ3Bvc2l0aXZlJyB8ICdwb3NpdGl2ZS1zZWNvbmRhcnknIHwgJ25lZ2F0aXZlJyB8ICduZWdhdGl2ZS1zZWNvbmRhcnknIHwgJ2F0dGVudGlvbicgfCAnbmV1dHJvJyB8ICdkaXNhYmxlZCcgPSAnbmV1dHJvJztcblxuXG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIHRoaXMuY2FwaXRhbGl6ZUZpcnN0KCk7XG4gIH1cblxuICBwdWJsaWMgY2FwaXRhbGl6ZUZpcnN0KCk6IHN0cmluZyB7XG4gICAgaWYgKCF0aGlzLnRleHQpIHJldHVybiAnJztcbiAgICB0aGlzLnRleHQgPSB0aGlzLnRleHQuY2hhckF0KDApLnRvVXBwZXJDYXNlKCkgKyB0aGlzLnRleHQuc2xpY2UoMSkudG9Mb3dlckNhc2UoKTtcbiAgfVxuXG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LXN0YXR1cy1pbmRpY2F0b3IgaHItYm9keSB7e3NpemV9fS1yZWd1bGFyIHt7c3RhdHVzfX0ge3tzaXplfX1cIiAqbmdJZj1cInR5cGUgPT09ICdwcmltYXJ5J1wiPlxuICAgIDxzcGFuICpuZ0lmPVwidGV4dFwiIFthdHRyLmRhdGEtY3ldPVwiY3lwcmVzc1RhZ1wiPnt7dGV4dH19PC9zcGFuPiA8Z3Jhdml0eS1pY29uIFtpY29uTmFtZV09XCJpY29uXCIgW2ljb25TaXplXT1cIidzbS0xMidcIiAqbmdJZj1cImljb25cIj48L2dyYXZpdHktaWNvbj5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwiZ3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yLWRvdCBoci1ib2R5IHNtLXJlZ3VsYXIge3tzdGF0dXN9fVwiICpuZ0lmPVwidHlwZSA9PT0gJ3NlY29uZGFyeSdcIj5cbiAgICA8ZGl2PjwvZGl2PiA8c3BhbiBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWdcIiA+e3t0ZXh0fX08L3NwYW4+XG48L2Rpdj4iXX0=

package/esm2022/lib/components/gravity-tree-view/node/node-checkbox/node-checkbox.component.mjs

@@ -15,12 +15,12 @@ export class NodeCheckboxComponent {
         }
     }
     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 }); }
-    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\n              (click)=\"clickOnCheckbox()\"\n\n              [iconName]=\"state.selectedState == 2 ? 'uncheck' : 'check'\"\n              [iconSize]=\"state.selectedState == 2 ? null : 'lg-24'\"\n              [size]=\"state.selectedState == 2 ? 'md' : null\"></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"] }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeCheckboxComponent, decorators: [{
             type: Component,
-            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\n              (click)=\"clickOnCheckbox()\"\n\n              [iconName]=\"state.selectedState == 2 ? 'uncheck' : 'check'\"\n              [iconSize]=\"state.selectedState == 2 ? null : 'lg-24'\"\n              [size]=\"state.selectedState == 2 ? 'md' : null\"></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"] }]
+            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"] }]
         }], ctorParameters: function () { return [{ type: i1.TreeService }]; }, propDecorators: { state: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktdHJlZS12aWV3L25vZGUvbm9kZS1jaGVja2JveC9ub2RlLWNoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS10cmVlLXZpZXcvbm9kZS9ub2RlLWNoZWNrYm94L25vZGUtY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFTL0MsTUFBTSxPQUFPLHFCQUFxQjtJQUdoQyxZQUE2QixXQUF3QjtRQUF4QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtJQUNyRCxDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUU7WUFDeEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBRTNDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLFdBQVcsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDdkQsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1NBQ1A7SUFDSCxDQUFDOytHQWRVLHFCQUFxQjttR0FBckIscUJBQXFCLGlGQ1RsQyw4ZEFRQTs7NEZEQ2EscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGVBQWU7a0dBS1QsS0FBSztzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RyZWVTZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlL3RyZWUtc2VydmljZSc7XG5pbXBvcnQge05vZGVTdGF0ZX0gZnJvbSBcIi4uLy4uL21vZGVscy9ub2RlLXN0YXRlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25vZGUtY2hlY2tib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vbm9kZS1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vZGUtY2hlY2tib3guY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBOb2RlQ2hlY2tib3hDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgc3RhdGU6IE5vZGVTdGF0ZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHRyZWVTZXJ2aWNlOiBUcmVlU2VydmljZSkge1xuICB9XG5cbiAgcHVibGljIGNsaWNrT25DaGVja2JveCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuc3RhdGUuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMudHJlZVNlcnZpY2UuY2hlY2tib3hDbGljayh0aGlzLnN0YXRlKTtcblxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHRoaXMudHJlZVNlcnZpY2UucmVFdmFsdWF0ZVNlbGVjdGVkU3RhdGUodGhpcy5zdGF0ZSk7XG4gICAgICB9LCAxKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxncmF2aXR5LWljb24gY2xhc3M9XCJib3JkZXItcmFkaXVzLXNtIGNoZWNrYm94LWljb25cIiBbY2xhc3MudW5zZWxlY3RdPVwic3RhdGUuc2VsZWN0ZWRTdGF0ZSA9PSAxXCJcbiAgICAgICAgICAgICAgW2NsYXNzLnNlbGVjdF09XCJzdGF0ZS5zZWxlY3RlZFN0YXRlICE9IDFcIiBbY2xhc3MuZGlzYWJsZWRdPVwic3RhdGUuZGlzYWJsZWRcIlxuXG4gICAgICAgICAgICAgIChjbGljayk9XCJjbGlja09uQ2hlY2tib3goKVwiXG5cbiAgICAgICAgICAgICAgW2ljb25OYW1lXT1cInN0YXRlLnNlbGVjdGVkU3RhdGUgPT0gMiA/ICd1bmNoZWNrJyA6ICdjaGVjaydcIlxuICAgICAgICAgICAgICBbaWNvblNpemVdPVwic3RhdGUuc2VsZWN0ZWRTdGF0ZSA9PSAyID8gbnVsbCA6ICdsZy0yNCdcIlxuICAgICAgICAgICAgICBbc2l6ZV09XCJzdGF0ZS5zZWxlY3RlZFN0YXRlID09IDIgPyAnbWQnIDogbnVsbFwiPjwvZ3Jhdml0eS1pY29uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9kZS1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktdHJlZS12aWV3L25vZGUvbm9kZS1jaGVja2JveC9ub2RlLWNoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS10cmVlLXZpZXcvbm9kZS9ub2RlLWNoZWNrYm94L25vZGUtY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFTL0MsTUFBTSxPQUFPLHFCQUFxQjtJQUdoQyxZQUE2QixXQUF3QjtRQUF4QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtJQUNyRCxDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUU7WUFDeEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBRTNDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLFdBQVcsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDdkQsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1NBQ1A7SUFDSCxDQUFDOytHQWRVLHFCQUFxQjttR0FBckIscUJBQXFCLGlGQ1RsQyw4WEFLQTs7NEZESWEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGVBQWU7a0dBS1QsS0FBSztzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RyZWVTZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlL3RyZWUtc2VydmljZSc7XG5pbXBvcnQge05vZGVTdGF0ZX0gZnJvbSBcIi4uLy4uL21vZGVscy9ub2RlLXN0YXRlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25vZGUtY2hlY2tib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vbm9kZS1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25vZGUtY2hlY2tib3guY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBOb2RlQ2hlY2tib3hDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgc3RhdGU6IE5vZGVTdGF0ZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHRyZWVTZXJ2aWNlOiBUcmVlU2VydmljZSkge1xuICB9XG5cbiAgcHVibGljIGNsaWNrT25DaGVja2JveCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuc3RhdGUuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMudHJlZVNlcnZpY2UuY2hlY2tib3hDbGljayh0aGlzLnN0YXRlKTtcblxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHRoaXMudHJlZVNlcnZpY2UucmVFdmFsdWF0ZVNlbGVjdGVkU3RhdGUodGhpcy5zdGF0ZSk7XG4gICAgICB9LCAxKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxncmF2aXR5LWljb24gY2xhc3M9XCJib3JkZXItcmFkaXVzLXNtIGNoZWNrYm94LWljb25cIiBbY2xhc3MudW5zZWxlY3RdPVwic3RhdGUuc2VsZWN0ZWRTdGF0ZSA9PSAxXCJcbiAgICAgICAgICAgICAgW2NsYXNzLnNlbGVjdF09XCJzdGF0ZS5zZWxlY3RlZFN0YXRlICE9IDFcIiBbY2xhc3MuZGlzYWJsZWRdPVwic3RhdGUuZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwiY2xpY2tPbkNoZWNrYm94KClcIlxuICAgICAgICAgICAgICBbaWNvbk5hbWVdPVwic3RhdGUuc2VsZWN0ZWRTdGF0ZSA9PT0gMiA/ICdjaGVja2JveC1kYXNoJyA6ICdjaGVjaydcIlxuICAgICAgICAgICAgICBbaWNvblNpemVdPVwiJ2xnLTI0J1wiPjwvZ3Jhdml0eS1pY29uPlxuIl19

package/esm2022/lib/services/gravity-responsive.service.mjs

@@ -0,0 +1,47 @@
+import { HostListener, Injectable } from "@angular/core";
+import * as i0 from "@angular/core";
+export class GravityResponsiveService {
+    constructor() {
+        this.breakpoints = {
+            xs: 0,
+            sm: 576,
+            md: 992,
+            lg: 1440,
+            xl: 1920
+        };
+        this.onResize();
+    }
+    getResolution() {
+        if (this.currentResolutionWidth <= this.breakpoints.xs) {
+            return 'xs';
+        }
+        else if (this.currentResolutionWidth > this.breakpoints.xs && this.currentResolutionWidth <= this.breakpoints.sm) {
+            return 'sm';
+        }
+        else if (this.currentResolutionWidth > this.breakpoints.sm && this.currentResolutionWidth <= this.breakpoints.md) {
+            return 'md';
+        }
+        else if (this.currentResolutionWidth > this.breakpoints.md && this.currentResolutionWidth <= this.breakpoints.lg) {
+            return 'lg';
+        }
+        else {
+            return 'xl';
+        }
+    }
+    onResize() {
+        this.currentResolutionWidth = window.innerWidth;
+    }
+    isMobile() {
+        return this.getResolution() == 'md' || this.getResolution() == 'sm';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityResponsiveService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityResponsiveService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityResponsiveService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return []; }, propDecorators: { onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1yZXNwb25zaXZlLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9zZXJ2aWNlcy9ncmF2aXR5LXJlc3BvbnNpdmUuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsWUFBWSxFQUFFLFVBQVUsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFHdkQsTUFBTSxPQUFPLHdCQUF3QjtJQVVuQztRQVJRLGdCQUFXLEdBQUc7WUFDcEIsRUFBRSxFQUFFLENBQUM7WUFDTCxFQUFFLEVBQUUsR0FBRztZQUNQLEVBQUUsRUFBRSxHQUFHO1lBQ1AsRUFBRSxFQUFFLElBQUk7WUFDUixFQUFFLEVBQUUsSUFBSTtTQUNULENBQUE7UUFHQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbEIsQ0FBQztJQUVNLGFBQWE7UUFDbEIsSUFBSSxJQUFJLENBQUMsc0JBQXNCLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLEVBQUU7WUFDdEQsT0FBTyxJQUFJLENBQUM7U0FDYjthQUFNLElBQUksSUFBSSxDQUFDLHNCQUFzQixHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsRUFBRSxJQUFJLElBQUksQ0FBQyxzQkFBc0IsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQUUsRUFBRTtZQUNsSCxPQUFPLElBQUksQ0FBQztTQUNiO2FBQU0sSUFBSSxJQUFJLENBQUMsc0JBQXNCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLElBQUksSUFBSSxDQUFDLHNCQUFzQixJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsRUFBRSxFQUFFO1lBQ2xILE9BQU8sSUFBSSxDQUFDO1NBQ2I7YUFBTSxJQUFJLElBQUksQ0FBQyxzQkFBc0IsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQUUsSUFBSSxJQUFJLENBQUMsc0JBQXNCLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLEVBQUU7WUFDbEgsT0FBTyxJQUFJLENBQUM7U0FDYjthQUFNO1lBQ0wsT0FBTyxJQUFJLENBQUM7U0FDYjtJQUNILENBQUM7SUFHTyxRQUFRO1FBQ2QsSUFBSSxDQUFDLHNCQUFzQixHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUM7SUFDbEQsQ0FBQztJQUVNLFFBQVE7UUFDYixPQUFPLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxJQUFJLElBQUksQ0FBQztJQUN0RSxDQUFDOytHQW5DVSx3QkFBd0I7bUhBQXhCLHdCQUF3QixjQURaLE1BQU07OzRGQUNsQix3QkFBd0I7a0JBRHBDLFVBQVU7bUJBQUMsRUFBQyxVQUFVLEVBQUUsTUFBTSxFQUFDOzBFQThCdEIsUUFBUTtzQkFEZixZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7SG9zdExpc3RlbmVyLCBJbmplY3RhYmxlfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5ASW5qZWN0YWJsZSh7cHJvdmlkZWRJbjogJ3Jvb3QnfSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5UmVzcG9uc2l2ZVNlcnZpY2Uge1xuICBwdWJsaWMgY3VycmVudFJlc29sdXRpb25XaWR0aDogbnVtYmVyO1xuICBwcml2YXRlIGJyZWFrcG9pbnRzID0ge1xuICAgIHhzOiAwLFxuICAgIHNtOiA1NzYsXG4gICAgbWQ6IDk5MixcbiAgICBsZzogMTQ0MCxcbiAgICB4bDogMTkyMFxuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy5vblJlc2l6ZSgpO1xuICB9XG5cbiAgcHVibGljIGdldFJlc29sdXRpb24oKTogJ3hzJyB8ICdzbScgfCAnbWQnIHwgJ2xnJyB8ICd4bCcge1xuICAgIGlmICh0aGlzLmN1cnJlbnRSZXNvbHV0aW9uV2lkdGggPD0gdGhpcy5icmVha3BvaW50cy54cykge1xuICAgICAgcmV0dXJuICd4cyc7XG4gICAgfSBlbHNlIGlmICh0aGlzLmN1cnJlbnRSZXNvbHV0aW9uV2lkdGggPiB0aGlzLmJyZWFrcG9pbnRzLnhzICYmIHRoaXMuY3VycmVudFJlc29sdXRpb25XaWR0aCA8PSB0aGlzLmJyZWFrcG9pbnRzLnNtKSB7XG4gICAgICByZXR1cm4gJ3NtJztcbiAgICB9IGVsc2UgaWYgKHRoaXMuY3VycmVudFJlc29sdXRpb25XaWR0aCA+IHRoaXMuYnJlYWtwb2ludHMuc20gJiYgdGhpcy5jdXJyZW50UmVzb2x1dGlvbldpZHRoIDw9IHRoaXMuYnJlYWtwb2ludHMubWQpIHtcbiAgICAgIHJldHVybiAnbWQnO1xuICAgIH0gZWxzZSBpZiAodGhpcy5jdXJyZW50UmVzb2x1dGlvbldpZHRoID4gdGhpcy5icmVha3BvaW50cy5tZCAmJiB0aGlzLmN1cnJlbnRSZXNvbHV0aW9uV2lkdGggPD0gdGhpcy5icmVha3BvaW50cy5sZykge1xuICAgICAgcmV0dXJuICdsZyc7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiAneGwnO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxuICBwcml2YXRlIG9uUmVzaXplKCk6IHZvaWQge1xuICAgIHRoaXMuY3VycmVudFJlc29sdXRpb25XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xuICB9XG5cbiAgcHVibGljIGlzTW9iaWxlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmdldFJlc29sdXRpb24oKSA9PSAnbWQnIHx8IHRoaXMuZ2V0UmVzb2x1dGlvbigpID09ICdzbSc7XG4gIH1cbn1cbiJdfQ==