@progressio_resources/gravity-design-system 4.0.9 → 4.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/fesm2022/progressio_resources-gravity-design-system.mjs +14 -11
  2. package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/types/progressio_resources-gravity-design-system.d.ts +3 -2
package/fesm2022/progressio_resources-gravity-design-system.mjs CHANGED
@@ -137,6 +137,7 @@ var ICONS;
137
137
 
138
138
  class GravityButtonComponent {
139
139
  constructor() {
140
+ this.fullWidth = false;
140
141
  this.isLoading = false;
141
142
  this.showContent = true;
142
143
  this.size = "md";
@@ -162,21 +163,23 @@ class GravityButtonComponent {
162
163
  }
163
164
  }
164
165
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GravityButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
165
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: GravityButtonComponent, isStandalone: true, selector: "gravity-button", inputs: { cypressTag: "cypressTag", disabled: "disabled", iconName: "iconName", isLoading: "isLoading", showContent: "showContent", size: "size", iconPosition: "iconPosition", customState: "customState", type: "type" }, ngImport: i0, template: "<button [attr.data-cy]=\"cypressTag ? 'button_' + cypressTag : null\" [disabled]=\"disabled\" [style]=\"isLoading ? {'pointer-events': 'none'} : {}\"\n class=\"border-radius-sm gravity-button-{{type}} gravity-size-{{size}} hr-label {{size}}-bold {{customState}}\">\n @if (!isLoading) {\n @if (iconName && iconPosition == 'left') {\n <gravity-icon [style.--icon-color]=\"'var(--button-text-color)'\" [size]=\"isNewIcon(iconName) ? null : getSizeClass(size)\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\"\n [iconSize]=\"isNewIcon(iconName) ? getIconSizeClass(size) : null\" class=\"icon-{{iconPosition}}\"></gravity-icon>\n }\n @if (showContent) {\n <span class=\"button-content-wrapper\">\n <ng-content></ng-content>\n </span>\n }\n @if (iconName && iconPosition == 'right') {\n <gravity-icon [style.--icon-color]=\"'var(--button-text-color)'\" [size]=\"isNewIcon(iconName) ? null : getSizeClass(size)\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\"\n [iconSize]=\"isNewIcon(iconName) ? getIconSizeClass(size) : null\" class=\"icon-{{iconPosition}}\"></gravity-icon>\n }\n }\n @if (isLoading) {\n <ngb-progressbar [animated]=\"true\" [striped]=\"true\" [value]=\"100\"></ngb-progressbar>\n }\n</button>\n", styles: [":host{display:block;width:max-content}.gravity-button,.gravity-button-style,.gravity-button-secondary[disabled],.gravity-button-primary[disabled],.gravity-button-tertiary[disabled],.gravity-button-positive[disabled],.gravity-button-negative[disabled],.gravity-button-alternative[disabled],.gravity-button-disabled,.gravity-button-alternative:not([disabled]),.gravity-button-negative:not([disabled]),.gravity-button-positive:not([disabled]),.gravity-button-tertiary:not([disabled]),.gravity-button-secondary:not([disabled]),.gravity-button-primary:not([disabled]){align-items:center;display:flex;border-style:solid;cursor:pointer;min-width:fit-content;width:100%}.gravity-button.gravity-size-sm,.gravity-size-sm.gravity-button-style,.gravity-size-sm.gravity-button-secondary[disabled],.gravity-size-sm.gravity-button-primary[disabled],.gravity-size-sm.gravity-button-tertiary[disabled],.gravity-size-sm.gravity-button-positive[disabled],.gravity-size-sm.gravity-button-negative[disabled],.gravity-size-sm.gravity-button-alternative[disabled],.gravity-size-sm.gravity-button-disabled,.gravity-size-sm.gravity-button-alternative:not([disabled]),.gravity-size-sm.gravity-button-negative:not([disabled]),.gravity-size-sm.gravity-button-positive:not([disabled]),.gravity-size-sm.gravity-button-tertiary:not([disabled]),.gravity-size-sm.gravity-button-secondary:not([disabled]),.gravity-size-sm.gravity-button-primary:not([disabled]){height:32px;border-width:.0625rem;padding:.625rem .75rem}.gravity-button.gravity-size-sm gravity-icon,.gravity-size-sm.gravity-button-style gravity-icon,.gravity-size-sm.gravity-button-secondary[disabled] gravity-icon,.gravity-size-sm.gravity-button-primary[disabled] gravity-icon,.gravity-size-sm.gravity-button-tertiary[disabled] gravity-icon,.gravity-size-sm.gravity-button-positive[disabled] gravity-icon,.gravity-size-sm.gravity-button-negative[disabled] gravity-icon,.gravity-size-sm.gravity-button-alternative[disabled] gravity-icon,.gravity-size-sm.gravity-button-disabled gravity-icon,.gravity-size-sm.gravity-button-alternative:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-negative:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-positive:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-tertiary:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-secondary:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-primary:not([disabled]) gravity-icon{--icon-height: .75rem;--icon-width: .75rem}.gravity-button.gravity-size-sm gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-style gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-secondary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-primary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-tertiary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-positive[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-negative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-alternative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-disabled gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-alternative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-negative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-positive:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-tertiary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-secondary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-primary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty){margin-left:.3125rem}.gravity-button.gravity-size-sm span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-style span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-secondary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-primary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-tertiary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-positive[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-negative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-alternative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-disabled span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-alternative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-negative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-positive:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-tertiary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-secondary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-primary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right{margin-left:.3125rem}.gravity-button.gravity-size-md,.gravity-size-md.gravity-button-style,.gravity-size-md.gravity-button-secondary[disabled],.gravity-size-md.gravity-button-primary[disabled],.gravity-size-md.gravity-button-tertiary[disabled],.gravity-size-md.gravity-button-positive[disabled],.gravity-size-md.gravity-button-negative[disabled],.gravity-size-md.gravity-button-alternative[disabled],.gravity-size-md.gravity-button-disabled,.gravity-size-md.gravity-button-alternative:not([disabled]),.gravity-size-md.gravity-button-negative:not([disabled]),.gravity-size-md.gravity-button-positive:not([disabled]),.gravity-size-md.gravity-button-tertiary:not([disabled]),.gravity-size-md.gravity-button-secondary:not([disabled]),.gravity-size-md.gravity-button-primary:not([disabled]){height:36px;border-width:.125rem;padding:.75rem .875rem}.gravity-button.gravity-size-md gravity-icon,.gravity-size-md.gravity-button-style gravity-icon,.gravity-size-md.gravity-button-secondary[disabled] gravity-icon,.gravity-size-md.gravity-button-primary[disabled] gravity-icon,.gravity-size-md.gravity-button-tertiary[disabled] gravity-icon,.gravity-size-md.gravity-button-positive[disabled] gravity-icon,.gravity-size-md.gravity-button-negative[disabled] gravity-icon,.gravity-size-md.gravity-button-alternative[disabled] gravity-icon,.gravity-size-md.gravity-button-disabled gravity-icon,.gravity-size-md.gravity-button-alternative:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-negative:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-positive:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-tertiary:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-secondary:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-primary:not([disabled]) gravity-icon{--icon-height: .75rem;--icon-width: .75rem}.gravity-button.gravity-size-md gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-style gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-secondary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-primary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-tertiary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-positive[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-negative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-alternative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-disabled gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-alternative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-negative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-positive:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-tertiary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-secondary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-primary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty){margin-left:.3125rem}.gravity-button.gravity-size-md span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-style span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-secondary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-primary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-tertiary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-positive[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-negative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-alternative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-disabled span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-alternative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-negative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-positive:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-tertiary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-secondary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-primary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right{margin-left:.3125rem}.gravity-button.gravity-size-lg,.gravity-size-lg.gravity-button-style,.gravity-size-lg.gravity-button-secondary[disabled],.gravity-size-lg.gravity-button-primary[disabled],.gravity-size-lg.gravity-button-tertiary[disabled],.gravity-size-lg.gravity-button-positive[disabled],.gravity-size-lg.gravity-button-negative[disabled],.gravity-size-lg.gravity-button-alternative[disabled],.gravity-size-lg.gravity-button-disabled,.gravity-size-lg.gravity-button-alternative:not([disabled]),.gravity-size-lg.gravity-button-negative:not([disabled]),.gravity-size-lg.gravity-button-positive:not([disabled]),.gravity-size-lg.gravity-button-tertiary:not([disabled]),.gravity-size-lg.gravity-button-secondary:not([disabled]),.gravity-size-lg.gravity-button-primary:not([disabled]){height:48px;border-width:.125rem;padding:.875rem 1rem}.gravity-button.gravity-size-lg gravity-icon,.gravity-size-lg.gravity-button-style gravity-icon,.gravity-size-lg.gravity-button-secondary[disabled] gravity-icon,.gravity-size-lg.gravity-button-primary[disabled] gravity-icon,.gravity-size-lg.gravity-button-tertiary[disabled] gravity-icon,.gravity-size-lg.gravity-button-positive[disabled] gravity-icon,.gravity-size-lg.gravity-button-negative[disabled] gravity-icon,.gravity-size-lg.gravity-button-alternative[disabled] gravity-icon,.gravity-size-lg.gravity-button-disabled gravity-icon,.gravity-size-lg.gravity-button-alternative:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-negative:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-positive:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-tertiary:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-secondary:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-primary:not([disabled]) gravity-icon{--icon-height: 1rem;--icon-width: 1rem}.gravity-button.gravity-size-lg gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-style gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-secondary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-primary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-tertiary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-positive[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-negative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-alternative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-disabled gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-alternative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-negative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-positive:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-tertiary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-secondary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-primary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty){margin-left:.625rem}.gravity-button.gravity-size-lg span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-style span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-secondary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-primary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-tertiary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-positive[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-negative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-alternative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-disabled span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-alternative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-negative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-positive:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-tertiary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-secondary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-primary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right{margin-left:.625rem}.gravity-button-style,.gravity-button-secondary[disabled],.gravity-button-primary[disabled],.gravity-button-tertiary[disabled],.gravity-button-positive[disabled],.gravity-button-negative[disabled],.gravity-button-alternative[disabled],.gravity-button-disabled,.gravity-button-alternative:not([disabled]),.gravity-button-negative:not([disabled]),.gravity-button-positive:not([disabled]),.gravity-button-tertiary:not([disabled]),.gravity-button-secondary:not([disabled]),.gravity-button-primary:not([disabled]){background-color:var(--button-background-color);border-color:var(--button-border-color)}.gravity-button-style,.gravity-button-secondary[disabled],.gravity-button-primary[disabled],.gravity-button-tertiary[disabled],.gravity-button-positive[disabled],.gravity-button-negative[disabled],.gravity-button-alternative[disabled],.gravity-button-disabled,.gravity-button-alternative:not([disabled]),.gravity-button-negative:not([disabled]),.gravity-button-positive:not([disabled]),.gravity-button-tertiary:not([disabled]),.gravity-button-secondary:not([disabled]),.gravity-button-primary:not([disabled]),.gravity-button-style p,.gravity-button-secondary[disabled] p,.gravity-button-primary[disabled] p,.gravity-button-tertiary[disabled] p,.gravity-button-positive[disabled] p,.gravity-button-negative[disabled] p,.gravity-button-alternative[disabled] p,.gravity-button-disabled p,.gravity-button-alternative:not([disabled]) p,.gravity-button-negative:not([disabled]) p,.gravity-button-positive:not([disabled]) p,.gravity-button-tertiary:not([disabled]) p,.gravity-button-secondary:not([disabled]) p,.gravity-button-primary:not([disabled]) p{color:var(--button-text-color)}.gravity-button-style ngb-progressbar ::ng-deep .progress-bar,.gravity-button-secondary[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-primary[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-tertiary[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-positive[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-negative[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-alternative[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-disabled ngb-progressbar ::ng-deep .progress-bar,.gravity-button-alternative:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-negative:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-positive:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-tertiary:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-secondary:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-primary:not([disabled]) ngb-progressbar ::ng-deep .progress-bar{background-color:var(--progressbar-color)}.gravity-button-primary:not([disabled]),.gravity-button-primary:not([disabled]).active{--button-background-color: var(--bg-button-active-primary);--button-border-color: var(--bg-button-active-primary);--button-text-color: var(--on-bg-button-active-primary);--progressbar-color: var(--bg-button-active-primary)}.gravity-button-primary:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-primary:not([disabled]).hover{--button-background-color: var(--bg-button-hover-primary);--button-border-color: var(--bg-button-hover-primary);--button-text-color: var(--on-bg-button-hover-primary)}.gravity-button-primary:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-primary);--button-border-color: var(--bg-button-pressed-primary);--button-text-color: var(--on-bg-button-pressed-primary)}.gravity-button-secondary:not([disabled]),.gravity-button-secondary:not([disabled]).active{--button-background-color: var(--bg-button-active-secondary);--button-border-color: var(--outline-button-active-secondary);--button-text-color: var(--on-bg-button-active-secondary);--progressbar-color: var(--on-bg-button-active-secondary)}.gravity-button-secondary:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-secondary:not([disabled]).hover{--button-background-color: var(--bg-button-hover-secondary);--button-border-color: var(--outline-button-hover-secondary);--button-text-color: var(--on-bg-button-hover-secondary)}.gravity-button-secondary:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-secondary);--button-border-color: var(--outline-button-pressed-secondary);--button-text-color: var(--on-bg-button-pressed-secondary)}.gravity-button-tertiary:not([disabled]),.gravity-button-tertiary:not([disabled]).active{--button-background-color: var(--bg-button-active-tertiary);--button-border-color: var(--bg-button-active-tertiary);--button-text-color: var(--on-bg-button-active-tertiary);--progressbar-color: var(--bg-button-active-tertiary)}.gravity-button-tertiary:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-tertiary:not([disabled]).hover{--button-background-color: var(--bg-button-hover-tertiary);--button-border-color: var(--bg-button-hover-tertiary);--button-text-color: var(--on-bg-button-hover-tertiary)}.gravity-button-tertiary:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-tertiary);--button-border-color: var(--bg-button-pressed-tertiary);--button-text-color: var(--on-bg-button-pressed-tertiary)}.gravity-button-positive:not([disabled]),.gravity-button-positive:not([disabled]).active{--button-background-color: var(--bg-button-active-positive);--button-border-color: var(--bg-button-active-positive);--button-text-color: var(--on-bg-button-active-positive);--progressbar-color: var(--bg-button-active-positive)}.gravity-button-positive:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-positive:not([disabled]).hover{--button-background-color: var(--bg-button-hover-positive);--button-border-color: var(--bg-button-hover-positive);--button-text-color: var(--on-bg-button-hover-positive)}.gravity-button-positive:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-positive);--button-border-color: var(--bg-button-pressed-positive);--button-text-color: var(--on-bg-button-pressed-positive)}.gravity-button-negative:not([disabled]),.gravity-button-negative:not([disabled]).active{--button-background-color: var(--bg-button-active-negative);--button-border-color: var(--bg-button-active-negative);--button-text-color: var(--on-bg-button-active-negative);--progressbar-color: var(--bg-button-active-negative)}.gravity-button-negative:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-negative:not([disabled]).hover{--button-background-color: var(--bg-button-hover-negative);--button-border-color: var(--bg-button-hover-negative);--button-text-color: var(--on-bg-button-hover-negative)}.gravity-button-negative:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-negative);--button-border-color: var(--bg-button-pressed-negative);--button-text-color: var(--on-bg-button-pressed-negative)}.gravity-button-alternative:not([disabled]),.gravity-button-alternative:not([disabled]).active{--button-background-color: var(--bg-button-active-alternative);--button-border-color: var(--bg-button-active-alternative);--button-text-color: var(--on-bg-button-active-alternative);--progressbar-color: var(--bg-button-active-alternative)}.gravity-button-alternative:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-alternative:not([disabled]).hover{--button-background-color: var(--bg-button-hover-alternative);--button-border-color: var(--bg-button-hover-alternative);--button-text-color: var(--on-bg-button-hover-alternative)}.gravity-button-alternative:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-alternative);--button-border-color: var(--bg-button-pressed-alternative);--button-text-color: var(--on-bg-button-pressed-alternative)}.gravity-button-primary[disabled],.gravity-button-tertiary[disabled],.gravity-button-positive[disabled],.gravity-button-negative[disabled],.gravity-button-alternative[disabled],.gravity-button-disabled{--button-background-color: var(--bg-disabled);--button-border-color: var(--bg-disabled);--button-text-color: var(--on-bg-disabled);--progressbar-color: var(--bg-disabled);cursor:default}.gravity-button-secondary[disabled]{--button-background-color: var(--bg-disabled);--button-border-color: var(--outline-disabled);--button-text-color: var(--on-bg-disabled);cursor:default;--progressbar-color: var(--bg-disabled)}ngb-progressbar{width:100%}button{display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: NgbProgressbar, selector: "ngb-progressbar", inputs: ["max", "animated", "ariaLabel", "striped", "showValue", "textType", "type", "value", "height"] }] }); }
166
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: GravityButtonComponent, isStandalone: true, selector: "gravity-button", inputs: { cypressTag: "cypressTag", disabled: "disabled", fullWidth: "fullWidth", isLoading: "isLoading", showContent: "showContent", iconName: "iconName", size: "size", iconPosition: "iconPosition", customState: "customState", type: "type" }, ngImport: i0, template: "<div class=\"gravity-button\" [class.full-width]=\"fullWidth\">\n <button [attr.data-cy]=\"cypressTag ? 'button_' + cypressTag : null\" [disabled]=\"disabled\" [style]=\"isLoading ? {'pointer-events': 'none'} : {}\"\n class=\"border-radius-sm gravity-button-{{type}} gravity-size-{{size}} hr-label {{size}}-bold {{customState}}\" >\n @if (!isLoading) {\n @if (iconName && iconPosition == 'left') {\n <gravity-icon [style.--icon-color]=\"'var(--button-text-color)'\" [size]=\"isNewIcon(iconName) ? null : getSizeClass(size)\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\"\n [iconSize]=\"isNewIcon(iconName) ? getIconSizeClass(size) : null\" class=\"icon-{{iconPosition}}\"></gravity-icon>\n }\n @if (showContent) {\n <span class=\"button-content-wrapper\">\n <ng-content></ng-content>\n </span>\n }\n @if (iconName && iconPosition == 'right') {\n <gravity-icon [style.--icon-color]=\"'var(--button-text-color)'\" [size]=\"isNewIcon(iconName) ? null : getSizeClass(size)\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\"\n [iconSize]=\"isNewIcon(iconName) ? getIconSizeClass(size) : null\" class=\"icon-{{iconPosition}}\"></gravity-icon>\n }\n }\n @if (isLoading) {\n <ngb-progressbar [animated]=\"true\" [striped]=\"true\" [value]=\"100\"></ngb-progressbar>\n }\n </button>\n</div>\n\n", styles: [".gravity-button{width:max-content}.gravity-button.full-width{width:100%}.gravity-button-container,.gravity-button-style,.gravity-button-secondary[disabled],.gravity-button-primary[disabled],.gravity-button-tertiary[disabled],.gravity-button-positive[disabled],.gravity-button-negative[disabled],.gravity-button-alternative[disabled],.gravity-button-disabled,.gravity-button-alternative:not([disabled]),.gravity-button-negative:not([disabled]),.gravity-button-positive:not([disabled]),.gravity-button-tertiary:not([disabled]),.gravity-button-secondary:not([disabled]),.gravity-button-primary:not([disabled]){align-items:center;display:flex;border-style:solid;cursor:pointer;min-width:fit-content;width:100%}.gravity-button-container.gravity-size-sm,.gravity-size-sm.gravity-button-style,.gravity-size-sm.gravity-button-secondary[disabled],.gravity-size-sm.gravity-button-primary[disabled],.gravity-size-sm.gravity-button-tertiary[disabled],.gravity-size-sm.gravity-button-positive[disabled],.gravity-size-sm.gravity-button-negative[disabled],.gravity-size-sm.gravity-button-alternative[disabled],.gravity-size-sm.gravity-button-disabled,.gravity-size-sm.gravity-button-alternative:not([disabled]),.gravity-size-sm.gravity-button-negative:not([disabled]),.gravity-size-sm.gravity-button-positive:not([disabled]),.gravity-size-sm.gravity-button-tertiary:not([disabled]),.gravity-size-sm.gravity-button-secondary:not([disabled]),.gravity-size-sm.gravity-button-primary:not([disabled]){height:32px;border-width:.0625rem;padding:.625rem .75rem}.gravity-button-container.gravity-size-sm gravity-icon,.gravity-size-sm.gravity-button-style gravity-icon,.gravity-size-sm.gravity-button-secondary[disabled] gravity-icon,.gravity-size-sm.gravity-button-primary[disabled] gravity-icon,.gravity-size-sm.gravity-button-tertiary[disabled] gravity-icon,.gravity-size-sm.gravity-button-positive[disabled] gravity-icon,.gravity-size-sm.gravity-button-negative[disabled] gravity-icon,.gravity-size-sm.gravity-button-alternative[disabled] gravity-icon,.gravity-size-sm.gravity-button-disabled gravity-icon,.gravity-size-sm.gravity-button-alternative:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-negative:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-positive:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-tertiary:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-secondary:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-primary:not([disabled]) gravity-icon{--icon-height: .75rem;--icon-width: .75rem}.gravity-button-container.gravity-size-sm gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-style gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-secondary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-primary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-tertiary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-positive[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-negative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-alternative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-disabled gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-alternative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-negative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-positive:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-tertiary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-secondary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-primary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty){margin-left:.3125rem}.gravity-button-container.gravity-size-sm span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-style span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-secondary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-primary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-tertiary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-positive[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-negative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-alternative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-disabled span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-alternative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-negative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-positive:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-tertiary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-secondary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-primary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right{margin-left:.3125rem}.gravity-button-container.gravity-size-md,.gravity-size-md.gravity-button-style,.gravity-size-md.gravity-button-secondary[disabled],.gravity-size-md.gravity-button-primary[disabled],.gravity-size-md.gravity-button-tertiary[disabled],.gravity-size-md.gravity-button-positive[disabled],.gravity-size-md.gravity-button-negative[disabled],.gravity-size-md.gravity-button-alternative[disabled],.gravity-size-md.gravity-button-disabled,.gravity-size-md.gravity-button-alternative:not([disabled]),.gravity-size-md.gravity-button-negative:not([disabled]),.gravity-size-md.gravity-button-positive:not([disabled]),.gravity-size-md.gravity-button-tertiary:not([disabled]),.gravity-size-md.gravity-button-secondary:not([disabled]),.gravity-size-md.gravity-button-primary:not([disabled]){height:36px;border-width:.125rem;padding:.75rem .875rem}.gravity-button-container.gravity-size-md gravity-icon,.gravity-size-md.gravity-button-style gravity-icon,.gravity-size-md.gravity-button-secondary[disabled] gravity-icon,.gravity-size-md.gravity-button-primary[disabled] gravity-icon,.gravity-size-md.gravity-button-tertiary[disabled] gravity-icon,.gravity-size-md.gravity-button-positive[disabled] gravity-icon,.gravity-size-md.gravity-button-negative[disabled] gravity-icon,.gravity-size-md.gravity-button-alternative[disabled] gravity-icon,.gravity-size-md.gravity-button-disabled gravity-icon,.gravity-size-md.gravity-button-alternative:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-negative:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-positive:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-tertiary:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-secondary:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-primary:not([disabled]) gravity-icon{--icon-height: .75rem;--icon-width: .75rem}.gravity-button-container.gravity-size-md gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-style gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-secondary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-primary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-tertiary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-positive[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-negative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-alternative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-disabled gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-alternative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-negative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-positive:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-tertiary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-secondary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-primary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty){margin-left:.3125rem}.gravity-button-container.gravity-size-md span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-style span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-secondary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-primary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-tertiary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-positive[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-negative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-alternative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-disabled span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-alternative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-negative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-positive:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-tertiary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-secondary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-primary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right{margin-left:.3125rem}.gravity-button-container.gravity-size-lg,.gravity-size-lg.gravity-button-style,.gravity-size-lg.gravity-button-secondary[disabled],.gravity-size-lg.gravity-button-primary[disabled],.gravity-size-lg.gravity-button-tertiary[disabled],.gravity-size-lg.gravity-button-positive[disabled],.gravity-size-lg.gravity-button-negative[disabled],.gravity-size-lg.gravity-button-alternative[disabled],.gravity-size-lg.gravity-button-disabled,.gravity-size-lg.gravity-button-alternative:not([disabled]),.gravity-size-lg.gravity-button-negative:not([disabled]),.gravity-size-lg.gravity-button-positive:not([disabled]),.gravity-size-lg.gravity-button-tertiary:not([disabled]),.gravity-size-lg.gravity-button-secondary:not([disabled]),.gravity-size-lg.gravity-button-primary:not([disabled]){height:48px;border-width:.125rem;padding:.875rem 1rem}.gravity-button-container.gravity-size-lg gravity-icon,.gravity-size-lg.gravity-button-style gravity-icon,.gravity-size-lg.gravity-button-secondary[disabled] gravity-icon,.gravity-size-lg.gravity-button-primary[disabled] gravity-icon,.gravity-size-lg.gravity-button-tertiary[disabled] gravity-icon,.gravity-size-lg.gravity-button-positive[disabled] gravity-icon,.gravity-size-lg.gravity-button-negative[disabled] gravity-icon,.gravity-size-lg.gravity-button-alternative[disabled] gravity-icon,.gravity-size-lg.gravity-button-disabled gravity-icon,.gravity-size-lg.gravity-button-alternative:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-negative:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-positive:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-tertiary:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-secondary:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-primary:not([disabled]) gravity-icon{--icon-height: 1rem;--icon-width: 1rem}.gravity-button-container.gravity-size-lg gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-style gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-secondary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-primary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-tertiary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-positive[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-negative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-alternative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-disabled gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-alternative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-negative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-positive:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-tertiary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-secondary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-primary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty){margin-left:.625rem}.gravity-button-container.gravity-size-lg span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-style span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-secondary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-primary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-tertiary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-positive[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-negative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-alternative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-disabled span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-alternative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-negative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-positive:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-tertiary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-secondary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-primary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right{margin-left:.625rem}.gravity-button-style,.gravity-button-secondary[disabled],.gravity-button-primary[disabled],.gravity-button-tertiary[disabled],.gravity-button-positive[disabled],.gravity-button-negative[disabled],.gravity-button-alternative[disabled],.gravity-button-disabled,.gravity-button-alternative:not([disabled]),.gravity-button-negative:not([disabled]),.gravity-button-positive:not([disabled]),.gravity-button-tertiary:not([disabled]),.gravity-button-secondary:not([disabled]),.gravity-button-primary:not([disabled]){background-color:var(--button-background-color);border-color:var(--button-border-color)}.gravity-button-style,.gravity-button-secondary[disabled],.gravity-button-primary[disabled],.gravity-button-tertiary[disabled],.gravity-button-positive[disabled],.gravity-button-negative[disabled],.gravity-button-alternative[disabled],.gravity-button-disabled,.gravity-button-alternative:not([disabled]),.gravity-button-negative:not([disabled]),.gravity-button-positive:not([disabled]),.gravity-button-tertiary:not([disabled]),.gravity-button-secondary:not([disabled]),.gravity-button-primary:not([disabled]),.gravity-button-style p,.gravity-button-secondary[disabled] p,.gravity-button-primary[disabled] p,.gravity-button-tertiary[disabled] p,.gravity-button-positive[disabled] p,.gravity-button-negative[disabled] p,.gravity-button-alternative[disabled] p,.gravity-button-disabled p,.gravity-button-alternative:not([disabled]) p,.gravity-button-negative:not([disabled]) p,.gravity-button-positive:not([disabled]) p,.gravity-button-tertiary:not([disabled]) p,.gravity-button-secondary:not([disabled]) p,.gravity-button-primary:not([disabled]) p{color:var(--button-text-color)}.gravity-button-style ngb-progressbar ::ng-deep .progress-bar,.gravity-button-secondary[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-primary[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-tertiary[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-positive[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-negative[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-alternative[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-disabled ngb-progressbar ::ng-deep .progress-bar,.gravity-button-alternative:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-negative:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-positive:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-tertiary:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-secondary:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-primary:not([disabled]) ngb-progressbar ::ng-deep .progress-bar{background-color:var(--progressbar-color)}.gravity-button-primary:not([disabled]),.gravity-button-primary:not([disabled]).active{--button-background-color: var(--bg-button-active-primary);--button-border-color: var(--bg-button-active-primary);--button-text-color: var(--on-bg-button-active-primary);--progressbar-color: var(--bg-button-active-primary)}.gravity-button-primary:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-primary:not([disabled]).hover{--button-background-color: var(--bg-button-hover-primary);--button-border-color: var(--bg-button-hover-primary);--button-text-color: var(--on-bg-button-hover-primary)}.gravity-button-primary:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-primary);--button-border-color: var(--bg-button-pressed-primary);--button-text-color: var(--on-bg-button-pressed-primary)}.gravity-button-secondary:not([disabled]),.gravity-button-secondary:not([disabled]).active{--button-background-color: var(--bg-button-active-secondary);--button-border-color: var(--outline-button-active-secondary);--button-text-color: var(--on-bg-button-active-secondary);--progressbar-color: var(--on-bg-button-active-secondary)}.gravity-button-secondary:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-secondary:not([disabled]).hover{--button-background-color: var(--bg-button-hover-secondary);--button-border-color: var(--outline-button-hover-secondary);--button-text-color: var(--on-bg-button-hover-secondary)}.gravity-button-secondary:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-secondary);--button-border-color: var(--outline-button-pressed-secondary);--button-text-color: var(--on-bg-button-pressed-secondary)}.gravity-button-tertiary:not([disabled]),.gravity-button-tertiary:not([disabled]).active{--button-background-color: var(--bg-button-active-tertiary);--button-border-color: var(--bg-button-active-tertiary);--button-text-color: var(--on-bg-button-active-tertiary);--progressbar-color: var(--bg-button-active-tertiary)}.gravity-button-tertiary:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-tertiary:not([disabled]).hover{--button-background-color: var(--bg-button-hover-tertiary);--button-border-color: var(--bg-button-hover-tertiary);--button-text-color: var(--on-bg-button-hover-tertiary)}.gravity-button-tertiary:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-tertiary);--button-border-color: var(--bg-button-pressed-tertiary);--button-text-color: var(--on-bg-button-pressed-tertiary)}.gravity-button-positive:not([disabled]),.gravity-button-positive:not([disabled]).active{--button-background-color: var(--bg-button-active-positive);--button-border-color: var(--bg-button-active-positive);--button-text-color: var(--on-bg-button-active-positive);--progressbar-color: var(--bg-button-active-positive)}.gravity-button-positive:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-positive:not([disabled]).hover{--button-background-color: var(--bg-button-hover-positive);--button-border-color: var(--bg-button-hover-positive);--button-text-color: var(--on-bg-button-hover-positive)}.gravity-button-positive:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-positive);--button-border-color: var(--bg-button-pressed-positive);--button-text-color: var(--on-bg-button-pressed-positive)}.gravity-button-negative:not([disabled]),.gravity-button-negative:not([disabled]).active{--button-background-color: var(--bg-button-active-negative);--button-border-color: var(--bg-button-active-negative);--button-text-color: var(--on-bg-button-active-negative);--progressbar-color: var(--bg-button-active-negative)}.gravity-button-negative:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-negative:not([disabled]).hover{--button-background-color: var(--bg-button-hover-negative);--button-border-color: var(--bg-button-hover-negative);--button-text-color: var(--on-bg-button-hover-negative)}.gravity-button-negative:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-negative);--button-border-color: var(--bg-button-pressed-negative);--button-text-color: var(--on-bg-button-pressed-negative)}.gravity-button-alternative:not([disabled]),.gravity-button-alternative:not([disabled]).active{--button-background-color: var(--bg-button-active-alternative);--button-border-color: var(--bg-button-active-alternative);--button-text-color: var(--on-bg-button-active-alternative);--progressbar-color: var(--bg-button-active-alternative)}.gravity-button-alternative:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-alternative:not([disabled]).hover{--button-background-color: var(--bg-button-hover-alternative);--button-border-color: var(--bg-button-hover-alternative);--button-text-color: var(--on-bg-button-hover-alternative)}.gravity-button-alternative:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-alternative);--button-border-color: var(--bg-button-pressed-alternative);--button-text-color: var(--on-bg-button-pressed-alternative)}.gravity-button-primary[disabled],.gravity-button-tertiary[disabled],.gravity-button-positive[disabled],.gravity-button-negative[disabled],.gravity-button-alternative[disabled],.gravity-button-disabled{--button-background-color: var(--bg-disabled);--button-border-color: var(--bg-disabled);--button-text-color: var(--on-bg-disabled);--progressbar-color: var(--bg-disabled);cursor:default}.gravity-button-secondary[disabled]{--button-background-color: var(--bg-disabled);--button-border-color: var(--outline-disabled);--button-text-color: var(--on-bg-disabled);cursor:default;--progressbar-color: var(--bg-disabled)}ngb-progressbar{width:100%}button{display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: NgbProgressbar, selector: "ngb-progressbar", inputs: ["max", "animated", "ariaLabel", "striped", "showValue", "textType", "type", "value", "height"] }] }); }
166
167
  }
167
168
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GravityButtonComponent, decorators: [{
168
169
  type: Component,
169
- args: [{ selector: 'gravity-button', standalone: true, imports: [GravityIconComponent, NgbProgressbar], template: "<button [attr.data-cy]=\"cypressTag ? 'button_' + cypressTag : null\" [disabled]=\"disabled\" [style]=\"isLoading ? {'pointer-events': 'none'} : {}\"\n class=\"border-radius-sm gravity-button-{{type}} gravity-size-{{size}} hr-label {{size}}-bold {{customState}}\">\n @if (!isLoading) {\n @if (iconName && iconPosition == 'left') {\n <gravity-icon [style.--icon-color]=\"'var(--button-text-color)'\" [size]=\"isNewIcon(iconName) ? null : getSizeClass(size)\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\"\n [iconSize]=\"isNewIcon(iconName) ? getIconSizeClass(size) : null\" class=\"icon-{{iconPosition}}\"></gravity-icon>\n }\n @if (showContent) {\n <span class=\"button-content-wrapper\">\n <ng-content></ng-content>\n </span>\n }\n @if (iconName && iconPosition == 'right') {\n <gravity-icon [style.--icon-color]=\"'var(--button-text-color)'\" [size]=\"isNewIcon(iconName) ? null : getSizeClass(size)\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\"\n [iconSize]=\"isNewIcon(iconName) ? getIconSizeClass(size) : null\" class=\"icon-{{iconPosition}}\"></gravity-icon>\n }\n }\n @if (isLoading) {\n <ngb-progressbar [animated]=\"true\" [striped]=\"true\" [value]=\"100\"></ngb-progressbar>\n }\n</button>\n", styles: [":host{display:block;width:max-content}.gravity-button,.gravity-button-style,.gravity-button-secondary[disabled],.gravity-button-primary[disabled],.gravity-button-tertiary[disabled],.gravity-button-positive[disabled],.gravity-button-negative[disabled],.gravity-button-alternative[disabled],.gravity-button-disabled,.gravity-button-alternative:not([disabled]),.gravity-button-negative:not([disabled]),.gravity-button-positive:not([disabled]),.gravity-button-tertiary:not([disabled]),.gravity-button-secondary:not([disabled]),.gravity-button-primary:not([disabled]){align-items:center;display:flex;border-style:solid;cursor:pointer;min-width:fit-content;width:100%}.gravity-button.gravity-size-sm,.gravity-size-sm.gravity-button-style,.gravity-size-sm.gravity-button-secondary[disabled],.gravity-size-sm.gravity-button-primary[disabled],.gravity-size-sm.gravity-button-tertiary[disabled],.gravity-size-sm.gravity-button-positive[disabled],.gravity-size-sm.gravity-button-negative[disabled],.gravity-size-sm.gravity-button-alternative[disabled],.gravity-size-sm.gravity-button-disabled,.gravity-size-sm.gravity-button-alternative:not([disabled]),.gravity-size-sm.gravity-button-negative:not([disabled]),.gravity-size-sm.gravity-button-positive:not([disabled]),.gravity-size-sm.gravity-button-tertiary:not([disabled]),.gravity-size-sm.gravity-button-secondary:not([disabled]),.gravity-size-sm.gravity-button-primary:not([disabled]){height:32px;border-width:.0625rem;padding:.625rem .75rem}.gravity-button.gravity-size-sm gravity-icon,.gravity-size-sm.gravity-button-style gravity-icon,.gravity-size-sm.gravity-button-secondary[disabled] gravity-icon,.gravity-size-sm.gravity-button-primary[disabled] gravity-icon,.gravity-size-sm.gravity-button-tertiary[disabled] gravity-icon,.gravity-size-sm.gravity-button-positive[disabled] gravity-icon,.gravity-size-sm.gravity-button-negative[disabled] gravity-icon,.gravity-size-sm.gravity-button-alternative[disabled] gravity-icon,.gravity-size-sm.gravity-button-disabled gravity-icon,.gravity-size-sm.gravity-button-alternative:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-negative:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-positive:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-tertiary:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-secondary:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-primary:not([disabled]) gravity-icon{--icon-height: .75rem;--icon-width: .75rem}.gravity-button.gravity-size-sm gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-style gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-secondary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-primary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-tertiary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-positive[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-negative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-alternative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-disabled gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-alternative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-negative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-positive:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-tertiary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-secondary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-primary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty){margin-left:.3125rem}.gravity-button.gravity-size-sm span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-style span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-secondary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-primary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-tertiary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-positive[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-negative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-alternative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-disabled span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-alternative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-negative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-positive:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-tertiary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-secondary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-primary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right{margin-left:.3125rem}.gravity-button.gravity-size-md,.gravity-size-md.gravity-button-style,.gravity-size-md.gravity-button-secondary[disabled],.gravity-size-md.gravity-button-primary[disabled],.gravity-size-md.gravity-button-tertiary[disabled],.gravity-size-md.gravity-button-positive[disabled],.gravity-size-md.gravity-button-negative[disabled],.gravity-size-md.gravity-button-alternative[disabled],.gravity-size-md.gravity-button-disabled,.gravity-size-md.gravity-button-alternative:not([disabled]),.gravity-size-md.gravity-button-negative:not([disabled]),.gravity-size-md.gravity-button-positive:not([disabled]),.gravity-size-md.gravity-button-tertiary:not([disabled]),.gravity-size-md.gravity-button-secondary:not([disabled]),.gravity-size-md.gravity-button-primary:not([disabled]){height:36px;border-width:.125rem;padding:.75rem .875rem}.gravity-button.gravity-size-md gravity-icon,.gravity-size-md.gravity-button-style gravity-icon,.gravity-size-md.gravity-button-secondary[disabled] gravity-icon,.gravity-size-md.gravity-button-primary[disabled] gravity-icon,.gravity-size-md.gravity-button-tertiary[disabled] gravity-icon,.gravity-size-md.gravity-button-positive[disabled] gravity-icon,.gravity-size-md.gravity-button-negative[disabled] gravity-icon,.gravity-size-md.gravity-button-alternative[disabled] gravity-icon,.gravity-size-md.gravity-button-disabled gravity-icon,.gravity-size-md.gravity-button-alternative:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-negative:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-positive:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-tertiary:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-secondary:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-primary:not([disabled]) gravity-icon{--icon-height: .75rem;--icon-width: .75rem}.gravity-button.gravity-size-md gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-style gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-secondary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-primary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-tertiary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-positive[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-negative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-alternative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-disabled gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-alternative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-negative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-positive:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-tertiary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-secondary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-primary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty){margin-left:.3125rem}.gravity-button.gravity-size-md span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-style span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-secondary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-primary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-tertiary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-positive[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-negative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-alternative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-disabled span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-alternative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-negative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-positive:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-tertiary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-secondary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-primary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right{margin-left:.3125rem}.gravity-button.gravity-size-lg,.gravity-size-lg.gravity-button-style,.gravity-size-lg.gravity-button-secondary[disabled],.gravity-size-lg.gravity-button-primary[disabled],.gravity-size-lg.gravity-button-tertiary[disabled],.gravity-size-lg.gravity-button-positive[disabled],.gravity-size-lg.gravity-button-negative[disabled],.gravity-size-lg.gravity-button-alternative[disabled],.gravity-size-lg.gravity-button-disabled,.gravity-size-lg.gravity-button-alternative:not([disabled]),.gravity-size-lg.gravity-button-negative:not([disabled]),.gravity-size-lg.gravity-button-positive:not([disabled]),.gravity-size-lg.gravity-button-tertiary:not([disabled]),.gravity-size-lg.gravity-button-secondary:not([disabled]),.gravity-size-lg.gravity-button-primary:not([disabled]){height:48px;border-width:.125rem;padding:.875rem 1rem}.gravity-button.gravity-size-lg gravity-icon,.gravity-size-lg.gravity-button-style gravity-icon,.gravity-size-lg.gravity-button-secondary[disabled] gravity-icon,.gravity-size-lg.gravity-button-primary[disabled] gravity-icon,.gravity-size-lg.gravity-button-tertiary[disabled] gravity-icon,.gravity-size-lg.gravity-button-positive[disabled] gravity-icon,.gravity-size-lg.gravity-button-negative[disabled] gravity-icon,.gravity-size-lg.gravity-button-alternative[disabled] gravity-icon,.gravity-size-lg.gravity-button-disabled gravity-icon,.gravity-size-lg.gravity-button-alternative:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-negative:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-positive:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-tertiary:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-secondary:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-primary:not([disabled]) gravity-icon{--icon-height: 1rem;--icon-width: 1rem}.gravity-button.gravity-size-lg gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-style gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-secondary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-primary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-tertiary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-positive[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-negative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-alternative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-disabled gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-alternative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-negative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-positive:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-tertiary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-secondary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-primary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty){margin-left:.625rem}.gravity-button.gravity-size-lg span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-style span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-secondary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-primary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-tertiary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-positive[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-negative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-alternative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-disabled span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-alternative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-negative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-positive:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-tertiary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-secondary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-primary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right{margin-left:.625rem}.gravity-button-style,.gravity-button-secondary[disabled],.gravity-button-primary[disabled],.gravity-button-tertiary[disabled],.gravity-button-positive[disabled],.gravity-button-negative[disabled],.gravity-button-alternative[disabled],.gravity-button-disabled,.gravity-button-alternative:not([disabled]),.gravity-button-negative:not([disabled]),.gravity-button-positive:not([disabled]),.gravity-button-tertiary:not([disabled]),.gravity-button-secondary:not([disabled]),.gravity-button-primary:not([disabled]){background-color:var(--button-background-color);border-color:var(--button-border-color)}.gravity-button-style,.gravity-button-secondary[disabled],.gravity-button-primary[disabled],.gravity-button-tertiary[disabled],.gravity-button-positive[disabled],.gravity-button-negative[disabled],.gravity-button-alternative[disabled],.gravity-button-disabled,.gravity-button-alternative:not([disabled]),.gravity-button-negative:not([disabled]),.gravity-button-positive:not([disabled]),.gravity-button-tertiary:not([disabled]),.gravity-button-secondary:not([disabled]),.gravity-button-primary:not([disabled]),.gravity-button-style p,.gravity-button-secondary[disabled] p,.gravity-button-primary[disabled] p,.gravity-button-tertiary[disabled] p,.gravity-button-positive[disabled] p,.gravity-button-negative[disabled] p,.gravity-button-alternative[disabled] p,.gravity-button-disabled p,.gravity-button-alternative:not([disabled]) p,.gravity-button-negative:not([disabled]) p,.gravity-button-positive:not([disabled]) p,.gravity-button-tertiary:not([disabled]) p,.gravity-button-secondary:not([disabled]) p,.gravity-button-primary:not([disabled]) p{color:var(--button-text-color)}.gravity-button-style ngb-progressbar ::ng-deep .progress-bar,.gravity-button-secondary[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-primary[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-tertiary[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-positive[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-negative[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-alternative[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-disabled ngb-progressbar ::ng-deep .progress-bar,.gravity-button-alternative:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-negative:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-positive:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-tertiary:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-secondary:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-primary:not([disabled]) ngb-progressbar ::ng-deep .progress-bar{background-color:var(--progressbar-color)}.gravity-button-primary:not([disabled]),.gravity-button-primary:not([disabled]).active{--button-background-color: var(--bg-button-active-primary);--button-border-color: var(--bg-button-active-primary);--button-text-color: var(--on-bg-button-active-primary);--progressbar-color: var(--bg-button-active-primary)}.gravity-button-primary:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-primary:not([disabled]).hover{--button-background-color: var(--bg-button-hover-primary);--button-border-color: var(--bg-button-hover-primary);--button-text-color: var(--on-bg-button-hover-primary)}.gravity-button-primary:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-primary);--button-border-color: var(--bg-button-pressed-primary);--button-text-color: var(--on-bg-button-pressed-primary)}.gravity-button-secondary:not([disabled]),.gravity-button-secondary:not([disabled]).active{--button-background-color: var(--bg-button-active-secondary);--button-border-color: var(--outline-button-active-secondary);--button-text-color: var(--on-bg-button-active-secondary);--progressbar-color: var(--on-bg-button-active-secondary)}.gravity-button-secondary:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-secondary:not([disabled]).hover{--button-background-color: var(--bg-button-hover-secondary);--button-border-color: var(--outline-button-hover-secondary);--button-text-color: var(--on-bg-button-hover-secondary)}.gravity-button-secondary:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-secondary);--button-border-color: var(--outline-button-pressed-secondary);--button-text-color: var(--on-bg-button-pressed-secondary)}.gravity-button-tertiary:not([disabled]),.gravity-button-tertiary:not([disabled]).active{--button-background-color: var(--bg-button-active-tertiary);--button-border-color: var(--bg-button-active-tertiary);--button-text-color: var(--on-bg-button-active-tertiary);--progressbar-color: var(--bg-button-active-tertiary)}.gravity-button-tertiary:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-tertiary:not([disabled]).hover{--button-background-color: var(--bg-button-hover-tertiary);--button-border-color: var(--bg-button-hover-tertiary);--button-text-color: var(--on-bg-button-hover-tertiary)}.gravity-button-tertiary:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-tertiary);--button-border-color: var(--bg-button-pressed-tertiary);--button-text-color: var(--on-bg-button-pressed-tertiary)}.gravity-button-positive:not([disabled]),.gravity-button-positive:not([disabled]).active{--button-background-color: var(--bg-button-active-positive);--button-border-color: var(--bg-button-active-positive);--button-text-color: var(--on-bg-button-active-positive);--progressbar-color: var(--bg-button-active-positive)}.gravity-button-positive:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-positive:not([disabled]).hover{--button-background-color: var(--bg-button-hover-positive);--button-border-color: var(--bg-button-hover-positive);--button-text-color: var(--on-bg-button-hover-positive)}.gravity-button-positive:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-positive);--button-border-color: var(--bg-button-pressed-positive);--button-text-color: var(--on-bg-button-pressed-positive)}.gravity-button-negative:not([disabled]),.gravity-button-negative:not([disabled]).active{--button-background-color: var(--bg-button-active-negative);--button-border-color: var(--bg-button-active-negative);--button-text-color: var(--on-bg-button-active-negative);--progressbar-color: var(--bg-button-active-negative)}.gravity-button-negative:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-negative:not([disabled]).hover{--button-background-color: var(--bg-button-hover-negative);--button-border-color: var(--bg-button-hover-negative);--button-text-color: var(--on-bg-button-hover-negative)}.gravity-button-negative:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-negative);--button-border-color: var(--bg-button-pressed-negative);--button-text-color: var(--on-bg-button-pressed-negative)}.gravity-button-alternative:not([disabled]),.gravity-button-alternative:not([disabled]).active{--button-background-color: var(--bg-button-active-alternative);--button-border-color: var(--bg-button-active-alternative);--button-text-color: var(--on-bg-button-active-alternative);--progressbar-color: var(--bg-button-active-alternative)}.gravity-button-alternative:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-alternative:not([disabled]).hover{--button-background-color: var(--bg-button-hover-alternative);--button-border-color: var(--bg-button-hover-alternative);--button-text-color: var(--on-bg-button-hover-alternative)}.gravity-button-alternative:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-alternative);--button-border-color: var(--bg-button-pressed-alternative);--button-text-color: var(--on-bg-button-pressed-alternative)}.gravity-button-primary[disabled],.gravity-button-tertiary[disabled],.gravity-button-positive[disabled],.gravity-button-negative[disabled],.gravity-button-alternative[disabled],.gravity-button-disabled{--button-background-color: var(--bg-disabled);--button-border-color: var(--bg-disabled);--button-text-color: var(--on-bg-disabled);--progressbar-color: var(--bg-disabled);cursor:default}.gravity-button-secondary[disabled]{--button-background-color: var(--bg-disabled);--button-border-color: var(--outline-disabled);--button-text-color: var(--on-bg-disabled);cursor:default;--progressbar-color: var(--bg-disabled)}ngb-progressbar{width:100%}button{display:flex;justify-content:center}\n"] }]
170
+ args: [{ selector: 'gravity-button', standalone: true, imports: [GravityIconComponent, NgbProgressbar], template: "<div class=\"gravity-button\" [class.full-width]=\"fullWidth\">\n <button [attr.data-cy]=\"cypressTag ? 'button_' + cypressTag : null\" [disabled]=\"disabled\" [style]=\"isLoading ? {'pointer-events': 'none'} : {}\"\n class=\"border-radius-sm gravity-button-{{type}} gravity-size-{{size}} hr-label {{size}}-bold {{customState}}\" >\n @if (!isLoading) {\n @if (iconName && iconPosition == 'left') {\n <gravity-icon [style.--icon-color]=\"'var(--button-text-color)'\" [size]=\"isNewIcon(iconName) ? null : getSizeClass(size)\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\"\n [iconSize]=\"isNewIcon(iconName) ? getIconSizeClass(size) : null\" class=\"icon-{{iconPosition}}\"></gravity-icon>\n }\n @if (showContent) {\n <span class=\"button-content-wrapper\">\n <ng-content></ng-content>\n </span>\n }\n @if (iconName && iconPosition == 'right') {\n <gravity-icon [style.--icon-color]=\"'var(--button-text-color)'\" [size]=\"isNewIcon(iconName) ? null : getSizeClass(size)\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\"\n [iconSize]=\"isNewIcon(iconName) ? getIconSizeClass(size) : null\" class=\"icon-{{iconPosition}}\"></gravity-icon>\n }\n }\n @if (isLoading) {\n <ngb-progressbar [animated]=\"true\" [striped]=\"true\" [value]=\"100\"></ngb-progressbar>\n }\n </button>\n</div>\n\n", styles: [".gravity-button{width:max-content}.gravity-button.full-width{width:100%}.gravity-button-container,.gravity-button-style,.gravity-button-secondary[disabled],.gravity-button-primary[disabled],.gravity-button-tertiary[disabled],.gravity-button-positive[disabled],.gravity-button-negative[disabled],.gravity-button-alternative[disabled],.gravity-button-disabled,.gravity-button-alternative:not([disabled]),.gravity-button-negative:not([disabled]),.gravity-button-positive:not([disabled]),.gravity-button-tertiary:not([disabled]),.gravity-button-secondary:not([disabled]),.gravity-button-primary:not([disabled]){align-items:center;display:flex;border-style:solid;cursor:pointer;min-width:fit-content;width:100%}.gravity-button-container.gravity-size-sm,.gravity-size-sm.gravity-button-style,.gravity-size-sm.gravity-button-secondary[disabled],.gravity-size-sm.gravity-button-primary[disabled],.gravity-size-sm.gravity-button-tertiary[disabled],.gravity-size-sm.gravity-button-positive[disabled],.gravity-size-sm.gravity-button-negative[disabled],.gravity-size-sm.gravity-button-alternative[disabled],.gravity-size-sm.gravity-button-disabled,.gravity-size-sm.gravity-button-alternative:not([disabled]),.gravity-size-sm.gravity-button-negative:not([disabled]),.gravity-size-sm.gravity-button-positive:not([disabled]),.gravity-size-sm.gravity-button-tertiary:not([disabled]),.gravity-size-sm.gravity-button-secondary:not([disabled]),.gravity-size-sm.gravity-button-primary:not([disabled]){height:32px;border-width:.0625rem;padding:.625rem .75rem}.gravity-button-container.gravity-size-sm gravity-icon,.gravity-size-sm.gravity-button-style gravity-icon,.gravity-size-sm.gravity-button-secondary[disabled] gravity-icon,.gravity-size-sm.gravity-button-primary[disabled] gravity-icon,.gravity-size-sm.gravity-button-tertiary[disabled] gravity-icon,.gravity-size-sm.gravity-button-positive[disabled] gravity-icon,.gravity-size-sm.gravity-button-negative[disabled] gravity-icon,.gravity-size-sm.gravity-button-alternative[disabled] gravity-icon,.gravity-size-sm.gravity-button-disabled gravity-icon,.gravity-size-sm.gravity-button-alternative:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-negative:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-positive:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-tertiary:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-secondary:not([disabled]) gravity-icon,.gravity-size-sm.gravity-button-primary:not([disabled]) gravity-icon{--icon-height: .75rem;--icon-width: .75rem}.gravity-button-container.gravity-size-sm gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-style gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-secondary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-primary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-tertiary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-positive[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-negative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-alternative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-disabled gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-alternative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-negative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-positive:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-tertiary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-secondary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-sm.gravity-button-primary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty){margin-left:.3125rem}.gravity-button-container.gravity-size-sm span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-style span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-secondary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-primary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-tertiary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-positive[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-negative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-alternative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-disabled span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-alternative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-negative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-positive:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-tertiary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-secondary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-sm.gravity-button-primary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right{margin-left:.3125rem}.gravity-button-container.gravity-size-md,.gravity-size-md.gravity-button-style,.gravity-size-md.gravity-button-secondary[disabled],.gravity-size-md.gravity-button-primary[disabled],.gravity-size-md.gravity-button-tertiary[disabled],.gravity-size-md.gravity-button-positive[disabled],.gravity-size-md.gravity-button-negative[disabled],.gravity-size-md.gravity-button-alternative[disabled],.gravity-size-md.gravity-button-disabled,.gravity-size-md.gravity-button-alternative:not([disabled]),.gravity-size-md.gravity-button-negative:not([disabled]),.gravity-size-md.gravity-button-positive:not([disabled]),.gravity-size-md.gravity-button-tertiary:not([disabled]),.gravity-size-md.gravity-button-secondary:not([disabled]),.gravity-size-md.gravity-button-primary:not([disabled]){height:36px;border-width:.125rem;padding:.75rem .875rem}.gravity-button-container.gravity-size-md gravity-icon,.gravity-size-md.gravity-button-style gravity-icon,.gravity-size-md.gravity-button-secondary[disabled] gravity-icon,.gravity-size-md.gravity-button-primary[disabled] gravity-icon,.gravity-size-md.gravity-button-tertiary[disabled] gravity-icon,.gravity-size-md.gravity-button-positive[disabled] gravity-icon,.gravity-size-md.gravity-button-negative[disabled] gravity-icon,.gravity-size-md.gravity-button-alternative[disabled] gravity-icon,.gravity-size-md.gravity-button-disabled gravity-icon,.gravity-size-md.gravity-button-alternative:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-negative:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-positive:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-tertiary:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-secondary:not([disabled]) gravity-icon,.gravity-size-md.gravity-button-primary:not([disabled]) gravity-icon{--icon-height: .75rem;--icon-width: .75rem}.gravity-button-container.gravity-size-md gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-style gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-secondary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-primary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-tertiary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-positive[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-negative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-alternative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-disabled gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-alternative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-negative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-positive:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-tertiary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-secondary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-md.gravity-button-primary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty){margin-left:.3125rem}.gravity-button-container.gravity-size-md span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-style span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-secondary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-primary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-tertiary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-positive[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-negative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-alternative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-disabled span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-alternative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-negative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-positive:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-tertiary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-secondary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-md.gravity-button-primary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right{margin-left:.3125rem}.gravity-button-container.gravity-size-lg,.gravity-size-lg.gravity-button-style,.gravity-size-lg.gravity-button-secondary[disabled],.gravity-size-lg.gravity-button-primary[disabled],.gravity-size-lg.gravity-button-tertiary[disabled],.gravity-size-lg.gravity-button-positive[disabled],.gravity-size-lg.gravity-button-negative[disabled],.gravity-size-lg.gravity-button-alternative[disabled],.gravity-size-lg.gravity-button-disabled,.gravity-size-lg.gravity-button-alternative:not([disabled]),.gravity-size-lg.gravity-button-negative:not([disabled]),.gravity-size-lg.gravity-button-positive:not([disabled]),.gravity-size-lg.gravity-button-tertiary:not([disabled]),.gravity-size-lg.gravity-button-secondary:not([disabled]),.gravity-size-lg.gravity-button-primary:not([disabled]){height:48px;border-width:.125rem;padding:.875rem 1rem}.gravity-button-container.gravity-size-lg gravity-icon,.gravity-size-lg.gravity-button-style gravity-icon,.gravity-size-lg.gravity-button-secondary[disabled] gravity-icon,.gravity-size-lg.gravity-button-primary[disabled] gravity-icon,.gravity-size-lg.gravity-button-tertiary[disabled] gravity-icon,.gravity-size-lg.gravity-button-positive[disabled] gravity-icon,.gravity-size-lg.gravity-button-negative[disabled] gravity-icon,.gravity-size-lg.gravity-button-alternative[disabled] gravity-icon,.gravity-size-lg.gravity-button-disabled gravity-icon,.gravity-size-lg.gravity-button-alternative:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-negative:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-positive:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-tertiary:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-secondary:not([disabled]) gravity-icon,.gravity-size-lg.gravity-button-primary:not([disabled]) gravity-icon{--icon-height: 1rem;--icon-width: 1rem}.gravity-button-container.gravity-size-lg gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-style gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-secondary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-primary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-tertiary[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-positive[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-negative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-alternative[disabled] gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-disabled gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-alternative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-negative:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-positive:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-tertiary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-secondary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty),.gravity-size-lg.gravity-button-primary:not([disabled]) gravity-icon.icon-left+span.button-content-wrapper:not(:empty){margin-left:.625rem}.gravity-button-container.gravity-size-lg span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-style span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-secondary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-primary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-tertiary[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-positive[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-negative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-alternative[disabled] span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-disabled span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-alternative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-negative:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-positive:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-tertiary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-secondary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right,.gravity-size-lg.gravity-button-primary:not([disabled]) span.button-content-wrapper:not(:empty)+gravity-icon.icon-right{margin-left:.625rem}.gravity-button-style,.gravity-button-secondary[disabled],.gravity-button-primary[disabled],.gravity-button-tertiary[disabled],.gravity-button-positive[disabled],.gravity-button-negative[disabled],.gravity-button-alternative[disabled],.gravity-button-disabled,.gravity-button-alternative:not([disabled]),.gravity-button-negative:not([disabled]),.gravity-button-positive:not([disabled]),.gravity-button-tertiary:not([disabled]),.gravity-button-secondary:not([disabled]),.gravity-button-primary:not([disabled]){background-color:var(--button-background-color);border-color:var(--button-border-color)}.gravity-button-style,.gravity-button-secondary[disabled],.gravity-button-primary[disabled],.gravity-button-tertiary[disabled],.gravity-button-positive[disabled],.gravity-button-negative[disabled],.gravity-button-alternative[disabled],.gravity-button-disabled,.gravity-button-alternative:not([disabled]),.gravity-button-negative:not([disabled]),.gravity-button-positive:not([disabled]),.gravity-button-tertiary:not([disabled]),.gravity-button-secondary:not([disabled]),.gravity-button-primary:not([disabled]),.gravity-button-style p,.gravity-button-secondary[disabled] p,.gravity-button-primary[disabled] p,.gravity-button-tertiary[disabled] p,.gravity-button-positive[disabled] p,.gravity-button-negative[disabled] p,.gravity-button-alternative[disabled] p,.gravity-button-disabled p,.gravity-button-alternative:not([disabled]) p,.gravity-button-negative:not([disabled]) p,.gravity-button-positive:not([disabled]) p,.gravity-button-tertiary:not([disabled]) p,.gravity-button-secondary:not([disabled]) p,.gravity-button-primary:not([disabled]) p{color:var(--button-text-color)}.gravity-button-style ngb-progressbar ::ng-deep .progress-bar,.gravity-button-secondary[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-primary[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-tertiary[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-positive[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-negative[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-alternative[disabled] ngb-progressbar ::ng-deep .progress-bar,.gravity-button-disabled ngb-progressbar ::ng-deep .progress-bar,.gravity-button-alternative:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-negative:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-positive:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-tertiary:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-secondary:not([disabled]) ngb-progressbar ::ng-deep .progress-bar,.gravity-button-primary:not([disabled]) ngb-progressbar ::ng-deep .progress-bar{background-color:var(--progressbar-color)}.gravity-button-primary:not([disabled]),.gravity-button-primary:not([disabled]).active{--button-background-color: var(--bg-button-active-primary);--button-border-color: var(--bg-button-active-primary);--button-text-color: var(--on-bg-button-active-primary);--progressbar-color: var(--bg-button-active-primary)}.gravity-button-primary:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-primary:not([disabled]).hover{--button-background-color: var(--bg-button-hover-primary);--button-border-color: var(--bg-button-hover-primary);--button-text-color: var(--on-bg-button-hover-primary)}.gravity-button-primary:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-primary);--button-border-color: var(--bg-button-pressed-primary);--button-text-color: var(--on-bg-button-pressed-primary)}.gravity-button-secondary:not([disabled]),.gravity-button-secondary:not([disabled]).active{--button-background-color: var(--bg-button-active-secondary);--button-border-color: var(--outline-button-active-secondary);--button-text-color: var(--on-bg-button-active-secondary);--progressbar-color: var(--on-bg-button-active-secondary)}.gravity-button-secondary:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-secondary:not([disabled]).hover{--button-background-color: var(--bg-button-hover-secondary);--button-border-color: var(--outline-button-hover-secondary);--button-text-color: var(--on-bg-button-hover-secondary)}.gravity-button-secondary:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-secondary);--button-border-color: var(--outline-button-pressed-secondary);--button-text-color: var(--on-bg-button-pressed-secondary)}.gravity-button-tertiary:not([disabled]),.gravity-button-tertiary:not([disabled]).active{--button-background-color: var(--bg-button-active-tertiary);--button-border-color: var(--bg-button-active-tertiary);--button-text-color: var(--on-bg-button-active-tertiary);--progressbar-color: var(--bg-button-active-tertiary)}.gravity-button-tertiary:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-tertiary:not([disabled]).hover{--button-background-color: var(--bg-button-hover-tertiary);--button-border-color: var(--bg-button-hover-tertiary);--button-text-color: var(--on-bg-button-hover-tertiary)}.gravity-button-tertiary:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-tertiary);--button-border-color: var(--bg-button-pressed-tertiary);--button-text-color: var(--on-bg-button-pressed-tertiary)}.gravity-button-positive:not([disabled]),.gravity-button-positive:not([disabled]).active{--button-background-color: var(--bg-button-active-positive);--button-border-color: var(--bg-button-active-positive);--button-text-color: var(--on-bg-button-active-positive);--progressbar-color: var(--bg-button-active-positive)}.gravity-button-positive:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-positive:not([disabled]).hover{--button-background-color: var(--bg-button-hover-positive);--button-border-color: var(--bg-button-hover-positive);--button-text-color: var(--on-bg-button-hover-positive)}.gravity-button-positive:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-positive);--button-border-color: var(--bg-button-pressed-positive);--button-text-color: var(--on-bg-button-pressed-positive)}.gravity-button-negative:not([disabled]),.gravity-button-negative:not([disabled]).active{--button-background-color: var(--bg-button-active-negative);--button-border-color: var(--bg-button-active-negative);--button-text-color: var(--on-bg-button-active-negative);--progressbar-color: var(--bg-button-active-negative)}.gravity-button-negative:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-negative:not([disabled]).hover{--button-background-color: var(--bg-button-hover-negative);--button-border-color: var(--bg-button-hover-negative);--button-text-color: var(--on-bg-button-hover-negative)}.gravity-button-negative:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-negative);--button-border-color: var(--bg-button-pressed-negative);--button-text-color: var(--on-bg-button-pressed-negative)}.gravity-button-alternative:not([disabled]),.gravity-button-alternative:not([disabled]).active{--button-background-color: var(--bg-button-active-alternative);--button-border-color: var(--bg-button-active-alternative);--button-text-color: var(--on-bg-button-active-alternative);--progressbar-color: var(--bg-button-active-alternative)}.gravity-button-alternative:not([disabled]):not(.active):not(.pressed):hover,.gravity-button-alternative:not([disabled]).hover{--button-background-color: var(--bg-button-hover-alternative);--button-border-color: var(--bg-button-hover-alternative);--button-text-color: var(--on-bg-button-hover-alternative)}.gravity-button-alternative:not([disabled]).pressed{--button-background-color: var(--bg-button-pressed-alternative);--button-border-color: var(--bg-button-pressed-alternative);--button-text-color: var(--on-bg-button-pressed-alternative)}.gravity-button-primary[disabled],.gravity-button-tertiary[disabled],.gravity-button-positive[disabled],.gravity-button-negative[disabled],.gravity-button-alternative[disabled],.gravity-button-disabled{--button-background-color: var(--bg-disabled);--button-border-color: var(--bg-disabled);--button-text-color: var(--on-bg-disabled);--progressbar-color: var(--bg-disabled);cursor:default}.gravity-button-secondary[disabled]{--button-background-color: var(--bg-disabled);--button-border-color: var(--outline-disabled);--button-text-color: var(--on-bg-disabled);cursor:default;--progressbar-color: var(--bg-disabled)}ngb-progressbar{width:100%}button{display:flex;justify-content:center}\n"] }]
170
171
  }], propDecorators: { cypressTag: [{
171
172
  type: Input
172
173
  }], disabled: [{
173
174
  type: Input
174
- }], iconName: [{
175
+ }], fullWidth: [{
175
176
  type: Input
176
177
  }], isLoading: [{
177
178
  type: Input
178
179
  }], showContent: [{
179
180
  type: Input
181
+ }], iconName: [{
182
+ type: Input
180
183
  }], size: [{
181
184
  type: Input
182
185
  }], iconPosition: [{
@@ -1392,11 +1395,11 @@ class GravityTextFieldComponent {
1392
1395
  this.changeInputValue();
1393
1396
  }
1394
1397
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GravityTextFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1395
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: GravityTextFieldComponent, isStandalone: true, selector: "gravity-text-field", inputs: { label: "label", required: "required", cypressTag: "cypressTag", supportText: "supportText", prefix: "prefix", customInputValue: "customInputValue", currentLang: "currentLang", textFieldType: "textFieldType", customState: "customState", iconLeft: "iconLeft", iconColor: "iconColor", iconRight: "iconRight", supportTextIcon: "supportTextIcon", clickOnLeftIcon: "clickOnLeftIcon", clickOnRightIcon: "clickOnRightIcon", placeholder: "placeholder", labelExtraText: "labelExtraText", size: "size", autocomplete: "autocomplete", characterCounter: "characterCounter", width: "width", validations: "validations", passwordRequirements: "passwordRequirements", inputContentType: "inputContentType" }, outputs: { leftIconResponse: "clickIconLeft", rightIconResponse: "clickIconRight", textFieldValueResponse: "response" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }, { propertyName: "textAreaElement", first: true, predicate: ["textAreaElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (label) {\n <label class=\"hr-label sm-bold {{getTextFieldStatus()}}\" [class.custom-label-size]=\"size == 'sm'\">\n {{ label }}\n @if (required || getTextFieldStatus() == 'typed-error') {\n <span>* </span>\n }\n @if (labelExtraText) {\n <span [class.extra-text]=\"labelExtraText\">{{ labelExtraText }}</span>\n }\n </label>\n}\n<div class=\"gravity-input-field {{textFieldType}} {{size}} {{width}}-width {{getTextFieldStatus()}}\">\n @if (iconLeft) {\n <ng-container [ngTemplateOutlet]=\"icons\" [ngTemplateOutletContext]=\"{iconPosition: 'left'}\"></ng-container>\n }\n <span class=\"{{getTextFieldInputFontSize()}} prefix\">{{ prefix }}</span>\n @if (textFieldType == 'input') {\n <input [attr.data-cy]=\"cypressTag ? 'textField_' + cypressTag : null\"\n [attr.disabled]=\"customState == 'disabled' ? true : null\"\n [attr.readonly]=\"customState == 'readonly' ? true : null\"\n [autocomplete]=\"autocomplete\"\n [maxLength]=\"inputContentType === 'date' ? 10 : (validations?.maxLength || 100)\"\n [minLength]=\"validations?.minLength ? validations?.minLength : 0\"\n [placeholder]=\"getPlaceholder()\"\n [type]=\"inputContentType === 'date' ? 'text' : (inputContentType !== 'number' ? inputContentType : 'text')\"\n [value]=\"inputValue\"\n (blur)=\"focusInput = false\"\n (change)=\"changeInputValue()\"\n (focus)=\"focusInput = true\"\n (keydown)=\" onKeyDownEvent($event)\"\n (keyup)=\"inputContentType === 'date' ?\n formatDateInput($event) : changeInputValue()\"\n class=\"{{getTextFieldInputFontSize()}}\"\n #inputElement\n >\n }\n\n @if (textFieldType == 'textarea') {\n <textarea [attr.data-cy]=\"cypressTag ? 'textField_' + cypressTag : null\"\n [attr.disabled]=\"customState == 'disabled' ? true : null\"\n [attr.readonly]=\"customState == 'readonly' ? true : null\"\n [maxLength]=\"validations?.maxLength ? validations?.maxLength : 200\"\n [minLength]=\"validations?.minLength ? validations?.minLength : 0\"\n [placeholder]=\"getPlaceholder()\"\n [value]=\"inputValue\"\n (blur)=\"focusInput = false\"\n (change)=\"changeInputValue()\"\n (focus)=\"focusInput = true\"\n (keydown)=\"onKeyDownEvent($event)\"\n (keyup)=\"changeInputValue()\"\n class=\"{{getTextFieldInputFontSize()}}\"\n rows=\"1\"\n #textAreaElement\n ></textarea>\n }\n @if (iconRight) {\n <ng-container [ngTemplateOutlet]=\"icons\" [ngTemplateOutletContext]=\"{iconPosition: 'right'}\"></ng-container>\n }\n</div>\n<div class=\"support-text-container {{size}} {{width}}-width\">\n @if (supportText) {\n <p class=\"hr-label sm-regular supporting-text {{getTextFieldStatus()}} {{size}} {{textFieldType}}\"\n [class.custom-label-size]=\"size == 'sm'\">\n @if (getTextFieldStatus() == 'typed-error' || characterLimit) {\n <gravity-icon [class.negative]=\"getTextFieldStatus() == 'typed-error'\" [iconName]=\"'question-circle'\"\n [iconSize]=\"'md-16'\"></gravity-icon>\n }\n @if (!hasInvalidPasswordRequirements && isPasswordField) {\n <gravity-icon class=\"positive\" [iconName]=\"'check'\"\n [iconSize]=\"'md-16'\"></gravity-icon>\n }\n @if (supportTextIcon) {\n <gravity-icon [ngClass]=\"{negative: getTextFieldStatus() === 'typed-error', positive: getTextFieldStatus() === 'typed-positive', disabled: getTextFieldStatus() === 'disabled'}\"\n [iconName]=\"supportTextIcon\" [iconSize]=\"'md-16'\"></gravity-icon>\n }\n {{ supportText }}\n </p>\n }\n @if (characterCounter) {\n <p class=\"hr-label sm-regular character-counter {{getTextFieldStatus()}}\"\n >{{ inputValue.length }}/200</p>\n }\n</div>\n\n\n@if (passwordRequirements.length> 0 && hasInvalidPasswordRequirements) {\n <div class=\"password-requirements\">\n <p class=\"hr-label sm-bold\">{{ currentLang == 'en' ? 'Password requirements:' : 'Requisitos de contrase\u00F1a:' }}</p>\n <ul class=\"requirements\">\n @for (requirement of passwordRequirements; track requirement) {\n <li class=\"hr-label sm-regular\"\n [ngClass]=\"{valid: hasUserTyped && requirement.isValid, invalid: hasUserTyped && !focusInput && !requirement.isValid}\">\n {{ requirement.label }}\n </li>\n }\n </ul>\n </div>\n}\n\n<ng-template #icons let-iconPosition=\"iconPosition\">\n <gravity-icon (click)=\"$event.stopPropagation(); handleIconClick(iconPosition)\" class=\"{{iconPosition}}\"\n [class.pointer]=\"(iconPosition == 'left' && clickOnLeftIcon) || (iconPosition == 'right' && clickOnRightIcon)\"\n [iconName]=\"iconPosition == 'left' ? iconLeft : iconRight\" [style.--icon-color]=\"iconColor\"\n [iconSize]=\"isNewIcon(iconPosition) ? 'md-16' : null\" [attr.data-cy]=\"'textField_icon'\"></gravity-icon>\n</ng-template>\n", 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}.text-negative{color:var(--negative-primary)}.text-neutro{color:var(--text-primary)}.text-positive{color:var(--positive-primary)}.support-text{margin-left:0;margin-top:.3125rem;padding-inline:1rem}.scrollbar-sm::-webkit-scrollbar,.gravity-input-field textarea::-webkit-scrollbar{width:4px;height:4px}.scrollbar-sm::-webkit-scrollbar-track,.gravity-input-field textarea::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb,.gravity-input-field textarea::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb:hover,.gravity-input-field textarea::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.scrollbar-md::-webkit-scrollbar{width:8px;height:8px}.scrollbar-md::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}:host{display:block}label{color:var(--text-field-label-color);display:block;margin:0 12px 5px}label.active,label.hover,label.autofill{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.typing{--text-field-label-color: var(--label-text-full-enabled-pressed-primary)}label.typed,label.typed-error{--text-field-label-color: var(--label-text-full-enabled-primary)}label.typed-error span{color:var(--negative-primary)}label.typed-positive{--text-field-label-color: var(--label-text-full-enabled-primary)}label.disabled{--text-field-label-color: var(--on-bg-disabled)}label.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}label .extra-text{font-weight:343!important;color:var(--placeholder-empty-enabled-primary)!important}.hr-label.sm-bold.custom-label-size,.hr-label.sm-regular.custom-label-size{font-size:10px;letter-spacing:.25px}.gravity-input-field{align-items:center;background-color:var(--text-field-input-field-background-color);border:var(--text-field-input-field-border-width) solid var(--text-field-input-field-border-color);border-radius:.3125rem;color:var(--text-field-input-field-content-color);display:flex;height:var(--text-field-input-field-height);padding:10px 12px;--text-field-input-field-border-width: .5px;width:var(--text-field-input-field-width)}.gravity-input-field gravity-icon{--icon-color: var(--text-field-input-field-icon-color);--icon-height: var(--text-field-input-field-content);--icon-width: var(--text-field-input-field-content)}.gravity-input-field gravity-icon.pointer{cursor:pointer}.gravity-input-field gravity-icon.left{margin-right:5px}.gravity-input-field gravity-icon.right{margin-left:5px}.gravity-input-field .prefix{color:var(--text-field-input-field-content-color)}.gravity-input-field input,.gravity-input-field textarea{background-color:transparent;border:none;box-shadow:none;color:var(--text-field-input-field-content-color);height:var(--text-field-input-field-input);line-height:1;outline:none;padding:0;resize:none;width:100%}.gravity-input-field input::placeholder,.gravity-input-field textarea::placeholder{color:var(--text-field-input-field-placeholder-color)}.gravity-input-field input:-webkit-autofill,.gravity-input-field textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--bg-field-autofill) inset!important;-webkit-text-fill-color:var(--label-text-full-enabled-primary)!important}.gravity-input-field.sm,.support-text-container.sm{--text-field-input-field-content: 9px}.gravity-input-field.sm.input,.support-text-container.sm.input{--text-field-input-field-height: 29px;--text-field-input-field-input: 13px}.gravity-input-field.sm.textarea,.support-text-container.sm.textarea{--text-field-input-field-height: 64px;--text-field-input-field-input: 44px}.gravity-input-field.sm.short-width,.support-text-container.sm.short-width{--text-field-input-field-width: 195px}.gravity-input-field.sm.medium-width,.support-text-container.sm.medium-width{--text-field-input-field-width: 276px}.gravity-input-field.sm.full-width,.support-text-container.sm.full-width,.gravity-input-field.sm.fit-width,.support-text-container.sm.fit-width{--text-field-input-field-width: 100%}.gravity-input-field.md,.support-text-container.md{--text-field-input-field-content: 15px}.gravity-input-field.md.input,.support-text-container.md.input{--text-field-input-field-height: 35px;--text-field-input-field-input: 18px}.gravity-input-field.md.textarea,.support-text-container.md.textarea{--text-field-input-field-height: 80px;--text-field-input-field-input: 60px}.gravity-input-field.md.short-width,.support-text-container.md.short-width{--text-field-input-field-width: 242px}.gravity-input-field.md.medium-width,.support-text-container.md.medium-width{--text-field-input-field-width: 329px}.gravity-input-field.md.full-width,.support-text-container.md.full-width,.gravity-input-field.md.fit-width,.support-text-container.md.fit-width{--text-field-input-field-width: 100%}.gravity-input-field.active{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-enabled-primary)}.gravity-input-field.active:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.hover{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-border-width: 1px;--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-enabled-primary)}.gravity-input-field.autofill{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-enabled-primary)}.gravity-input-field.autofill:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.autofill input,.gravity-input-field.autofill textarea{background-color:var(--bg-field-autofill);color:var(--label-text-full-enabled-primary)}.gravity-input-field.typing{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-border-width: 1px;--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-pressed-primary);--text-field-input-field-placeholder-color: var(--placeholder-full-enabled-pressed-primary)}.gravity-input-field.typing:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.typed{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary);--text-field-input-field-placeholder-color: var(--label-text-full-enabled-primary)}.gravity-input-field.typed:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.typed-error{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--negative-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary);--text-field-input-field-placeholder-color: var(--label-text-full-enabled-primary)}.gravity-input-field.typed-error:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.typed-positive{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--positive-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary);--text-field-input-field-placeholder-color: var(--label-text-full-enabled-primary)}.gravity-input-field.typed-positive:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.disabled{--text-field-input-field-background-color: var(--bg-field-empty-disabled-primary);--text-field-input-field-border-color: var(--outline-disabled);--text-field-input-field-content-color: var(--on-bg-disabled);--text-field-input-field-icon-color: var(--on-bg-disabled);--text-field-input-field-placeholder-color: var(--on-bg-disabled)}.gravity-input-field.readonly{--text-field-input-field-background-color: var(--bg-field-full-read-only-primary);--text-field-input-field-border-color: var(--bg-field-full-read-only-primary);--text-field-input-field-content-color: var(--input-text-full-read-only-primary);--text-field-input-field-icon-color: var(--input-text-full-read-only-primary);--text-field-input-field-placeholder-color: var(--input-text-full-read-only-primary)}.support-text-container{display:flex;justify-content:space-between;width:var(--text-field-input-field-width)}.supporting-text{display:flex;align-items:center;color:var(--text-field-supporting-text-color);margin:var(--gravity-spacing-xxs) var(--gravity-spacing-xs) 0}.supporting-text.textarea{margin:var(--gravity-spacing-xxs) 0 0}.supporting-text.active,.supporting-text.hover,.supporting-text.autofill{--text-field-supporting-text-color: var(--label-text-empty-enabled-primary)}.supporting-text.typing{--text-field-supporting-text-color: var(--label-text-full-enabled-pressed-primary)}.supporting-text.typed{--text-field-supporting-text-color: var(--label-text-full-enabled-primary)}.supporting-text.typed-error{--text-field-supporting-text-color: var(--negative-primary)}.supporting-text.typed-positive{--text-field-supporting-text-color: var(--positive-primary)}.supporting-text.disabled{--text-field-supporting-text-color: var(--on-bg-disabled)}.supporting-text.readonly{--text-field-supporting-text-color: var(--label-text-full-read-only-primary)}.supporting-text.sm{--text-field-supporting-text-icon-size: 9px}.supporting-text.md{--text-field-supporting-text-icon-size: 15px}.supporting-text gravity-icon{--icon-height: var(--text-field-supporting-text-icon-size);--icon-width: var(--text-field-supporting-text-icon-size);margin-right:5px}.supporting-text gravity-icon.negative{--icon-color: var(--negative-primary)}.supporting-text gravity-icon.positive{--icon-color: var(--positive-primary)}.supporting-text gravity-icon.disabled{--icon-color: var(--on-bg-disabled)}.password-requirements{display:flex;padding-left:12px;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px}.password-requirements .requirements{padding-left:12px;margin:0!important}.password-requirements .requirements li.valid{color:var(--positive-primary)}.password-requirements .requirements li.invalid{color:var(--negative-primary)}.character-counter{margin-left:auto;margin-top:5px}.character-counter.disabled{color:var(--on-bg-disabled)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
1398
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: GravityTextFieldComponent, isStandalone: true, selector: "gravity-text-field", inputs: { label: "label", required: "required", cypressTag: "cypressTag", supportText: "supportText", prefix: "prefix", customInputValue: "customInputValue", currentLang: "currentLang", textFieldType: "textFieldType", customState: "customState", iconLeft: "iconLeft", iconColor: "iconColor", iconRight: "iconRight", supportTextIcon: "supportTextIcon", clickOnLeftIcon: "clickOnLeftIcon", clickOnRightIcon: "clickOnRightIcon", placeholder: "placeholder", labelExtraText: "labelExtraText", size: "size", autocomplete: "autocomplete", characterCounter: "characterCounter", width: "width", validations: "validations", passwordRequirements: "passwordRequirements", inputContentType: "inputContentType" }, outputs: { leftIconResponse: "clickIconLeft", rightIconResponse: "clickIconRight", textFieldValueResponse: "response" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }, { propertyName: "textAreaElement", first: true, predicate: ["textAreaElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (label) {\n <label class=\"hr-label sm-bold {{getTextFieldStatus()}}\" [class.custom-label-size]=\"size == 'sm'\">\n {{ label }}\n @if (required || getTextFieldStatus() == 'typed-error') {\n <span>* </span>\n }\n @if (labelExtraText) {\n <span [class.extra-text]=\"labelExtraText\">{{ labelExtraText }}</span>\n }\n </label>\n}\n<div class=\"gravity-input-field {{textFieldType}} {{size}} {{width}}-width {{getTextFieldStatus()}}\">\n @if (iconLeft) {\n <ng-container [ngTemplateOutlet]=\"icons\" [ngTemplateOutletContext]=\"{iconPosition: 'left'}\"></ng-container>\n }\n <span class=\"{{getTextFieldInputFontSize()}} prefix\">{{ prefix }}</span>\n @if (textFieldType == 'input') {\n <input [attr.data-cy]=\"cypressTag ? 'textField_' + cypressTag : null\"\n [attr.disabled]=\"customState == 'disabled' ? true : null\"\n [attr.readonly]=\"customState == 'readonly' ? true : null\"\n [autocomplete]=\"autocomplete\"\n [maxLength]=\"inputContentType === 'date' ? 10 : (validations?.maxLength || 100)\"\n [minLength]=\"validations?.minLength ? validations?.minLength : 0\"\n [placeholder]=\"getPlaceholder()\"\n [type]=\"inputContentType === 'date' ? 'text' : (inputContentType !== 'number' ? inputContentType : 'text')\"\n [value]=\"inputValue\"\n (blur)=\"focusInput = false\"\n (change)=\"changeInputValue()\"\n (focus)=\"focusInput = true\"\n (keydown)=\" onKeyDownEvent($event)\"\n (keyup)=\"inputContentType === 'date' ?\n formatDateInput($event) : changeInputValue()\"\n class=\"{{getTextFieldInputFontSize()}}\"\n #inputElement\n >\n }\n\n @if (textFieldType == 'textarea') {\n <textarea [attr.data-cy]=\"cypressTag ? 'textField_' + cypressTag : null\"\n [attr.disabled]=\"customState == 'disabled' ? true : null\"\n [attr.readonly]=\"customState == 'readonly' ? true : null\"\n [maxLength]=\"validations?.maxLength ? validations?.maxLength : 200\"\n [minLength]=\"validations?.minLength ? validations?.minLength : 0\"\n [placeholder]=\"getPlaceholder()\"\n [value]=\"inputValue\"\n (blur)=\"focusInput = false\"\n (change)=\"changeInputValue()\"\n (focus)=\"focusInput = true\"\n (keydown)=\"onKeyDownEvent($event)\"\n (keyup)=\"changeInputValue()\"\n class=\"{{getTextFieldInputFontSize()}}\"\n rows=\"1\"\n #textAreaElement\n ></textarea>\n }\n @if (iconRight) {\n <ng-container [ngTemplateOutlet]=\"icons\" [ngTemplateOutletContext]=\"{iconPosition: 'right'}\"></ng-container>\n }\n</div>\n<div class=\"support-text-container {{size}} {{width}}-width\">\n @if (supportText) {\n <p class=\"hr-label sm-regular supporting-text {{getTextFieldStatus()}} {{size}} {{textFieldType}}\"\n [class.custom-label-size]=\"size == 'sm'\">\n @if (getTextFieldStatus() == 'typed-error' || characterLimit) {\n <gravity-icon [class.negative]=\"getTextFieldStatus() == 'typed-error'\" [iconName]=\"'question-circle'\"\n [iconSize]=\"'md-16'\"></gravity-icon>\n }\n @if (!hasInvalidPasswordRequirements && isPasswordField) {\n <gravity-icon class=\"positive\" [iconName]=\"'check'\"\n [iconSize]=\"'md-16'\"></gravity-icon>\n }\n @if (supportTextIcon) {\n <gravity-icon [ngClass]=\"{negative: getTextFieldStatus() === 'typed-error', positive: getTextFieldStatus() === 'typed-positive', disabled: getTextFieldStatus() === 'disabled'}\"\n [iconName]=\"supportTextIcon\" [iconSize]=\"'md-16'\"></gravity-icon>\n }\n {{ supportText }}\n </p>\n }\n @if (characterCounter) {\n <p class=\"hr-label sm-regular character-counter {{getTextFieldStatus()}}\"\n >{{ inputValue.length }}/200</p>\n }\n</div>\n\n\n@if (passwordRequirements.length> 0 && hasInvalidPasswordRequirements) {\n <div class=\"password-requirements\">\n <p class=\"hr-label sm-bold\">{{ currentLang == 'en' ? 'Password requirements:' : 'Requisitos de contrase\u00F1a:' }}</p>\n <ul class=\"requirements\">\n @for (requirement of passwordRequirements; track requirement) {\n <li class=\"hr-label sm-regular\"\n [ngClass]=\"{valid: hasUserTyped && requirement.isValid, invalid: hasUserTyped && !focusInput && !requirement.isValid}\">\n {{ requirement.label }}\n </li>\n }\n </ul>\n </div>\n}\n\n<ng-template #icons let-iconPosition=\"iconPosition\">\n <gravity-icon (click)=\"$event.stopPropagation(); handleIconClick(iconPosition)\" class=\"{{iconPosition}}\"\n [class.pointer]=\"(iconPosition == 'left' && clickOnLeftIcon) || (iconPosition == 'right' && clickOnRightIcon)\"\n [iconName]=\"iconPosition == 'left' ? iconLeft : iconRight\" [style.--icon-color]=\"iconColor\"\n [iconSize]=\"isNewIcon(iconPosition) ? 'md-16' : null\" [attr.data-cy]=\"'textField_icon'\"></gravity-icon>\n</ng-template>\n", 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}.text-negative{color:var(--negative-primary)}.text-neutro{color:var(--text-primary)}.text-positive{color:var(--positive-primary)}.support-text{margin-left:0;margin-top:.3125rem;padding-inline:1rem}.scrollbar-sm::-webkit-scrollbar,.gravity-input-field textarea::-webkit-scrollbar{width:4px;height:4px}.scrollbar-sm::-webkit-scrollbar-track,.gravity-input-field textarea::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb,.gravity-input-field textarea::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb:hover,.gravity-input-field textarea::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.scrollbar-md::-webkit-scrollbar{width:8px;height:8px}.scrollbar-md::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}:host{display:block}label{color:var(--text-field-label-color);display:block;margin:0 12px 5px}label.active,label.hover,label.autofill{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.typing{--text-field-label-color: var(--label-text-full-enabled-pressed-primary)}label.typed,label.typed-error{--text-field-label-color: var(--label-text-full-enabled-primary)}label.typed-error span{color:var(--negative-primary)}label.typed-positive{--text-field-label-color: var(--label-text-full-enabled-primary)}label.disabled{--text-field-label-color: var(--on-bg-disabled)}label.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}label .extra-text{font-weight:343!important;color:var(--placeholder-empty-enabled-primary)!important}.hr-label.sm-bold.custom-label-size,.hr-label.sm-regular.custom-label-size{font-size:10px;letter-spacing:.25px}.gravity-input-field{align-items:center;background-color:var(--text-field-input-field-background-color);border:var(--text-field-input-field-border-width) solid var(--text-field-input-field-border-color);border-radius:.3125rem;color:var(--text-field-input-field-content-color);display:flex;height:var(--text-field-input-field-height);padding:10px 12px;--text-field-input-field-border-width: .5px;width:var(--text-field-input-field-width)}.gravity-input-field gravity-icon{--icon-color: var(--text-field-input-field-icon-color);--icon-height: var(--text-field-input-field-content);--icon-width: var(--text-field-input-field-content)}.gravity-input-field gravity-icon.pointer{cursor:pointer}.gravity-input-field gravity-icon.left{margin-right:5px}.gravity-input-field gravity-icon.right{margin-left:5px}.gravity-input-field .prefix{color:var(--text-field-input-field-content-color)}.gravity-input-field input,.gravity-input-field textarea{background-color:transparent;border:none;box-shadow:none;color:var(--text-field-input-field-content-color);height:var(--text-field-input-field-input);line-height:1;outline:none;padding:0;resize:none;width:100%}.gravity-input-field input::placeholder,.gravity-input-field textarea::placeholder{color:var(--text-field-input-field-placeholder-color)}.gravity-input-field input:-webkit-autofill,.gravity-input-field textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--bg-field-autofill) inset!important;-webkit-text-fill-color:var(--label-text-full-enabled-primary)!important}.gravity-input-field.sm,.support-text-container.sm{--text-field-input-field-content: 9px}.gravity-input-field.sm.input,.support-text-container.sm.input{--text-field-input-field-height: 29px;--text-field-input-field-input: 13px}.gravity-input-field.sm.textarea,.support-text-container.sm.textarea{--text-field-input-field-height: 64px;--text-field-input-field-input: 44px}.gravity-input-field.sm.short-width,.support-text-container.sm.short-width{--text-field-input-field-width: 195px}.gravity-input-field.sm.medium-width,.support-text-container.sm.medium-width{--text-field-input-field-width: 276px}.gravity-input-field.sm.full-width,.support-text-container.sm.full-width,.gravity-input-field.sm.fit-width,.support-text-container.sm.fit-width{--text-field-input-field-width: 100%}.gravity-input-field.md,.support-text-container.md{--text-field-input-field-content: 15px}.gravity-input-field.md.input,.support-text-container.md.input{--text-field-input-field-height: 35px;--text-field-input-field-input: 18px}.gravity-input-field.md.textarea,.support-text-container.md.textarea{--text-field-input-field-height: 80px;--text-field-input-field-input: 60px}.gravity-input-field.md.short-width,.support-text-container.md.short-width{--text-field-input-field-width: 242px}.gravity-input-field.md.medium-width,.support-text-container.md.medium-width{--text-field-input-field-width: 329px}.gravity-input-field.md.full-width,.support-text-container.md.full-width,.gravity-input-field.md.fit-width,.support-text-container.md.fit-width{--text-field-input-field-width: 100%}.gravity-input-field.active{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-enabled-primary)}.gravity-input-field.active:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.hover{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-border-width: 1px;--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-enabled-primary)}.gravity-input-field.autofill{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-enabled-primary)}.gravity-input-field.autofill:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.autofill input,.gravity-input-field.autofill textarea{background-color:var(--bg-field-autofill);color:var(--label-text-full-enabled-primary)}.gravity-input-field.typing{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-border-width: 1px;--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-pressed-primary);--text-field-input-field-placeholder-color: var(--placeholder-full-enabled-pressed-primary)}.gravity-input-field.typing:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.typed{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary);--text-field-input-field-placeholder-color: var(--label-text-full-enabled-primary)}.gravity-input-field.typed:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.typed-error{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--negative-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary);--text-field-input-field-placeholder-color: var(--label-text-full-enabled-primary)}.gravity-input-field.typed-error:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.typed-positive{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--positive-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary);--text-field-input-field-placeholder-color: var(--label-text-full-enabled-primary)}.gravity-input-field.typed-positive:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.disabled{--text-field-input-field-background-color: var(--bg-field-empty-disabled-primary);--text-field-input-field-border-color: var(--outline-disabled);--text-field-input-field-content-color: var(--on-bg-disabled);--text-field-input-field-icon-color: var(--on-bg-disabled);--text-field-input-field-placeholder-color: var(--on-bg-disabled)}.gravity-input-field.readonly{--text-field-input-field-background-color: var(--bg-field-full-read-only-primary);--text-field-input-field-border-color: var(--bg-field-full-read-only-primary);--text-field-input-field-content-color: var(--input-text-full-read-only-primary);--text-field-input-field-icon-color: var(--input-text-full-read-only-primary);--text-field-input-field-placeholder-color: var(--input-text-full-read-only-primary)}.support-text-container{display:flex;justify-content:space-between;width:var(--text-field-input-field-width)}.supporting-text{height:14px;display:flex;align-items:center;color:var(--text-field-supporting-text-color);margin:var(--gravity-spacing-xxs) var(--gravity-spacing-xs) 0}.supporting-text.textarea{margin:var(--gravity-spacing-xxs) 0 0}.supporting-text.active,.supporting-text.hover,.supporting-text.autofill{--text-field-supporting-text-color: var(--label-text-empty-enabled-primary)}.supporting-text.typing{--text-field-supporting-text-color: var(--label-text-full-enabled-pressed-primary)}.supporting-text.typed{--text-field-supporting-text-color: var(--label-text-full-enabled-primary)}.supporting-text.typed-error{--text-field-supporting-text-color: var(--negative-primary)}.supporting-text.typed-positive{--text-field-supporting-text-color: var(--positive-primary)}.supporting-text.disabled{--text-field-supporting-text-color: var(--on-bg-disabled)}.supporting-text.readonly{--text-field-supporting-text-color: var(--label-text-full-read-only-primary)}.supporting-text.sm{--text-field-supporting-text-icon-size: 9px}.supporting-text.md{--text-field-supporting-text-icon-size: 15px}.supporting-text gravity-icon{--icon-height: var(--text-field-supporting-text-icon-size);--icon-width: var(--text-field-supporting-text-icon-size);margin-right:5px}.supporting-text gravity-icon.negative{--icon-color: var(--negative-primary)}.supporting-text gravity-icon.positive{--icon-color: var(--positive-primary)}.supporting-text gravity-icon.disabled{--icon-color: var(--on-bg-disabled)}.password-requirements{display:flex;padding-left:12px;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px}.password-requirements .requirements{padding-left:12px;margin:0!important}.password-requirements .requirements li.valid{color:var(--positive-primary)}.password-requirements .requirements li.invalid{color:var(--negative-primary)}.character-counter{margin-left:auto;margin-top:var(--gravity-spacing-xxs)}.character-counter.disabled{color:var(--on-bg-disabled)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
1396
1399
  }
1397
1400
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GravityTextFieldComponent, decorators: [{
1398
1401
  type: Component,
1399
- args: [{ selector: 'gravity-text-field', standalone: true, imports: [NgTemplateOutlet, GravityIconComponent, NgClass], template: "@if (label) {\n <label class=\"hr-label sm-bold {{getTextFieldStatus()}}\" [class.custom-label-size]=\"size == 'sm'\">\n {{ label }}\n @if (required || getTextFieldStatus() == 'typed-error') {\n <span>* </span>\n }\n @if (labelExtraText) {\n <span [class.extra-text]=\"labelExtraText\">{{ labelExtraText }}</span>\n }\n </label>\n}\n<div class=\"gravity-input-field {{textFieldType}} {{size}} {{width}}-width {{getTextFieldStatus()}}\">\n @if (iconLeft) {\n <ng-container [ngTemplateOutlet]=\"icons\" [ngTemplateOutletContext]=\"{iconPosition: 'left'}\"></ng-container>\n }\n <span class=\"{{getTextFieldInputFontSize()}} prefix\">{{ prefix }}</span>\n @if (textFieldType == 'input') {\n <input [attr.data-cy]=\"cypressTag ? 'textField_' + cypressTag : null\"\n [attr.disabled]=\"customState == 'disabled' ? true : null\"\n [attr.readonly]=\"customState == 'readonly' ? true : null\"\n [autocomplete]=\"autocomplete\"\n [maxLength]=\"inputContentType === 'date' ? 10 : (validations?.maxLength || 100)\"\n [minLength]=\"validations?.minLength ? validations?.minLength : 0\"\n [placeholder]=\"getPlaceholder()\"\n [type]=\"inputContentType === 'date' ? 'text' : (inputContentType !== 'number' ? inputContentType : 'text')\"\n [value]=\"inputValue\"\n (blur)=\"focusInput = false\"\n (change)=\"changeInputValue()\"\n (focus)=\"focusInput = true\"\n (keydown)=\" onKeyDownEvent($event)\"\n (keyup)=\"inputContentType === 'date' ?\n formatDateInput($event) : changeInputValue()\"\n class=\"{{getTextFieldInputFontSize()}}\"\n #inputElement\n >\n }\n\n @if (textFieldType == 'textarea') {\n <textarea [attr.data-cy]=\"cypressTag ? 'textField_' + cypressTag : null\"\n [attr.disabled]=\"customState == 'disabled' ? true : null\"\n [attr.readonly]=\"customState == 'readonly' ? true : null\"\n [maxLength]=\"validations?.maxLength ? validations?.maxLength : 200\"\n [minLength]=\"validations?.minLength ? validations?.minLength : 0\"\n [placeholder]=\"getPlaceholder()\"\n [value]=\"inputValue\"\n (blur)=\"focusInput = false\"\n (change)=\"changeInputValue()\"\n (focus)=\"focusInput = true\"\n (keydown)=\"onKeyDownEvent($event)\"\n (keyup)=\"changeInputValue()\"\n class=\"{{getTextFieldInputFontSize()}}\"\n rows=\"1\"\n #textAreaElement\n ></textarea>\n }\n @if (iconRight) {\n <ng-container [ngTemplateOutlet]=\"icons\" [ngTemplateOutletContext]=\"{iconPosition: 'right'}\"></ng-container>\n }\n</div>\n<div class=\"support-text-container {{size}} {{width}}-width\">\n @if (supportText) {\n <p class=\"hr-label sm-regular supporting-text {{getTextFieldStatus()}} {{size}} {{textFieldType}}\"\n [class.custom-label-size]=\"size == 'sm'\">\n @if (getTextFieldStatus() == 'typed-error' || characterLimit) {\n <gravity-icon [class.negative]=\"getTextFieldStatus() == 'typed-error'\" [iconName]=\"'question-circle'\"\n [iconSize]=\"'md-16'\"></gravity-icon>\n }\n @if (!hasInvalidPasswordRequirements && isPasswordField) {\n <gravity-icon class=\"positive\" [iconName]=\"'check'\"\n [iconSize]=\"'md-16'\"></gravity-icon>\n }\n @if (supportTextIcon) {\n <gravity-icon [ngClass]=\"{negative: getTextFieldStatus() === 'typed-error', positive: getTextFieldStatus() === 'typed-positive', disabled: getTextFieldStatus() === 'disabled'}\"\n [iconName]=\"supportTextIcon\" [iconSize]=\"'md-16'\"></gravity-icon>\n }\n {{ supportText }}\n </p>\n }\n @if (characterCounter) {\n <p class=\"hr-label sm-regular character-counter {{getTextFieldStatus()}}\"\n >{{ inputValue.length }}/200</p>\n }\n</div>\n\n\n@if (passwordRequirements.length> 0 && hasInvalidPasswordRequirements) {\n <div class=\"password-requirements\">\n <p class=\"hr-label sm-bold\">{{ currentLang == 'en' ? 'Password requirements:' : 'Requisitos de contrase\u00F1a:' }}</p>\n <ul class=\"requirements\">\n @for (requirement of passwordRequirements; track requirement) {\n <li class=\"hr-label sm-regular\"\n [ngClass]=\"{valid: hasUserTyped && requirement.isValid, invalid: hasUserTyped && !focusInput && !requirement.isValid}\">\n {{ requirement.label }}\n </li>\n }\n </ul>\n </div>\n}\n\n<ng-template #icons let-iconPosition=\"iconPosition\">\n <gravity-icon (click)=\"$event.stopPropagation(); handleIconClick(iconPosition)\" class=\"{{iconPosition}}\"\n [class.pointer]=\"(iconPosition == 'left' && clickOnLeftIcon) || (iconPosition == 'right' && clickOnRightIcon)\"\n [iconName]=\"iconPosition == 'left' ? iconLeft : iconRight\" [style.--icon-color]=\"iconColor\"\n [iconSize]=\"isNewIcon(iconPosition) ? 'md-16' : null\" [attr.data-cy]=\"'textField_icon'\"></gravity-icon>\n</ng-template>\n", 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}.text-negative{color:var(--negative-primary)}.text-neutro{color:var(--text-primary)}.text-positive{color:var(--positive-primary)}.support-text{margin-left:0;margin-top:.3125rem;padding-inline:1rem}.scrollbar-sm::-webkit-scrollbar,.gravity-input-field textarea::-webkit-scrollbar{width:4px;height:4px}.scrollbar-sm::-webkit-scrollbar-track,.gravity-input-field textarea::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb,.gravity-input-field textarea::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb:hover,.gravity-input-field textarea::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.scrollbar-md::-webkit-scrollbar{width:8px;height:8px}.scrollbar-md::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}:host{display:block}label{color:var(--text-field-label-color);display:block;margin:0 12px 5px}label.active,label.hover,label.autofill{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.typing{--text-field-label-color: var(--label-text-full-enabled-pressed-primary)}label.typed,label.typed-error{--text-field-label-color: var(--label-text-full-enabled-primary)}label.typed-error span{color:var(--negative-primary)}label.typed-positive{--text-field-label-color: var(--label-text-full-enabled-primary)}label.disabled{--text-field-label-color: var(--on-bg-disabled)}label.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}label .extra-text{font-weight:343!important;color:var(--placeholder-empty-enabled-primary)!important}.hr-label.sm-bold.custom-label-size,.hr-label.sm-regular.custom-label-size{font-size:10px;letter-spacing:.25px}.gravity-input-field{align-items:center;background-color:var(--text-field-input-field-background-color);border:var(--text-field-input-field-border-width) solid var(--text-field-input-field-border-color);border-radius:.3125rem;color:var(--text-field-input-field-content-color);display:flex;height:var(--text-field-input-field-height);padding:10px 12px;--text-field-input-field-border-width: .5px;width:var(--text-field-input-field-width)}.gravity-input-field gravity-icon{--icon-color: var(--text-field-input-field-icon-color);--icon-height: var(--text-field-input-field-content);--icon-width: var(--text-field-input-field-content)}.gravity-input-field gravity-icon.pointer{cursor:pointer}.gravity-input-field gravity-icon.left{margin-right:5px}.gravity-input-field gravity-icon.right{margin-left:5px}.gravity-input-field .prefix{color:var(--text-field-input-field-content-color)}.gravity-input-field input,.gravity-input-field textarea{background-color:transparent;border:none;box-shadow:none;color:var(--text-field-input-field-content-color);height:var(--text-field-input-field-input);line-height:1;outline:none;padding:0;resize:none;width:100%}.gravity-input-field input::placeholder,.gravity-input-field textarea::placeholder{color:var(--text-field-input-field-placeholder-color)}.gravity-input-field input:-webkit-autofill,.gravity-input-field textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--bg-field-autofill) inset!important;-webkit-text-fill-color:var(--label-text-full-enabled-primary)!important}.gravity-input-field.sm,.support-text-container.sm{--text-field-input-field-content: 9px}.gravity-input-field.sm.input,.support-text-container.sm.input{--text-field-input-field-height: 29px;--text-field-input-field-input: 13px}.gravity-input-field.sm.textarea,.support-text-container.sm.textarea{--text-field-input-field-height: 64px;--text-field-input-field-input: 44px}.gravity-input-field.sm.short-width,.support-text-container.sm.short-width{--text-field-input-field-width: 195px}.gravity-input-field.sm.medium-width,.support-text-container.sm.medium-width{--text-field-input-field-width: 276px}.gravity-input-field.sm.full-width,.support-text-container.sm.full-width,.gravity-input-field.sm.fit-width,.support-text-container.sm.fit-width{--text-field-input-field-width: 100%}.gravity-input-field.md,.support-text-container.md{--text-field-input-field-content: 15px}.gravity-input-field.md.input,.support-text-container.md.input{--text-field-input-field-height: 35px;--text-field-input-field-input: 18px}.gravity-input-field.md.textarea,.support-text-container.md.textarea{--text-field-input-field-height: 80px;--text-field-input-field-input: 60px}.gravity-input-field.md.short-width,.support-text-container.md.short-width{--text-field-input-field-width: 242px}.gravity-input-field.md.medium-width,.support-text-container.md.medium-width{--text-field-input-field-width: 329px}.gravity-input-field.md.full-width,.support-text-container.md.full-width,.gravity-input-field.md.fit-width,.support-text-container.md.fit-width{--text-field-input-field-width: 100%}.gravity-input-field.active{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-enabled-primary)}.gravity-input-field.active:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.hover{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-border-width: 1px;--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-enabled-primary)}.gravity-input-field.autofill{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-enabled-primary)}.gravity-input-field.autofill:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.autofill input,.gravity-input-field.autofill textarea{background-color:var(--bg-field-autofill);color:var(--label-text-full-enabled-primary)}.gravity-input-field.typing{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-border-width: 1px;--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-pressed-primary);--text-field-input-field-placeholder-color: var(--placeholder-full-enabled-pressed-primary)}.gravity-input-field.typing:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.typed{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary);--text-field-input-field-placeholder-color: var(--label-text-full-enabled-primary)}.gravity-input-field.typed:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.typed-error{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--negative-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary);--text-field-input-field-placeholder-color: var(--label-text-full-enabled-primary)}.gravity-input-field.typed-error:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.typed-positive{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--positive-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary);--text-field-input-field-placeholder-color: var(--label-text-full-enabled-primary)}.gravity-input-field.typed-positive:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.disabled{--text-field-input-field-background-color: var(--bg-field-empty-disabled-primary);--text-field-input-field-border-color: var(--outline-disabled);--text-field-input-field-content-color: var(--on-bg-disabled);--text-field-input-field-icon-color: var(--on-bg-disabled);--text-field-input-field-placeholder-color: var(--on-bg-disabled)}.gravity-input-field.readonly{--text-field-input-field-background-color: var(--bg-field-full-read-only-primary);--text-field-input-field-border-color: var(--bg-field-full-read-only-primary);--text-field-input-field-content-color: var(--input-text-full-read-only-primary);--text-field-input-field-icon-color: var(--input-text-full-read-only-primary);--text-field-input-field-placeholder-color: var(--input-text-full-read-only-primary)}.support-text-container{display:flex;justify-content:space-between;width:var(--text-field-input-field-width)}.supporting-text{display:flex;align-items:center;color:var(--text-field-supporting-text-color);margin:var(--gravity-spacing-xxs) var(--gravity-spacing-xs) 0}.supporting-text.textarea{margin:var(--gravity-spacing-xxs) 0 0}.supporting-text.active,.supporting-text.hover,.supporting-text.autofill{--text-field-supporting-text-color: var(--label-text-empty-enabled-primary)}.supporting-text.typing{--text-field-supporting-text-color: var(--label-text-full-enabled-pressed-primary)}.supporting-text.typed{--text-field-supporting-text-color: var(--label-text-full-enabled-primary)}.supporting-text.typed-error{--text-field-supporting-text-color: var(--negative-primary)}.supporting-text.typed-positive{--text-field-supporting-text-color: var(--positive-primary)}.supporting-text.disabled{--text-field-supporting-text-color: var(--on-bg-disabled)}.supporting-text.readonly{--text-field-supporting-text-color: var(--label-text-full-read-only-primary)}.supporting-text.sm{--text-field-supporting-text-icon-size: 9px}.supporting-text.md{--text-field-supporting-text-icon-size: 15px}.supporting-text gravity-icon{--icon-height: var(--text-field-supporting-text-icon-size);--icon-width: var(--text-field-supporting-text-icon-size);margin-right:5px}.supporting-text gravity-icon.negative{--icon-color: var(--negative-primary)}.supporting-text gravity-icon.positive{--icon-color: var(--positive-primary)}.supporting-text gravity-icon.disabled{--icon-color: var(--on-bg-disabled)}.password-requirements{display:flex;padding-left:12px;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px}.password-requirements .requirements{padding-left:12px;margin:0!important}.password-requirements .requirements li.valid{color:var(--positive-primary)}.password-requirements .requirements li.invalid{color:var(--negative-primary)}.character-counter{margin-left:auto;margin-top:5px}.character-counter.disabled{color:var(--on-bg-disabled)}\n"] }]
1402
+ args: [{ selector: 'gravity-text-field', standalone: true, imports: [NgTemplateOutlet, GravityIconComponent, NgClass], template: "@if (label) {\n <label class=\"hr-label sm-bold {{getTextFieldStatus()}}\" [class.custom-label-size]=\"size == 'sm'\">\n {{ label }}\n @if (required || getTextFieldStatus() == 'typed-error') {\n <span>* </span>\n }\n @if (labelExtraText) {\n <span [class.extra-text]=\"labelExtraText\">{{ labelExtraText }}</span>\n }\n </label>\n}\n<div class=\"gravity-input-field {{textFieldType}} {{size}} {{width}}-width {{getTextFieldStatus()}}\">\n @if (iconLeft) {\n <ng-container [ngTemplateOutlet]=\"icons\" [ngTemplateOutletContext]=\"{iconPosition: 'left'}\"></ng-container>\n }\n <span class=\"{{getTextFieldInputFontSize()}} prefix\">{{ prefix }}</span>\n @if (textFieldType == 'input') {\n <input [attr.data-cy]=\"cypressTag ? 'textField_' + cypressTag : null\"\n [attr.disabled]=\"customState == 'disabled' ? true : null\"\n [attr.readonly]=\"customState == 'readonly' ? true : null\"\n [autocomplete]=\"autocomplete\"\n [maxLength]=\"inputContentType === 'date' ? 10 : (validations?.maxLength || 100)\"\n [minLength]=\"validations?.minLength ? validations?.minLength : 0\"\n [placeholder]=\"getPlaceholder()\"\n [type]=\"inputContentType === 'date' ? 'text' : (inputContentType !== 'number' ? inputContentType : 'text')\"\n [value]=\"inputValue\"\n (blur)=\"focusInput = false\"\n (change)=\"changeInputValue()\"\n (focus)=\"focusInput = true\"\n (keydown)=\" onKeyDownEvent($event)\"\n (keyup)=\"inputContentType === 'date' ?\n formatDateInput($event) : changeInputValue()\"\n class=\"{{getTextFieldInputFontSize()}}\"\n #inputElement\n >\n }\n\n @if (textFieldType == 'textarea') {\n <textarea [attr.data-cy]=\"cypressTag ? 'textField_' + cypressTag : null\"\n [attr.disabled]=\"customState == 'disabled' ? true : null\"\n [attr.readonly]=\"customState == 'readonly' ? true : null\"\n [maxLength]=\"validations?.maxLength ? validations?.maxLength : 200\"\n [minLength]=\"validations?.minLength ? validations?.minLength : 0\"\n [placeholder]=\"getPlaceholder()\"\n [value]=\"inputValue\"\n (blur)=\"focusInput = false\"\n (change)=\"changeInputValue()\"\n (focus)=\"focusInput = true\"\n (keydown)=\"onKeyDownEvent($event)\"\n (keyup)=\"changeInputValue()\"\n class=\"{{getTextFieldInputFontSize()}}\"\n rows=\"1\"\n #textAreaElement\n ></textarea>\n }\n @if (iconRight) {\n <ng-container [ngTemplateOutlet]=\"icons\" [ngTemplateOutletContext]=\"{iconPosition: 'right'}\"></ng-container>\n }\n</div>\n<div class=\"support-text-container {{size}} {{width}}-width\">\n @if (supportText) {\n <p class=\"hr-label sm-regular supporting-text {{getTextFieldStatus()}} {{size}} {{textFieldType}}\"\n [class.custom-label-size]=\"size == 'sm'\">\n @if (getTextFieldStatus() == 'typed-error' || characterLimit) {\n <gravity-icon [class.negative]=\"getTextFieldStatus() == 'typed-error'\" [iconName]=\"'question-circle'\"\n [iconSize]=\"'md-16'\"></gravity-icon>\n }\n @if (!hasInvalidPasswordRequirements && isPasswordField) {\n <gravity-icon class=\"positive\" [iconName]=\"'check'\"\n [iconSize]=\"'md-16'\"></gravity-icon>\n }\n @if (supportTextIcon) {\n <gravity-icon [ngClass]=\"{negative: getTextFieldStatus() === 'typed-error', positive: getTextFieldStatus() === 'typed-positive', disabled: getTextFieldStatus() === 'disabled'}\"\n [iconName]=\"supportTextIcon\" [iconSize]=\"'md-16'\"></gravity-icon>\n }\n {{ supportText }}\n </p>\n }\n @if (characterCounter) {\n <p class=\"hr-label sm-regular character-counter {{getTextFieldStatus()}}\"\n >{{ inputValue.length }}/200</p>\n }\n</div>\n\n\n@if (passwordRequirements.length> 0 && hasInvalidPasswordRequirements) {\n <div class=\"password-requirements\">\n <p class=\"hr-label sm-bold\">{{ currentLang == 'en' ? 'Password requirements:' : 'Requisitos de contrase\u00F1a:' }}</p>\n <ul class=\"requirements\">\n @for (requirement of passwordRequirements; track requirement) {\n <li class=\"hr-label sm-regular\"\n [ngClass]=\"{valid: hasUserTyped && requirement.isValid, invalid: hasUserTyped && !focusInput && !requirement.isValid}\">\n {{ requirement.label }}\n </li>\n }\n </ul>\n </div>\n}\n\n<ng-template #icons let-iconPosition=\"iconPosition\">\n <gravity-icon (click)=\"$event.stopPropagation(); handleIconClick(iconPosition)\" class=\"{{iconPosition}}\"\n [class.pointer]=\"(iconPosition == 'left' && clickOnLeftIcon) || (iconPosition == 'right' && clickOnRightIcon)\"\n [iconName]=\"iconPosition == 'left' ? iconLeft : iconRight\" [style.--icon-color]=\"iconColor\"\n [iconSize]=\"isNewIcon(iconPosition) ? 'md-16' : null\" [attr.data-cy]=\"'textField_icon'\"></gravity-icon>\n</ng-template>\n", 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}.text-negative{color:var(--negative-primary)}.text-neutro{color:var(--text-primary)}.text-positive{color:var(--positive-primary)}.support-text{margin-left:0;margin-top:.3125rem;padding-inline:1rem}.scrollbar-sm::-webkit-scrollbar,.gravity-input-field textarea::-webkit-scrollbar{width:4px;height:4px}.scrollbar-sm::-webkit-scrollbar-track,.gravity-input-field textarea::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb,.gravity-input-field textarea::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb:hover,.gravity-input-field textarea::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.scrollbar-md::-webkit-scrollbar{width:8px;height:8px}.scrollbar-md::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}:host{display:block}label{color:var(--text-field-label-color);display:block;margin:0 12px 5px}label.active,label.hover,label.autofill{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.typing{--text-field-label-color: var(--label-text-full-enabled-pressed-primary)}label.typed,label.typed-error{--text-field-label-color: var(--label-text-full-enabled-primary)}label.typed-error span{color:var(--negative-primary)}label.typed-positive{--text-field-label-color: var(--label-text-full-enabled-primary)}label.disabled{--text-field-label-color: var(--on-bg-disabled)}label.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}label .extra-text{font-weight:343!important;color:var(--placeholder-empty-enabled-primary)!important}.hr-label.sm-bold.custom-label-size,.hr-label.sm-regular.custom-label-size{font-size:10px;letter-spacing:.25px}.gravity-input-field{align-items:center;background-color:var(--text-field-input-field-background-color);border:var(--text-field-input-field-border-width) solid var(--text-field-input-field-border-color);border-radius:.3125rem;color:var(--text-field-input-field-content-color);display:flex;height:var(--text-field-input-field-height);padding:10px 12px;--text-field-input-field-border-width: .5px;width:var(--text-field-input-field-width)}.gravity-input-field gravity-icon{--icon-color: var(--text-field-input-field-icon-color);--icon-height: var(--text-field-input-field-content);--icon-width: var(--text-field-input-field-content)}.gravity-input-field gravity-icon.pointer{cursor:pointer}.gravity-input-field gravity-icon.left{margin-right:5px}.gravity-input-field gravity-icon.right{margin-left:5px}.gravity-input-field .prefix{color:var(--text-field-input-field-content-color)}.gravity-input-field input,.gravity-input-field textarea{background-color:transparent;border:none;box-shadow:none;color:var(--text-field-input-field-content-color);height:var(--text-field-input-field-input);line-height:1;outline:none;padding:0;resize:none;width:100%}.gravity-input-field input::placeholder,.gravity-input-field textarea::placeholder{color:var(--text-field-input-field-placeholder-color)}.gravity-input-field input:-webkit-autofill,.gravity-input-field textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--bg-field-autofill) inset!important;-webkit-text-fill-color:var(--label-text-full-enabled-primary)!important}.gravity-input-field.sm,.support-text-container.sm{--text-field-input-field-content: 9px}.gravity-input-field.sm.input,.support-text-container.sm.input{--text-field-input-field-height: 29px;--text-field-input-field-input: 13px}.gravity-input-field.sm.textarea,.support-text-container.sm.textarea{--text-field-input-field-height: 64px;--text-field-input-field-input: 44px}.gravity-input-field.sm.short-width,.support-text-container.sm.short-width{--text-field-input-field-width: 195px}.gravity-input-field.sm.medium-width,.support-text-container.sm.medium-width{--text-field-input-field-width: 276px}.gravity-input-field.sm.full-width,.support-text-container.sm.full-width,.gravity-input-field.sm.fit-width,.support-text-container.sm.fit-width{--text-field-input-field-width: 100%}.gravity-input-field.md,.support-text-container.md{--text-field-input-field-content: 15px}.gravity-input-field.md.input,.support-text-container.md.input{--text-field-input-field-height: 35px;--text-field-input-field-input: 18px}.gravity-input-field.md.textarea,.support-text-container.md.textarea{--text-field-input-field-height: 80px;--text-field-input-field-input: 60px}.gravity-input-field.md.short-width,.support-text-container.md.short-width{--text-field-input-field-width: 242px}.gravity-input-field.md.medium-width,.support-text-container.md.medium-width{--text-field-input-field-width: 329px}.gravity-input-field.md.full-width,.support-text-container.md.full-width,.gravity-input-field.md.fit-width,.support-text-container.md.fit-width{--text-field-input-field-width: 100%}.gravity-input-field.active{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-enabled-primary)}.gravity-input-field.active:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.hover{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-border-width: 1px;--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-enabled-primary)}.gravity-input-field.autofill{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-empty-enabled-primary);--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-placeholder-color: var(--placeholder-empty-enabled-primary)}.gravity-input-field.autofill:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.autofill input,.gravity-input-field.autofill textarea{background-color:var(--bg-field-autofill);color:var(--label-text-full-enabled-primary)}.gravity-input-field.typing{--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-border-width: 1px;--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-pressed-primary);--text-field-input-field-placeholder-color: var(--placeholder-full-enabled-pressed-primary)}.gravity-input-field.typing:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.typed{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--outline-field-full-enabled-pressed-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary);--text-field-input-field-placeholder-color: var(--label-text-full-enabled-primary)}.gravity-input-field.typed:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.typed-error{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--negative-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary);--text-field-input-field-placeholder-color: var(--label-text-full-enabled-primary)}.gravity-input-field.typed-error:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.typed-positive{--text-field-input-field-background-color: var(--bg-field-full-enabled-primary);--text-field-input-field-border-color: var(--positive-primary);--text-field-input-field-content-color: var(--label-text-full-enabled-primary);--text-field-input-field-icon-color: var(--label-text-full-enabled-primary);--text-field-input-field-placeholder-color: var(--label-text-full-enabled-primary)}.gravity-input-field.typed-positive:hover{--text-field-input-field-border-width: 1px}.gravity-input-field.disabled{--text-field-input-field-background-color: var(--bg-field-empty-disabled-primary);--text-field-input-field-border-color: var(--outline-disabled);--text-field-input-field-content-color: var(--on-bg-disabled);--text-field-input-field-icon-color: var(--on-bg-disabled);--text-field-input-field-placeholder-color: var(--on-bg-disabled)}.gravity-input-field.readonly{--text-field-input-field-background-color: var(--bg-field-full-read-only-primary);--text-field-input-field-border-color: var(--bg-field-full-read-only-primary);--text-field-input-field-content-color: var(--input-text-full-read-only-primary);--text-field-input-field-icon-color: var(--input-text-full-read-only-primary);--text-field-input-field-placeholder-color: var(--input-text-full-read-only-primary)}.support-text-container{display:flex;justify-content:space-between;width:var(--text-field-input-field-width)}.supporting-text{height:14px;display:flex;align-items:center;color:var(--text-field-supporting-text-color);margin:var(--gravity-spacing-xxs) var(--gravity-spacing-xs) 0}.supporting-text.textarea{margin:var(--gravity-spacing-xxs) 0 0}.supporting-text.active,.supporting-text.hover,.supporting-text.autofill{--text-field-supporting-text-color: var(--label-text-empty-enabled-primary)}.supporting-text.typing{--text-field-supporting-text-color: var(--label-text-full-enabled-pressed-primary)}.supporting-text.typed{--text-field-supporting-text-color: var(--label-text-full-enabled-primary)}.supporting-text.typed-error{--text-field-supporting-text-color: var(--negative-primary)}.supporting-text.typed-positive{--text-field-supporting-text-color: var(--positive-primary)}.supporting-text.disabled{--text-field-supporting-text-color: var(--on-bg-disabled)}.supporting-text.readonly{--text-field-supporting-text-color: var(--label-text-full-read-only-primary)}.supporting-text.sm{--text-field-supporting-text-icon-size: 9px}.supporting-text.md{--text-field-supporting-text-icon-size: 15px}.supporting-text gravity-icon{--icon-height: var(--text-field-supporting-text-icon-size);--icon-width: var(--text-field-supporting-text-icon-size);margin-right:5px}.supporting-text gravity-icon.negative{--icon-color: var(--negative-primary)}.supporting-text gravity-icon.positive{--icon-color: var(--positive-primary)}.supporting-text gravity-icon.disabled{--icon-color: var(--on-bg-disabled)}.password-requirements{display:flex;padding-left:12px;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px}.password-requirements .requirements{padding-left:12px;margin:0!important}.password-requirements .requirements li.valid{color:var(--positive-primary)}.password-requirements .requirements li.invalid{color:var(--negative-primary)}.character-counter{margin-left:auto;margin-top:var(--gravity-spacing-xxs)}.character-counter.disabled{color:var(--on-bg-disabled)}\n"] }]
1400
1403
  }], propDecorators: { leftIconResponse: [{
1401
1404
  type: Output,
1402
1405
  args: ['clickIconLeft']
@@ -5096,7 +5099,7 @@ class GravityAttachFileComponent {
5096
5099
  this.fileValueAsBase64StringResponse.emit('');
5097
5100
  }
5098
5101
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GravityAttachFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5099
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: GravityAttachFileComponent, isStandalone: true, selector: "gravity-attach-file", inputs: { currentLang: "currentLang", cypressTag: "cypressTag", inputId: "inputId", label: "label", required: "required", state: "state", supportedDocumentTypes: "supportedDocumentTypes", supportTextContent: "supportTextContent", supportTextType: "supportTextType" }, outputs: { fileValueAsBase64StringResponse: "response" }, ngImport: i0, template: "@if (label) {\n <label class=\"hr-body sm-regular {{state}}\" [class.empty]=\"!file\" [class.full-input]=\"file\">\n {{label}}\n @if (required) {\n @if (currentLang == 'es') {\n - Requerido <span class=\"text-negative\">*</span>\n }\n @if (currentLang == 'en') {\n - Required <span class=\"text-negative\">*</span>\n }\n }\n @if (state == 'readonly') {\n @if (currentLang == 'es') {\n - S\u00F3lo lectura\n }\n @if (currentLang == 'en') {\n - Readonly\n }\n }\n @if (state == 'disabled') {\n @if (currentLang == 'es') {\n - Deshabilitado\n }\n @if (currentLang == 'en') {\n - Disabled\n }\n }\n </label>\n}\n<div class=\"gravity-attach-file {{state}}\" [class.empty]=\"!file\" [class.full-input]=\"file\">\n @if (!file) {\n <input autocomplete=\"off\" class=\"hr-label md-regular\" hidden id=\"fileInput-{{inputId}}\" type=\"file\"\n [accept]=\"supportedTypes\"\n [attr.data-cy]=\"cypressTag\"\n [attr.disabled]=\"state == 'disabled' ? true : null\"\n [attr.readonly]=\"state == 'readonly' ? true : null\"\n (change)=\"handleFileInput($event)\">\n <label for=\"fileInput-{{inputId}}\">\n <gravity-button [iconName]=\"'clip'\" [type]=\"'tertiary'\" [size]=\"'md'\">\n {{label}}\n </gravity-button>\n </label>\n }\n @if (file) {\n <label>\n <gravity-button (click)=\"removeFile()\" [iconName]=\"'clip'\" [type]=\"'tertiary'\" [size]=\"'md'\">\n {{currentLang == 'en' ? 'Remove file' : 'Remover archivo'}}\n </gravity-button>\n </label>\n <h3 class=\"hr-body sm-bold\">{{currentLang == 'en' ? 'File' : 'Archivo'}}: {{file.name}}</h3>\n }\n</div>\n@if (supportTextContent) {\n <p class=\"hr-body sm-regular support-text text-{{supportTextType}}\">\n {{supportTextContent}}\n </p>\n}\n", styles: [".text-negative{color:var(--negative-primary)}.text-neutro{color:var(--text-primary)}.text-positive{color:var(--positive-primary)}.support-text{margin-left:0;margin-top:.3125rem;padding-inline:1rem}:host{display:block}label{color:var(--text-field-label-color);margin-inline:1rem}label.empty.enabled{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.empty.disabled{--text-field-label-color: var(--label-text-empty-disabled-primary)}label.full-input.enabled{--text-field-label-color: var(--label-text-full-enabled-primary)}label.full-input.disabled{--text-field-label-color: var(--label-text-full-disabled-primary)}label.full-input.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}.gravity-attach-file{align-items:center;display:flex}.gravity-attach-file label{cursor:pointer}.gravity-attach-file label:hover gravity-button ::ng-deep button{--button-background-color: var(--bg-button-hover-tertiary);--button-border-color: var(--bg-button-hover-tertiary);--button-text-color: var(--on-bg-button-hover-tertiary)}gravity-button,gravity-button ::ng-deep button{pointer-events:none}\n"], dependencies: [{ kind: "component", type: GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "iconName", "isLoading", "showContent", "size", "iconPosition", "customState", "type"] }] }); }
5102
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: GravityAttachFileComponent, isStandalone: true, selector: "gravity-attach-file", inputs: { currentLang: "currentLang", cypressTag: "cypressTag", inputId: "inputId", label: "label", required: "required", state: "state", supportedDocumentTypes: "supportedDocumentTypes", supportTextContent: "supportTextContent", supportTextType: "supportTextType" }, outputs: { fileValueAsBase64StringResponse: "response" }, ngImport: i0, template: "@if (label) {\n <label class=\"hr-body sm-regular {{state}}\" [class.empty]=\"!file\" [class.full-input]=\"file\">\n {{label}}\n @if (required) {\n @if (currentLang == 'es') {\n - Requerido <span class=\"text-negative\">*</span>\n }\n @if (currentLang == 'en') {\n - Required <span class=\"text-negative\">*</span>\n }\n }\n @if (state == 'readonly') {\n @if (currentLang == 'es') {\n - S\u00F3lo lectura\n }\n @if (currentLang == 'en') {\n - Readonly\n }\n }\n @if (state == 'disabled') {\n @if (currentLang == 'es') {\n - Deshabilitado\n }\n @if (currentLang == 'en') {\n - Disabled\n }\n }\n </label>\n}\n<div class=\"gravity-attach-file {{state}}\" [class.empty]=\"!file\" [class.full-input]=\"file\">\n @if (!file) {\n <input autocomplete=\"off\" class=\"hr-label md-regular\" hidden id=\"fileInput-{{inputId}}\" type=\"file\"\n [accept]=\"supportedTypes\"\n [attr.data-cy]=\"cypressTag\"\n [attr.disabled]=\"state == 'disabled' ? true : null\"\n [attr.readonly]=\"state == 'readonly' ? true : null\"\n (change)=\"handleFileInput($event)\">\n <label for=\"fileInput-{{inputId}}\">\n <gravity-button [iconName]=\"'clip'\" [type]=\"'tertiary'\" [size]=\"'md'\">\n {{label}}\n </gravity-button>\n </label>\n }\n @if (file) {\n <label>\n <gravity-button (click)=\"removeFile()\" [iconName]=\"'clip'\" [type]=\"'tertiary'\" [size]=\"'md'\">\n {{currentLang == 'en' ? 'Remove file' : 'Remover archivo'}}\n </gravity-button>\n </label>\n <h3 class=\"hr-body sm-bold\">{{currentLang == 'en' ? 'File' : 'Archivo'}}: {{file.name}}</h3>\n }\n</div>\n@if (supportTextContent) {\n <p class=\"hr-body sm-regular support-text text-{{supportTextType}}\">\n {{supportTextContent}}\n </p>\n}\n", styles: [".text-negative{color:var(--negative-primary)}.text-neutro{color:var(--text-primary)}.text-positive{color:var(--positive-primary)}.support-text{margin-left:0;margin-top:.3125rem;padding-inline:1rem}:host{display:block}label{color:var(--text-field-label-color);margin-inline:1rem}label.empty.enabled{--text-field-label-color: var(--label-text-empty-enabled-primary)}label.empty.disabled{--text-field-label-color: var(--label-text-empty-disabled-primary)}label.full-input.enabled{--text-field-label-color: var(--label-text-full-enabled-primary)}label.full-input.disabled{--text-field-label-color: var(--label-text-full-disabled-primary)}label.full-input.readonly{--text-field-label-color: var(--label-text-full-read-only-primary)}.gravity-attach-file{align-items:center;display:flex}.gravity-attach-file label{cursor:pointer}.gravity-attach-file label:hover gravity-button ::ng-deep button{--button-background-color: var(--bg-button-hover-tertiary);--button-border-color: var(--bg-button-hover-tertiary);--button-text-color: var(--on-bg-button-hover-tertiary)}gravity-button,gravity-button ::ng-deep button{pointer-events:none}\n"], dependencies: [{ kind: "component", type: GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "fullWidth", "isLoading", "showContent", "iconName", "size", "iconPosition", "customState", "type"] }] }); }
5100
5103
  }
5101
5104
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GravityAttachFileComponent, decorators: [{
5102
5105
  type: Component,
@@ -5316,7 +5319,7 @@ class GravityTableComponent {
5316
5319
  }
5317
5320
  }
5318
5321
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GravityTableComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
5319
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: GravityTableComponent, isStandalone: true, selector: "gravity-table", inputs: { tableDensity: "tableDensity", tableSizeInput: "tableSizeInput" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "tableContainer", first: true, predicate: ["tableContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"table-container {{tableSize}}\" #tableContainer>\n <ng-content></ng-content>\n</div>\n\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n", styles: [":host{display:block;margin-block:1rem}.table-container{overflow:auto}\n"], dependencies: [{ kind: "component", type: GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "iconName", "isLoading", "showContent", "size", "iconPosition", "customState", "type"] }] }); }
5322
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: GravityTableComponent, isStandalone: true, selector: "gravity-table", inputs: { tableDensity: "tableDensity", tableSizeInput: "tableSizeInput" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "tableContainer", first: true, predicate: ["tableContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"table-container {{tableSize}}\" #tableContainer>\n <ng-content></ng-content>\n</div>\n\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n<gravity-button id-reference=\"close-button\" [iconName]=\"'unsuccess'\" [type]=\"'tertiary'\" [size]=\"'sm'\">Close menu</gravity-button>\n", styles: [":host{display:block;margin-block:1rem}.table-container{overflow:auto}\n"], dependencies: [{ kind: "component", type: GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "fullWidth", "isLoading", "showContent", "iconName", "size", "iconPosition", "customState", "type"] }] }); }
5320
5323
  }
5321
5324
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GravityTableComponent, decorators: [{
5322
5325
  type: Component,
@@ -6116,7 +6119,7 @@ class GravityModalComponent {
6116
6119
  this.close.emit();
6117
6120
  }
6118
6121
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GravityModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6119
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: GravityModalComponent, isStandalone: true, selector: "gravity-modal", inputs: { title: "title", iconName: "iconName", preTitle: "preTitle", subTitle: "subTitle", isVisible: "isVisible", state: "state", link: "link", primaryBtn: "primaryBtn", secondaryBtn: "secondaryBtn" }, outputs: { close: "close" }, ngImport: i0, template: "@if (isVisible) {\n <div class=\"gravity-modal-cover\"></div>\n}\n\n@if (isVisible) {\n <div class=\"gravity-modal-container elevation-sm\">\n <div class=\"modal-header {{state}}\">\n <span class=\"hr-body sm-regular\" [class.span-margin]=\"iconName\">{{ preTitle }}</span>\n <div class=\"title\">\n @if (iconName) {\n <gravity-icon [style.--icon-color]=\"'var(--state-color)'\"\n [size]=\"'md'\" [iconName]=\"iconName\" [iconSize]=\"'md-16'\" class=\"icon-left\"> </gravity-icon>\n }\n <h1 class=\"hr-title md-bold\" [attr.data-cy]=\"'modal_title'\">{{ title }}</h1>\n </div>\n <span class=\"hr-body sm-regular\" [class.span-margin]=\"iconName\">{{ subTitle }}</span>\n <div class=\"close-button\">\n <gravity-icon [style.--icon-color]=\"'var(--text-primary)'\" [size]=\"'md'\" (click)=\"closeModal()\"\n class=\"close\" [iconName]=\"'unsuccess'\" [iconSize]=\"'md-16'\" [title]=\"'Close'\" [attr.data-cy]=\"'modal_closeButton'\"/>\n </div>\n </div>\n <div class=\"modal-body\" [attr.data-cy]=\"'modal_body'\"> <ng-content> </ng-content> </div>\n <div class=\"modal-footer\">\n @if (primaryBtn?.text || primaryBtn?.icon) {\n <gravity-button\n [customState]=\"'active'\" [iconName]=\"primaryBtn?.icon\" [disabled]=\"primaryBtn.disabled\"\n [size]=\"'sm'\" [type]=\"primaryBtn?.type\" [iconPosition]=\"primaryBtn?.iconPosition || 'left'\"\n (click)=\"primaryBtn.callback?.()\" [attr.data-cy]=\"'modal_primaryButton'\">{{ primaryBtn?.text }} </gravity-button>\n }\n @if (secondaryBtn?.text || secondaryBtn?.icon) {\n <gravity-button\n [customState]=\"'active'\" [iconName]=\"secondaryBtn?.icon\" [disabled]=\"secondaryBtn.disabled\"\n [size]=\"'sm'\" [type]=\"secondaryBtn?.type\" [iconPosition]=\"secondaryBtn?.iconPosition || 'left'\"\n (click)=\"secondaryBtn.callback?.()\" [attr.data-cy]=\"'modal_secondaryButton'\">{{ secondaryBtn?.text }} </gravity-button>\n }\n @if (link?.text || link?.icon) {\n <gravity-link [linkText]=\"link?.text\" [iconName]=\"link?.icon\" (click)=\"link?.callback?.()\"\n [iconPosition]=\"link?.iconPosition || 'left'\" [state]=\"link?.state || 'active'\" [link]=\"link?.url\" [fontClass]=\"link?.fontClass\" [attr.data-cy]=\"'modal_link'\"> </gravity-link>\n }\n </div>\n </div>\n}\n\n\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}:root{--state-color: --positive-primary}.gravity-modal-cover{top:0;left:0;width:100%;height:100%;position:fixed;z-index:10;opacity:var(--backdrop-opacity);background-color:var(--backdrop-primary)}.gravity-modal-container{top:50%;left:50%;width:100%;height:auto;display:flex;position:fixed;min-width:288px;max-width:540px;align-items:center;flex-direction:column;z-index:10;gap:var(--gravity-spacing-sm);transform:translate(-50%,-50%);border-radius:.625rem;padding:var(--gravity-spacing-md);background-color:var(--surface-secondary)}.gravity-modal-container .modal-header{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:var(--gravity-spacing-sm);border-bottom:solid 1px var(--state-color)}.gravity-modal-container .modal-header.positive{--state-color: var(--positive-primary)}.gravity-modal-container .modal-header.negative{--state-color: var(--negative-primary)}.gravity-modal-container .modal-header.warning{--state-color: var(--alternative-primary)}.gravity-modal-container .modal-header.neutral{--state-color: var(--cta-primary)}.gravity-modal-container .modal-header .title{display:flex;align-items:center}.gravity-modal-container .modal-header .title gravity-icon{margin-right:var(--gravity-spacing-xs)}.gravity-modal-container .modal-header .close-button{cursor:pointer;position:absolute;right:var(--gravity-spacing-md);top:var(--gravity-spacing-md)}.gravity-modal-container .modal-header .span-margin{margin-left:var(--gravity-spacing-md)}.gravity-modal-container .modal-body{width:100%;overflow-y:auto;max-height:calc(80vh - 120px)}.gravity-modal-container .modal-footer{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row-reverse;gap:var(--gravity-spacing-sm);padding-top:var(--gravity-spacing-sm)}\n"], dependencies: [{ kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "iconName", "isLoading", "showContent", "size", "iconPosition", "customState", "type"] }, { kind: "component", type: GravityLinkComponent, selector: "gravity-link", inputs: ["linkText", "fontClass", "link", "cypressTag", "iconName", "target", "iconPosition", "iconSize", "state"] }] }); }
6122
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: GravityModalComponent, isStandalone: true, selector: "gravity-modal", inputs: { title: "title", iconName: "iconName", preTitle: "preTitle", subTitle: "subTitle", isVisible: "isVisible", state: "state", link: "link", primaryBtn: "primaryBtn", secondaryBtn: "secondaryBtn" }, outputs: { close: "close" }, ngImport: i0, template: "@if (isVisible) {\n <div class=\"gravity-modal-cover\"></div>\n}\n\n@if (isVisible) {\n <div class=\"gravity-modal-container elevation-sm\">\n <div class=\"modal-header {{state}}\">\n <span class=\"hr-body sm-regular\" [class.span-margin]=\"iconName\">{{ preTitle }}</span>\n <div class=\"title\">\n @if (iconName) {\n <gravity-icon [style.--icon-color]=\"'var(--state-color)'\"\n [size]=\"'md'\" [iconName]=\"iconName\" [iconSize]=\"'md-16'\" class=\"icon-left\"> </gravity-icon>\n }\n <h1 class=\"hr-title md-bold\" [attr.data-cy]=\"'modal_title'\">{{ title }}</h1>\n </div>\n <span class=\"hr-body sm-regular\" [class.span-margin]=\"iconName\">{{ subTitle }}</span>\n <div class=\"close-button\">\n <gravity-icon [style.--icon-color]=\"'var(--text-primary)'\" [size]=\"'md'\" (click)=\"closeModal()\"\n class=\"close\" [iconName]=\"'unsuccess'\" [iconSize]=\"'md-16'\" [title]=\"'Close'\" [attr.data-cy]=\"'modal_closeButton'\"/>\n </div>\n </div>\n <div class=\"modal-body\" [attr.data-cy]=\"'modal_body'\"> <ng-content> </ng-content> </div>\n <div class=\"modal-footer\">\n @if (primaryBtn?.text || primaryBtn?.icon) {\n <gravity-button\n [customState]=\"'active'\" [iconName]=\"primaryBtn?.icon\" [disabled]=\"primaryBtn.disabled\"\n [size]=\"'sm'\" [type]=\"primaryBtn?.type\" [iconPosition]=\"primaryBtn?.iconPosition || 'left'\"\n (click)=\"primaryBtn.callback?.()\" [attr.data-cy]=\"'modal_primaryButton'\">{{ primaryBtn?.text }} </gravity-button>\n }\n @if (secondaryBtn?.text || secondaryBtn?.icon) {\n <gravity-button\n [customState]=\"'active'\" [iconName]=\"secondaryBtn?.icon\" [disabled]=\"secondaryBtn.disabled\"\n [size]=\"'sm'\" [type]=\"secondaryBtn?.type\" [iconPosition]=\"secondaryBtn?.iconPosition || 'left'\"\n (click)=\"secondaryBtn.callback?.()\" [attr.data-cy]=\"'modal_secondaryButton'\">{{ secondaryBtn?.text }} </gravity-button>\n }\n @if (link?.text || link?.icon) {\n <gravity-link [linkText]=\"link?.text\" [iconName]=\"link?.icon\" (click)=\"link?.callback?.()\"\n [iconPosition]=\"link?.iconPosition || 'left'\" [state]=\"link?.state || 'active'\" [link]=\"link?.url\" [fontClass]=\"link?.fontClass\" [attr.data-cy]=\"'modal_link'\"> </gravity-link>\n }\n </div>\n </div>\n}\n\n\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}:root{--state-color: --positive-primary}.gravity-modal-cover{top:0;left:0;width:100%;height:100%;position:fixed;z-index:10;opacity:var(--backdrop-opacity);background-color:var(--backdrop-primary)}.gravity-modal-container{top:50%;left:50%;width:100%;height:auto;display:flex;position:fixed;min-width:288px;max-width:540px;align-items:center;flex-direction:column;z-index:10;gap:var(--gravity-spacing-sm);transform:translate(-50%,-50%);border-radius:.625rem;padding:var(--gravity-spacing-md);background-color:var(--surface-secondary)}.gravity-modal-container .modal-header{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:var(--gravity-spacing-sm);border-bottom:solid 1px var(--state-color)}.gravity-modal-container .modal-header.positive{--state-color: var(--positive-primary)}.gravity-modal-container .modal-header.negative{--state-color: var(--negative-primary)}.gravity-modal-container .modal-header.warning{--state-color: var(--alternative-primary)}.gravity-modal-container .modal-header.neutral{--state-color: var(--cta-primary)}.gravity-modal-container .modal-header .title{display:flex;align-items:center}.gravity-modal-container .modal-header .title gravity-icon{margin-right:var(--gravity-spacing-xs)}.gravity-modal-container .modal-header .close-button{cursor:pointer;position:absolute;right:var(--gravity-spacing-md);top:var(--gravity-spacing-md)}.gravity-modal-container .modal-header .span-margin{margin-left:var(--gravity-spacing-md)}.gravity-modal-container .modal-body{width:100%;overflow-y:auto;max-height:calc(80vh - 120px)}.gravity-modal-container .modal-footer{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row-reverse;gap:var(--gravity-spacing-sm);padding-top:var(--gravity-spacing-sm)}\n"], dependencies: [{ kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "fullWidth", "isLoading", "showContent", "iconName", "size", "iconPosition", "customState", "type"] }, { kind: "component", type: GravityLinkComponent, selector: "gravity-link", inputs: ["linkText", "fontClass", "link", "cypressTag", "iconName", "target", "iconPosition", "iconSize", "state"] }] }); }
6120
6123
  }
6121
6124
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GravityModalComponent, decorators: [{
6122
6125
  type: Component,
@@ -7228,7 +7231,7 @@ class DayCalendarComponent {
7228
7231
  return grid;
7229
7232
  }
7230
7233
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DayCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
7231
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DayCalendarComponent, isStandalone: true, selector: "day-calendar", inputs: { initYear: "initYear", initMonth: "initMonth", range: "range", config: "config", restart: "restart", appyOnClose: "appyOnClose", currentDate: "currentDate", appearance: "appearance", navType: "navType" }, outputs: { clearHover: "clearHover", clearSelection: "clearSelection", hoverDay: "hoverDay", selectedRage: "selectedRage", calendarResponse: "calendarResponse" }, viewQueries: [{ propertyName: "endDateField", first: true, predicate: ["endDate"], descendants: true }, { propertyName: "startDateField", first: true, predicate: ["startDate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (showMonthCalendar) {\n <section>\n <month-calendar\n [config]=\"config\"\n [integratedMode]=\"true\"\n [restart]=\"showMonthCalendar\"\n (response)=\"handleCalendarResponse($event, true)\" [initDate]=\"initMonth\"\n [appearance]=\"{language: appearance.language, isMobile: appearance.isMobile }\">\n </month-calendar>\n </section>\n}\n\n@if (showYearCalendar) {\n <section>\n <year-calendar\n [config]=\"config\"\n [integratedMode]=\"true\"\n [restart]=\"showYearCalendar\"\n (response)=\"handleCalendarResponse($event, false)\" [initDate]=\"initYear\"\n [appearance]=\"{language: appearance.language, isMobile: appearance.isMobile}\">\n </year-calendar>\n </section>\n}\n\n@if (!appearance.isMobile && !showMonthCalendar && !showYearCalendar) {\n <div class=\"title\">\n <span class=\"hr-label sm-bold\">{{range ? i18n.select_range : i18n.select_date}}</span>\n </div>\n}\n\n<div class=\"gravity-date-picker-content\" [class.hidden]=\"showYearCalendar || showMonthCalendar\" [class.mobile]=\"appearance.isMobile\">\n\n @if (range) {\n <div class=\"selected-dates\">\n <gravity-text-field #startDate\n [size]=\"'sm'\"\n [width]=\"'short'\"\n [label]=\"i18n.start_date\"\n [inputContentType]=\"'date'\"\n [supportText]=\"startDateError\"\n [placeholder]=\"i18n.date_placeholder\"\n [clickOnRightIcon]=\"!startFieldDisabled\"\n (keyup)=\"onDateKeyup(this, $event, 'start')\"\n (clickIconRight)=\"clearSelectedDate('start')\"\n (focusout)=\"searchDate(this, startDate.inputValue, 'start')\"\n [iconRight]=\"(selectedRangeStart || startDate.inputValue.length > 9) ? 'unsuccess' : ''\"\n (click)=\"focused = 'start'; selectedRangeStart ? currentDate = calendarDateToDate(selectedRangeStart) : null\"\n [customState]=\"startFieldDisabled ? 'disabled' : startDateError ? 'typed-error' : (startDate.inputValue.length < 1 ? 'default' : 'typing')\"\n [attr.data-cy]=\"'datePicker_startDate'\"/>\n <gravity-text-field #endDate\n [size]=\"'sm'\"\n [width]=\"'short'\"\n [label]=\"i18n.end_date\"\n [inputContentType]=\"'date'\"\n [supportText]=\"endDateError\"\n [placeholder]=\"i18n.date_placeholder\"\n [clickOnRightIcon]=\"!endFieldDisabled\"\n (keyup)=\"onDateKeyup(this, $event, 'end')\"\n (clickIconRight)=\"clearSelectedDate('end')\"\n (focusout)=\"searchDate(this, endDate.inputValue, 'end')\"\n [iconRight]=\"(selectedRangeEnd || endDate.inputValue.length > 9) ? 'unsuccess' : ''\"\n (click)=\" focused = 'end'; selectedRangeEnd ? currentDate = calendarDateToDate(selectedRangeEnd) : null\"\n [customState]=\"endFieldDisabled ? 'disabled' : endDateError ? 'typed-error' : (endDate.inputValue.length < 1 ? 'default' : 'typing')\" [attr.data-cy]=\"'datePicker_endDate'\"/>\n </div>\n }\n\n <section class=\"gravity-date-picker-header\" [class.mobile]=\"appearance.isMobile\">\n <gravity-icon-button [type]=\"'primary'\" [size]=\"'sm'\" [icon]=\"'arrow-left'\" [supportText]=\"i18n.preview_month\"\n (clickOnIcon)=\"currentDate = changeDate(-1, currentDate, true);\"\n [state]=\"(navType === 'prev' || navType === 'both') && (appearance.state !== 'disabled') &&\n isPeriodAvailable(currentDate, config.minDate, 'month', 'prev') ? 'active' : 'disabled'\"/>\n\n <div class=\"month-year-label\">\n <gravity-dropdown-label [fontClass]=\"'hr-title sm-bold'\" [size]=\"'sm'\" [label]=\"monthsList[currentDate.getMonth()]\"\n [state]=\"appearance.state === 'disabled' ? 'inactive' : 'active'\" (onClickLabel)=\"handleOnClickDropdownLabel(true)\" [attr.data-cy]=\"'datePicker_monthDropdown'\"/>\n\n <gravity-dropdown-label [fontClass]=\"'hr-title sm-bold'\" [size]=\"'sm'\" [label]=\"currentDate.getFullYear().toString()\"\n [state]=\"appearance.state === 'disabled' ? 'inactive' : 'active'\" (onClickLabel)=\"handleOnClickDropdownLabel(false)\" [attr.data-cy]=\"'datePicker_yearDropdown'\"/>\n </div>\n\n <gravity-icon-button [type]=\"'primary'\" [size]=\"'sm'\" [icon]=\"'arrow-right'\" [supportText]=\"i18n.next_month\"\n (clickOnIcon)=\"currentDate = changeDate(1, currentDate, true);\"\n [state]=\"(navType === 'next' || navType === 'both') && (appearance.state !== 'disabled') &&\n isPeriodAvailable(currentDate, config.maxDate, 'month', 'next') ? 'active' : 'disabled'\"/>\n </section>\n\n <section class=\"gravity-date-picker-body\" [class.mobile]=\"appearance.isMobile\">\n <section class=\"days-name-line\">\n <div class=\"days-name\">\n @for (day of daysList; track day) {\n <span class=\"hr-body\" [ngClass]=\"appearance.isMobile ? 'md-regular' : 'sm-regular'\"> {{ day }} </span>\n }\n </div>\n\n <div class=\"separator-line\"></div>\n </section>\n\n <section class=\"days-number-selector\" [attr.data-cy]=\"'datePicker_daysSelector'\">\n <div class=\"days-number-table\">\n @for (week of getMonthGrid(); track trackByWeek($index, week)) {\n <div class=\"week-row\">\n @for (day of week; track trackByDay($index, day)) {\n <span class=\"hr-body\"\n [class.preview]=\"range ? isPreview(this, day) : null\"\n [class.disabled]=\"!day.inCurrentMonth\" [class.today]=\"day.isToday\"\n (mouseenter)=\"range ? onHoverDay(this, day) : null; hoverDay.emit(day)\"\n (mouseleave)=\"range ? onClearHover(this) : null; this.clearHover.emit()\"\n [ngClass]=\"[appearance.isMobile ? 'md-regular' : 'sm-regular',\n appearance.state === 'disabled' ? 'disabled' : getDaySelectionClass(day)]\"\n (click)=\"day.inCurrentMonth ? onSelectDay(day): null\"> {{ day.day }} </span>\n }\n </div>\n }\n </div>\n\n @if (notification) {\n <div class=\"notification\" [class.error]=\"notification.error\">\n <gravity-icon [style.--icon-color]=\"'var(--notification-icon-color)'\" [iconSize]=\"'sm-12'\" [iconName]=\"'information-circle'\"/>\n <span class=\"hr-label sm-regular\">{{notification.text}}</span>\n </div>\n }\n\n @if (range || selectedDay) {\n <div class=\"action-section\" >\n <gravity-link [linkText]=\"i18n.clear\" [state]=\"hasDateSelected() ? 'active' : 'disabled'\"\n [fontClass]=\"appearance.isMobile ? 'hr-body md-regular' : 'hr-body sm-regular'\"\n (click)=\" hasDateSelected() ? clearSelectedDate('all') : null\"/>\n @if (range) {\n <gravity-button [size]=\"appearance.isMobile ? 'md' : 'sm'\" [type]=\"'tertiary'\" [disabled]=\"!hasDateSelected(true)\"\n (click)=\"hasDateSelected(true) ? applySelectedDate() : null\"> {{i18n.apply}} </gravity-button>\n }\n </div>\n }\n </section>\n </section>\n </div>\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}.next-button,.previous-button{cursor:pointer;padding:var(--gravity-spacing-xs);border-radius:var(--gravity-spacing-xs)}.next-button:not(.disabled):hover,.previous-button:not(.disabled):hover{background:var(--bg-button-active-tertiary)}.next-button.disabled,.previous-button.disabled{cursor:default;pointer-events:none;--icon-color: var(--on-bg-disabled)}.separator-line{border-bottom:2px solid var(--divider-menu-active-primary)}.action-section{height:25px;display:flex;align-self:stretch;align-items:center;justify-content:space-between}.title{width:100%;text-align:center;margin-bottom:var(--gravity-spacing-sm);color:var(--label-text-empty-enabled-primary)}.title span{height:11px;display:block;line-height:11px}.gravity-date-picker-content{display:flex;align-items:center;justify-items:center;flex-direction:column;gap:var(--gravity-spacing-md)}.gravity-date-picker-content .selected-dates{width:50%;display:flex;justify-content:center;gap:var(--gravity-spacing-xs)}.gravity-date-picker-content .selected-dates ::ng-deep gravity-text-field{width:130px}.gravity-date-picker-content .selected-dates ::ng-deep gravity-text-field .gravity-input-field{width:130px}.gravity-date-picker-content .gravity-date-picker-header{gap:0;width:268px;height:auto;display:flex;padding-top:0;align-items:center;justify-content:space-between}.gravity-date-picker-content .gravity-date-picker-header .month-year-label{display:flex;gap:var(--gravity-spacing-sm)}.gravity-date-picker-content .gravity-date-picker-header.mobile,.gravity-date-picker-content .gravity-date-picker-body{width:100%}.gravity-date-picker-content .gravity-date-picker-body .days-name-line{display:flex;flex-direction:column;gap:var(--gravity-spacing-xs);padding-bottom:var(--gravity-spacing-xs)}.gravity-date-picker-content .gravity-date-picker-body .days-name-line .days-name{display:flex;align-self:stretch;justify-content:space-between}.gravity-date-picker-content .gravity-date-picker-body .days-name-line .days-name span{display:flex;cursor:default;align-items:center;justify-content:center;padding:var(--gravity-spacing-xs);color:var(--text-highlight-primary)}.gravity-date-picker-content .gravity-date-picker-body .days-name-line .separator-line{width:100%}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector{display:flex;align-self:stretch;flex-direction:column;gap:var(--gravity-spacing-sm)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table{display:flex;flex-direction:column}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row{height:25px;display:flex;align-self:stretch}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span{gap:10px;flex:1 0 0;width:31px;height:25px;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--gravity-spacing-xs);color:var(--on-bg-button-pressed-tertiary);border:2px solid var(--bg-calender-primary)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span:not(.sl).today{border-color:var(--bg-number-calendar-hover-primary)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span:not(.disabled):not(.sl):hover{color:var(--on-bg-button-pressed-tertiary);background:var(--bg-button-active-tertiary);border-color:var(--bg-button-active-tertiary)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.single,.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.start,.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.end{color:var(--on-bg-button-pressed-primary);background:var(--bg-button-pressed-primary);border-color:var(--bg-button-pressed-primary)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.range,.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span:not(.disabled).preview{border-radius:0;background:var(--bg-button-active-tertiary);border-color:var(--bg-button-active-tertiary)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.start,.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.nsl-start:hover{border-radius:var(--gravity-spacing-xs) 0 0 var(--gravity-spacing-xs)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.end,.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.nsl-end:hover{border-radius:0 var(--gravity-spacing-xs) var(--gravity-spacing-xs) 0}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.in-slt:hover{border-color:var(--bg-button-pressed-primary)!important}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.default{border-radius:0!important;border-color:transparent!important}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.same-sln{border-radius:var(--gravity-spacing-xs)!important}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.disabled{cursor:default;pointer-events:none;color:var(--on-bg-disabled)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .notification{display:flex;align-items:center;align-self:stretch;gap:var(--gravity-spacing-xxs);border-radius:.3125rem;padding:var(--gravity-spacing-xs);color:var(--on-bg-button-active-tertiary);background:var(--bg-button-active-tertiary);--notification-icon-color: var(--on-bg-button-active-tertiary)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .notification.error{color:var(--on-bg-button-active-negative);background:var(--bg-button-active-negative);--notification-icon-color: var(--on-bg-button-active-negative)}.gravity-date-picker-content.mobile{width:100%;height:auto}.gravity-date-picker-content.mobile .selected-dates ::ng-deep gravity-text-field{width:100%}.gravity-date-picker-content.mobile .selected-dates ::ng-deep gravity-text-field .gravity-input-field{min-width:100%}.gravity-date-picker-content.mobile .days-name-line .separator-line{width:100%}.gravity-date-picker-content.mobile .days-number-selector .days-number-table .week-row,.gravity-date-picker-content.mobile .days-number-selector .days-number-table span{height:43px!important}.gravity-date-picker-content.hidden{display:none}\n"], dependencies: [{ kind: "component", type: MonthCalendarComponent, selector: "month-calendar", inputs: ["config", "initDate", "restart", "appearance", "integratedMode"], outputs: ["clearSelection", "response"] }, { kind: "component", type: YearCalendarComponent, selector: "year-calendar", inputs: ["config", "initDate", "restart", "appearance", "integratedMode"], outputs: ["clearSelection", "response"] }, { kind: "component", type: GravityTextFieldComponent, selector: "gravity-text-field", inputs: ["label", "required", "cypressTag", "supportText", "prefix", "customInputValue", "currentLang", "textFieldType", "customState", "iconLeft", "iconColor", "iconRight", "supportTextIcon", "clickOnLeftIcon", "clickOnRightIcon", "placeholder", "labelExtraText", "size", "autocomplete", "characterCounter", "width", "validations", "passwordRequirements", "inputContentType"], outputs: ["clickIconLeft", "clickIconRight", "response"] }, { kind: "component", type: GravityIconButtonComponent, selector: "gravity-icon-button", inputs: ["cypressTag", "icon", "supportText", "variant", "size", "type", "state", "badge"], outputs: ["clickOnIcon"] }, { kind: "component", type: GravityDropdownLabelComponent, selector: "gravity-dropdown-label", inputs: ["label", "fontClass", "isOpen", "stopPropagation", "size", "state"], outputs: ["onClickLabel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: GravityLinkComponent, selector: "gravity-link", inputs: ["linkText", "fontClass", "link", "cypressTag", "iconName", "target", "iconPosition", "iconSize", "state"] }, { kind: "component", type: GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "iconName", "isLoading", "showContent", "size", "iconPosition", "customState", "type"] }] }); }
7234
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DayCalendarComponent, isStandalone: true, selector: "day-calendar", inputs: { initYear: "initYear", initMonth: "initMonth", range: "range", config: "config", restart: "restart", appyOnClose: "appyOnClose", currentDate: "currentDate", appearance: "appearance", navType: "navType" }, outputs: { clearHover: "clearHover", clearSelection: "clearSelection", hoverDay: "hoverDay", selectedRage: "selectedRage", calendarResponse: "calendarResponse" }, viewQueries: [{ propertyName: "endDateField", first: true, predicate: ["endDate"], descendants: true }, { propertyName: "startDateField", first: true, predicate: ["startDate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (showMonthCalendar) {\n <section>\n <month-calendar\n [config]=\"config\"\n [integratedMode]=\"true\"\n [restart]=\"showMonthCalendar\"\n (response)=\"handleCalendarResponse($event, true)\" [initDate]=\"initMonth\"\n [appearance]=\"{language: appearance.language, isMobile: appearance.isMobile }\">\n </month-calendar>\n </section>\n}\n\n@if (showYearCalendar) {\n <section>\n <year-calendar\n [config]=\"config\"\n [integratedMode]=\"true\"\n [restart]=\"showYearCalendar\"\n (response)=\"handleCalendarResponse($event, false)\" [initDate]=\"initYear\"\n [appearance]=\"{language: appearance.language, isMobile: appearance.isMobile}\">\n </year-calendar>\n </section>\n}\n\n@if (!appearance.isMobile && !showMonthCalendar && !showYearCalendar) {\n <div class=\"title\">\n <span class=\"hr-label sm-bold\">{{range ? i18n.select_range : i18n.select_date}}</span>\n </div>\n}\n\n<div class=\"gravity-date-picker-content\" [class.hidden]=\"showYearCalendar || showMonthCalendar\" [class.mobile]=\"appearance.isMobile\">\n\n @if (range) {\n <div class=\"selected-dates\">\n <gravity-text-field #startDate\n [size]=\"'sm'\"\n [width]=\"'short'\"\n [label]=\"i18n.start_date\"\n [inputContentType]=\"'date'\"\n [supportText]=\"startDateError\"\n [placeholder]=\"i18n.date_placeholder\"\n [clickOnRightIcon]=\"!startFieldDisabled\"\n (keyup)=\"onDateKeyup(this, $event, 'start')\"\n (clickIconRight)=\"clearSelectedDate('start')\"\n (focusout)=\"searchDate(this, startDate.inputValue, 'start')\"\n [iconRight]=\"(selectedRangeStart || startDate.inputValue.length > 9) ? 'unsuccess' : ''\"\n (click)=\"focused = 'start'; selectedRangeStart ? currentDate = calendarDateToDate(selectedRangeStart) : null\"\n [customState]=\"startFieldDisabled ? 'disabled' : startDateError ? 'typed-error' : (startDate.inputValue.length < 1 ? 'default' : 'typing')\"\n [attr.data-cy]=\"'datePicker_startDate'\"/>\n <gravity-text-field #endDate\n [size]=\"'sm'\"\n [width]=\"'short'\"\n [label]=\"i18n.end_date\"\n [inputContentType]=\"'date'\"\n [supportText]=\"endDateError\"\n [placeholder]=\"i18n.date_placeholder\"\n [clickOnRightIcon]=\"!endFieldDisabled\"\n (keyup)=\"onDateKeyup(this, $event, 'end')\"\n (clickIconRight)=\"clearSelectedDate('end')\"\n (focusout)=\"searchDate(this, endDate.inputValue, 'end')\"\n [iconRight]=\"(selectedRangeEnd || endDate.inputValue.length > 9) ? 'unsuccess' : ''\"\n (click)=\" focused = 'end'; selectedRangeEnd ? currentDate = calendarDateToDate(selectedRangeEnd) : null\"\n [customState]=\"endFieldDisabled ? 'disabled' : endDateError ? 'typed-error' : (endDate.inputValue.length < 1 ? 'default' : 'typing')\" [attr.data-cy]=\"'datePicker_endDate'\"/>\n </div>\n }\n\n <section class=\"gravity-date-picker-header\" [class.mobile]=\"appearance.isMobile\">\n <gravity-icon-button [type]=\"'primary'\" [size]=\"'sm'\" [icon]=\"'arrow-left'\" [supportText]=\"i18n.preview_month\"\n (clickOnIcon)=\"currentDate = changeDate(-1, currentDate, true);\"\n [state]=\"(navType === 'prev' || navType === 'both') && (appearance.state !== 'disabled') &&\n isPeriodAvailable(currentDate, config.minDate, 'month', 'prev') ? 'active' : 'disabled'\"/>\n\n <div class=\"month-year-label\">\n <gravity-dropdown-label [fontClass]=\"'hr-title sm-bold'\" [size]=\"'sm'\" [label]=\"monthsList[currentDate.getMonth()]\"\n [state]=\"appearance.state === 'disabled' ? 'inactive' : 'active'\" (onClickLabel)=\"handleOnClickDropdownLabel(true)\" [attr.data-cy]=\"'datePicker_monthDropdown'\"/>\n\n <gravity-dropdown-label [fontClass]=\"'hr-title sm-bold'\" [size]=\"'sm'\" [label]=\"currentDate.getFullYear().toString()\"\n [state]=\"appearance.state === 'disabled' ? 'inactive' : 'active'\" (onClickLabel)=\"handleOnClickDropdownLabel(false)\" [attr.data-cy]=\"'datePicker_yearDropdown'\"/>\n </div>\n\n <gravity-icon-button [type]=\"'primary'\" [size]=\"'sm'\" [icon]=\"'arrow-right'\" [supportText]=\"i18n.next_month\"\n (clickOnIcon)=\"currentDate = changeDate(1, currentDate, true);\"\n [state]=\"(navType === 'next' || navType === 'both') && (appearance.state !== 'disabled') &&\n isPeriodAvailable(currentDate, config.maxDate, 'month', 'next') ? 'active' : 'disabled'\"/>\n </section>\n\n <section class=\"gravity-date-picker-body\" [class.mobile]=\"appearance.isMobile\">\n <section class=\"days-name-line\">\n <div class=\"days-name\">\n @for (day of daysList; track day) {\n <span class=\"hr-body\" [ngClass]=\"appearance.isMobile ? 'md-regular' : 'sm-regular'\"> {{ day }} </span>\n }\n </div>\n\n <div class=\"separator-line\"></div>\n </section>\n\n <section class=\"days-number-selector\" [attr.data-cy]=\"'datePicker_daysSelector'\">\n <div class=\"days-number-table\">\n @for (week of getMonthGrid(); track trackByWeek($index, week)) {\n <div class=\"week-row\">\n @for (day of week; track trackByDay($index, day)) {\n <span class=\"hr-body\"\n [class.preview]=\"range ? isPreview(this, day) : null\"\n [class.disabled]=\"!day.inCurrentMonth\" [class.today]=\"day.isToday\"\n (mouseenter)=\"range ? onHoverDay(this, day) : null; hoverDay.emit(day)\"\n (mouseleave)=\"range ? onClearHover(this) : null; this.clearHover.emit()\"\n [ngClass]=\"[appearance.isMobile ? 'md-regular' : 'sm-regular',\n appearance.state === 'disabled' ? 'disabled' : getDaySelectionClass(day)]\"\n (click)=\"day.inCurrentMonth ? onSelectDay(day): null\"> {{ day.day }} </span>\n }\n </div>\n }\n </div>\n\n @if (notification) {\n <div class=\"notification\" [class.error]=\"notification.error\">\n <gravity-icon [style.--icon-color]=\"'var(--notification-icon-color)'\" [iconSize]=\"'sm-12'\" [iconName]=\"'information-circle'\"/>\n <span class=\"hr-label sm-regular\">{{notification.text}}</span>\n </div>\n }\n\n @if (range || selectedDay) {\n <div class=\"action-section\" >\n <gravity-link [linkText]=\"i18n.clear\" [state]=\"hasDateSelected() ? 'active' : 'disabled'\"\n [fontClass]=\"appearance.isMobile ? 'hr-body md-regular' : 'hr-body sm-regular'\"\n (click)=\" hasDateSelected() ? clearSelectedDate('all') : null\"/>\n @if (range) {\n <gravity-button [size]=\"appearance.isMobile ? 'md' : 'sm'\" [type]=\"'tertiary'\" [disabled]=\"!hasDateSelected(true)\"\n (click)=\"hasDateSelected(true) ? applySelectedDate() : null\"> {{i18n.apply}} </gravity-button>\n }\n </div>\n }\n </section>\n </section>\n </div>\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}.next-button,.previous-button{cursor:pointer;padding:var(--gravity-spacing-xs);border-radius:var(--gravity-spacing-xs)}.next-button:not(.disabled):hover,.previous-button:not(.disabled):hover{background:var(--bg-button-active-tertiary)}.next-button.disabled,.previous-button.disabled{cursor:default;pointer-events:none;--icon-color: var(--on-bg-disabled)}.separator-line{border-bottom:2px solid var(--divider-menu-active-primary)}.action-section{height:25px;display:flex;align-self:stretch;align-items:center;justify-content:space-between}.title{width:100%;text-align:center;margin-bottom:var(--gravity-spacing-sm);color:var(--label-text-empty-enabled-primary)}.title span{height:11px;display:block;line-height:11px}.gravity-date-picker-content{display:flex;align-items:center;justify-items:center;flex-direction:column;gap:var(--gravity-spacing-md)}.gravity-date-picker-content .selected-dates{width:50%;display:flex;justify-content:center;gap:var(--gravity-spacing-xs)}.gravity-date-picker-content .selected-dates ::ng-deep gravity-text-field{width:130px}.gravity-date-picker-content .selected-dates ::ng-deep gravity-text-field .gravity-input-field{width:130px}.gravity-date-picker-content .gravity-date-picker-header{gap:0;width:268px;height:auto;display:flex;padding-top:0;align-items:center;justify-content:space-between}.gravity-date-picker-content .gravity-date-picker-header .month-year-label{display:flex;gap:var(--gravity-spacing-sm)}.gravity-date-picker-content .gravity-date-picker-header.mobile,.gravity-date-picker-content .gravity-date-picker-body{width:100%}.gravity-date-picker-content .gravity-date-picker-body .days-name-line{display:flex;flex-direction:column;gap:var(--gravity-spacing-xs);padding-bottom:var(--gravity-spacing-xs)}.gravity-date-picker-content .gravity-date-picker-body .days-name-line .days-name{display:flex;align-self:stretch;justify-content:space-between}.gravity-date-picker-content .gravity-date-picker-body .days-name-line .days-name span{display:flex;cursor:default;align-items:center;justify-content:center;padding:var(--gravity-spacing-xs);color:var(--text-highlight-primary)}.gravity-date-picker-content .gravity-date-picker-body .days-name-line .separator-line{width:100%}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector{display:flex;align-self:stretch;flex-direction:column;gap:var(--gravity-spacing-sm)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table{display:flex;flex-direction:column}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row{height:25px;display:flex;align-self:stretch}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span{gap:10px;flex:1 0 0;width:31px;height:25px;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--gravity-spacing-xs);color:var(--on-bg-button-pressed-tertiary);border:2px solid var(--bg-calender-primary)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span:not(.sl).today{border-color:var(--bg-number-calendar-hover-primary)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span:not(.disabled):not(.sl):hover{color:var(--on-bg-button-pressed-tertiary);background:var(--bg-button-active-tertiary);border-color:var(--bg-button-active-tertiary)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.single,.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.start,.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.end{color:var(--on-bg-button-pressed-primary);background:var(--bg-button-pressed-primary);border-color:var(--bg-button-pressed-primary)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.range,.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span:not(.disabled).preview{border-radius:0;background:var(--bg-button-active-tertiary);border-color:var(--bg-button-active-tertiary)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.start,.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.nsl-start:hover{border-radius:var(--gravity-spacing-xs) 0 0 var(--gravity-spacing-xs)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.end,.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.nsl-end:hover{border-radius:0 var(--gravity-spacing-xs) var(--gravity-spacing-xs) 0}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.in-slt:hover{border-color:var(--bg-button-pressed-primary)!important}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.default{border-radius:0!important;border-color:transparent!important}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.same-sln{border-radius:var(--gravity-spacing-xs)!important}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .days-number-table .week-row span.disabled{cursor:default;pointer-events:none;color:var(--on-bg-disabled)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .notification{display:flex;align-items:center;align-self:stretch;gap:var(--gravity-spacing-xxs);border-radius:.3125rem;padding:var(--gravity-spacing-xs);color:var(--on-bg-button-active-tertiary);background:var(--bg-button-active-tertiary);--notification-icon-color: var(--on-bg-button-active-tertiary)}.gravity-date-picker-content .gravity-date-picker-body .days-number-selector .notification.error{color:var(--on-bg-button-active-negative);background:var(--bg-button-active-negative);--notification-icon-color: var(--on-bg-button-active-negative)}.gravity-date-picker-content.mobile{width:100%;height:auto}.gravity-date-picker-content.mobile .selected-dates ::ng-deep gravity-text-field{width:100%}.gravity-date-picker-content.mobile .selected-dates ::ng-deep gravity-text-field .gravity-input-field{min-width:100%}.gravity-date-picker-content.mobile .days-name-line .separator-line{width:100%}.gravity-date-picker-content.mobile .days-number-selector .days-number-table .week-row,.gravity-date-picker-content.mobile .days-number-selector .days-number-table span{height:43px!important}.gravity-date-picker-content.hidden{display:none}\n"], dependencies: [{ kind: "component", type: MonthCalendarComponent, selector: "month-calendar", inputs: ["config", "initDate", "restart", "appearance", "integratedMode"], outputs: ["clearSelection", "response"] }, { kind: "component", type: YearCalendarComponent, selector: "year-calendar", inputs: ["config", "initDate", "restart", "appearance", "integratedMode"], outputs: ["clearSelection", "response"] }, { kind: "component", type: GravityTextFieldComponent, selector: "gravity-text-field", inputs: ["label", "required", "cypressTag", "supportText", "prefix", "customInputValue", "currentLang", "textFieldType", "customState", "iconLeft", "iconColor", "iconRight", "supportTextIcon", "clickOnLeftIcon", "clickOnRightIcon", "placeholder", "labelExtraText", "size", "autocomplete", "characterCounter", "width", "validations", "passwordRequirements", "inputContentType"], outputs: ["clickIconLeft", "clickIconRight", "response"] }, { kind: "component", type: GravityIconButtonComponent, selector: "gravity-icon-button", inputs: ["cypressTag", "icon", "supportText", "variant", "size", "type", "state", "badge"], outputs: ["clickOnIcon"] }, { kind: "component", type: GravityDropdownLabelComponent, selector: "gravity-dropdown-label", inputs: ["label", "fontClass", "isOpen", "stopPropagation", "size", "state"], outputs: ["onClickLabel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: GravityLinkComponent, selector: "gravity-link", inputs: ["linkText", "fontClass", "link", "cypressTag", "iconName", "target", "iconPosition", "iconSize", "state"] }, { kind: "component", type: GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "fullWidth", "isLoading", "showContent", "iconName", "size", "iconPosition", "customState", "type"] }] }); }
7232
7235
  }
7233
7236
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DayCalendarComponent, decorators: [{
7234
7237
  type: Component,
@@ -7970,7 +7973,7 @@ class GravityTooltipContainerComponent {
7970
7973
  this.actionButton.emit();
7971
7974
  }
7972
7975
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GravityTooltipContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
7973
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: GravityTooltipContainerComponent, isStandalone: true, selector: "gravity-tooltip-container", inputs: { cypressTag: "cypressTag", tooltipBanner: "tooltipBanner", tooltipSimple: "tooltipSimple" }, outputs: { closeBanner: "closeBanner", actionButton: "actionButton" }, ngImport: i0, template: "<!--Tooltip Banner-->\n@if (tooltipBanner) {\n <div class=\"gravity-tooltip-container banner\">\n @if (currentBanner?.imageUrl) {\n <div class=\"top-container\"\n [ngStyle]=\"{ 'background-image': currentBanner.imageUrl ? 'url(' + currentBanner.imageUrl + ')' : 'none' }\">\n <div class=\"actions-container\">\n @if (currentBanner.actionContent) {\n <gravity-status-indicator [size]=\"'sm'\"\n [text]=\"currentBanner.actionContent.text\"\n [icon]=\"currentBanner.actionContent.icon\"\n [status]=\"currentBanner.actionContent.status\"></gravity-status-indicator>\n }\n <gravity-icon-button class=\"close-icon\" [icon]=\"'unsuccess'\" [type]=\"'secondary'\" (click)=\"closeBannerTooltip()\"></gravity-icon-button>\n </div>\n </div>\n }\n <div class=\"bottom-container\">\n <div class=\"body\">\n <div class=\"header\">\n <div class=\"title\">\n @if (currentBanner.header.icon) {\n <gravity-icon [iconName]=\"currentBanner.header.icon\"\n [iconSize]=\"'md-16'\"></gravity-icon>\n }\n @if (currentBanner.header.title) {\n <p class=\"hr-title md-bold\" [innerHTML]=\"currentBanner.header.title\"></p>\n }\n @if (!currentBanner.imageUrl) {\n <gravity-icon-button [icon]=\"'unsuccess'\"\n [type]=\"'primary'\" (click)=\"closeBannerTooltip()\"></gravity-icon-button>\n }\n </div>\n @if (currentBanner.header.subtitle) {\n <p class=\"hr-body sm-regular subtitle\"\n [innerHTML]=\"currentBanner.header.subtitle\"></p>\n }\n </div>\n <hr class=\"divider\">\n @if (currentBanner.body) {\n <p class=\"hr-body sm-regular\" [innerHTML]=\"currentBanner.body\"></p>\n }\n </div>\n @if (currentBanner.button) {\n <gravity-button [type]=\"currentBanner.button.type\" [size]=\"'sm'\"\n [iconName]=\"currentBanner.button.icon\" (click)=\"actionButtonClicked()\"\n [iconPosition]=\"currentBanner.button.iconPosition\">{{ currentBanner.button.text }}\n </gravity-button>\n }\n @if (tooltipBanner.length > 1) {\n <gravity-pagination [totalItems]=\"tooltipBanner.length\" [itemsPerPage]=\"1\"\n [currentPage]=\"currentPage\"\n [type]=\"'dots'\" (pageChanged)=\"changePage($event)\"></gravity-pagination>\n }\n </div>\n </div>\n}\n\n<!--Tooltip Simple-->\n@if (tooltipSimple) {\n <div class=\"gravity-tooltip-container simple\">\n @if (tooltipSimple?.title) {\n <p class=\"hr-body sm-bold\" [innerHTML]=\"tooltipSimple?.title\"></p>\n }\n @if (tooltipSimple?.text) {\n <p class=\"hr-body sm-regular\" [innerHTML]=\"tooltipSimple?.text\"></p>\n }\n </div>\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}.gravity-tooltip-container{display:flex;flex-direction:column;border-radius:.3125rem;background:var(--bg-tooltip-primary, #FFF);box-shadow:0 4px 10px #151c2938}.gravity-tooltip-container.banner{width:400px;min-width:400px;max-width:600px}.gravity-tooltip-container.simple{padding:var(--gravity-spacing-xs);justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-xs);width:fit-content}.top-container{height:229px;width:100%;border-radius:5px 5px 0 0;background-repeat:no-repeat;background-size:cover;background-position:center}.top-container .actions-container{display:flex;padding:var(--gravity-spacing-sm);justify-content:space-between;align-items:center;align-self:stretch}.top-container .actions-container .close-icon{margin-left:auto}.bottom-container{display:flex;padding:var(--gravity-spacing-md) var(--gravity-spacing-sm);flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-md);align-self:stretch}.bottom-container .body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-sm);align-self:stretch}.bottom-container .body .header{display:flex;flex-direction:column;gap:var(--gravity-spacing-xs);width:100%}.bottom-container .body .header .title{display:flex;gap:var(--gravity-spacing-xs);align-items:center}.bottom-container .body .header .title p{width:100%}.bottom-container .body .header .subtitle{margin-left:var(--gravity-spacing-md)}.bottom-container .body hr.divider{width:100%;border:none;border-top:1px solid var(--cta-primary);margin:0!important}.bottom-container gravity-button{margin-left:auto}.bottom-container gravity-pagination{width:fit-content;display:block;margin-inline:auto}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "cypressTag", "size", "type", "status"] }, { kind: "component", type: GravityIconButtonComponent, selector: "gravity-icon-button", inputs: ["cypressTag", "icon", "supportText", "variant", "size", "type", "state", "badge"], outputs: ["clickOnIcon"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "iconName", "isLoading", "showContent", "size", "iconPosition", "customState", "type"] }, { kind: "component", type: GravityPaginationComponent, selector: "gravity-pagination", inputs: ["currentLang", "cypressTag", "totalItems", "itemsPerPage", "currentPage", "type", "showPageCount", "showArrowDots"], outputs: ["pageChanged"] }] }); }
7976
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: GravityTooltipContainerComponent, isStandalone: true, selector: "gravity-tooltip-container", inputs: { cypressTag: "cypressTag", tooltipBanner: "tooltipBanner", tooltipSimple: "tooltipSimple" }, outputs: { closeBanner: "closeBanner", actionButton: "actionButton" }, ngImport: i0, template: "<!--Tooltip Banner-->\n@if (tooltipBanner) {\n <div class=\"gravity-tooltip-container banner\">\n @if (currentBanner?.imageUrl) {\n <div class=\"top-container\"\n [ngStyle]=\"{ 'background-image': currentBanner.imageUrl ? 'url(' + currentBanner.imageUrl + ')' : 'none' }\">\n <div class=\"actions-container\">\n @if (currentBanner.actionContent) {\n <gravity-status-indicator [size]=\"'sm'\"\n [text]=\"currentBanner.actionContent.text\"\n [icon]=\"currentBanner.actionContent.icon\"\n [status]=\"currentBanner.actionContent.status\"></gravity-status-indicator>\n }\n <gravity-icon-button class=\"close-icon\" [icon]=\"'unsuccess'\" [type]=\"'secondary'\" (click)=\"closeBannerTooltip()\"></gravity-icon-button>\n </div>\n </div>\n }\n <div class=\"bottom-container\">\n <div class=\"body\">\n <div class=\"header\">\n <div class=\"title\">\n @if (currentBanner.header.icon) {\n <gravity-icon [iconName]=\"currentBanner.header.icon\"\n [iconSize]=\"'md-16'\"></gravity-icon>\n }\n @if (currentBanner.header.title) {\n <p class=\"hr-title md-bold\" [innerHTML]=\"currentBanner.header.title\"></p>\n }\n @if (!currentBanner.imageUrl) {\n <gravity-icon-button [icon]=\"'unsuccess'\"\n [type]=\"'primary'\" (click)=\"closeBannerTooltip()\"></gravity-icon-button>\n }\n </div>\n @if (currentBanner.header.subtitle) {\n <p class=\"hr-body sm-regular subtitle\"\n [innerHTML]=\"currentBanner.header.subtitle\"></p>\n }\n </div>\n <hr class=\"divider\">\n @if (currentBanner.body) {\n <p class=\"hr-body sm-regular\" [innerHTML]=\"currentBanner.body\"></p>\n }\n </div>\n @if (currentBanner.button) {\n <gravity-button [type]=\"currentBanner.button.type\" [size]=\"'sm'\"\n [iconName]=\"currentBanner.button.icon\" (click)=\"actionButtonClicked()\"\n [iconPosition]=\"currentBanner.button.iconPosition\">{{ currentBanner.button.text }}\n </gravity-button>\n }\n @if (tooltipBanner.length > 1) {\n <gravity-pagination [totalItems]=\"tooltipBanner.length\" [itemsPerPage]=\"1\"\n [currentPage]=\"currentPage\"\n [type]=\"'dots'\" (pageChanged)=\"changePage($event)\"></gravity-pagination>\n }\n </div>\n </div>\n}\n\n<!--Tooltip Simple-->\n@if (tooltipSimple) {\n <div class=\"gravity-tooltip-container simple\">\n @if (tooltipSimple?.title) {\n <p class=\"hr-body sm-bold\" [innerHTML]=\"tooltipSimple?.title\"></p>\n }\n @if (tooltipSimple?.text) {\n <p class=\"hr-body sm-regular\" [innerHTML]=\"tooltipSimple?.text\"></p>\n }\n </div>\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}.gravity-tooltip-container{display:flex;flex-direction:column;border-radius:.3125rem;background:var(--bg-tooltip-primary, #FFF);box-shadow:0 4px 10px #151c2938}.gravity-tooltip-container.banner{width:400px;min-width:400px;max-width:600px}.gravity-tooltip-container.simple{padding:var(--gravity-spacing-xs);justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-xs);width:fit-content}.top-container{height:229px;width:100%;border-radius:5px 5px 0 0;background-repeat:no-repeat;background-size:cover;background-position:center}.top-container .actions-container{display:flex;padding:var(--gravity-spacing-sm);justify-content:space-between;align-items:center;align-self:stretch}.top-container .actions-container .close-icon{margin-left:auto}.bottom-container{display:flex;padding:var(--gravity-spacing-md) var(--gravity-spacing-sm);flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-md);align-self:stretch}.bottom-container .body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-sm);align-self:stretch}.bottom-container .body .header{display:flex;flex-direction:column;gap:var(--gravity-spacing-xs);width:100%}.bottom-container .body .header .title{display:flex;gap:var(--gravity-spacing-xs);align-items:center}.bottom-container .body .header .title p{width:100%}.bottom-container .body .header .subtitle{margin-left:var(--gravity-spacing-md)}.bottom-container .body hr.divider{width:100%;border:none;border-top:1px solid var(--cta-primary);margin:0!important}.bottom-container gravity-button{margin-left:auto}.bottom-container gravity-pagination{width:fit-content;display:block;margin-inline:auto}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "cypressTag", "size", "type", "status"] }, { kind: "component", type: GravityIconButtonComponent, selector: "gravity-icon-button", inputs: ["cypressTag", "icon", "supportText", "variant", "size", "type", "state", "badge"], outputs: ["clickOnIcon"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "fullWidth", "isLoading", "showContent", "iconName", "size", "iconPosition", "customState", "type"] }, { kind: "component", type: GravityPaginationComponent, selector: "gravity-pagination", inputs: ["currentLang", "cypressTag", "totalItems", "itemsPerPage", "currentPage", "type", "showPageCount", "showArrowDots"], outputs: ["pageChanged"] }] }); }
7974
7977
  }
7975
7978
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GravityTooltipContainerComponent, decorators: [{
7976
7979
  type: Component,
@@ -8172,7 +8175,7 @@ class GravityMenuComponent {
8172
8175
  el.scrollTo({ top: 62 * index, behavior: 'auto' });
8173
8176
  }
8174
8177
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GravityMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
8175
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: GravityMenuComponent, isStandalone: true, selector: "gravity-menu", inputs: { items: "items", userInfo: "userInfo", logoUrl: "logoUrl", isOpen: "isOpen", collapsable: "collapsable", showCloseButton: "showCloseButton", cardButtons: "cardButtons", maxCardButtonsPerRow: "maxCardButtonsPerRow", currentLink: "currentLink", secondaryActions: "secondaryActions", size: "size", mainFooterAction: "mainFooterAction" }, outputs: { close: "close", selected: "selected", collapsed: "collapsed" }, viewQueries: [{ propertyName: "menuBody", first: true, predicate: ["menuBody"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"gravity-menu {{size}}\" [class.open]=\"isOpen\" [class.closing]=\"closing\"\n [class.collapsed]=\"collapsedMode && (size === 'xl' || size === 'lg')\">\n\n <div class=\"menu-header\">\n @if (logoUrl?.main_logo_url) {\n <svg-icon\n [src]=\"(collapsedMode && logoUrl.collapsed_logo_url) ? logoUrl.collapsed_logo_url : logoUrl.main_logo_url\"/>\n }\n\n @if ((size === 'md' || size === 'sm') && showCloseButton) {\n <gravity-icon\n [iconSize]=\"'lg-24'\" [iconName]=\"'unsuccess'\" (click)=\"closeMenu()\"/>\n }\n\n @if (collapsable && (size === 'xl' || size === 'lg')) {\n <div class=\"collapse-button\" (click)=\"collapseMenu()\">\n <gravity-icon [style.--icon-color]=\"'var(--bg-button-active-primary)'\" [iconSize]=\"'sm-12'\"\n [iconName]=\"collapsedMode ? 'arrow-right' : 'arrow-left'\"/>\n </div>\n }\n </div>\n\n <div class=\"menu-content\">\n <section #menuBody class=\"menu-body\" [class.sub-menu]=\"visibleSubMenu\">\n <div class=\"menu-section\">\n @for (header of items; track header; let i = $index) {\n <div class=\"levels\">\n <section class=\"first-level\" [class.selected]=\"isHeaderSelected(header)\"\n [routerLink]=\"header.link || undefined\" (click)=\"toggleMenuHeader(header, i)\"\n [class.is-open]=\"!header.collapsed\" [class.empty]=\"header.headerOptions?.length < 1\"\n [style.--expanded-margin]=\"header.headerOptions?.length > 0 ? (38 + (34 * header.headerOptions?.length)) + 'px' : '0'\">\n <p class=\"hr-label sm-regular\">\n @if (header.icon !== '') {\n <gravity-icon [style.--icon-color]=\"'var(--option-icon-color)'\" [iconName]=\"header.icon\" [iconSize]=\"'md-16'\"/>\n }\n @if (hasOptionBadge(header) && (size === 'xl' || size === 'lg')) {\n <gravity-badge class=\"badge\"\n [class.collapsed]=\"collapsedMode\" [size]=\"'sm'\" [type]=\"'neutro'\"></gravity-badge>\n }\n {{ header.text }}\n </p>\n @if (!collapsedMode) {\n <div>\n @if (header.headerOptions?.length > 0) {\n <gravity-icon [iconSize]=\"'sm-12'\" [iconName]=\"header.collapsed ? 'arrow-down' : 'arrow-up'\"/>\n }\n </div>\n }\n </section>\n @if (!header.collapsed && header.headerOptions?.length > 0) {\n <section class=\"second-level\"\n [@fadeSlide] [style.--submenu-offset]=\"((156 - scrollPosition) + (78 * i)) + 'px'\"\n [ngClass]=\"collapsedMode ? 'elevation-xs' : ''\">\n <div class=\"options-list\" [class.collapsed]=\"collapsedMode\">\n @for (option of header.headerOptions; track option) {\n <div class=\"option\" [attr.data-cy]=\"option.cypress_tag\" [class.selected]=\"option === selectedOption\">\n <div class=\"line\"\n [class.selected]=\"(size === 'xl' || size == 'lg') && option === selectedOption\"></div>\n <div class=\"option-text\"\n [ngClass]=\"(size === 'sm' || size === 'md') ? 'hr-label md-regular' : 'hr-label sm-regular'\"\n [class.disabled]=\"option.disabled\" [class.selected]=\"option === selectedOption\"\n [routerLink]=\"option.link || undefined\" (click)=\"selectOption(option, header)\">\n {{ option.text }}\n @if (option.badge_text && (size === 'xl' || size === 'lg')) {\n <gravity-badge\n [text]=\"option.badge_text\" [type]=\"'neutro'\" [size]=\"'sm'\"></gravity-badge>\n }\n </div>\n </div>\n }\n </div>\n </section>\n }\n </div>\n }\n </div>\n </section>\n\n @if ((secondaryActions || userInfo) && (size === 'xl' || size === 'lg')) {\n <section\n class=\"menu-footer elevation-xs\">\n <section class=\"footer-content\">\n @if (secondaryActions) {\n <div class=\"secondary-actions\">\n @for (action of secondaryActions; track action) {\n <div class=\"action\"\n (click)=\"action.callback(); clearSelection(action.clear_selection)\">\n @if (action.icon !== '') {\n <gravity-icon [iconName]=\"action.icon\" [iconSize]=\"'md-16'\"/>\n }\n <span class=\"hr-label sm-regular\">{{ action.text }}</span>\n </div>\n }\n </div>\n }\n @if (secondaryActions && userInfo) {\n <hr class=\"separator-line\">\n }\n @if (userInfo) {\n <div class=\"user-info-list\">\n @for (userInfo of userInfo; track userInfo) {\n <div class=\"user-info\">\n @if (userInfo.icon !== '') {\n <gravity-icon class=\"icon\" [iconName]=\"userInfo.icon\" [iconSize]=\"'sm-12'\"\n [tooltip]=\"collapsedMode ? tooltipUserInfoTemplate : null\" [contentType]=\"'template'\" [placement]=\"'right'\"/>\n }\n @if (!collapsedMode) {\n <span class=\"hr-label sm-regular\">{{ userInfo.info }}</span>\n }\n <ng-template #tooltipUserInfoTemplate>\n <gravity-tooltip-container [tooltipSimple]=\"{text: userInfo.info}\"/>\n </ng-template>\n </div>\n }\n </div>\n }\n </section>\n </section>\n }\n\n <!-- - - - - - - - - - - Mobile Resolutions - - - - - - - - - - -->\n\n @if ((cardButtons || userInfo) && (size === 'md' || size === 'sm')) {\n <section class=\"menu-footer-mobile\">\n <section class=\"footer-content\">\n @if (cardButtons) {\n <div class=\"secondary-actions\">\n <div class=\"card-buttons\">\n @for (row of getCardButtonsRows(); track row) {\n <div class=\"card-buttons-row\">\n @for (button of row; track button) {\n <gravity-card-button\n [type]=\"'secondary'\"\n [orientation]=\"'vrt-center'\"\n [iconName]=\"button.icon\" [label]=\"button.text\"\n (clicked)=\"button.callback(); clearSelection(button.clear_selection); selected.emit()\"/>\n }\n </div>\n }\n </div>\n @if (mainFooterAction) {\n <gravity-button [size]=\"'md'\" [type]=\"'tertiary'\" [iconName]=\"mainFooterAction.icon\"\n [iconPosition]=\"'left'\" (click)=\"mainFooterAction.callback()\"> {{ mainFooterAction.text }}\n </gravity-button>\n }\n </div>\n }\n @if (userInfo) {\n <div class=\"user-info-list\">\n @for (userInfo of userInfo; track userInfo) {\n <div class=\"user-info\">\n <gravity-icon [iconSize]=\"'sm-12'\" [iconName]=\"userInfo.icon\"/>\n <span class=\"hr-label sm-regular\">{{ userInfo.info }}</span>\n </div>\n }\n </div>\n }\n </section>\n </section>\n }\n </div>\n</div>\n\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,.gravity-menu .menu-content .menu-body.has-scroll:hover::-webkit-scrollbar{width:8px;height:8px}.scrollbar-md::-webkit-scrollbar-track,.gravity-menu .menu-content .menu-body.has-scroll:hover::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb,.gravity-menu .menu-content .menu-body.has-scroll:hover::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb:hover,.gravity-menu .menu-content .menu-body.has-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.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}.gravity-menu{height:100%;width:266px;-webkit-user-select:none;user-select:none;display:inline-flex;flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-md);transition:width .28s ease,gap .28s ease}.gravity-menu .menu-header{width:100%;display:flex;position:relative;align-items:center;padding:24px 26px 0 24px;justify-content:space-between}.gravity-menu .menu-header gravity-icon{cursor:pointer}.gravity-menu .menu-header svg{width:60px;height:24px;display:flex}.gravity-menu .menu-header .collapse-button{right:26px;display:flex;position:absolute;background:var(--surface-primary);padding:var(--gravity-spacing-xxs);border-radius:6.25rem}.gravity-menu .menu-content{width:100%;height:100%;display:flex;overflow:hidden;flex-direction:column;justify-content:space-between}.gravity-menu .menu-content .menu-body{display:flex;overflow-y:auto;flex-direction:column;align-items:flex-start;padding:0 18px 12px 24px}.gravity-menu .menu-content .menu-body:not(.has-scroll),.gravity-menu .menu-content .menu-body.has-scroll:not(:hover){margin-right:8px;scrollbar-width:none}.gravity-menu .menu-content .menu-body:not(.has-scroll)::-webkit-scrollbar,.gravity-menu .menu-content .menu-body.has-scroll:not(:hover)::-webkit-scrollbar{width:0;height:0}.gravity-menu .menu-content .menu-body.has-scroll:hover{margin-right:0}.gravity-menu .menu-content .menu-body.sub-menu:hover{margin-right:8px!important}.gravity-menu .menu-content .menu-body .menu-section{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-xs)}.gravity-menu .menu-content .menu-body .menu-section .levels{width:100%;color:var(--on-bg-menu-button-active-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .first-level{width:100%;display:flex;cursor:pointer;position:relative;align-items:center;justify-content:space-between;gap:var(--gravity-spacing-xs);height:var(--gravity-spacing-md);border-left:4px solid transparent;padding:0 var(--gravity-spacing-xxs);--option-icon-color: var(--on-bg-menu-button-pressed-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .first-level.is-open p{text-decoration:underline}.gravity-menu .menu-content .menu-body .menu-section .levels .first-level.selected{border-left:4px solid var(--bg-menu-button-pressed-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .first-level p{display:flex;align-items:center;gap:var(--gravity-spacing-xs)}.gravity-menu .menu-content .menu-body .menu-section .levels .first-level p .badge{position:absolute;right:20px;top:8px}.gravity-menu .menu-content .menu-body .menu-section .levels .first-level:hover{color:var(--on-bg-menu-button-hover-primary);background-color:var(--bg-menu-button-hover-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level{display:flex;align-self:stretch;align-items:flex-start;justify-content:center;padding-left:var(--gravity-spacing-xxs);transition:max-height .3s ease-in-out,opacity .3s ease-in-out}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list{flex:1 0 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .line{height:100%;margin-left:var(--gravity-spacing-xs);border-left:1px solid var(--divider-menu-active-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .line.selected{margin:0 -1px 0 7px;border-left:3px solid var(--bg-menu-button-pressed-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .option{width:100%;height:34px;display:flex;align-items:center;gap:var(--gravity-spacing-sm)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text{flex:1 0 0;height:24px;display:flex;cursor:pointer;align-items:center;justify-content:space-between;padding:0 var(--gravity-spacing-xxs)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text:not(.disabled):not(.selected):hover{color:var(--on-bg-menu-button-hover-primary);background-color:var(--bg-menu-button-hover-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text.disabled{cursor:default;pointer-events:none;color:var(--on-bg-menu-button-disabled-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text.selected{color:var(--on-bg-menu-button-pressed-primary);background-color:var(--bg-menu-button-pressed-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text .badge{height:14px;display:flex;border-radius:2.5px;align-items:flex-end;gap:var(--gravity-spacing-xs);padding:var(--gravity-spacing-xxs);background:var(--bg-menu-badge-button);color:var(--on-bg-notification-badge-button)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text .badge span{line-height:6px}.gravity-menu .menu-content .menu-footer{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:16px 22px 20px 24px;gap:var(--gravity-spacing-md);width:calc(100% - var(--gravity-spacing-xs));box-shadow:-8px 1px 4px rgba(var(--shadow-primary-rgba),var(--shadow-opacity))}.gravity-menu .menu-content .menu-footer .footer-content{width:234px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:var(--gravity-spacing-sm)}.gravity-menu .menu-content .menu-footer .footer-content .secondary-actions{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-xxs)}.gravity-menu .menu-content .menu-footer .footer-content .secondary-actions .action{width:100%;height:24px;display:flex;align-items:center;gap:var(--gravity-spacing-xs);padding:0 var(--gravity-spacing-xxs)}.gravity-menu .menu-content .menu-footer .footer-content .secondary-actions .action:hover{cursor:pointer;color:var(--on-bg-menu-button-hover-primary);background-color:var(--bg-menu-button-hover-primary)}.gravity-menu .menu-content .menu-footer .footer-content hr{margin:0;width:100%;border:1px solid var(--divider-menu-active-primary)}.gravity-menu .menu-content .menu-footer .footer-content .user-info-list{display:grid;gap:var(--gravity-spacing-xs)}.gravity-menu .menu-content .menu-footer .footer-content .user-info-list .user-info{display:flex;padding:1px 2px;align-items:center;gap:var(--gravity-spacing-xxs)}.gravity-menu.collapsed{width:100px;position:relative;gap:var(--gravity-spacing-lg)}.gravity-menu.collapsed .menu-header{padding:24px 0 0;justify-content:center}.gravity-menu.collapsed .menu-header .collapse-button{right:-10px}.gravity-menu.collapsed .menu-content .menu-body{padding:0}.gravity-menu.collapsed .menu-content .menu-body.sub-menu{overflow:hidden!important}.gravity-menu.collapsed .menu-content .menu-body .menu-section .levels .first-level{height:70px!important;justify-content:center!important}.gravity-menu.collapsed .menu-content .menu-body .menu-section .levels .first-level:not(.empty).is-open{margin-bottom:var(--expanded-margin);background-color:var(--surface-primary);border-left:4px solid var(--on-bg-menu-button-disabled-primary)}.gravity-menu.collapsed .menu-content .menu-body .menu-section .levels .first-level:not(.empty).is-open.selected{background-color:var(--bg-button-active-tertiary);border-left:4px solid var(--bg-menu-button-pressed-primary)}.gravity-menu.collapsed .menu-content .menu-body .menu-section .levels .first-level p{width:100%;display:flex;text-align:center;position:relative;align-items:center;flex-direction:column;justify-content:center;gap:var(--gravity-spacing-xxs);padding:var(--gravity-spacing-xs) var(--gravity-spacing-xxs)}.gravity-menu.collapsed .menu-content .menu-body .menu-section .levels .first-level p .badge.collapsed{top:3px;right:26px}.gravity-menu.collapsed .menu-content .menu-body .menu-section .levels .second-level{min-width:220px;position:absolute;width:max-content;z-index:1;top:var(--submenu-offset, 0px);border-radius:.3125rem;padding:var(--gravity-spacing-xs);background:var(--surface-secondary);border:1px solid var(--surface-primary);background-color:var(--surface-secondary)}.gravity-menu.collapsed .menu-content .menu-footer{width:100%;padding:16px 8px 20px}.gravity-menu.collapsed .menu-content .menu-footer .footer-content{width:84px}.gravity-menu.collapsed .menu-content .menu-footer .footer-content .secondary-actions{gap:var(--gravity-spacing-sm)}.gravity-menu.collapsed .menu-content .menu-footer .footer-content .secondary-actions .action{height:auto;flex-direction:column;gap:var(--gravity-spacing-xxs);padding:var(--gravity-spacing-xs) var(--gravity-spacing-xxs)}.gravity-menu.collapsed .menu-content .menu-footer .footer-content .user-info-list{width:100%;justify-items:center}.gravity-menu.collapsed .menu-content .menu-footer .footer-content .user-info-list .user-info .icon{cursor:pointer}.gravity-menu.md,.gravity-menu.sm{gap:0;width:100%;max-width:100%;position:fixed;min-width:577px;transition:none;transform:translate(101%);background-color:var(--bg-menu-mobile-primary)}.gravity-menu.md.open,.gravity-menu.sm.open{transform:translate(0);transition:transform .165s ease-in-out}.gravity-menu.md:not(.open),.gravity-menu.sm:not(.open){transform:translate(101%)}.gravity-menu.md.closing,.gravity-menu.sm.closing{transition:transform .165s ease-in-out}.gravity-menu.md .menu-logo svg,.gravity-menu.sm .menu-logo svg{width:70px;height:28px}.gravity-menu.md .menu-content,.gravity-menu.sm .menu-content{margin-top:var(--gravity-spacing-md)}.gravity-menu.md .menu-content .menu-body,.gravity-menu.sm .menu-content .menu-body{padding:0 18px 0 24px}.gravity-menu.md .menu-content .menu-body .menu-section .levels,.gravity-menu.sm .menu-content .menu-body .menu-section .levels{display:flex;flex-direction:column;gap:var(--gravity-spacing-sm);border-radius:.3125rem;padding:var(--gravity-spacing-sm);background-color:var(--bg-menu-mobile-card-primary)}.gravity-menu.md .menu-content .menu-body .menu-section .levels .first-level,.gravity-menu.sm .menu-content .menu-body .menu-section .levels .first-level{height:20px;background-color:var(--bg-menu-mobile-card-primary)}.gravity-menu.md .menu-content .menu-body .menu-section .levels .first-level:hover,.gravity-menu.sm .menu-content .menu-body .menu-section .levels .first-level:hover{background:none!important}.gravity-menu.md .menu-content .menu-body .menu-section .levels .second-level .options-list .option,.gravity-menu.sm .menu-content .menu-body .menu-section .levels .second-level .options-list .option{height:45px}.gravity-menu.md .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text:hover,.gravity-menu.md .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text.selected,.gravity-menu.sm .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text:hover,.gravity-menu.sm .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text.selected{background:none!important}.gravity-menu.md .menu-content .menu-body .menu-section .levels .second-level .options-list .option.selected,.gravity-menu.sm .menu-content .menu-body .menu-section .levels .second-level .options-list .option.selected{background-color:var(--bg-menu-mobile-button-pressed-primary)}.gravity-menu.md .menu-content .menu-footer-mobile,.gravity-menu.sm .menu-content .menu-footer-mobile{display:flex;align-items:center;align-self:stretch;flex-direction:column;justify-content:flex-end;gap:var(--gravity-spacing-sm);padding:var(--gravity-spacing-md)}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content{width:100%;display:flex;flex-direction:column;gap:var(--gravity-spacing-sm)}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content .secondary-actions,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content .secondary-actions{display:flex;align-self:stretch;flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-sm);padding:0 var(--gravity-spacing-lg)}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content .secondary-actions .card-buttons,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content .secondary-actions .card-buttons{display:flex;align-self:stretch;flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-xs)}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content .secondary-actions .card-buttons .card-buttons-row,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content .secondary-actions .card-buttons .card-buttons-row{width:100%;display:flex;flex-direction:row;gap:var(--gravity-spacing-xs)}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content .secondary-actions gravity-button,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content .secondary-actions gravity-button{width:100%}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content .secondary-actions ::ng-deep gravity-card-button,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content .secondary-actions ::ng-deep gravity-card-button{width:100%}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content .secondary-actions ::ng-deep gravity-card-button .card-button-container,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content .secondary-actions ::ng-deep gravity-card-button .card-button-container{padding:0;width:100%;min-width:auto}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content .user-info-list,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content .user-info-list{gap:0;display:grid;border-top:1px solid var(--surface-secondary)}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content .user-info-list .user-info,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content .user-info-list .user-info{display:flex;flex-direction:row;align-items:center;align-self:stretch;justify-content:center;gap:var(--gravity-spacing-xs);padding-top:var(--gravity-spacing-sm)}.gravity-menu.sm{min-width:320px}.gravity-menu.sm .menu-footer-mobile .footer-content .secondary-actions{padding:0!important}\n"], dependencies: [{ kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: GravityBadgeComponent, selector: "gravity-badge", inputs: ["size", "text", "number", "cypressTag", "type"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: GravityTooltipDirective, selector: "[tooltip]", inputs: ["options", "tooltip", "placement", "autoPlacement", "content-type", "contentType", "hide-delay-mobile", "hideDelayTouchscreen", "z-index", "zIndex", "animation-duration", "animationDuration", "trigger", "tooltip-class", "tooltipClass", "display", "display-mobile", "displayTouchscreen", "shadow", "theme", "offset", "width", "persistent", "max-width", "maxWidth", "id", "show-delay", "showDelay", "hide-delay", "hideDelay", "hideDelayAfterClick", "pointerEvents", "position"], outputs: ["events"], exportAs: ["tooltip"] }, { kind: "component", type: GravityTooltipContainerComponent, selector: "gravity-tooltip-container", inputs: ["cypressTag", "tooltipBanner", "tooltipSimple"], outputs: ["closeBanner", "actionButton"] }, { kind: "component", type: GravityCardButtonComponent, selector: "gravity-card-button", inputs: ["cypressTag", "label", "iconName", "fullWidth", "type", "state", "orientation"], outputs: ["clicked"] }, { kind: "component", type: GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "iconName", "isLoading", "showContent", "size", "iconPosition", "customState", "type"] }] }); }
8178
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: GravityMenuComponent, isStandalone: true, selector: "gravity-menu", inputs: { items: "items", userInfo: "userInfo", logoUrl: "logoUrl", isOpen: "isOpen", collapsable: "collapsable", showCloseButton: "showCloseButton", cardButtons: "cardButtons", maxCardButtonsPerRow: "maxCardButtonsPerRow", currentLink: "currentLink", secondaryActions: "secondaryActions", size: "size", mainFooterAction: "mainFooterAction" }, outputs: { close: "close", selected: "selected", collapsed: "collapsed" }, viewQueries: [{ propertyName: "menuBody", first: true, predicate: ["menuBody"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"gravity-menu {{size}}\" [class.open]=\"isOpen\" [class.closing]=\"closing\"\n [class.collapsed]=\"collapsedMode && (size === 'xl' || size === 'lg')\">\n\n <div class=\"menu-header\">\n @if (logoUrl?.main_logo_url) {\n <svg-icon\n [src]=\"(collapsedMode && logoUrl.collapsed_logo_url) ? logoUrl.collapsed_logo_url : logoUrl.main_logo_url\"/>\n }\n\n @if ((size === 'md' || size === 'sm') && showCloseButton) {\n <gravity-icon\n [iconSize]=\"'lg-24'\" [iconName]=\"'unsuccess'\" (click)=\"closeMenu()\"/>\n }\n\n @if (collapsable && (size === 'xl' || size === 'lg')) {\n <div class=\"collapse-button\" (click)=\"collapseMenu()\">\n <gravity-icon [style.--icon-color]=\"'var(--bg-button-active-primary)'\" [iconSize]=\"'sm-12'\"\n [iconName]=\"collapsedMode ? 'arrow-right' : 'arrow-left'\"/>\n </div>\n }\n </div>\n\n <div class=\"menu-content\">\n <section #menuBody class=\"menu-body\" [class.sub-menu]=\"visibleSubMenu\">\n <div class=\"menu-section\">\n @for (header of items; track header; let i = $index) {\n <div class=\"levels\">\n <section class=\"first-level\" [class.selected]=\"isHeaderSelected(header)\"\n [routerLink]=\"header.link || undefined\" (click)=\"toggleMenuHeader(header, i)\"\n [class.is-open]=\"!header.collapsed\" [class.empty]=\"header.headerOptions?.length < 1\"\n [style.--expanded-margin]=\"header.headerOptions?.length > 0 ? (38 + (34 * header.headerOptions?.length)) + 'px' : '0'\">\n <p class=\"hr-label sm-regular\">\n @if (header.icon !== '') {\n <gravity-icon [style.--icon-color]=\"'var(--option-icon-color)'\" [iconName]=\"header.icon\" [iconSize]=\"'md-16'\"/>\n }\n @if (hasOptionBadge(header) && (size === 'xl' || size === 'lg')) {\n <gravity-badge class=\"badge\"\n [class.collapsed]=\"collapsedMode\" [size]=\"'sm'\" [type]=\"'neutro'\"></gravity-badge>\n }\n {{ header.text }}\n </p>\n @if (!collapsedMode) {\n <div>\n @if (header.headerOptions?.length > 0) {\n <gravity-icon [iconSize]=\"'sm-12'\" [iconName]=\"header.collapsed ? 'arrow-down' : 'arrow-up'\"/>\n }\n </div>\n }\n </section>\n @if (!header.collapsed && header.headerOptions?.length > 0) {\n <section class=\"second-level\"\n [@fadeSlide] [style.--submenu-offset]=\"((156 - scrollPosition) + (78 * i)) + 'px'\"\n [ngClass]=\"collapsedMode ? 'elevation-xs' : ''\">\n <div class=\"options-list\" [class.collapsed]=\"collapsedMode\">\n @for (option of header.headerOptions; track option) {\n <div class=\"option\" [attr.data-cy]=\"option.cypress_tag\" [class.selected]=\"option === selectedOption\">\n <div class=\"line\"\n [class.selected]=\"(size === 'xl' || size == 'lg') && option === selectedOption\"></div>\n <div class=\"option-text\"\n [ngClass]=\"(size === 'sm' || size === 'md') ? 'hr-label md-regular' : 'hr-label sm-regular'\"\n [class.disabled]=\"option.disabled\" [class.selected]=\"option === selectedOption\"\n [routerLink]=\"option.link || undefined\" (click)=\"selectOption(option, header)\">\n {{ option.text }}\n @if (option.badge_text && (size === 'xl' || size === 'lg')) {\n <gravity-badge\n [text]=\"option.badge_text\" [type]=\"'neutro'\" [size]=\"'sm'\"></gravity-badge>\n }\n </div>\n </div>\n }\n </div>\n </section>\n }\n </div>\n }\n </div>\n </section>\n\n @if ((secondaryActions || userInfo) && (size === 'xl' || size === 'lg')) {\n <section\n class=\"menu-footer elevation-xs\">\n <section class=\"footer-content\">\n @if (secondaryActions) {\n <div class=\"secondary-actions\">\n @for (action of secondaryActions; track action) {\n <div class=\"action\"\n (click)=\"action.callback(); clearSelection(action.clear_selection)\">\n @if (action.icon !== '') {\n <gravity-icon [iconName]=\"action.icon\" [iconSize]=\"'md-16'\"/>\n }\n <span class=\"hr-label sm-regular\">{{ action.text }}</span>\n </div>\n }\n </div>\n }\n @if (secondaryActions && userInfo) {\n <hr class=\"separator-line\">\n }\n @if (userInfo) {\n <div class=\"user-info-list\">\n @for (userInfo of userInfo; track userInfo) {\n <div class=\"user-info\">\n @if (userInfo.icon !== '') {\n <gravity-icon class=\"icon\" [iconName]=\"userInfo.icon\" [iconSize]=\"'sm-12'\"\n [tooltip]=\"collapsedMode ? tooltipUserInfoTemplate : null\" [contentType]=\"'template'\" [placement]=\"'right'\"/>\n }\n @if (!collapsedMode) {\n <span class=\"hr-label sm-regular\">{{ userInfo.info }}</span>\n }\n <ng-template #tooltipUserInfoTemplate>\n <gravity-tooltip-container [tooltipSimple]=\"{text: userInfo.info}\"/>\n </ng-template>\n </div>\n }\n </div>\n }\n </section>\n </section>\n }\n\n <!-- - - - - - - - - - - Mobile Resolutions - - - - - - - - - - -->\n\n @if ((cardButtons || userInfo) && (size === 'md' || size === 'sm')) {\n <section class=\"menu-footer-mobile\">\n <section class=\"footer-content\">\n @if (cardButtons) {\n <div class=\"secondary-actions\">\n <div class=\"card-buttons\">\n @for (row of getCardButtonsRows(); track row) {\n <div class=\"card-buttons-row\">\n @for (button of row; track button) {\n <gravity-card-button\n [type]=\"'secondary'\"\n [orientation]=\"'vrt-center'\"\n [iconName]=\"button.icon\" [label]=\"button.text\"\n (clicked)=\"button.callback(); clearSelection(button.clear_selection); selected.emit()\"/>\n }\n </div>\n }\n </div>\n @if (mainFooterAction) {\n <gravity-button [size]=\"'md'\" [type]=\"'tertiary'\" [iconName]=\"mainFooterAction.icon\"\n [iconPosition]=\"'left'\" (click)=\"mainFooterAction.callback()\"> {{ mainFooterAction.text }}\n </gravity-button>\n }\n </div>\n }\n @if (userInfo) {\n <div class=\"user-info-list\">\n @for (userInfo of userInfo; track userInfo) {\n <div class=\"user-info\">\n <gravity-icon [iconSize]=\"'sm-12'\" [iconName]=\"userInfo.icon\"/>\n <span class=\"hr-label sm-regular\">{{ userInfo.info }}</span>\n </div>\n }\n </div>\n }\n </section>\n </section>\n }\n </div>\n</div>\n\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,.gravity-menu .menu-content .menu-body.has-scroll:hover::-webkit-scrollbar{width:8px;height:8px}.scrollbar-md::-webkit-scrollbar-track,.gravity-menu .menu-content .menu-body.has-scroll:hover::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb,.gravity-menu .menu-content .menu-body.has-scroll:hover::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb:hover,.gravity-menu .menu-content .menu-body.has-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.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}.gravity-menu{height:100%;width:266px;-webkit-user-select:none;user-select:none;display:inline-flex;flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-md);transition:width .28s ease,gap .28s ease}.gravity-menu .menu-header{width:100%;display:flex;position:relative;align-items:center;padding:24px 26px 0 24px;justify-content:space-between}.gravity-menu .menu-header gravity-icon{cursor:pointer}.gravity-menu .menu-header svg{width:60px;height:24px;display:flex}.gravity-menu .menu-header .collapse-button{right:26px;display:flex;position:absolute;background:var(--surface-primary);padding:var(--gravity-spacing-xxs);border-radius:6.25rem}.gravity-menu .menu-content{width:100%;height:100%;display:flex;overflow:hidden;flex-direction:column;justify-content:space-between}.gravity-menu .menu-content .menu-body{display:flex;overflow-y:auto;flex-direction:column;align-items:flex-start;padding:0 18px 12px 24px}.gravity-menu .menu-content .menu-body:not(.has-scroll),.gravity-menu .menu-content .menu-body.has-scroll:not(:hover){margin-right:8px;scrollbar-width:none}.gravity-menu .menu-content .menu-body:not(.has-scroll)::-webkit-scrollbar,.gravity-menu .menu-content .menu-body.has-scroll:not(:hover)::-webkit-scrollbar{width:0;height:0}.gravity-menu .menu-content .menu-body.has-scroll:hover{margin-right:0}.gravity-menu .menu-content .menu-body.sub-menu:hover{margin-right:8px!important}.gravity-menu .menu-content .menu-body .menu-section{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-xs)}.gravity-menu .menu-content .menu-body .menu-section .levels{width:100%;color:var(--on-bg-menu-button-active-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .first-level{width:100%;display:flex;cursor:pointer;position:relative;align-items:center;justify-content:space-between;gap:var(--gravity-spacing-xs);height:var(--gravity-spacing-md);border-left:4px solid transparent;padding:0 var(--gravity-spacing-xxs);--option-icon-color: var(--on-bg-menu-button-pressed-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .first-level.is-open p{text-decoration:underline}.gravity-menu .menu-content .menu-body .menu-section .levels .first-level.selected{border-left:4px solid var(--bg-menu-button-pressed-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .first-level p{display:flex;align-items:center;gap:var(--gravity-spacing-xs)}.gravity-menu .menu-content .menu-body .menu-section .levels .first-level p .badge{position:absolute;right:20px;top:8px}.gravity-menu .menu-content .menu-body .menu-section .levels .first-level:hover{color:var(--on-bg-menu-button-hover-primary);background-color:var(--bg-menu-button-hover-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level{display:flex;align-self:stretch;align-items:flex-start;justify-content:center;padding-left:var(--gravity-spacing-xxs);transition:max-height .3s ease-in-out,opacity .3s ease-in-out}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list{flex:1 0 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .line{height:100%;margin-left:var(--gravity-spacing-xs);border-left:1px solid var(--divider-menu-active-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .line.selected{margin:0 -1px 0 7px;border-left:3px solid var(--bg-menu-button-pressed-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .option{width:100%;height:34px;display:flex;align-items:center;gap:var(--gravity-spacing-sm)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text{flex:1 0 0;height:24px;display:flex;cursor:pointer;align-items:center;justify-content:space-between;padding:0 var(--gravity-spacing-xxs)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text:not(.disabled):not(.selected):hover{color:var(--on-bg-menu-button-hover-primary);background-color:var(--bg-menu-button-hover-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text.disabled{cursor:default;pointer-events:none;color:var(--on-bg-menu-button-disabled-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text.selected{color:var(--on-bg-menu-button-pressed-primary);background-color:var(--bg-menu-button-pressed-primary)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text .badge{height:14px;display:flex;border-radius:2.5px;align-items:flex-end;gap:var(--gravity-spacing-xs);padding:var(--gravity-spacing-xxs);background:var(--bg-menu-badge-button);color:var(--on-bg-notification-badge-button)}.gravity-menu .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text .badge span{line-height:6px}.gravity-menu .menu-content .menu-footer{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:16px 22px 20px 24px;gap:var(--gravity-spacing-md);width:calc(100% - var(--gravity-spacing-xs));box-shadow:-8px 1px 4px rgba(var(--shadow-primary-rgba),var(--shadow-opacity))}.gravity-menu .menu-content .menu-footer .footer-content{width:234px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:var(--gravity-spacing-sm)}.gravity-menu .menu-content .menu-footer .footer-content .secondary-actions{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-xxs)}.gravity-menu .menu-content .menu-footer .footer-content .secondary-actions .action{width:100%;height:24px;display:flex;align-items:center;gap:var(--gravity-spacing-xs);padding:0 var(--gravity-spacing-xxs)}.gravity-menu .menu-content .menu-footer .footer-content .secondary-actions .action:hover{cursor:pointer;color:var(--on-bg-menu-button-hover-primary);background-color:var(--bg-menu-button-hover-primary)}.gravity-menu .menu-content .menu-footer .footer-content hr{margin:0;width:100%;border:1px solid var(--divider-menu-active-primary)}.gravity-menu .menu-content .menu-footer .footer-content .user-info-list{display:grid;gap:var(--gravity-spacing-xs)}.gravity-menu .menu-content .menu-footer .footer-content .user-info-list .user-info{display:flex;padding:1px 2px;align-items:center;gap:var(--gravity-spacing-xxs)}.gravity-menu.collapsed{width:100px;position:relative;gap:var(--gravity-spacing-lg)}.gravity-menu.collapsed .menu-header{padding:24px 0 0;justify-content:center}.gravity-menu.collapsed .menu-header .collapse-button{right:-10px}.gravity-menu.collapsed .menu-content .menu-body{padding:0}.gravity-menu.collapsed .menu-content .menu-body.sub-menu{overflow:hidden!important}.gravity-menu.collapsed .menu-content .menu-body .menu-section .levels .first-level{height:70px!important;justify-content:center!important}.gravity-menu.collapsed .menu-content .menu-body .menu-section .levels .first-level:not(.empty).is-open{margin-bottom:var(--expanded-margin);background-color:var(--surface-primary);border-left:4px solid var(--on-bg-menu-button-disabled-primary)}.gravity-menu.collapsed .menu-content .menu-body .menu-section .levels .first-level:not(.empty).is-open.selected{background-color:var(--bg-button-active-tertiary);border-left:4px solid var(--bg-menu-button-pressed-primary)}.gravity-menu.collapsed .menu-content .menu-body .menu-section .levels .first-level p{width:100%;display:flex;text-align:center;position:relative;align-items:center;flex-direction:column;justify-content:center;gap:var(--gravity-spacing-xxs);padding:var(--gravity-spacing-xs) var(--gravity-spacing-xxs)}.gravity-menu.collapsed .menu-content .menu-body .menu-section .levels .first-level p .badge.collapsed{top:3px;right:26px}.gravity-menu.collapsed .menu-content .menu-body .menu-section .levels .second-level{min-width:220px;position:absolute;width:max-content;z-index:1;top:var(--submenu-offset, 0px);border-radius:.3125rem;padding:var(--gravity-spacing-xs);background:var(--surface-secondary);border:1px solid var(--surface-primary);background-color:var(--surface-secondary)}.gravity-menu.collapsed .menu-content .menu-footer{width:100%;padding:16px 8px 20px}.gravity-menu.collapsed .menu-content .menu-footer .footer-content{width:84px}.gravity-menu.collapsed .menu-content .menu-footer .footer-content .secondary-actions{gap:var(--gravity-spacing-sm)}.gravity-menu.collapsed .menu-content .menu-footer .footer-content .secondary-actions .action{height:auto;flex-direction:column;gap:var(--gravity-spacing-xxs);padding:var(--gravity-spacing-xs) var(--gravity-spacing-xxs)}.gravity-menu.collapsed .menu-content .menu-footer .footer-content .user-info-list{width:100%;justify-items:center}.gravity-menu.collapsed .menu-content .menu-footer .footer-content .user-info-list .user-info .icon{cursor:pointer}.gravity-menu.md,.gravity-menu.sm{gap:0;width:100%;max-width:100%;position:fixed;min-width:577px;transition:none;transform:translate(101%);background-color:var(--bg-menu-mobile-primary)}.gravity-menu.md.open,.gravity-menu.sm.open{transform:translate(0);transition:transform .165s ease-in-out}.gravity-menu.md:not(.open),.gravity-menu.sm:not(.open){transform:translate(101%)}.gravity-menu.md.closing,.gravity-menu.sm.closing{transition:transform .165s ease-in-out}.gravity-menu.md .menu-logo svg,.gravity-menu.sm .menu-logo svg{width:70px;height:28px}.gravity-menu.md .menu-content,.gravity-menu.sm .menu-content{margin-top:var(--gravity-spacing-md)}.gravity-menu.md .menu-content .menu-body,.gravity-menu.sm .menu-content .menu-body{padding:0 18px 0 24px}.gravity-menu.md .menu-content .menu-body .menu-section .levels,.gravity-menu.sm .menu-content .menu-body .menu-section .levels{display:flex;flex-direction:column;gap:var(--gravity-spacing-sm);border-radius:.3125rem;padding:var(--gravity-spacing-sm);background-color:var(--bg-menu-mobile-card-primary)}.gravity-menu.md .menu-content .menu-body .menu-section .levels .first-level,.gravity-menu.sm .menu-content .menu-body .menu-section .levels .first-level{height:20px;background-color:var(--bg-menu-mobile-card-primary)}.gravity-menu.md .menu-content .menu-body .menu-section .levels .first-level:hover,.gravity-menu.sm .menu-content .menu-body .menu-section .levels .first-level:hover{background:none!important}.gravity-menu.md .menu-content .menu-body .menu-section .levels .second-level .options-list .option,.gravity-menu.sm .menu-content .menu-body .menu-section .levels .second-level .options-list .option{height:45px}.gravity-menu.md .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text:hover,.gravity-menu.md .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text.selected,.gravity-menu.sm .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text:hover,.gravity-menu.sm .menu-content .menu-body .menu-section .levels .second-level .options-list .option .option-text.selected{background:none!important}.gravity-menu.md .menu-content .menu-body .menu-section .levels .second-level .options-list .option.selected,.gravity-menu.sm .menu-content .menu-body .menu-section .levels .second-level .options-list .option.selected{background-color:var(--bg-menu-mobile-button-pressed-primary)}.gravity-menu.md .menu-content .menu-footer-mobile,.gravity-menu.sm .menu-content .menu-footer-mobile{display:flex;align-items:center;align-self:stretch;flex-direction:column;justify-content:flex-end;gap:var(--gravity-spacing-sm);padding:var(--gravity-spacing-md)}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content{width:100%;display:flex;flex-direction:column;gap:var(--gravity-spacing-sm)}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content .secondary-actions,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content .secondary-actions{display:flex;align-self:stretch;flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-sm);padding:0 var(--gravity-spacing-lg)}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content .secondary-actions .card-buttons,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content .secondary-actions .card-buttons{display:flex;align-self:stretch;flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-xs)}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content .secondary-actions .card-buttons .card-buttons-row,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content .secondary-actions .card-buttons .card-buttons-row{width:100%;display:flex;flex-direction:row;gap:var(--gravity-spacing-xs)}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content .secondary-actions gravity-button,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content .secondary-actions gravity-button{width:100%}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content .secondary-actions ::ng-deep gravity-card-button,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content .secondary-actions ::ng-deep gravity-card-button{width:100%}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content .secondary-actions ::ng-deep gravity-card-button .card-button-container,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content .secondary-actions ::ng-deep gravity-card-button .card-button-container{padding:0;width:100%;min-width:auto}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content .user-info-list,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content .user-info-list{gap:0;display:grid;border-top:1px solid var(--surface-secondary)}.gravity-menu.md .menu-content .menu-footer-mobile .footer-content .user-info-list .user-info,.gravity-menu.sm .menu-content .menu-footer-mobile .footer-content .user-info-list .user-info{display:flex;flex-direction:row;align-items:center;align-self:stretch;justify-content:center;gap:var(--gravity-spacing-xs);padding-top:var(--gravity-spacing-sm)}.gravity-menu.sm{min-width:320px}.gravity-menu.sm .menu-footer-mobile .footer-content .secondary-actions{padding:0!important}\n"], dependencies: [{ kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: GravityBadgeComponent, selector: "gravity-badge", inputs: ["size", "text", "number", "cypressTag", "type"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: GravityTooltipDirective, selector: "[tooltip]", inputs: ["options", "tooltip", "placement", "autoPlacement", "content-type", "contentType", "hide-delay-mobile", "hideDelayTouchscreen", "z-index", "zIndex", "animation-duration", "animationDuration", "trigger", "tooltip-class", "tooltipClass", "display", "display-mobile", "displayTouchscreen", "shadow", "theme", "offset", "width", "persistent", "max-width", "maxWidth", "id", "show-delay", "showDelay", "hide-delay", "hideDelay", "hideDelayAfterClick", "pointerEvents", "position"], outputs: ["events"], exportAs: ["tooltip"] }, { kind: "component", type: GravityTooltipContainerComponent, selector: "gravity-tooltip-container", inputs: ["cypressTag", "tooltipBanner", "tooltipSimple"], outputs: ["closeBanner", "actionButton"] }, { kind: "component", type: GravityCardButtonComponent, selector: "gravity-card-button", inputs: ["cypressTag", "label", "iconName", "fullWidth", "type", "state", "orientation"], outputs: ["clicked"] }, { kind: "component", type: GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "fullWidth", "isLoading", "showContent", "iconName", "size", "iconPosition", "customState", "type"] }] }); }
8176
8179
  }
8177
8180
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: GravityMenuComponent, decorators: [{
8178
8181
  type: Component,