@progressio_resources/gravity-design-system 3.0.32 → 3.0.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-datepicker-container.component.mjs +2 -2
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-datepicker-inline-container.component.mjs +2 -2
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-daterangepicker-container.component.mjs +2 -2
- package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-daterangepicker-inline-container.component.mjs +2 -2
- package/esm2022/lib/components/gravity-generic-avatar/gravity-generic-avatar.component.mjs +2 -2
- package/esm2022/lib/components/gravity-generic-avatar-secondary/gravity-generic-avatar-secondary.component.mjs +21 -0
- package/esm2022/lib/components/gravity-icon/gravity-icon.component.mjs +5 -1
- package/esm2022/lib/components/gravity-link/gravity-link.component.mjs +4 -4
- package/esm2022/lib/components/gravity-modal/gravity-modal.component.mjs +6 -3
- package/esm2022/lib/components/gravity-navigation-card/gravity-navigation-card.component.mjs +6 -3
- package/esm2022/lib/components/gravity-status-indicator/gravity-status-indicator.component.mjs +3 -3
- package/esm2022/lib/components/gravity-tab-primary/gravity-tab-primary.component.mjs +6 -3
- package/esm2022/lib/components/gravity-tab-secondary/gravity-tab-secondary.component.mjs +5 -3
- package/esm2022/lib/gravity-design-system.module.mjs +8 -3
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/progressio_resources-gravity-design-system.mjs +59 -22
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/components/gravity-generic-avatar-secondary/gravity-generic-avatar-secondary.component.d.ts +8 -0
- package/lib/components/gravity-icon/gravity-icon.component.d.ts +5 -1
- package/lib/components/gravity-link/gravity-link.component.d.ts +2 -2
- package/lib/components/gravity-modal/gravity-modal.component.d.ts +2 -1
- package/lib/components/gravity-navigation-card/gravity-navigation-card.component.d.ts +2 -1
- package/lib/components/gravity-tab-primary/gravity-tab-primary.component.d.ts +4 -3
- package/lib/components/gravity-tab-secondary/gravity-tab-secondary.component.d.ts +1 -0
- package/lib/gravity-design-system.module.d.ts +10 -9
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/src/lib/assets/images/hero-avatar/gr-hero-avatar-admin.svg +20 -0
- package/src/lib/assets/images/hero-avatar/gr-hero-avatar-blocked.svg +22 -0
- package/src/lib/assets/images/hero-avatar/gr-hero-avatar-regular.svg +20 -0
- package/src/lib/assets/images/hero-avatar/gr-hero-avatar-support.svg +22 -0
- package/src/lib/assets/json/icons.json +16 -0
- package/src/lib/styles/foundations/colors/themes/_hero.theme.scss +8 -0
- package/src/lib/styles/foundations/colors/tokens/_hero.tokens.scss +13 -5
|
@@ -112,6 +112,10 @@ var ICONS;
|
|
|
112
112
|
ICONS[ICONS["update"] = 54] = "update";
|
|
113
113
|
ICONS[ICONS["user"] = 55] = "user";
|
|
114
114
|
ICONS[ICONS["warning-circle"] = 56] = "warning-circle";
|
|
115
|
+
ICONS[ICONS["hero-avatar-admin"] = 57] = "hero-avatar-admin";
|
|
116
|
+
ICONS[ICONS["hero-avatar-regular"] = 58] = "hero-avatar-regular";
|
|
117
|
+
ICONS[ICONS["hero-avatar-support"] = 59] = "hero-avatar-support";
|
|
118
|
+
ICONS[ICONS["hero-avatar-blocked"] = 60] = "hero-avatar-blocked";
|
|
115
119
|
})(ICONS || (ICONS = {}));
|
|
116
120
|
|
|
117
121
|
class GravityButtonComponent {
|
|
@@ -3145,14 +3149,14 @@ class GravityLinkComponent {
|
|
|
3145
3149
|
this.state = 'active';
|
|
3146
3150
|
}
|
|
3147
3151
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3148
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityLinkComponent, selector: "gravity-link", inputs: { linkText: "linkText",
|
|
3152
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityLinkComponent, selector: "gravity-link", inputs: { linkText: "linkText", fontClass: "fontClass", link: "link", cypressTag: "cypressTag", iconName: "iconName", target: "target", iconPosition: "iconPosition", iconSize: "iconSize", state: "state" }, ngImport: i0, template: "<div class=\"gravity-link-container {{iconPosition}} {{state}}\">\n\n <a *ngIf=\"!link || !(link.startsWith('http') || link.startsWith('https'))\"\n [routerLink]=\"!link || state === 'disabled' ? null : link\"\n class=\"{{ fontClass ? (fontClass !== '' ? fontClass : 'hr-body sm-regular') : 'hr-body sm-regular' }}\"> \n {{linkText}}\n </a>\n\n <a *ngIf=\"link && (link.startsWith('http') || link.startsWith('https'))\"\n [href]=\"state === 'disabled' || link === '' ? null : link\" [target]=\"target\"\n class=\"{{ fontClass ? (fontClass !== '' ? fontClass : 'hr-body sm-regular') : 'hr-body sm-regular' }}\">\n {{linkText}}\n </a>\n\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\"'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName\"\n [iconSize]=\"iconSize\" class=\"icon-{{iconPosition}}\">\n </gravity-icon>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-link-container{display:flex;cursor:pointer;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:flex-start;gap:var(--gravity-spacing-xxs);padding:var(--gravity-spacing-xxs)}.gravity-link-container.right{flex-direction:row}.gravity-link-container.left{flex-direction:row-reverse}.gravity-link-container.pressed{border:1px solid var(--bg-link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container.active{--link-text-color: var(--link-active-primary)}.gravity-link-container.visited{font-weight:650;--link-text-color: var(--link-visited-primary)}.gravity-link-container.disabled{--link-text-color: var(--link-disabled-primary);cursor:not-allowed}.gravity-link-container:hover:not(.disabled){background-color:var(--link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container a{border:none;width:max-content;align-items:center;display:inline-flex;justify-content:center;text-decoration:underline;color:var(--link-text-color);gap:var(--gravity-spacing-xxs);border-radius:.0625rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
3149
3153
|
}
|
|
3150
3154
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityLinkComponent, decorators: [{
|
|
3151
3155
|
type: Component,
|
|
3152
|
-
args: [{ selector: 'gravity-link', template: "<div class=\"gravity-link-container {{iconPosition}} {{state}}\">\n\n <a *ngIf=\"!link || !(link.startsWith('http') || link.startsWith('https'))\"\n [routerLink]=\"!link || state === 'disabled' ? null : link\"\n class=\"{{
|
|
3156
|
+
args: [{ selector: 'gravity-link', template: "<div class=\"gravity-link-container {{iconPosition}} {{state}}\">\n\n <a *ngIf=\"!link || !(link.startsWith('http') || link.startsWith('https'))\"\n [routerLink]=\"!link || state === 'disabled' ? null : link\"\n class=\"{{ fontClass ? (fontClass !== '' ? fontClass : 'hr-body sm-regular') : 'hr-body sm-regular' }}\"> \n {{linkText}}\n </a>\n\n <a *ngIf=\"link && (link.startsWith('http') || link.startsWith('https'))\"\n [href]=\"state === 'disabled' || link === '' ? null : link\" [target]=\"target\"\n class=\"{{ fontClass ? (fontClass !== '' ? fontClass : 'hr-body sm-regular') : 'hr-body sm-regular' }}\">\n {{linkText}}\n </a>\n\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\"'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName\"\n [iconSize]=\"iconSize\" class=\"icon-{{iconPosition}}\">\n </gravity-icon>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-link-container{display:flex;cursor:pointer;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:flex-start;gap:var(--gravity-spacing-xxs);padding:var(--gravity-spacing-xxs)}.gravity-link-container.right{flex-direction:row}.gravity-link-container.left{flex-direction:row-reverse}.gravity-link-container.pressed{border:1px solid var(--bg-link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container.active{--link-text-color: var(--link-active-primary)}.gravity-link-container.visited{font-weight:650;--link-text-color: var(--link-visited-primary)}.gravity-link-container.disabled{--link-text-color: var(--link-disabled-primary);cursor:not-allowed}.gravity-link-container:hover:not(.disabled){background-color:var(--link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container a{border:none;width:max-content;align-items:center;display:inline-flex;justify-content:center;text-decoration:underline;color:var(--link-text-color);gap:var(--gravity-spacing-xxs);border-radius:.0625rem}\n"] }]
|
|
3153
3157
|
}], propDecorators: { linkText: [{
|
|
3154
3158
|
type: Input
|
|
3155
|
-
}],
|
|
3159
|
+
}], fontClass: [{
|
|
3156
3160
|
type: Input
|
|
3157
3161
|
}], link: [{
|
|
3158
3162
|
type: Input
|
|
@@ -3274,7 +3278,7 @@ class BsDatepickerContainerComponent extends BsDatepickerAbstractComponent {
|
|
|
3274
3278
|
}
|
|
3275
3279
|
}
|
|
3276
3280
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BsDatepickerContainerComponent, deps: [{ token: HeaderTypeService }, { token: i0.Renderer2 }, { token: BsDatepickerConfig }, { token: BsDatepickerCallbacks }, { token: BsDatepickerStore }, { token: i0.ElementRef }, { token: BsDatepickerActions }, { token: BsDatepickerEffects }, { token: i7.PositioningService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3277
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BsDatepickerContainerComponent, selector: "gt-datepicker-container", host: { attributes: { "aria-label": "calendar", "role": "dialog" }, listeners: { "click": "$event.stopPropagation()" }, classAttribute: "bottom" }, providers: [BsDatepickerStore, BsDatepickerEffects], usesInheritance: true, ngImport: i0, template: "<div class=\"gt-calendar {{calendarSize}} {{calendarSpacing}} {{viewMode | async}}\" [class.is-mobile]=\"_config.isMobile\" *ngIf=\"viewMode | async\"\n [@datepickerAnimation]=\"animationState\" (@datepickerAnimation.done)=\"positionServiceEnable()\">\n\n <ng-container *ngIf=\"(isRangePicker || _config.isMobile) && headerTypeService.getCalendarType() === 'days'\">\n <div class=\"gt-calendar-topbar-indicator\">\n <ng-container *ngIf=\"isRangePicker\">\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 0\"\n [class.sm-bold]=\"chosenRange?.length == 0\">\n <ng-container *ngIf=\"chosenRange?.length == 0\">Start date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 0\">{{ chosenRange[0] | date : 'MMM d, y' }}</ng-container>\n </p>\n <gravity-icon [iconName]=\"'swaps-arrow-right'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 1 || chosenRange?.length == 0\"\n [class.sm-bold]=\"chosenRange?.length == 1\">\n <ng-container *ngIf=\"chosenRange?.length < 2\">End date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 1\">{{ chosenRange[1] | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n <ng-container *ngIf=\"!isRangePicker\">\n <p class=\"hr-title sm-bold\">\n <ng-container *ngIf=\"!_config.value\">Select date</ng-container>\n <ng-container *ngIf=\"_config.value\">{{ _config.value.toString() | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n </div>\n\n <hr class=\"gt-calendar-topbar-line\">\n </ng-container>\n\n <div class=\"gt-calendars\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n\n <!--days calendar-->\n <ng-container *ngSwitchCase=\"'day'\">\n <bs-days-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [isDisabled]=\"isDisabled\"\n [options]=\"options$ | async\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n\n *ngFor=\"let calendar of daysCalendar$ | async; let i = index\"\n\n (onHover)=\"dayHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"daySelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-days-calendar-view>\n </ng-container>\n\n <!--months calendar-->\n <ng-container *ngSwitchCase=\"'month'\">\n <ng-container *ngIf=\"_config.isMobile; else nonMobile\">\n <ng-container *ngFor=\"let calendar of monthsCalendar | async; let i = index\">\n <bs-month-calendar-view *ngIf=\"i === 0\"\n [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n [calendarLang]=\"_config.calendarLang\"\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-month-calendar-view>\n </ng-container>\n </ng-container>\n <ng-template #nonMobile>\n <ng-container *ngFor=\"let calendar of monthsCalendar | async; let i = index\">\n <bs-month-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n [calendarLang]=\"_config.calendarLang\"\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-month-calendar-view>\n </ng-container>\n </ng-template>\n </ng-container>\n\n <!--years calendar-->\n <ng-container *ngSwitchCase=\"'year'\">\n <ng-container *ngIf=\"_config.isMobile; else nonMobile\">\n <ng-container *ngFor=\"let calendar of yearsCalendar | async; let i = index\">\n <bs-years-calendar-view *ngIf=\"i === 0\"\n [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-years-calendar-view>\n </ng-container>\n </ng-container>\n <ng-template #nonMobile>\n <ng-container *ngFor=\"let calendar of yearsCalendar | async; let i = index\">\n <bs-years-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-years-calendar-view>\n </ng-container>\n </ng-template>\n </ng-container>\n </div>\n\n <div class=\"gt-calendar-footer\" *ngIf=\"(viewMode | async) == 'day'\"\n [class.bs-datepicker-multiple]=\"isRangePicker && _config.displayMonths > 1\" [class.not-clearable]=\"!_config.clearable\">\n <gravity-link [linkText]=\"_config.calendarLang == 'es' ? 'Limpiar' : 'Clear selection'\" [link]=\"''\"\n [state]=\"isEmpty ? 'disabled' : 'active'\" (click)=\"clearDate()\"></gravity-link>\n <p class=\"apply hr-label pointer sm-bold\" [class.empty]=\"isEmpty\" (click)=\"apply()\">Apply</p>\n </div>\n</div>\n\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}:root{--gravity-spacing-none: 0;--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}.gt-calendar{border-radius:.3125rem;padding:var(--gravity-spacing-sm);background-color:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary)}.gt-calendar-topbar-indicator{align-items:center;display:flex;gap:8px}.is-mobile .gt-calendar-topbar-indicator{justify-content:center}.gt-calendar-topbar-indicator p{color:var(--bg-calendar-nav-primary);margin:0}.gt-calendar-topbar-indicator gravity-icon{--icon-color: var(--bg-calendar-nav-primary)}.gt-calendar-topbar-line{opacity:1;margin:1rem 0 24px;border:1px solid var(--divider-menu-active-primary)}.gt-calendars{display:flex;gap:24px}.is-mobile .gt-calendars{flex-direction:column;height:100%;overflow:auto}.gt-calendar-footer{align-items:center;cursor:default;display:flex;justify-content:space-between;padding:16px 0 0}.is-mobile .gt-calendar-footer{border-top:1px solid var(--divider-primary);padding-top:8px}.is-mobile .gt-calendar-footer.bs-datepicker-multiple{width:100%}.gt-calendar-footer.not-clearable{justify-content:end}.gt-calendar-footer p{border-radius:.3125rem;cursor:pointer;color:var(--on-bg-button-active-secondary);margin-left:0}.gt-calendar-footer p:not(.empty):hover{background-color:var(--bg-button-active-tertiary);color:var(--bg-button-active-primary)}.gt-calendar-footer p.empty{color:var(--on-bg-disabled);cursor:default}.gt-calendar-footer p.clear{padding:4px}.gt-calendar-footer p.apply{padding:8px}.gt-calendar-footer.bs-datepicker-multiple{width:46%;margin-left:auto}.gt-calendar.sm:not(.is-mobile){--height-gap: 0px;--calendar-width: 300px;--month-article-width: 75px;--week-article-height: 30px;--month-article-height: 35px;--week-article-width: 38.29px;--weekdays-article-height: 25px;--weekdays-article-width: 39px;--width-gap: var(--gravity-spacing-sm)}.gt-calendar.sm.year:not(.is-mobile),.gt-calendar.sm.month:not(.is-mobile){--height-gap: 0px;--calendar-width: 313px;--month-article-height: 25px;--month-article-width: 37px;--width-gap: var(--gravity-spacing-xl)}.gt-calendar.md:not(.is-mobile){--calendar-width: 359px;--week-article-width: 47px;--month-article-width: 65px;--week-article-height: 43px;--month-article-height: 35px;--weekdays-article-width: 45px;--weekdays-article-height: 27px;--width-gap: var(--gravity-spacing-sm);--height-gap: var(--gravity-spacing-sm)}.gt-calendar.md.year:not(.is-mobile),.gt-calendar.md.month:not(.is-mobile){--calendar-width: 328px;--month-article-width: 59px;--month-article-height: 43px;--width-gap: var(--gravity-spacing-sm);--height-gap: var(--gravity-spacing-sm)}.gt-calendar.is-mobile{--width-gap: 14px;--calendar-width: 100%;--week-article-width: 60px;--month-article-width: 65px;--week-article-height: 45px;--month-article-height: 35px;--weekdays-article-width: 45px;--weekdays-article-height: 27px;--height-gap: var(--gravity-spacing-sm)}.gt-calendar.is-mobile.day{flex-direction:column;padding-top:var(--gravity-spacing-xxxl);border:1px solid var(--bg-calender-primary);box-shadow:0 1px 4px #151c2933;border-radius:.9375rem .9375rem 0 0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: BsDaysCalendarViewComponent, selector: "bs-days-calendar-view", inputs: ["calendar", "calendarIndex", "isDisabled", "options", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: BsMonthCalendarViewComponent, selector: "bs-month-calendar-view", inputs: ["calendarIndex", "size", "calendarLang", "showNavigationArrows", "calendar"], outputs: ["onHover", "onNavigate", "onSelect", "onViewMode"] }, { kind: "component", type: BsYearsCalendarViewComponent, selector: "bs-years-calendar-view", inputs: ["calendar", "calendarIndex", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: GravityLinkComponent, selector: "gravity-link", inputs: ["linkText", "fontSize", "link", "cypressTag", "iconName", "target", "iconPosition", "iconSize", "state"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }], animations: [datepickerAnimation] }); }
|
|
3281
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BsDatepickerContainerComponent, selector: "gt-datepicker-container", host: { attributes: { "aria-label": "calendar", "role": "dialog" }, listeners: { "click": "$event.stopPropagation()" }, classAttribute: "bottom" }, providers: [BsDatepickerStore, BsDatepickerEffects], usesInheritance: true, ngImport: i0, template: "<div class=\"gt-calendar {{calendarSize}} {{calendarSpacing}} {{viewMode | async}}\" [class.is-mobile]=\"_config.isMobile\" *ngIf=\"viewMode | async\"\n [@datepickerAnimation]=\"animationState\" (@datepickerAnimation.done)=\"positionServiceEnable()\">\n\n <ng-container *ngIf=\"(isRangePicker || _config.isMobile) && headerTypeService.getCalendarType() === 'days'\">\n <div class=\"gt-calendar-topbar-indicator\">\n <ng-container *ngIf=\"isRangePicker\">\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 0\"\n [class.sm-bold]=\"chosenRange?.length == 0\">\n <ng-container *ngIf=\"chosenRange?.length == 0\">Start date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 0\">{{ chosenRange[0] | date : 'MMM d, y' }}</ng-container>\n </p>\n <gravity-icon [iconName]=\"'swaps-arrow-right'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 1 || chosenRange?.length == 0\"\n [class.sm-bold]=\"chosenRange?.length == 1\">\n <ng-container *ngIf=\"chosenRange?.length < 2\">End date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 1\">{{ chosenRange[1] | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n <ng-container *ngIf=\"!isRangePicker\">\n <p class=\"hr-title sm-bold\">\n <ng-container *ngIf=\"!_config.value\">Select date</ng-container>\n <ng-container *ngIf=\"_config.value\">{{ _config.value.toString() | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n </div>\n\n <hr class=\"gt-calendar-topbar-line\">\n </ng-container>\n\n <div class=\"gt-calendars\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n\n <!--days calendar-->\n <ng-container *ngSwitchCase=\"'day'\">\n <bs-days-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [isDisabled]=\"isDisabled\"\n [options]=\"options$ | async\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n\n *ngFor=\"let calendar of daysCalendar$ | async; let i = index\"\n\n (onHover)=\"dayHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"daySelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-days-calendar-view>\n </ng-container>\n\n <!--months calendar-->\n <ng-container *ngSwitchCase=\"'month'\">\n <ng-container *ngIf=\"_config.isMobile; else nonMobile\">\n <ng-container *ngFor=\"let calendar of monthsCalendar | async; let i = index\">\n <bs-month-calendar-view *ngIf=\"i === 0\"\n [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n [calendarLang]=\"_config.calendarLang\"\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-month-calendar-view>\n </ng-container>\n </ng-container>\n <ng-template #nonMobile>\n <ng-container *ngFor=\"let calendar of monthsCalendar | async; let i = index\">\n <bs-month-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n [calendarLang]=\"_config.calendarLang\"\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-month-calendar-view>\n </ng-container>\n </ng-template>\n </ng-container>\n\n <!--years calendar-->\n <ng-container *ngSwitchCase=\"'year'\">\n <ng-container *ngIf=\"_config.isMobile; else nonMobile\">\n <ng-container *ngFor=\"let calendar of yearsCalendar | async; let i = index\">\n <bs-years-calendar-view *ngIf=\"i === 0\"\n [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-years-calendar-view>\n </ng-container>\n </ng-container>\n <ng-template #nonMobile>\n <ng-container *ngFor=\"let calendar of yearsCalendar | async; let i = index\">\n <bs-years-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-years-calendar-view>\n </ng-container>\n </ng-template>\n </ng-container>\n </div>\n\n <div class=\"gt-calendar-footer\" *ngIf=\"(viewMode | async) == 'day'\"\n [class.bs-datepicker-multiple]=\"isRangePicker && _config.displayMonths > 1\" [class.not-clearable]=\"!_config.clearable\">\n <gravity-link [linkText]=\"_config.calendarLang == 'es' ? 'Limpiar' : 'Clear selection'\" [link]=\"''\"\n [state]=\"isEmpty ? 'disabled' : 'active'\" (click)=\"clearDate()\"></gravity-link>\n <p class=\"apply hr-label pointer sm-bold\" [class.empty]=\"isEmpty\" (click)=\"apply()\">Apply</p>\n </div>\n</div>\n\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}:root{--gravity-spacing-none: 0;--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}.gt-calendar{border-radius:.3125rem;padding:var(--gravity-spacing-sm);background-color:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary)}.gt-calendar-topbar-indicator{align-items:center;display:flex;gap:8px}.is-mobile .gt-calendar-topbar-indicator{justify-content:center}.gt-calendar-topbar-indicator p{color:var(--bg-calendar-nav-primary);margin:0}.gt-calendar-topbar-indicator gravity-icon{--icon-color: var(--bg-calendar-nav-primary)}.gt-calendar-topbar-line{opacity:1;margin:1rem 0 24px;border:1px solid var(--divider-menu-active-primary)}.gt-calendars{display:flex;gap:24px}.is-mobile .gt-calendars{flex-direction:column;height:100%;overflow:auto}.gt-calendar-footer{align-items:center;cursor:default;display:flex;justify-content:space-between;padding:16px 0 0}.is-mobile .gt-calendar-footer{border-top:1px solid var(--divider-primary);padding-top:8px}.is-mobile .gt-calendar-footer.bs-datepicker-multiple{width:100%}.gt-calendar-footer.not-clearable{justify-content:end}.gt-calendar-footer p{border-radius:.3125rem;cursor:pointer;color:var(--on-bg-button-active-secondary);margin-left:0}.gt-calendar-footer p:not(.empty):hover{background-color:var(--bg-button-active-tertiary);color:var(--bg-button-active-primary)}.gt-calendar-footer p.empty{color:var(--on-bg-disabled);cursor:default}.gt-calendar-footer p.clear{padding:4px}.gt-calendar-footer p.apply{padding:8px}.gt-calendar-footer.bs-datepicker-multiple{width:46%;margin-left:auto}.gt-calendar.sm:not(.is-mobile){--height-gap: 0px;--calendar-width: 300px;--month-article-width: 75px;--week-article-height: 30px;--month-article-height: 35px;--week-article-width: 38.29px;--weekdays-article-height: 25px;--weekdays-article-width: 39px;--width-gap: var(--gravity-spacing-sm)}.gt-calendar.sm.year:not(.is-mobile),.gt-calendar.sm.month:not(.is-mobile){--height-gap: 0px;--calendar-width: 313px;--month-article-height: 25px;--month-article-width: 37px;--width-gap: var(--gravity-spacing-xl)}.gt-calendar.md:not(.is-mobile){--calendar-width: 359px;--week-article-width: 47px;--month-article-width: 65px;--week-article-height: 43px;--month-article-height: 35px;--weekdays-article-width: 45px;--weekdays-article-height: 27px;--width-gap: var(--gravity-spacing-sm);--height-gap: var(--gravity-spacing-sm)}.gt-calendar.md.year:not(.is-mobile),.gt-calendar.md.month:not(.is-mobile){--calendar-width: 328px;--month-article-width: 59px;--month-article-height: 43px;--width-gap: var(--gravity-spacing-sm);--height-gap: var(--gravity-spacing-sm)}.gt-calendar.is-mobile{--width-gap: 14px;--calendar-width: 100%;--week-article-width: 60px;--month-article-width: 65px;--week-article-height: 45px;--month-article-height: 35px;--weekdays-article-width: 45px;--weekdays-article-height: 27px;--height-gap: var(--gravity-spacing-sm)}.gt-calendar.is-mobile.day{flex-direction:column;padding-top:var(--gravity-spacing-xxxl);border:1px solid var(--bg-calender-primary);box-shadow:0 1px 4px #151c2933;border-radius:.9375rem .9375rem 0 0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: BsDaysCalendarViewComponent, selector: "bs-days-calendar-view", inputs: ["calendar", "calendarIndex", "isDisabled", "options", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: BsMonthCalendarViewComponent, selector: "bs-month-calendar-view", inputs: ["calendarIndex", "size", "calendarLang", "showNavigationArrows", "calendar"], outputs: ["onHover", "onNavigate", "onSelect", "onViewMode"] }, { kind: "component", type: BsYearsCalendarViewComponent, selector: "bs-years-calendar-view", inputs: ["calendar", "calendarIndex", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: GravityLinkComponent, selector: "gravity-link", inputs: ["linkText", "fontClass", "link", "cypressTag", "iconName", "target", "iconPosition", "iconSize", "state"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }], animations: [datepickerAnimation] }); }
|
|
3278
3282
|
}
|
|
3279
3283
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BsDatepickerContainerComponent, decorators: [{
|
|
3280
3284
|
type: Component,
|
|
@@ -3493,7 +3497,7 @@ class BsDatepickerInlineContainerComponent extends BsDatepickerContainerComponen
|
|
|
3493
3497
|
_renderer.setStyle(_element.nativeElement, 'position', 'static');
|
|
3494
3498
|
}
|
|
3495
3499
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BsDatepickerInlineContainerComponent, deps: [{ token: HeaderTypeService }, { token: i0.Renderer2 }, { token: BsDatepickerConfig }, { token: BsDatepickerCallbacks }, { token: BsDatepickerStore }, { token: i0.ElementRef }, { token: BsDatepickerActions }, { token: BsDatepickerEffects }, { token: i7.PositioningService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3496
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BsDatepickerInlineContainerComponent, selector: "gt-datepicker-inline-container", host: { listeners: { "click": "$event.stopPropagation()" } }, providers: [BsDatepickerStore, BsDatepickerEffects], usesInheritance: true, ngImport: i0, template: "<div class=\"gt-calendar {{calendarSize}} {{calendarSpacing}} {{viewMode | async}}\" [class.is-mobile]=\"_config.isMobile\" *ngIf=\"viewMode | async\"\n [@datepickerAnimation]=\"animationState\" (@datepickerAnimation.done)=\"positionServiceEnable()\">\n\n <ng-container *ngIf=\"(isRangePicker || _config.isMobile) && headerTypeService.getCalendarType() === 'days'\">\n <div class=\"gt-calendar-topbar-indicator\">\n <ng-container *ngIf=\"isRangePicker\">\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 0\"\n [class.sm-bold]=\"chosenRange?.length == 0\">\n <ng-container *ngIf=\"chosenRange?.length == 0\">Start date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 0\">{{ chosenRange[0] | date : 'MMM d, y' }}</ng-container>\n </p>\n <gravity-icon [iconName]=\"'swaps-arrow-right'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 1 || chosenRange?.length == 0\"\n [class.sm-bold]=\"chosenRange?.length == 1\">\n <ng-container *ngIf=\"chosenRange?.length < 2\">End date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 1\">{{ chosenRange[1] | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n <ng-container *ngIf=\"!isRangePicker\">\n <p class=\"hr-title sm-bold\">\n <ng-container *ngIf=\"!_config.value\">Select date</ng-container>\n <ng-container *ngIf=\"_config.value\">{{ _config.value.toString() | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n </div>\n\n <hr class=\"gt-calendar-topbar-line\">\n </ng-container>\n\n <div class=\"gt-calendars\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n\n <!--days calendar-->\n <ng-container *ngSwitchCase=\"'day'\">\n <bs-days-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [isDisabled]=\"isDisabled\"\n [options]=\"options$ | async\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n\n *ngFor=\"let calendar of daysCalendar$ | async; let i = index\"\n\n (onHover)=\"dayHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"daySelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-days-calendar-view>\n </ng-container>\n\n <!--months calendar-->\n <ng-container *ngSwitchCase=\"'month'\">\n <ng-container *ngIf=\"_config.isMobile; else nonMobile\">\n <ng-container *ngFor=\"let calendar of monthsCalendar | async; let i = index\">\n <bs-month-calendar-view *ngIf=\"i === 0\"\n [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n [calendarLang]=\"_config.calendarLang\"\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-month-calendar-view>\n </ng-container>\n </ng-container>\n <ng-template #nonMobile>\n <ng-container *ngFor=\"let calendar of monthsCalendar | async; let i = index\">\n <bs-month-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n [calendarLang]=\"_config.calendarLang\"\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-month-calendar-view>\n </ng-container>\n </ng-template>\n </ng-container>\n\n <!--years calendar-->\n <ng-container *ngSwitchCase=\"'year'\">\n <ng-container *ngIf=\"_config.isMobile; else nonMobile\">\n <ng-container *ngFor=\"let calendar of yearsCalendar | async; let i = index\">\n <bs-years-calendar-view *ngIf=\"i === 0\"\n [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-years-calendar-view>\n </ng-container>\n </ng-container>\n <ng-template #nonMobile>\n <ng-container *ngFor=\"let calendar of yearsCalendar | async; let i = index\">\n <bs-years-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-years-calendar-view>\n </ng-container>\n </ng-template>\n </ng-container>\n </div>\n\n <div class=\"gt-calendar-footer\" *ngIf=\"(viewMode | async) == 'day'\"\n [class.bs-datepicker-multiple]=\"isRangePicker && _config.displayMonths > 1\" [class.not-clearable]=\"!_config.clearable\">\n <gravity-link [linkText]=\"_config.calendarLang == 'es' ? 'Limpiar' : 'Clear selection'\" [link]=\"''\"\n [state]=\"isEmpty ? 'disabled' : 'active'\" (click)=\"clearDate()\"></gravity-link>\n <p class=\"apply hr-label pointer sm-bold\" [class.empty]=\"isEmpty\" (click)=\"apply()\">Apply</p>\n </div>\n</div>\n\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}:root{--gravity-spacing-none: 0;--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}.gt-calendar{border-radius:.3125rem;padding:var(--gravity-spacing-sm);background-color:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary)}.gt-calendar-topbar-indicator{align-items:center;display:flex;gap:8px}.is-mobile .gt-calendar-topbar-indicator{justify-content:center}.gt-calendar-topbar-indicator p{color:var(--bg-calendar-nav-primary);margin:0}.gt-calendar-topbar-indicator gravity-icon{--icon-color: var(--bg-calendar-nav-primary)}.gt-calendar-topbar-line{opacity:1;margin:1rem 0 24px;border:1px solid var(--divider-menu-active-primary)}.gt-calendars{display:flex;gap:24px}.is-mobile .gt-calendars{flex-direction:column;height:100%;overflow:auto}.gt-calendar-footer{align-items:center;cursor:default;display:flex;justify-content:space-between;padding:16px 0 0}.is-mobile .gt-calendar-footer{border-top:1px solid var(--divider-primary);padding-top:8px}.is-mobile .gt-calendar-footer.bs-datepicker-multiple{width:100%}.gt-calendar-footer.not-clearable{justify-content:end}.gt-calendar-footer p{border-radius:.3125rem;cursor:pointer;color:var(--on-bg-button-active-secondary);margin-left:0}.gt-calendar-footer p:not(.empty):hover{background-color:var(--bg-button-active-tertiary);color:var(--bg-button-active-primary)}.gt-calendar-footer p.empty{color:var(--on-bg-disabled);cursor:default}.gt-calendar-footer p.clear{padding:4px}.gt-calendar-footer p.apply{padding:8px}.gt-calendar-footer.bs-datepicker-multiple{width:46%;margin-left:auto}.gt-calendar.sm:not(.is-mobile){--height-gap: 0px;--calendar-width: 300px;--month-article-width: 75px;--week-article-height: 30px;--month-article-height: 35px;--week-article-width: 38.29px;--weekdays-article-height: 25px;--weekdays-article-width: 39px;--width-gap: var(--gravity-spacing-sm)}.gt-calendar.sm.year:not(.is-mobile),.gt-calendar.sm.month:not(.is-mobile){--height-gap: 0px;--calendar-width: 313px;--month-article-height: 25px;--month-article-width: 37px;--width-gap: var(--gravity-spacing-xl)}.gt-calendar.md:not(.is-mobile){--calendar-width: 359px;--week-article-width: 47px;--month-article-width: 65px;--week-article-height: 43px;--month-article-height: 35px;--weekdays-article-width: 45px;--weekdays-article-height: 27px;--width-gap: var(--gravity-spacing-sm);--height-gap: var(--gravity-spacing-sm)}.gt-calendar.md.year:not(.is-mobile),.gt-calendar.md.month:not(.is-mobile){--calendar-width: 328px;--month-article-width: 59px;--month-article-height: 43px;--width-gap: var(--gravity-spacing-sm);--height-gap: var(--gravity-spacing-sm)}.gt-calendar.is-mobile{--width-gap: 14px;--calendar-width: 100%;--week-article-width: 60px;--month-article-width: 65px;--week-article-height: 45px;--month-article-height: 35px;--weekdays-article-width: 45px;--weekdays-article-height: 27px;--height-gap: var(--gravity-spacing-sm)}.gt-calendar.is-mobile.day{flex-direction:column;padding-top:var(--gravity-spacing-xxxl);border:1px solid var(--bg-calender-primary);box-shadow:0 1px 4px #151c2933;border-radius:.9375rem .9375rem 0 0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: BsDaysCalendarViewComponent, selector: "bs-days-calendar-view", inputs: ["calendar", "calendarIndex", "isDisabled", "options", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: BsMonthCalendarViewComponent, selector: "bs-month-calendar-view", inputs: ["calendarIndex", "size", "calendarLang", "showNavigationArrows", "calendar"], outputs: ["onHover", "onNavigate", "onSelect", "onViewMode"] }, { kind: "component", type: BsYearsCalendarViewComponent, selector: "bs-years-calendar-view", inputs: ["calendar", "calendarIndex", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: GravityLinkComponent, selector: "gravity-link", inputs: ["linkText", "fontSize", "link", "cypressTag", "iconName", "target", "iconPosition", "iconSize", "state"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }], animations: [datepickerAnimation] }); }
|
|
3500
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BsDatepickerInlineContainerComponent, selector: "gt-datepicker-inline-container", host: { listeners: { "click": "$event.stopPropagation()" } }, providers: [BsDatepickerStore, BsDatepickerEffects], usesInheritance: true, ngImport: i0, template: "<div class=\"gt-calendar {{calendarSize}} {{calendarSpacing}} {{viewMode | async}}\" [class.is-mobile]=\"_config.isMobile\" *ngIf=\"viewMode | async\"\n [@datepickerAnimation]=\"animationState\" (@datepickerAnimation.done)=\"positionServiceEnable()\">\n\n <ng-container *ngIf=\"(isRangePicker || _config.isMobile) && headerTypeService.getCalendarType() === 'days'\">\n <div class=\"gt-calendar-topbar-indicator\">\n <ng-container *ngIf=\"isRangePicker\">\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 0\"\n [class.sm-bold]=\"chosenRange?.length == 0\">\n <ng-container *ngIf=\"chosenRange?.length == 0\">Start date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 0\">{{ chosenRange[0] | date : 'MMM d, y' }}</ng-container>\n </p>\n <gravity-icon [iconName]=\"'swaps-arrow-right'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 1 || chosenRange?.length == 0\"\n [class.sm-bold]=\"chosenRange?.length == 1\">\n <ng-container *ngIf=\"chosenRange?.length < 2\">End date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 1\">{{ chosenRange[1] | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n <ng-container *ngIf=\"!isRangePicker\">\n <p class=\"hr-title sm-bold\">\n <ng-container *ngIf=\"!_config.value\">Select date</ng-container>\n <ng-container *ngIf=\"_config.value\">{{ _config.value.toString() | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n </div>\n\n <hr class=\"gt-calendar-topbar-line\">\n </ng-container>\n\n <div class=\"gt-calendars\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n\n <!--days calendar-->\n <ng-container *ngSwitchCase=\"'day'\">\n <bs-days-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [isDisabled]=\"isDisabled\"\n [options]=\"options$ | async\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n\n *ngFor=\"let calendar of daysCalendar$ | async; let i = index\"\n\n (onHover)=\"dayHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"daySelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-days-calendar-view>\n </ng-container>\n\n <!--months calendar-->\n <ng-container *ngSwitchCase=\"'month'\">\n <ng-container *ngIf=\"_config.isMobile; else nonMobile\">\n <ng-container *ngFor=\"let calendar of monthsCalendar | async; let i = index\">\n <bs-month-calendar-view *ngIf=\"i === 0\"\n [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n [calendarLang]=\"_config.calendarLang\"\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-month-calendar-view>\n </ng-container>\n </ng-container>\n <ng-template #nonMobile>\n <ng-container *ngFor=\"let calendar of monthsCalendar | async; let i = index\">\n <bs-month-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n [calendarLang]=\"_config.calendarLang\"\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-month-calendar-view>\n </ng-container>\n </ng-template>\n </ng-container>\n\n <!--years calendar-->\n <ng-container *ngSwitchCase=\"'year'\">\n <ng-container *ngIf=\"_config.isMobile; else nonMobile\">\n <ng-container *ngFor=\"let calendar of yearsCalendar | async; let i = index\">\n <bs-years-calendar-view *ngIf=\"i === 0\"\n [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-years-calendar-view>\n </ng-container>\n </ng-container>\n <ng-template #nonMobile>\n <ng-container *ngFor=\"let calendar of yearsCalendar | async; let i = index\">\n <bs-years-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-years-calendar-view>\n </ng-container>\n </ng-template>\n </ng-container>\n </div>\n\n <div class=\"gt-calendar-footer\" *ngIf=\"(viewMode | async) == 'day'\"\n [class.bs-datepicker-multiple]=\"isRangePicker && _config.displayMonths > 1\" [class.not-clearable]=\"!_config.clearable\">\n <gravity-link [linkText]=\"_config.calendarLang == 'es' ? 'Limpiar' : 'Clear selection'\" [link]=\"''\"\n [state]=\"isEmpty ? 'disabled' : 'active'\" (click)=\"clearDate()\"></gravity-link>\n <p class=\"apply hr-label pointer sm-bold\" [class.empty]=\"isEmpty\" (click)=\"apply()\">Apply</p>\n </div>\n</div>\n\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}:root{--gravity-spacing-none: 0;--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}.gt-calendar{border-radius:.3125rem;padding:var(--gravity-spacing-sm);background-color:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary)}.gt-calendar-topbar-indicator{align-items:center;display:flex;gap:8px}.is-mobile .gt-calendar-topbar-indicator{justify-content:center}.gt-calendar-topbar-indicator p{color:var(--bg-calendar-nav-primary);margin:0}.gt-calendar-topbar-indicator gravity-icon{--icon-color: var(--bg-calendar-nav-primary)}.gt-calendar-topbar-line{opacity:1;margin:1rem 0 24px;border:1px solid var(--divider-menu-active-primary)}.gt-calendars{display:flex;gap:24px}.is-mobile .gt-calendars{flex-direction:column;height:100%;overflow:auto}.gt-calendar-footer{align-items:center;cursor:default;display:flex;justify-content:space-between;padding:16px 0 0}.is-mobile .gt-calendar-footer{border-top:1px solid var(--divider-primary);padding-top:8px}.is-mobile .gt-calendar-footer.bs-datepicker-multiple{width:100%}.gt-calendar-footer.not-clearable{justify-content:end}.gt-calendar-footer p{border-radius:.3125rem;cursor:pointer;color:var(--on-bg-button-active-secondary);margin-left:0}.gt-calendar-footer p:not(.empty):hover{background-color:var(--bg-button-active-tertiary);color:var(--bg-button-active-primary)}.gt-calendar-footer p.empty{color:var(--on-bg-disabled);cursor:default}.gt-calendar-footer p.clear{padding:4px}.gt-calendar-footer p.apply{padding:8px}.gt-calendar-footer.bs-datepicker-multiple{width:46%;margin-left:auto}.gt-calendar.sm:not(.is-mobile){--height-gap: 0px;--calendar-width: 300px;--month-article-width: 75px;--week-article-height: 30px;--month-article-height: 35px;--week-article-width: 38.29px;--weekdays-article-height: 25px;--weekdays-article-width: 39px;--width-gap: var(--gravity-spacing-sm)}.gt-calendar.sm.year:not(.is-mobile),.gt-calendar.sm.month:not(.is-mobile){--height-gap: 0px;--calendar-width: 313px;--month-article-height: 25px;--month-article-width: 37px;--width-gap: var(--gravity-spacing-xl)}.gt-calendar.md:not(.is-mobile){--calendar-width: 359px;--week-article-width: 47px;--month-article-width: 65px;--week-article-height: 43px;--month-article-height: 35px;--weekdays-article-width: 45px;--weekdays-article-height: 27px;--width-gap: var(--gravity-spacing-sm);--height-gap: var(--gravity-spacing-sm)}.gt-calendar.md.year:not(.is-mobile),.gt-calendar.md.month:not(.is-mobile){--calendar-width: 328px;--month-article-width: 59px;--month-article-height: 43px;--width-gap: var(--gravity-spacing-sm);--height-gap: var(--gravity-spacing-sm)}.gt-calendar.is-mobile{--width-gap: 14px;--calendar-width: 100%;--week-article-width: 60px;--month-article-width: 65px;--week-article-height: 45px;--month-article-height: 35px;--weekdays-article-width: 45px;--weekdays-article-height: 27px;--height-gap: var(--gravity-spacing-sm)}.gt-calendar.is-mobile.day{flex-direction:column;padding-top:var(--gravity-spacing-xxxl);border:1px solid var(--bg-calender-primary);box-shadow:0 1px 4px #151c2933;border-radius:.9375rem .9375rem 0 0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: BsDaysCalendarViewComponent, selector: "bs-days-calendar-view", inputs: ["calendar", "calendarIndex", "isDisabled", "options", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: BsMonthCalendarViewComponent, selector: "bs-month-calendar-view", inputs: ["calendarIndex", "size", "calendarLang", "showNavigationArrows", "calendar"], outputs: ["onHover", "onNavigate", "onSelect", "onViewMode"] }, { kind: "component", type: BsYearsCalendarViewComponent, selector: "bs-years-calendar-view", inputs: ["calendar", "calendarIndex", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: GravityLinkComponent, selector: "gravity-link", inputs: ["linkText", "fontClass", "link", "cypressTag", "iconName", "target", "iconPosition", "iconSize", "state"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }], animations: [datepickerAnimation] }); }
|
|
3497
3501
|
}
|
|
3498
3502
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BsDatepickerInlineContainerComponent, decorators: [{
|
|
3499
3503
|
type: Component,
|
|
@@ -3794,7 +3798,7 @@ class BsDaterangepickerContainerComponent extends BsDatepickerAbstractComponent
|
|
|
3794
3798
|
}
|
|
3795
3799
|
}
|
|
3796
3800
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BsDaterangepickerContainerComponent, deps: [{ token: HeaderTypeService }, { token: i0.Renderer2 }, { token: BsDatepickerConfig }, { token: BsDatepickerCallbacks }, { token: BsDatepickerStore }, { token: i0.ElementRef }, { token: BsDatepickerActions }, { token: BsDatepickerEffects }, { token: i7.PositioningService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3797
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BsDaterangepickerContainerComponent, selector: "gt-daterangepicker-container", host: { attributes: { "aria-label": "calendar", "role": "dialog" }, listeners: { "click": "$event.stopPropagation()" }, classAttribute: "bottom" }, providers: [BsDatepickerStore, BsDatepickerEffects], usesInheritance: true, ngImport: i0, template: "<div class=\"gt-calendar {{calendarSize}} {{calendarSpacing}} {{viewMode | async}}\" [class.is-mobile]=\"_config.isMobile\" *ngIf=\"viewMode | async\"\n [@datepickerAnimation]=\"animationState\" (@datepickerAnimation.done)=\"positionServiceEnable()\">\n\n <ng-container *ngIf=\"(isRangePicker || _config.isMobile) && headerTypeService.getCalendarType() === 'days'\">\n <div class=\"gt-calendar-topbar-indicator\">\n <ng-container *ngIf=\"isRangePicker\">\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 0\"\n [class.sm-bold]=\"chosenRange?.length == 0\">\n <ng-container *ngIf=\"chosenRange?.length == 0\">Start date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 0\">{{ chosenRange[0] | date : 'MMM d, y' }}</ng-container>\n </p>\n <gravity-icon [iconName]=\"'swaps-arrow-right'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 1 || chosenRange?.length == 0\"\n [class.sm-bold]=\"chosenRange?.length == 1\">\n <ng-container *ngIf=\"chosenRange?.length < 2\">End date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 1\">{{ chosenRange[1] | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n <ng-container *ngIf=\"!isRangePicker\">\n <p class=\"hr-title sm-bold\">\n <ng-container *ngIf=\"!_config.value\">Select date</ng-container>\n <ng-container *ngIf=\"_config.value\">{{ _config.value.toString() | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n </div>\n\n <hr class=\"gt-calendar-topbar-line\">\n </ng-container>\n\n <div class=\"gt-calendars\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n\n <!--days calendar-->\n <ng-container *ngSwitchCase=\"'day'\">\n <bs-days-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [isDisabled]=\"isDisabled\"\n [options]=\"options$ | async\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n\n *ngFor=\"let calendar of daysCalendar$ | async; let i = index\"\n\n (onHover)=\"dayHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"daySelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-days-calendar-view>\n </ng-container>\n\n <!--months calendar-->\n <ng-container *ngSwitchCase=\"'month'\">\n <ng-container *ngIf=\"_config.isMobile; else nonMobile\">\n <ng-container *ngFor=\"let calendar of monthsCalendar | async; let i = index\">\n <bs-month-calendar-view *ngIf=\"i === 0\"\n [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n [calendarLang]=\"_config.calendarLang\"\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-month-calendar-view>\n </ng-container>\n </ng-container>\n <ng-template #nonMobile>\n <ng-container *ngFor=\"let calendar of monthsCalendar | async; let i = index\">\n <bs-month-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n [calendarLang]=\"_config.calendarLang\"\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-month-calendar-view>\n </ng-container>\n </ng-template>\n </ng-container>\n\n <!--years calendar-->\n <ng-container *ngSwitchCase=\"'year'\">\n <ng-container *ngIf=\"_config.isMobile; else nonMobile\">\n <ng-container *ngFor=\"let calendar of yearsCalendar | async; let i = index\">\n <bs-years-calendar-view *ngIf=\"i === 0\"\n [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-years-calendar-view>\n </ng-container>\n </ng-container>\n <ng-template #nonMobile>\n <ng-container *ngFor=\"let calendar of yearsCalendar | async; let i = index\">\n <bs-years-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-years-calendar-view>\n </ng-container>\n </ng-template>\n </ng-container>\n </div>\n\n <div class=\"gt-calendar-footer\" *ngIf=\"(viewMode | async) == 'day'\"\n [class.bs-datepicker-multiple]=\"isRangePicker && _config.displayMonths > 1\" [class.not-clearable]=\"!_config.clearable\">\n <gravity-link [linkText]=\"_config.calendarLang == 'es' ? 'Limpiar' : 'Clear selection'\" [link]=\"''\"\n [state]=\"isEmpty ? 'disabled' : 'active'\" (click)=\"clearDate()\"></gravity-link>\n <p class=\"apply hr-label pointer sm-bold\" [class.empty]=\"isEmpty\" (click)=\"apply()\">Apply</p>\n </div>\n</div>\n\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}:root{--gravity-spacing-none: 0;--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}.gt-calendar{border-radius:.3125rem;padding:var(--gravity-spacing-sm);background-color:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary)}.gt-calendar-topbar-indicator{align-items:center;display:flex;gap:8px}.is-mobile .gt-calendar-topbar-indicator{justify-content:center}.gt-calendar-topbar-indicator p{color:var(--bg-calendar-nav-primary);margin:0}.gt-calendar-topbar-indicator gravity-icon{--icon-color: var(--bg-calendar-nav-primary)}.gt-calendar-topbar-line{opacity:1;margin:1rem 0 24px;border:1px solid var(--divider-menu-active-primary)}.gt-calendars{display:flex;gap:24px}.is-mobile .gt-calendars{flex-direction:column;height:100%;overflow:auto}.gt-calendar-footer{align-items:center;cursor:default;display:flex;justify-content:space-between;padding:16px 0 0}.is-mobile .gt-calendar-footer{border-top:1px solid var(--divider-primary);padding-top:8px}.is-mobile .gt-calendar-footer.bs-datepicker-multiple{width:100%}.gt-calendar-footer.not-clearable{justify-content:end}.gt-calendar-footer p{border-radius:.3125rem;cursor:pointer;color:var(--on-bg-button-active-secondary);margin-left:0}.gt-calendar-footer p:not(.empty):hover{background-color:var(--bg-button-active-tertiary);color:var(--bg-button-active-primary)}.gt-calendar-footer p.empty{color:var(--on-bg-disabled);cursor:default}.gt-calendar-footer p.clear{padding:4px}.gt-calendar-footer p.apply{padding:8px}.gt-calendar-footer.bs-datepicker-multiple{width:46%;margin-left:auto}.gt-calendar.sm:not(.is-mobile){--height-gap: 0px;--calendar-width: 300px;--month-article-width: 75px;--week-article-height: 30px;--month-article-height: 35px;--week-article-width: 38.29px;--weekdays-article-height: 25px;--weekdays-article-width: 39px;--width-gap: var(--gravity-spacing-sm)}.gt-calendar.sm.year:not(.is-mobile),.gt-calendar.sm.month:not(.is-mobile){--height-gap: 0px;--calendar-width: 313px;--month-article-height: 25px;--month-article-width: 37px;--width-gap: var(--gravity-spacing-xl)}.gt-calendar.md:not(.is-mobile){--calendar-width: 359px;--week-article-width: 47px;--month-article-width: 65px;--week-article-height: 43px;--month-article-height: 35px;--weekdays-article-width: 45px;--weekdays-article-height: 27px;--width-gap: var(--gravity-spacing-sm);--height-gap: var(--gravity-spacing-sm)}.gt-calendar.md.year:not(.is-mobile),.gt-calendar.md.month:not(.is-mobile){--calendar-width: 328px;--month-article-width: 59px;--month-article-height: 43px;--width-gap: var(--gravity-spacing-sm);--height-gap: var(--gravity-spacing-sm)}.gt-calendar.is-mobile{--width-gap: 14px;--calendar-width: 100%;--week-article-width: 60px;--month-article-width: 65px;--week-article-height: 45px;--month-article-height: 35px;--weekdays-article-width: 45px;--weekdays-article-height: 27px;--height-gap: var(--gravity-spacing-sm)}.gt-calendar.is-mobile.day{flex-direction:column;padding-top:var(--gravity-spacing-xxxl);border:1px solid var(--bg-calender-primary);box-shadow:0 1px 4px #151c2933;border-radius:.9375rem .9375rem 0 0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: BsDaysCalendarViewComponent, selector: "bs-days-calendar-view", inputs: ["calendar", "calendarIndex", "isDisabled", "options", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: BsMonthCalendarViewComponent, selector: "bs-month-calendar-view", inputs: ["calendarIndex", "size", "calendarLang", "showNavigationArrows", "calendar"], outputs: ["onHover", "onNavigate", "onSelect", "onViewMode"] }, { kind: "component", type: BsYearsCalendarViewComponent, selector: "bs-years-calendar-view", inputs: ["calendar", "calendarIndex", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: GravityLinkComponent, selector: "gravity-link", inputs: ["linkText", "fontSize", "link", "cypressTag", "iconName", "target", "iconPosition", "iconSize", "state"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }], animations: [datepickerAnimation] }); }
|
|
3801
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BsDaterangepickerContainerComponent, selector: "gt-daterangepicker-container", host: { attributes: { "aria-label": "calendar", "role": "dialog" }, listeners: { "click": "$event.stopPropagation()" }, classAttribute: "bottom" }, providers: [BsDatepickerStore, BsDatepickerEffects], usesInheritance: true, ngImport: i0, template: "<div class=\"gt-calendar {{calendarSize}} {{calendarSpacing}} {{viewMode | async}}\" [class.is-mobile]=\"_config.isMobile\" *ngIf=\"viewMode | async\"\n [@datepickerAnimation]=\"animationState\" (@datepickerAnimation.done)=\"positionServiceEnable()\">\n\n <ng-container *ngIf=\"(isRangePicker || _config.isMobile) && headerTypeService.getCalendarType() === 'days'\">\n <div class=\"gt-calendar-topbar-indicator\">\n <ng-container *ngIf=\"isRangePicker\">\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 0\"\n [class.sm-bold]=\"chosenRange?.length == 0\">\n <ng-container *ngIf=\"chosenRange?.length == 0\">Start date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 0\">{{ chosenRange[0] | date : 'MMM d, y' }}</ng-container>\n </p>\n <gravity-icon [iconName]=\"'swaps-arrow-right'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 1 || chosenRange?.length == 0\"\n [class.sm-bold]=\"chosenRange?.length == 1\">\n <ng-container *ngIf=\"chosenRange?.length < 2\">End date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 1\">{{ chosenRange[1] | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n <ng-container *ngIf=\"!isRangePicker\">\n <p class=\"hr-title sm-bold\">\n <ng-container *ngIf=\"!_config.value\">Select date</ng-container>\n <ng-container *ngIf=\"_config.value\">{{ _config.value.toString() | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n </div>\n\n <hr class=\"gt-calendar-topbar-line\">\n </ng-container>\n\n <div class=\"gt-calendars\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n\n <!--days calendar-->\n <ng-container *ngSwitchCase=\"'day'\">\n <bs-days-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [isDisabled]=\"isDisabled\"\n [options]=\"options$ | async\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n\n *ngFor=\"let calendar of daysCalendar$ | async; let i = index\"\n\n (onHover)=\"dayHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"daySelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-days-calendar-view>\n </ng-container>\n\n <!--months calendar-->\n <ng-container *ngSwitchCase=\"'month'\">\n <ng-container *ngIf=\"_config.isMobile; else nonMobile\">\n <ng-container *ngFor=\"let calendar of monthsCalendar | async; let i = index\">\n <bs-month-calendar-view *ngIf=\"i === 0\"\n [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n [calendarLang]=\"_config.calendarLang\"\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-month-calendar-view>\n </ng-container>\n </ng-container>\n <ng-template #nonMobile>\n <ng-container *ngFor=\"let calendar of monthsCalendar | async; let i = index\">\n <bs-month-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n [calendarLang]=\"_config.calendarLang\"\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-month-calendar-view>\n </ng-container>\n </ng-template>\n </ng-container>\n\n <!--years calendar-->\n <ng-container *ngSwitchCase=\"'year'\">\n <ng-container *ngIf=\"_config.isMobile; else nonMobile\">\n <ng-container *ngFor=\"let calendar of yearsCalendar | async; let i = index\">\n <bs-years-calendar-view *ngIf=\"i === 0\"\n [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-years-calendar-view>\n </ng-container>\n </ng-container>\n <ng-template #nonMobile>\n <ng-container *ngFor=\"let calendar of yearsCalendar | async; let i = index\">\n <bs-years-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-years-calendar-view>\n </ng-container>\n </ng-template>\n </ng-container>\n </div>\n\n <div class=\"gt-calendar-footer\" *ngIf=\"(viewMode | async) == 'day'\"\n [class.bs-datepicker-multiple]=\"isRangePicker && _config.displayMonths > 1\" [class.not-clearable]=\"!_config.clearable\">\n <gravity-link [linkText]=\"_config.calendarLang == 'es' ? 'Limpiar' : 'Clear selection'\" [link]=\"''\"\n [state]=\"isEmpty ? 'disabled' : 'active'\" (click)=\"clearDate()\"></gravity-link>\n <p class=\"apply hr-label pointer sm-bold\" [class.empty]=\"isEmpty\" (click)=\"apply()\">Apply</p>\n </div>\n</div>\n\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}:root{--gravity-spacing-none: 0;--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}.gt-calendar{border-radius:.3125rem;padding:var(--gravity-spacing-sm);background-color:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary)}.gt-calendar-topbar-indicator{align-items:center;display:flex;gap:8px}.is-mobile .gt-calendar-topbar-indicator{justify-content:center}.gt-calendar-topbar-indicator p{color:var(--bg-calendar-nav-primary);margin:0}.gt-calendar-topbar-indicator gravity-icon{--icon-color: var(--bg-calendar-nav-primary)}.gt-calendar-topbar-line{opacity:1;margin:1rem 0 24px;border:1px solid var(--divider-menu-active-primary)}.gt-calendars{display:flex;gap:24px}.is-mobile .gt-calendars{flex-direction:column;height:100%;overflow:auto}.gt-calendar-footer{align-items:center;cursor:default;display:flex;justify-content:space-between;padding:16px 0 0}.is-mobile .gt-calendar-footer{border-top:1px solid var(--divider-primary);padding-top:8px}.is-mobile .gt-calendar-footer.bs-datepicker-multiple{width:100%}.gt-calendar-footer.not-clearable{justify-content:end}.gt-calendar-footer p{border-radius:.3125rem;cursor:pointer;color:var(--on-bg-button-active-secondary);margin-left:0}.gt-calendar-footer p:not(.empty):hover{background-color:var(--bg-button-active-tertiary);color:var(--bg-button-active-primary)}.gt-calendar-footer p.empty{color:var(--on-bg-disabled);cursor:default}.gt-calendar-footer p.clear{padding:4px}.gt-calendar-footer p.apply{padding:8px}.gt-calendar-footer.bs-datepicker-multiple{width:46%;margin-left:auto}.gt-calendar.sm:not(.is-mobile){--height-gap: 0px;--calendar-width: 300px;--month-article-width: 75px;--week-article-height: 30px;--month-article-height: 35px;--week-article-width: 38.29px;--weekdays-article-height: 25px;--weekdays-article-width: 39px;--width-gap: var(--gravity-spacing-sm)}.gt-calendar.sm.year:not(.is-mobile),.gt-calendar.sm.month:not(.is-mobile){--height-gap: 0px;--calendar-width: 313px;--month-article-height: 25px;--month-article-width: 37px;--width-gap: var(--gravity-spacing-xl)}.gt-calendar.md:not(.is-mobile){--calendar-width: 359px;--week-article-width: 47px;--month-article-width: 65px;--week-article-height: 43px;--month-article-height: 35px;--weekdays-article-width: 45px;--weekdays-article-height: 27px;--width-gap: var(--gravity-spacing-sm);--height-gap: var(--gravity-spacing-sm)}.gt-calendar.md.year:not(.is-mobile),.gt-calendar.md.month:not(.is-mobile){--calendar-width: 328px;--month-article-width: 59px;--month-article-height: 43px;--width-gap: var(--gravity-spacing-sm);--height-gap: var(--gravity-spacing-sm)}.gt-calendar.is-mobile{--width-gap: 14px;--calendar-width: 100%;--week-article-width: 60px;--month-article-width: 65px;--week-article-height: 45px;--month-article-height: 35px;--weekdays-article-width: 45px;--weekdays-article-height: 27px;--height-gap: var(--gravity-spacing-sm)}.gt-calendar.is-mobile.day{flex-direction:column;padding-top:var(--gravity-spacing-xxxl);border:1px solid var(--bg-calender-primary);box-shadow:0 1px 4px #151c2933;border-radius:.9375rem .9375rem 0 0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: BsDaysCalendarViewComponent, selector: "bs-days-calendar-view", inputs: ["calendar", "calendarIndex", "isDisabled", "options", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: BsMonthCalendarViewComponent, selector: "bs-month-calendar-view", inputs: ["calendarIndex", "size", "calendarLang", "showNavigationArrows", "calendar"], outputs: ["onHover", "onNavigate", "onSelect", "onViewMode"] }, { kind: "component", type: BsYearsCalendarViewComponent, selector: "bs-years-calendar-view", inputs: ["calendar", "calendarIndex", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: GravityLinkComponent, selector: "gravity-link", inputs: ["linkText", "fontClass", "link", "cypressTag", "iconName", "target", "iconPosition", "iconSize", "state"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }], animations: [datepickerAnimation] }); }
|
|
3798
3802
|
}
|
|
3799
3803
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BsDaterangepickerContainerComponent, decorators: [{
|
|
3800
3804
|
type: Component,
|
|
@@ -4036,7 +4040,7 @@ class BsDaterangepickerInlineContainerComponent extends BsDaterangepickerContain
|
|
|
4036
4040
|
_renderer.setStyle(_element.nativeElement, 'position', 'static');
|
|
4037
4041
|
}
|
|
4038
4042
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BsDaterangepickerInlineContainerComponent, deps: [{ token: HeaderTypeService }, { token: i0.Renderer2 }, { token: BsDatepickerConfig }, { token: BsDatepickerCallbacks }, { token: BsDatepickerStore }, { token: i0.ElementRef }, { token: BsDatepickerActions }, { token: BsDatepickerEffects }, { token: i7.PositioningService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4039
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BsDaterangepickerInlineContainerComponent, selector: "gt-daterangepicker-inline-container", host: { listeners: { "click": "$event.stopPropagation()" } }, providers: [BsDatepickerStore, BsDatepickerEffects], usesInheritance: true, ngImport: i0, template: "<div class=\"gt-calendar {{calendarSize}} {{calendarSpacing}} {{viewMode | async}}\" [class.is-mobile]=\"_config.isMobile\" *ngIf=\"viewMode | async\"\n [@datepickerAnimation]=\"animationState\" (@datepickerAnimation.done)=\"positionServiceEnable()\">\n\n <ng-container *ngIf=\"(isRangePicker || _config.isMobile) && headerTypeService.getCalendarType() === 'days'\">\n <div class=\"gt-calendar-topbar-indicator\">\n <ng-container *ngIf=\"isRangePicker\">\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 0\"\n [class.sm-bold]=\"chosenRange?.length == 0\">\n <ng-container *ngIf=\"chosenRange?.length == 0\">Start date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 0\">{{ chosenRange[0] | date : 'MMM d, y' }}</ng-container>\n </p>\n <gravity-icon [iconName]=\"'swaps-arrow-right'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 1 || chosenRange?.length == 0\"\n [class.sm-bold]=\"chosenRange?.length == 1\">\n <ng-container *ngIf=\"chosenRange?.length < 2\">End date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 1\">{{ chosenRange[1] | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n <ng-container *ngIf=\"!isRangePicker\">\n <p class=\"hr-title sm-bold\">\n <ng-container *ngIf=\"!_config.value\">Select date</ng-container>\n <ng-container *ngIf=\"_config.value\">{{ _config.value.toString() | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n </div>\n\n <hr class=\"gt-calendar-topbar-line\">\n </ng-container>\n\n <div class=\"gt-calendars\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n\n <!--days calendar-->\n <ng-container *ngSwitchCase=\"'day'\">\n <bs-days-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [isDisabled]=\"isDisabled\"\n [options]=\"options$ | async\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n\n *ngFor=\"let calendar of daysCalendar$ | async; let i = index\"\n\n (onHover)=\"dayHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"daySelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-days-calendar-view>\n </ng-container>\n\n <!--months calendar-->\n <ng-container *ngSwitchCase=\"'month'\">\n <ng-container *ngIf=\"_config.isMobile; else nonMobile\">\n <ng-container *ngFor=\"let calendar of monthsCalendar | async; let i = index\">\n <bs-month-calendar-view *ngIf=\"i === 0\"\n [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n [calendarLang]=\"_config.calendarLang\"\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-month-calendar-view>\n </ng-container>\n </ng-container>\n <ng-template #nonMobile>\n <ng-container *ngFor=\"let calendar of monthsCalendar | async; let i = index\">\n <bs-month-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n [calendarLang]=\"_config.calendarLang\"\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-month-calendar-view>\n </ng-container>\n </ng-template>\n </ng-container>\n\n <!--years calendar-->\n <ng-container *ngSwitchCase=\"'year'\">\n <ng-container *ngIf=\"_config.isMobile; else nonMobile\">\n <ng-container *ngFor=\"let calendar of yearsCalendar | async; let i = index\">\n <bs-years-calendar-view *ngIf=\"i === 0\"\n [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-years-calendar-view>\n </ng-container>\n </ng-container>\n <ng-template #nonMobile>\n <ng-container *ngFor=\"let calendar of yearsCalendar | async; let i = index\">\n <bs-years-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-years-calendar-view>\n </ng-container>\n </ng-template>\n </ng-container>\n </div>\n\n <div class=\"gt-calendar-footer\" *ngIf=\"(viewMode | async) == 'day'\"\n [class.bs-datepicker-multiple]=\"isRangePicker && _config.displayMonths > 1\" [class.not-clearable]=\"!_config.clearable\">\n <gravity-link [linkText]=\"_config.calendarLang == 'es' ? 'Limpiar' : 'Clear selection'\" [link]=\"''\"\n [state]=\"isEmpty ? 'disabled' : 'active'\" (click)=\"clearDate()\"></gravity-link>\n <p class=\"apply hr-label pointer sm-bold\" [class.empty]=\"isEmpty\" (click)=\"apply()\">Apply</p>\n </div>\n</div>\n\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}:root{--gravity-spacing-none: 0;--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}.gt-calendar{border-radius:.3125rem;padding:var(--gravity-spacing-sm);background-color:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary)}.gt-calendar-topbar-indicator{align-items:center;display:flex;gap:8px}.is-mobile .gt-calendar-topbar-indicator{justify-content:center}.gt-calendar-topbar-indicator p{color:var(--bg-calendar-nav-primary);margin:0}.gt-calendar-topbar-indicator gravity-icon{--icon-color: var(--bg-calendar-nav-primary)}.gt-calendar-topbar-line{opacity:1;margin:1rem 0 24px;border:1px solid var(--divider-menu-active-primary)}.gt-calendars{display:flex;gap:24px}.is-mobile .gt-calendars{flex-direction:column;height:100%;overflow:auto}.gt-calendar-footer{align-items:center;cursor:default;display:flex;justify-content:space-between;padding:16px 0 0}.is-mobile .gt-calendar-footer{border-top:1px solid var(--divider-primary);padding-top:8px}.is-mobile .gt-calendar-footer.bs-datepicker-multiple{width:100%}.gt-calendar-footer.not-clearable{justify-content:end}.gt-calendar-footer p{border-radius:.3125rem;cursor:pointer;color:var(--on-bg-button-active-secondary);margin-left:0}.gt-calendar-footer p:not(.empty):hover{background-color:var(--bg-button-active-tertiary);color:var(--bg-button-active-primary)}.gt-calendar-footer p.empty{color:var(--on-bg-disabled);cursor:default}.gt-calendar-footer p.clear{padding:4px}.gt-calendar-footer p.apply{padding:8px}.gt-calendar-footer.bs-datepicker-multiple{width:46%;margin-left:auto}.gt-calendar.sm:not(.is-mobile){--height-gap: 0px;--calendar-width: 300px;--month-article-width: 75px;--week-article-height: 30px;--month-article-height: 35px;--week-article-width: 38.29px;--weekdays-article-height: 25px;--weekdays-article-width: 39px;--width-gap: var(--gravity-spacing-sm)}.gt-calendar.sm.year:not(.is-mobile),.gt-calendar.sm.month:not(.is-mobile){--height-gap: 0px;--calendar-width: 313px;--month-article-height: 25px;--month-article-width: 37px;--width-gap: var(--gravity-spacing-xl)}.gt-calendar.md:not(.is-mobile){--calendar-width: 359px;--week-article-width: 47px;--month-article-width: 65px;--week-article-height: 43px;--month-article-height: 35px;--weekdays-article-width: 45px;--weekdays-article-height: 27px;--width-gap: var(--gravity-spacing-sm);--height-gap: var(--gravity-spacing-sm)}.gt-calendar.md.year:not(.is-mobile),.gt-calendar.md.month:not(.is-mobile){--calendar-width: 328px;--month-article-width: 59px;--month-article-height: 43px;--width-gap: var(--gravity-spacing-sm);--height-gap: var(--gravity-spacing-sm)}.gt-calendar.is-mobile{--width-gap: 14px;--calendar-width: 100%;--week-article-width: 60px;--month-article-width: 65px;--week-article-height: 45px;--month-article-height: 35px;--weekdays-article-width: 45px;--weekdays-article-height: 27px;--height-gap: var(--gravity-spacing-sm)}.gt-calendar.is-mobile.day{flex-direction:column;padding-top:var(--gravity-spacing-xxxl);border:1px solid var(--bg-calender-primary);box-shadow:0 1px 4px #151c2933;border-radius:.9375rem .9375rem 0 0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: BsDaysCalendarViewComponent, selector: "bs-days-calendar-view", inputs: ["calendar", "calendarIndex", "isDisabled", "options", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: BsMonthCalendarViewComponent, selector: "bs-month-calendar-view", inputs: ["calendarIndex", "size", "calendarLang", "showNavigationArrows", "calendar"], outputs: ["onHover", "onNavigate", "onSelect", "onViewMode"] }, { kind: "component", type: BsYearsCalendarViewComponent, selector: "bs-years-calendar-view", inputs: ["calendar", "calendarIndex", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: GravityLinkComponent, selector: "gravity-link", inputs: ["linkText", "fontSize", "link", "cypressTag", "iconName", "target", "iconPosition", "iconSize", "state"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }], animations: [datepickerAnimation] }); }
|
|
4043
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BsDaterangepickerInlineContainerComponent, selector: "gt-daterangepicker-inline-container", host: { listeners: { "click": "$event.stopPropagation()" } }, providers: [BsDatepickerStore, BsDatepickerEffects], usesInheritance: true, ngImport: i0, template: "<div class=\"gt-calendar {{calendarSize}} {{calendarSpacing}} {{viewMode | async}}\" [class.is-mobile]=\"_config.isMobile\" *ngIf=\"viewMode | async\"\n [@datepickerAnimation]=\"animationState\" (@datepickerAnimation.done)=\"positionServiceEnable()\">\n\n <ng-container *ngIf=\"(isRangePicker || _config.isMobile) && headerTypeService.getCalendarType() === 'days'\">\n <div class=\"gt-calendar-topbar-indicator\">\n <ng-container *ngIf=\"isRangePicker\">\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 0\"\n [class.sm-bold]=\"chosenRange?.length == 0\">\n <ng-container *ngIf=\"chosenRange?.length == 0\">Start date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 0\">{{ chosenRange[0] | date : 'MMM d, y' }}</ng-container>\n </p>\n <gravity-icon [iconName]=\"'swaps-arrow-right'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <p class=\"hr-title\" [class.sm-regular]=\"chosenRange?.length > 1 || chosenRange?.length == 0\"\n [class.sm-bold]=\"chosenRange?.length == 1\">\n <ng-container *ngIf=\"chosenRange?.length < 2\">End date</ng-container>\n <ng-container *ngIf=\"chosenRange?.length > 1\">{{ chosenRange[1] | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n <ng-container *ngIf=\"!isRangePicker\">\n <p class=\"hr-title sm-bold\">\n <ng-container *ngIf=\"!_config.value\">Select date</ng-container>\n <ng-container *ngIf=\"_config.value\">{{ _config.value.toString() | date : 'MMM d, y' }}</ng-container>\n </p>\n </ng-container>\n </div>\n\n <hr class=\"gt-calendar-topbar-line\">\n </ng-container>\n\n <div class=\"gt-calendars\" [ngSwitch]=\"viewMode | async\" role=\"application\">\n\n <!--days calendar-->\n <ng-container *ngSwitchCase=\"'day'\">\n <bs-days-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [isDisabled]=\"isDisabled\"\n [options]=\"options$ | async\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n\n *ngFor=\"let calendar of daysCalendar$ | async; let i = index\"\n\n (onHover)=\"dayHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"daySelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\"></bs-days-calendar-view>\n </ng-container>\n\n <!--months calendar-->\n <ng-container *ngSwitchCase=\"'month'\">\n <ng-container *ngIf=\"_config.isMobile; else nonMobile\">\n <ng-container *ngFor=\"let calendar of monthsCalendar | async; let i = index\">\n <bs-month-calendar-view *ngIf=\"i === 0\"\n [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n [calendarLang]=\"_config.calendarLang\"\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-month-calendar-view>\n </ng-container>\n </ng-container>\n <ng-template #nonMobile>\n <ng-container *ngFor=\"let calendar of monthsCalendar | async; let i = index\">\n <bs-month-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n [calendarLang]=\"_config.calendarLang\"\n (onHover)=\"monthHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"monthSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-month-calendar-view>\n </ng-container>\n </ng-template>\n </ng-container>\n\n <!--years calendar-->\n <ng-container *ngSwitchCase=\"'year'\">\n <ng-container *ngIf=\"_config.isMobile; else nonMobile\">\n <ng-container *ngFor=\"let calendar of yearsCalendar | async; let i = index\">\n <bs-years-calendar-view *ngIf=\"i === 0\"\n [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-years-calendar-view>\n </ng-container>\n </ng-container>\n <ng-template #nonMobile>\n <ng-container *ngFor=\"let calendar of yearsCalendar | async; let i = index\">\n <bs-years-calendar-view [calendar]=\"calendar\"\n [calendarIndex]=\"i\"\n [showNavigationArrows]=\"showNavigationArrows\"\n [size]=\"_config.isMobile ? 'md' : calendarSize\"\n (onHover)=\"yearHoverHandler($event)\"\n (onNavigate)=\"navigateTo($event)\"\n (onSelect)=\"yearSelectHandler($event)\"\n (onViewMode)=\"setViewMode($event)\">\n </bs-years-calendar-view>\n </ng-container>\n </ng-template>\n </ng-container>\n </div>\n\n <div class=\"gt-calendar-footer\" *ngIf=\"(viewMode | async) == 'day'\"\n [class.bs-datepicker-multiple]=\"isRangePicker && _config.displayMonths > 1\" [class.not-clearable]=\"!_config.clearable\">\n <gravity-link [linkText]=\"_config.calendarLang == 'es' ? 'Limpiar' : 'Clear selection'\" [link]=\"''\"\n [state]=\"isEmpty ? 'disabled' : 'active'\" (click)=\"clearDate()\"></gravity-link>\n <p class=\"apply hr-label pointer sm-bold\" [class.empty]=\"isEmpty\" (click)=\"apply()\">Apply</p>\n </div>\n</div>\n\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}:root{--gravity-spacing-none: 0;--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}.gt-calendar{border-radius:.3125rem;padding:var(--gravity-spacing-sm);background-color:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary)}.gt-calendar-topbar-indicator{align-items:center;display:flex;gap:8px}.is-mobile .gt-calendar-topbar-indicator{justify-content:center}.gt-calendar-topbar-indicator p{color:var(--bg-calendar-nav-primary);margin:0}.gt-calendar-topbar-indicator gravity-icon{--icon-color: var(--bg-calendar-nav-primary)}.gt-calendar-topbar-line{opacity:1;margin:1rem 0 24px;border:1px solid var(--divider-menu-active-primary)}.gt-calendars{display:flex;gap:24px}.is-mobile .gt-calendars{flex-direction:column;height:100%;overflow:auto}.gt-calendar-footer{align-items:center;cursor:default;display:flex;justify-content:space-between;padding:16px 0 0}.is-mobile .gt-calendar-footer{border-top:1px solid var(--divider-primary);padding-top:8px}.is-mobile .gt-calendar-footer.bs-datepicker-multiple{width:100%}.gt-calendar-footer.not-clearable{justify-content:end}.gt-calendar-footer p{border-radius:.3125rem;cursor:pointer;color:var(--on-bg-button-active-secondary);margin-left:0}.gt-calendar-footer p:not(.empty):hover{background-color:var(--bg-button-active-tertiary);color:var(--bg-button-active-primary)}.gt-calendar-footer p.empty{color:var(--on-bg-disabled);cursor:default}.gt-calendar-footer p.clear{padding:4px}.gt-calendar-footer p.apply{padding:8px}.gt-calendar-footer.bs-datepicker-multiple{width:46%;margin-left:auto}.gt-calendar.sm:not(.is-mobile){--height-gap: 0px;--calendar-width: 300px;--month-article-width: 75px;--week-article-height: 30px;--month-article-height: 35px;--week-article-width: 38.29px;--weekdays-article-height: 25px;--weekdays-article-width: 39px;--width-gap: var(--gravity-spacing-sm)}.gt-calendar.sm.year:not(.is-mobile),.gt-calendar.sm.month:not(.is-mobile){--height-gap: 0px;--calendar-width: 313px;--month-article-height: 25px;--month-article-width: 37px;--width-gap: var(--gravity-spacing-xl)}.gt-calendar.md:not(.is-mobile){--calendar-width: 359px;--week-article-width: 47px;--month-article-width: 65px;--week-article-height: 43px;--month-article-height: 35px;--weekdays-article-width: 45px;--weekdays-article-height: 27px;--width-gap: var(--gravity-spacing-sm);--height-gap: var(--gravity-spacing-sm)}.gt-calendar.md.year:not(.is-mobile),.gt-calendar.md.month:not(.is-mobile){--calendar-width: 328px;--month-article-width: 59px;--month-article-height: 43px;--width-gap: var(--gravity-spacing-sm);--height-gap: var(--gravity-spacing-sm)}.gt-calendar.is-mobile{--width-gap: 14px;--calendar-width: 100%;--week-article-width: 60px;--month-article-width: 65px;--week-article-height: 45px;--month-article-height: 35px;--weekdays-article-width: 45px;--weekdays-article-height: 27px;--height-gap: var(--gravity-spacing-sm)}.gt-calendar.is-mobile.day{flex-direction:column;padding-top:var(--gravity-spacing-xxxl);border:1px solid var(--bg-calender-primary);box-shadow:0 1px 4px #151c2933;border-radius:.9375rem .9375rem 0 0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: BsDaysCalendarViewComponent, selector: "bs-days-calendar-view", inputs: ["calendar", "calendarIndex", "isDisabled", "options", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: BsMonthCalendarViewComponent, selector: "bs-month-calendar-view", inputs: ["calendarIndex", "size", "calendarLang", "showNavigationArrows", "calendar"], outputs: ["onHover", "onNavigate", "onSelect", "onViewMode"] }, { kind: "component", type: BsYearsCalendarViewComponent, selector: "bs-years-calendar-view", inputs: ["calendar", "calendarIndex", "showNavigationArrows", "size"], outputs: ["onNavigate", "onViewMode", "onSelect", "onHover"] }, { kind: "component", type: GravityLinkComponent, selector: "gravity-link", inputs: ["linkText", "fontClass", "link", "cypressTag", "iconName", "target", "iconPosition", "iconSize", "state"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }], animations: [datepickerAnimation] }); }
|
|
4040
4044
|
}
|
|
4041
4045
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BsDaterangepickerInlineContainerComponent, decorators: [{
|
|
4042
4046
|
type: Component,
|
|
@@ -5411,11 +5415,11 @@ class GravityStatusIndicatorComponent {
|
|
|
5411
5415
|
}
|
|
5412
5416
|
}
|
|
5413
5417
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5414
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: { icon: "icon", text: "text", size: "size", type: "type", status: "status" }, ngImport: i0, template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}}\" *ngIf=\"type === 'primary'\">\n {{text}} <gravity-icon [iconName]=\"icon\" [iconSize]=\"getIconSizeClass(size)\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> {{text}}\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;padding:2.5px 6px;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator.positive{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.negative{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
5418
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: { icon: "icon", text: "text", size: "size", type: "type", status: "status" }, ngImport: i0, template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n {{text}} <gravity-icon [iconName]=\"icon\" [iconSize]=\"getIconSizeClass(size)\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> {{text}}\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;padding:2.5px 6px;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator.sm{height:17px}.gravity-status-indicator.md{height:24px}.gravity-status-indicator.positive{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.negative{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
5415
5419
|
}
|
|
5416
5420
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityStatusIndicatorComponent, decorators: [{
|
|
5417
5421
|
type: Component,
|
|
5418
|
-
args: [{ selector: 'gravity-status-indicator', template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}}\" *ngIf=\"type === 'primary'\">\n {{text}} <gravity-icon [iconName]=\"icon\" [iconSize]=\"getIconSizeClass(size)\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> {{text}}\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;padding:2.5px 6px;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator.positive{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.negative{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"] }]
|
|
5422
|
+
args: [{ selector: 'gravity-status-indicator', template: "<div class=\"gravity-status-indicator hr-body {{size}}-regular {{status}} {{size}}\" *ngIf=\"type === 'primary'\">\n {{text}} <gravity-icon [iconName]=\"icon\" [iconSize]=\"getIconSizeClass(size)\" *ngIf=\"icon\"></gravity-icon>\n</div>\n\n<div class=\"gravity-status-indicator-dot hr-body sm-regular {{status}}\" *ngIf=\"type === 'secondary'\">\n <div></div> {{text}}\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:host{display:block}.gravity-status-indicator,.gravity-status-indicator-dot{gap:4px;display:flex;line-height:1;padding:2.5px 6px;width:-moz-fit-content;width:fit-content;align-items:center;white-space:nowrap;border:1px solid transparent;border-radius:6.25rem;color:var(--gravity-status-indicator-text-color);background-color:var(--gravity-status-indicator-background-color)}.gravity-status-indicator gravity-icon,.gravity-status-indicator-dot gravity-icon{--icon-color: var(--gravity-status-indicator-text-color)}.gravity-status-indicator.sm{height:17px}.gravity-status-indicator.md{height:24px}.gravity-status-indicator.positive{--gravity-status-indicator-text-color: var(--on-bg-button-active-positive);--gravity-status-indicator-background-color: var(--bg-button-active-positive)}.gravity-status-indicator.negative{--gravity-status-indicator-text-color: var(--on-bg-button-active-negative);--gravity-status-indicator-background-color: var(--bg-button-active-negative)}.gravity-status-indicator.attention{--gravity-status-indicator-text-color: var(--on-bg-button-active-tertiary);--gravity-status-indicator-background-color: var(--bg-button-active-tertiary)}.gravity-status-indicator.neutro{--gravity-status-indicator-text-color: var(--text-primary);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator.disabled{border:1px solid var(--outline-disabled);--gravity-status-indicator-text-color: var(--on-bg-disabled);--gravity-status-indicator-background-color: var(--bg-disabled)}.gravity-status-indicator-dot div{width:12px;height:12px;border-radius:6.25rem;background-color:var(--gravity-status-indicator-dot-color)}.gravity-status-indicator-dot.positive{--gravity-status-indicator-dot-color: var(--bg-button-pressed-positive)}.gravity-status-indicator-dot.negative{--gravity-status-indicator-dot-color: var(--bg-button-pressed-negative)}.gravity-status-indicator-dot.attention{--gravity-status-indicator-dot-color: var(--bg-button-hover-tertiary)}.gravity-status-indicator-dot.neutro{--gravity-status-indicator-dot-color: var(--bg-neutro-dot-primary)}\n"] }]
|
|
5419
5423
|
}], propDecorators: { icon: [{
|
|
5420
5424
|
type: Input
|
|
5421
5425
|
}], text: [{
|
|
@@ -5492,11 +5496,11 @@ class GravityGenericAvatarComponent {
|
|
|
5492
5496
|
}
|
|
5493
5497
|
}
|
|
5494
5498
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5495
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityGenericAvatarComponent, selector: "gravity-generic-avatar", inputs: { label: "label", initials: "initials", isDisabled: "isDisabled" }, ngImport: i0, template: "<div class=\"gravity-generic-avatar {{getStatus()}}\">\n <div class=\"gravity-margin-right-xxs\">\n <span class=\"hr-body sm-regular\">{{initials}}</span>\n </div>\n <label class=\"hr-body sm-regular\">{{label}}</label>\n</div>", styles: [":host{display:block}.gravity-generic-avatar{display:flex;align-items:center}.gravity-generic-avatar div{width:24px;height:24px;display:flex;border-radius:50px;align-items:center;justify-content:center;color:var(--avatar-initials-text-color);background-color:var(--avatar-initials-backgroud-color)}.gravity-generic-avatar div span{margin-top:2px}.gravity-generic-avatar label{margin-top:2px;color:var(--avatar-label-color)}.gravity-generic-avatar.active{--avatar-label-color: var(--cl-generic-avatar-label-primary);--avatar-initials-text-color: var(--cl-generic-avatar-initial-text-primary);--avatar-initials-backgroud-color: var(--bg-generic-avatar-initials-primary)}.gravity-generic-avatar.disabled{--avatar-label-color: var(--cl-generic-avatar-label-disabled);--avatar-initials-text-color: var(--cl-generic-avatar-initial-text-disabled);--avatar-initials-backgroud-color: var(--bg-generic-avatar-initials-disabled)}\n"] }); }
|
|
5499
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityGenericAvatarComponent, selector: "gravity-generic-avatar", inputs: { label: "label", initials: "initials", isDisabled: "isDisabled" }, ngImport: i0, template: "<div class=\"gravity-generic-avatar {{getStatus()}}\">\n <div class=\"gravity-margin-right-xxs\">\n <span class=\"hr-body sm-regular\">{{initials}}</span>\n </div>\n <label class=\"hr-body sm-regular\">{{label}}</label>\n</div>", styles: [":host{display:block}.gravity-generic-avatar{display:flex;align-items:center}.gravity-generic-avatar div{width:24px;height:24px;display:flex;border-radius:50px;align-items:center;justify-content:center;color:var(--avatar-initials-text-color);background-color:var(--avatar-initials-backgroud-color)}.gravity-generic-avatar div span{margin-top:2px}.gravity-generic-avatar label{margin-top:2px;color:var(--avatar-label-color)}.gravity-generic-avatar.active{--avatar-label-color: var(--cl-generic-avatar-label-primary);--avatar-initials-text-color: var(--cl-generic-avatar-initial-text-primary);--avatar-initials-backgroud-color: var(--on-bg-generic-avatar-initials-primary)}.gravity-generic-avatar.disabled{--avatar-label-color: var(--cl-generic-avatar-label-disabled);--avatar-initials-text-color: var(--cl-generic-avatar-initial-text-disabled);--avatar-initials-backgroud-color: var(--on-bg-generic-avatar-initials-disabled)}\n"] }); }
|
|
5496
5500
|
}
|
|
5497
5501
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarComponent, decorators: [{
|
|
5498
5502
|
type: Component,
|
|
5499
|
-
args: [{ selector: 'gravity-generic-avatar', template: "<div class=\"gravity-generic-avatar {{getStatus()}}\">\n <div class=\"gravity-margin-right-xxs\">\n <span class=\"hr-body sm-regular\">{{initials}}</span>\n </div>\n <label class=\"hr-body sm-regular\">{{label}}</label>\n</div>", styles: [":host{display:block}.gravity-generic-avatar{display:flex;align-items:center}.gravity-generic-avatar div{width:24px;height:24px;display:flex;border-radius:50px;align-items:center;justify-content:center;color:var(--avatar-initials-text-color);background-color:var(--avatar-initials-backgroud-color)}.gravity-generic-avatar div span{margin-top:2px}.gravity-generic-avatar label{margin-top:2px;color:var(--avatar-label-color)}.gravity-generic-avatar.active{--avatar-label-color: var(--cl-generic-avatar-label-primary);--avatar-initials-text-color: var(--cl-generic-avatar-initial-text-primary);--avatar-initials-backgroud-color: var(--bg-generic-avatar-initials-primary)}.gravity-generic-avatar.disabled{--avatar-label-color: var(--cl-generic-avatar-label-disabled);--avatar-initials-text-color: var(--cl-generic-avatar-initial-text-disabled);--avatar-initials-backgroud-color: var(--bg-generic-avatar-initials-disabled)}\n"] }]
|
|
5503
|
+
args: [{ selector: 'gravity-generic-avatar', template: "<div class=\"gravity-generic-avatar {{getStatus()}}\">\n <div class=\"gravity-margin-right-xxs\">\n <span class=\"hr-body sm-regular\">{{initials}}</span>\n </div>\n <label class=\"hr-body sm-regular\">{{label}}</label>\n</div>", styles: [":host{display:block}.gravity-generic-avatar{display:flex;align-items:center}.gravity-generic-avatar div{width:24px;height:24px;display:flex;border-radius:50px;align-items:center;justify-content:center;color:var(--avatar-initials-text-color);background-color:var(--avatar-initials-backgroud-color)}.gravity-generic-avatar div span{margin-top:2px}.gravity-generic-avatar label{margin-top:2px;color:var(--avatar-label-color)}.gravity-generic-avatar.active{--avatar-label-color: var(--cl-generic-avatar-label-primary);--avatar-initials-text-color: var(--cl-generic-avatar-initial-text-primary);--avatar-initials-backgroud-color: var(--on-bg-generic-avatar-initials-primary)}.gravity-generic-avatar.disabled{--avatar-label-color: var(--cl-generic-avatar-label-disabled);--avatar-initials-text-color: var(--cl-generic-avatar-initial-text-disabled);--avatar-initials-backgroud-color: var(--on-bg-generic-avatar-initials-disabled)}\n"] }]
|
|
5500
5504
|
}], propDecorators: { label: [{
|
|
5501
5505
|
type: Input
|
|
5502
5506
|
}], initials: [{
|
|
@@ -5589,6 +5593,7 @@ class GravityModalComponent {
|
|
|
5589
5593
|
this.iconPosition = 'left';
|
|
5590
5594
|
this.primaryBtnType = 'primary';
|
|
5591
5595
|
this.secondaryBtnType = 'secondary';
|
|
5596
|
+
this.linkFontClass = '';
|
|
5592
5597
|
this.linkState = 'active';
|
|
5593
5598
|
// Callbacks
|
|
5594
5599
|
this.linkCallback = null;
|
|
@@ -5601,11 +5606,11 @@ class GravityModalComponent {
|
|
|
5601
5606
|
this.close.emit();
|
|
5602
5607
|
}
|
|
5603
5608
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5604
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityModalComponent, selector: "gravity-modal", inputs: { title: "title", iconName: "iconName", preTitle: "preTitle", subTitle: "subTitle", isVisible: "isVisible", state: "state", primaryBtnText: "primaryBtnText", primaryBtnIcon: "primaryBtnIcon", secondaryBtnTxt: "secondaryBtnTxt", secondaryBtnIcon: "secondaryBtnIcon", iconPosition: "iconPosition", primaryBtnType: "primaryBtnType", secondaryBtnType: "secondaryBtnType", link: "link", linkText: "linkText", linkIcon: "linkIcon", linkState: "linkState", linkCallback: "linkCallback", primaryBtnCallback: "primaryBtnCallback", secondaryBtnCallback: "secondaryBtnCallback" }, outputs: { close: "close" }, ngImport: i0, template: "<div *ngIf=\"isVisible\" class=\"gravity-modal-cover\"></div>\n<div *ngIf=\"isVisible\" 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 <gravity-icon *ngIf=\"iconName\" [style.--icon-color]=\"'var(--state-color)'\"\n [size]=\"'md'\" [iconName]=\"iconName\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n </gravity-icon>\n <h1 class=\"hr-title md-bold\">{{ 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'\">\n </gravity-icon>\n </div>\n </div>\n <div class=\"modal-body\">\n <ng-content></ng-content>\n </div>\n <div class=\"modal-footer\">\n <gravity-button *ngIf=\"primaryBtnText || primaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"primaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"primaryBtnType\" [iconPosition]=\"iconPosition\"\n (click)=\"primaryBtnCallback?.()\">{{ primaryBtnText }}\n </gravity-button>\n <gravity-button *ngIf=\"secondaryBtnTxt || secondaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"secondaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"secondaryBtnType\" [iconPosition]=\"iconPosition\"\n (click)=\"secondaryBtnCallback?.()\">{{ secondaryBtnTxt }}\n </gravity-button>\n <gravity-link *ngIf=\"linkText || linkIcon\" [linkText]=\"linkText\" [iconName]=\"linkIcon\" (click)=\"linkCallback?.()\"\n [iconPosition]=\"iconPosition\" [state]=\"linkState\" [link]=\"link\">\n </gravity-link>\n </div>\n</div>\n\n\n", styles: [":root{--gravity-spacing-none: 0;--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%;z-index:999;position:fixed;opacity:var(--surface-opacity);background-color:var(--surface-tertiary)}.gravity-modal-container{top:50%;left:50%;width:100%;height:auto;z-index:1000;display:flex;position:fixed;min-width:288px;max-width:540px;align-items:center;flex-direction:column;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: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "customState", "iconPosition", "iconName", "isLoading", "showContent", "size", "type"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: GravityLinkComponent, selector: "gravity-link", inputs: ["linkText", "fontSize", "link", "cypressTag", "iconName", "target", "iconPosition", "iconSize", "state"] }] }); }
|
|
5609
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityModalComponent, selector: "gravity-modal", inputs: { title: "title", iconName: "iconName", preTitle: "preTitle", subTitle: "subTitle", isVisible: "isVisible", state: "state", primaryBtnText: "primaryBtnText", primaryBtnIcon: "primaryBtnIcon", secondaryBtnTxt: "secondaryBtnTxt", secondaryBtnIcon: "secondaryBtnIcon", iconPosition: "iconPosition", primaryBtnType: "primaryBtnType", secondaryBtnType: "secondaryBtnType", link: "link", linkText: "linkText", linkIcon: "linkIcon", linkFontClass: "linkFontClass", linkState: "linkState", linkCallback: "linkCallback", primaryBtnCallback: "primaryBtnCallback", secondaryBtnCallback: "secondaryBtnCallback" }, outputs: { close: "close" }, ngImport: i0, template: "<div *ngIf=\"isVisible\" class=\"gravity-modal-cover\"></div>\n<div *ngIf=\"isVisible\" 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 <gravity-icon *ngIf=\"iconName\" [style.--icon-color]=\"'var(--state-color)'\"\n [size]=\"'md'\" [iconName]=\"iconName\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n </gravity-icon>\n <h1 class=\"hr-title md-bold\">{{ 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'\">\n </gravity-icon>\n </div>\n </div>\n <div class=\"modal-body\">\n <ng-content></ng-content>\n </div>\n <div class=\"modal-footer\">\n <gravity-button *ngIf=\"primaryBtnText || primaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"primaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"primaryBtnType\" [iconPosition]=\"iconPosition\"\n (click)=\"primaryBtnCallback?.()\">{{ primaryBtnText }}\n </gravity-button>\n <gravity-button *ngIf=\"secondaryBtnTxt || secondaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"secondaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"secondaryBtnType\" [iconPosition]=\"iconPosition\"\n (click)=\"secondaryBtnCallback?.()\">{{ secondaryBtnTxt }}\n </gravity-button>\n <gravity-link *ngIf=\"linkText || linkIcon\" [linkText]=\"linkText\" [iconName]=\"linkIcon\" (click)=\"linkCallback?.()\"\n [iconPosition]=\"iconPosition\" [state]=\"linkState\" [link]=\"link\" [fontClass]=\"linkFontClass\">\n </gravity-link>\n </div>\n</div>\n\n\n", styles: [":root{--gravity-spacing-none: 0;--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%;z-index:999;position:fixed;opacity:var(--surface-opacity);background-color:var(--surface-tertiary)}.gravity-modal-container{top:50%;left:50%;width:100%;height:auto;z-index:1000;display:flex;position:fixed;min-width:288px;max-width:540px;align-items:center;flex-direction:column;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: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "customState", "iconPosition", "iconName", "isLoading", "showContent", "size", "type"] }, { 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"] }] }); }
|
|
5605
5610
|
}
|
|
5606
5611
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityModalComponent, decorators: [{
|
|
5607
5612
|
type: Component,
|
|
5608
|
-
args: [{ selector: 'gravity-modal', template: "<div *ngIf=\"isVisible\" class=\"gravity-modal-cover\"></div>\n<div *ngIf=\"isVisible\" 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 <gravity-icon *ngIf=\"iconName\" [style.--icon-color]=\"'var(--state-color)'\"\n [size]=\"'md'\" [iconName]=\"iconName\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n </gravity-icon>\n <h1 class=\"hr-title md-bold\">{{ 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'\">\n </gravity-icon>\n </div>\n </div>\n <div class=\"modal-body\">\n <ng-content></ng-content>\n </div>\n <div class=\"modal-footer\">\n <gravity-button *ngIf=\"primaryBtnText || primaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"primaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"primaryBtnType\" [iconPosition]=\"iconPosition\"\n (click)=\"primaryBtnCallback?.()\">{{ primaryBtnText }}\n </gravity-button>\n <gravity-button *ngIf=\"secondaryBtnTxt || secondaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"secondaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"secondaryBtnType\" [iconPosition]=\"iconPosition\"\n (click)=\"secondaryBtnCallback?.()\">{{ secondaryBtnTxt }}\n </gravity-button>\n <gravity-link *ngIf=\"linkText || linkIcon\" [linkText]=\"linkText\" [iconName]=\"linkIcon\" (click)=\"linkCallback?.()\"\n [iconPosition]=\"iconPosition\" [state]=\"linkState\" [link]=\"link\">\n </gravity-link>\n </div>\n</div>\n\n\n", styles: [":root{--gravity-spacing-none: 0;--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%;z-index:999;position:fixed;opacity:var(--surface-opacity);background-color:var(--surface-tertiary)}.gravity-modal-container{top:50%;left:50%;width:100%;height:auto;z-index:1000;display:flex;position:fixed;min-width:288px;max-width:540px;align-items:center;flex-direction:column;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"] }]
|
|
5613
|
+
args: [{ selector: 'gravity-modal', template: "<div *ngIf=\"isVisible\" class=\"gravity-modal-cover\"></div>\n<div *ngIf=\"isVisible\" 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 <gravity-icon *ngIf=\"iconName\" [style.--icon-color]=\"'var(--state-color)'\"\n [size]=\"'md'\" [iconName]=\"iconName\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n </gravity-icon>\n <h1 class=\"hr-title md-bold\">{{ 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'\">\n </gravity-icon>\n </div>\n </div>\n <div class=\"modal-body\">\n <ng-content></ng-content>\n </div>\n <div class=\"modal-footer\">\n <gravity-button *ngIf=\"primaryBtnText || primaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"primaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"primaryBtnType\" [iconPosition]=\"iconPosition\"\n (click)=\"primaryBtnCallback?.()\">{{ primaryBtnText }}\n </gravity-button>\n <gravity-button *ngIf=\"secondaryBtnTxt || secondaryBtnIcon\" [customState]=\"'active'\" [iconName]=\"secondaryBtnIcon\"\n [size]=\"'sm'\" [type]=\"secondaryBtnType\" [iconPosition]=\"iconPosition\"\n (click)=\"secondaryBtnCallback?.()\">{{ secondaryBtnTxt }}\n </gravity-button>\n <gravity-link *ngIf=\"linkText || linkIcon\" [linkText]=\"linkText\" [iconName]=\"linkIcon\" (click)=\"linkCallback?.()\"\n [iconPosition]=\"iconPosition\" [state]=\"linkState\" [link]=\"link\" [fontClass]=\"linkFontClass\">\n </gravity-link>\n </div>\n</div>\n\n\n", styles: [":root{--gravity-spacing-none: 0;--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%;z-index:999;position:fixed;opacity:var(--surface-opacity);background-color:var(--surface-tertiary)}.gravity-modal-container{top:50%;left:50%;width:100%;height:auto;z-index:1000;display:flex;position:fixed;min-width:288px;max-width:540px;align-items:center;flex-direction:column;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"] }]
|
|
5609
5614
|
}], propDecorators: { title: [{
|
|
5610
5615
|
type: Input
|
|
5611
5616
|
}], iconName: [{
|
|
@@ -5638,6 +5643,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5638
5643
|
type: Input
|
|
5639
5644
|
}], linkIcon: [{
|
|
5640
5645
|
type: Input
|
|
5646
|
+
}], linkFontClass: [{
|
|
5647
|
+
type: Input
|
|
5641
5648
|
}], linkState: [{
|
|
5642
5649
|
type: Input
|
|
5643
5650
|
}], linkCallback: [{
|
|
@@ -5654,6 +5661,7 @@ class GravityTabPrimaryComponent {
|
|
|
5654
5661
|
constructor() {
|
|
5655
5662
|
this.selected = 0;
|
|
5656
5663
|
this.size = 'sm';
|
|
5664
|
+
this.paddingClass = 'gravity-padding-left-none';
|
|
5657
5665
|
this.tabs = [];
|
|
5658
5666
|
this.pressed = new EventEmitter();
|
|
5659
5667
|
}
|
|
@@ -5662,15 +5670,17 @@ class GravityTabPrimaryComponent {
|
|
|
5662
5670
|
this.pressed.emit(index);
|
|
5663
5671
|
}
|
|
5664
5672
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTabPrimaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5665
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityTabPrimaryComponent, selector: "gravity-tab-primary", inputs: { selected: "selected", size: "size", tabs: "tabs" }, outputs: { pressed: "pressed" }, ngImport: i0, template: "<div class=\"gravity-tab-primary\">\n <div class=\"tabs-container\">\n <div class=\"tab {{size}}\" *ngFor=\"let tab of tabs; let i = index\" [class.selected]=\"selected === i\"\n [attr.data-cy]=\"tab.cypressTag\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--text-highlight-primary)'\" [size]=\"'md'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-label\" [ngClass]=\"selected === i ? 'sm-bold' : 'sm-regular'\">{{tab.title}}</p>\n </div>\n <div class=\"bottom-line\"></div>\n </div>\n</div>\n\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}.gravity-tab-primary .tabs-container{width:100%;display:flex;color:var(--on-bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab{display:flex;cursor:default;align-items:center;justify-content:center;gap:var(--gravity-spacing-xs);background-color:var(--surface-secondary);border-radius:.3125rem .3125rem 0 0;border-bottom:1.5px solid var(--bg-button-hover-tertiary);transition:border-left .5s ease,border-right .5s ease,border-top .5s ease}.gravity-tab-primary .tabs-container .tab.sm{padding:var(--gravity-spacing-sm) var(--gravity-spacing-xs)}.gravity-tab-primary .tabs-container .tab.md{padding:var(--gravity-spacing-sm) var(--gravity-spacing-sm)}.gravity-tab-primary .tabs-container .tab.lg{padding:var(--gravity-spacing-md) var(--gravity-spacing-lg)}.gravity-tab-primary .tabs-container .tab.selected{border:1.5px solid var(--bg-button-hover-tertiary);border-bottom:none}.gravity-tab-primary .tabs-container .tab:not(.selected):hover{cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab p{white-space:nowrap}.gravity-tab-primary .tabs-container .bottom-line{width:100%;border-bottom:1.5px solid var(--bg-button-hover-tertiary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
5673
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityTabPrimaryComponent, selector: "gravity-tab-primary", inputs: { selected: "selected", size: "size", paddingClass: "paddingClass", tabs: "tabs" }, outputs: { pressed: "pressed" }, ngImport: i0, template: "<div class=\"gravity-tab-primary\">\n <div class=\"tabs-container\">\n <div class=\"below-line {{paddingClass}}\"></div>\n <div class=\"tab {{size}}\" *ngFor=\"let tab of tabs; let i = index\" [class.selected]=\"selected === i\"\n [attr.data-cy]=\"tab.cypressTag\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--text-highlight-primary)'\" [size]=\"'md'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-label\" [ngClass]=\"selected === i ? 'sm-bold' : 'sm-regular'\">{{tab.title}}</p>\n </div>\n <div class=\"bottom-line\"></div>\n </div>\n</div>\n\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}.gravity-tab-primary .tabs-container{width:100%;display:flex;color:var(--on-bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab{display:flex;cursor:default;align-items:center;justify-content:center;gap:var(--gravity-spacing-xs);background-color:var(--surface-secondary);border-radius:.3125rem .3125rem 0 0;border-bottom:1.5px solid var(--bg-button-hover-tertiary);transition:border-left .5s ease,border-right .5s ease,border-top .5s ease}.gravity-tab-primary .tabs-container .tab.sm{padding:var(--gravity-spacing-sm) var(--gravity-spacing-xs)}.gravity-tab-primary .tabs-container .tab.md{padding:var(--gravity-spacing-sm) var(--gravity-spacing-sm)}.gravity-tab-primary .tabs-container .tab.lg{padding:var(--gravity-spacing-md) var(--gravity-spacing-lg)}.gravity-tab-primary .tabs-container .tab.selected{border:1.5px solid var(--bg-button-hover-tertiary);border-bottom:none}.gravity-tab-primary .tabs-container .tab:not(.selected):hover{cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab p{white-space:nowrap}.gravity-tab-primary .tabs-container .bottom-line{width:100%;border-bottom:1.5px solid var(--bg-button-hover-tertiary)}.gravity-tab-primary .tabs-container .below-line{border-bottom:1.5px solid var(--bg-button-hover-tertiary)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
5666
5674
|
}
|
|
5667
5675
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTabPrimaryComponent, decorators: [{
|
|
5668
5676
|
type: Component,
|
|
5669
|
-
args: [{ selector: 'gravity-tab-primary', template: "<div class=\"gravity-tab-primary\">\n <div class=\"tabs-container\">\n <div class=\"tab {{size}}\" *ngFor=\"let tab of tabs; let i = index\" [class.selected]=\"selected === i\"\n [attr.data-cy]=\"tab.cypressTag\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--text-highlight-primary)'\" [size]=\"'md'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-label\" [ngClass]=\"selected === i ? 'sm-bold' : 'sm-regular'\">{{tab.title}}</p>\n </div>\n <div class=\"bottom-line\"></div>\n </div>\n</div>\n\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}.gravity-tab-primary .tabs-container{width:100%;display:flex;color:var(--on-bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab{display:flex;cursor:default;align-items:center;justify-content:center;gap:var(--gravity-spacing-xs);background-color:var(--surface-secondary);border-radius:.3125rem .3125rem 0 0;border-bottom:1.5px solid var(--bg-button-hover-tertiary);transition:border-left .5s ease,border-right .5s ease,border-top .5s ease}.gravity-tab-primary .tabs-container .tab.sm{padding:var(--gravity-spacing-sm) var(--gravity-spacing-xs)}.gravity-tab-primary .tabs-container .tab.md{padding:var(--gravity-spacing-sm) var(--gravity-spacing-sm)}.gravity-tab-primary .tabs-container .tab.lg{padding:var(--gravity-spacing-md) var(--gravity-spacing-lg)}.gravity-tab-primary .tabs-container .tab.selected{border:1.5px solid var(--bg-button-hover-tertiary);border-bottom:none}.gravity-tab-primary .tabs-container .tab:not(.selected):hover{cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab p{white-space:nowrap}.gravity-tab-primary .tabs-container .bottom-line{width:100%;border-bottom:1.5px solid var(--bg-button-hover-tertiary)}\n"] }]
|
|
5677
|
+
args: [{ selector: 'gravity-tab-primary', template: "<div class=\"gravity-tab-primary\">\n <div class=\"tabs-container\">\n <div class=\"below-line {{paddingClass}}\"></div>\n <div class=\"tab {{size}}\" *ngFor=\"let tab of tabs; let i = index\" [class.selected]=\"selected === i\"\n [attr.data-cy]=\"tab.cypressTag\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--text-highlight-primary)'\" [size]=\"'md'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-label\" [ngClass]=\"selected === i ? 'sm-bold' : 'sm-regular'\">{{tab.title}}</p>\n </div>\n <div class=\"bottom-line\"></div>\n </div>\n</div>\n\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}.gravity-tab-primary .tabs-container{width:100%;display:flex;color:var(--on-bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab{display:flex;cursor:default;align-items:center;justify-content:center;gap:var(--gravity-spacing-xs);background-color:var(--surface-secondary);border-radius:.3125rem .3125rem 0 0;border-bottom:1.5px solid var(--bg-button-hover-tertiary);transition:border-left .5s ease,border-right .5s ease,border-top .5s ease}.gravity-tab-primary .tabs-container .tab.sm{padding:var(--gravity-spacing-sm) var(--gravity-spacing-xs)}.gravity-tab-primary .tabs-container .tab.md{padding:var(--gravity-spacing-sm) var(--gravity-spacing-sm)}.gravity-tab-primary .tabs-container .tab.lg{padding:var(--gravity-spacing-md) var(--gravity-spacing-lg)}.gravity-tab-primary .tabs-container .tab.selected{border:1.5px solid var(--bg-button-hover-tertiary);border-bottom:none}.gravity-tab-primary .tabs-container .tab:not(.selected):hover{cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-tab-primary .tabs-container .tab p{white-space:nowrap}.gravity-tab-primary .tabs-container .bottom-line{width:100%;border-bottom:1.5px solid var(--bg-button-hover-tertiary)}.gravity-tab-primary .tabs-container .below-line{border-bottom:1.5px solid var(--bg-button-hover-tertiary)}\n"] }]
|
|
5670
5678
|
}], propDecorators: { selected: [{
|
|
5671
5679
|
type: Input
|
|
5672
5680
|
}], size: [{
|
|
5673
5681
|
type: Input
|
|
5682
|
+
}], paddingClass: [{
|
|
5683
|
+
type: Input
|
|
5674
5684
|
}], tabs: [{
|
|
5675
5685
|
type: Input
|
|
5676
5686
|
}], pressed: [{
|
|
@@ -5686,15 +5696,17 @@ class GravityTabSecondaryComponent {
|
|
|
5686
5696
|
this.pressed = new EventEmitter();
|
|
5687
5697
|
}
|
|
5688
5698
|
setActiveTab(index) {
|
|
5699
|
+
if (this.tabs[index]?.disabled)
|
|
5700
|
+
return;
|
|
5689
5701
|
this.selected = index;
|
|
5690
5702
|
this.pressed.emit(index);
|
|
5691
5703
|
}
|
|
5692
5704
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTabSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5693
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityTabSecondaryComponent, selector: "gravity-tab-secondary", inputs: { selected: "selected", size: "size", fullWidth: "fullWidth", tabs: "tabs" }, outputs: { pressed: "pressed" }, ngImport: i0, template: "<div class=\"gravity-tab-secondary-container\" [ngClass]=\"fullWidth ? 'full-width' : 'limited-width'\">\n <div class=\"gravity-tab-secondary\" [class.selected]=\"selected === i\" [class.full-width]=\"fullWidth\"\n *ngFor=\"let tab of tabs; let i = index\" [attr.data-cy]=\"tab.cypressTag\">\n <div class=\"tab-content {{size}}\" [class.selected]=\"selected === i\" [class.limited-width]=\"!fullWidth\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--cta-primary)'\" [size]=\"'sm'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'sm-12'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-label\"\n [ngClass]=\"selected === i ? (size + '-bold') : (size + '-regular')\">{{ tab.title }}</p>\n </div>\n </div>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-tab-secondary-container{display:flex}.gravity-tab-secondary-container .gravity-tab-secondary{padding:var(--gravity-spacing-xxs)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content{width:100%;height:20px;display:flex;cursor:default;align-items:center;justify-content:center;gap:var(--gravity-spacing-xxs);border-radius:.3125rem;padding:var(--gravity-spacing-xxs);border-bottom:1px solid transparent;transition:border-bottom .3s ease,border-radius .3s ease}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content p{width:max-content
|
|
5705
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityTabSecondaryComponent, selector: "gravity-tab-secondary", inputs: { selected: "selected", size: "size", fullWidth: "fullWidth", tabs: "tabs" }, outputs: { pressed: "pressed" }, ngImport: i0, template: "<div class=\"gravity-tab-secondary-container\" [ngClass]=\"fullWidth ? 'full-width' : 'limited-width'\">\n <div class=\"gravity-tab-secondary\" [class.selected]=\"selected === i\" [class.disabled]=\"tab.disabled\" [class.full-width]=\"fullWidth\"\n *ngFor=\"let tab of tabs; let i = index\" [attr.data-cy]=\"tab.cypressTag\">\n <div class=\"tab-content {{size}}\" [class.selected]=\"selected === i\" [class.disabled]=\"tab.disabled\" [class.limited-width]=\"!fullWidth\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--cta-primary)'\" [size]=\"'sm'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'sm-12'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-label\"\n [ngClass]=\"selected === i ? (size + '-bold') : (size + '-regular')\">{{ tab.title }}</p>\n </div>\n </div>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-tab-secondary-container{display:flex}.gravity-tab-secondary-container .gravity-tab-secondary{padding:var(--gravity-spacing-xxs)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content{width:100%;height:20px;display:flex;cursor:default;align-items:center;justify-content:center;gap:var(--gravity-spacing-xxs);border-radius:.3125rem;padding:var(--gravity-spacing-xxs);border-bottom:1px solid transparent;transition:border-bottom .3s ease,border-radius .3s ease}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content p{width:max-content}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content:not(.disabled) p{color:var(--cta-primary)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content:not(.selected,.disabled):hover{cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content.selected.limited-width{border-bottom:1px solid var(--text-highlight-primary);border-radius:.3125rem .3125rem 0 0}.gravity-tab-secondary-container .gravity-tab-secondary .disabled p{color:var(--on-bg-disabled)}.gravity-tab-secondary-container .gravity-tab-secondary .full-width{border-bottom:1px solid var(--text-highlight-primary)}.gravity-tab-secondary-container.full-width{width:100%}.gravity-tab-secondary-container .limited-width{gap:var(--gravity-spacing-xs)}.gravity-tab-secondary-container .full-width{width:100%;display:flex;justify-content:center;transition:border-bottom .3s ease;border-bottom:1px solid var(--surface-primary)}.gravity-tab-secondary-container .full-width.selected{border-bottom:1px solid var(--cta-primary)}.gravity-tab-secondary-container .full-width:not(.selected):hover{border-bottom:1px solid var(--bg-button-active-tertiary)}.gravity-tab-secondary-container .full-width .sm{width:100%;height:12px;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
5694
5706
|
}
|
|
5695
5707
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTabSecondaryComponent, decorators: [{
|
|
5696
5708
|
type: Component,
|
|
5697
|
-
args: [{ selector: 'gravity-tab-secondary', template: "<div class=\"gravity-tab-secondary-container\" [ngClass]=\"fullWidth ? 'full-width' : 'limited-width'\">\n <div class=\"gravity-tab-secondary\" [class.selected]=\"selected === i\" [class.full-width]=\"fullWidth\"\n *ngFor=\"let tab of tabs; let i = index\" [attr.data-cy]=\"tab.cypressTag\">\n <div class=\"tab-content {{size}}\" [class.selected]=\"selected === i\" [class.limited-width]=\"!fullWidth\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--cta-primary)'\" [size]=\"'sm'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'sm-12'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-label\"\n [ngClass]=\"selected === i ? (size + '-bold') : (size + '-regular')\">{{ tab.title }}</p>\n </div>\n </div>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-tab-secondary-container{display:flex}.gravity-tab-secondary-container .gravity-tab-secondary{padding:var(--gravity-spacing-xxs)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content{width:100%;height:20px;display:flex;cursor:default;align-items:center;justify-content:center;gap:var(--gravity-spacing-xxs);border-radius:.3125rem;padding:var(--gravity-spacing-xxs);border-bottom:1px solid transparent;transition:border-bottom .3s ease,border-radius .3s ease}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content p{width:max-content
|
|
5709
|
+
args: [{ selector: 'gravity-tab-secondary', template: "<div class=\"gravity-tab-secondary-container\" [ngClass]=\"fullWidth ? 'full-width' : 'limited-width'\">\n <div class=\"gravity-tab-secondary\" [class.selected]=\"selected === i\" [class.disabled]=\"tab.disabled\" [class.full-width]=\"fullWidth\"\n *ngFor=\"let tab of tabs; let i = index\" [attr.data-cy]=\"tab.cypressTag\">\n <div class=\"tab-content {{size}}\" [class.selected]=\"selected === i\" [class.disabled]=\"tab.disabled\" [class.limited-width]=\"!fullWidth\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--cta-primary)'\" [size]=\"'sm'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'sm-12'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-label\"\n [ngClass]=\"selected === i ? (size + '-bold') : (size + '-regular')\">{{ tab.title }}</p>\n </div>\n </div>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-tab-secondary-container{display:flex}.gravity-tab-secondary-container .gravity-tab-secondary{padding:var(--gravity-spacing-xxs)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content{width:100%;height:20px;display:flex;cursor:default;align-items:center;justify-content:center;gap:var(--gravity-spacing-xxs);border-radius:.3125rem;padding:var(--gravity-spacing-xxs);border-bottom:1px solid transparent;transition:border-bottom .3s ease,border-radius .3s ease}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content p{width:max-content}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content:not(.disabled) p{color:var(--cta-primary)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content:not(.selected,.disabled):hover{cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content.selected.limited-width{border-bottom:1px solid var(--text-highlight-primary);border-radius:.3125rem .3125rem 0 0}.gravity-tab-secondary-container .gravity-tab-secondary .disabled p{color:var(--on-bg-disabled)}.gravity-tab-secondary-container .gravity-tab-secondary .full-width{border-bottom:1px solid var(--text-highlight-primary)}.gravity-tab-secondary-container.full-width{width:100%}.gravity-tab-secondary-container .limited-width{gap:var(--gravity-spacing-xs)}.gravity-tab-secondary-container .full-width{width:100%;display:flex;justify-content:center;transition:border-bottom .3s ease;border-bottom:1px solid var(--surface-primary)}.gravity-tab-secondary-container .full-width.selected{border-bottom:1px solid var(--cta-primary)}.gravity-tab-secondary-container .full-width:not(.selected):hover{border-bottom:1px solid var(--bg-button-active-tertiary)}.gravity-tab-secondary-container .full-width .sm{width:100%;height:12px;justify-content:center}\n"] }]
|
|
5698
5710
|
}], propDecorators: { selected: [{
|
|
5699
5711
|
type: Input
|
|
5700
5712
|
}], size: [{
|
|
@@ -5832,17 +5844,18 @@ class GravityNavigationCardComponent {
|
|
|
5832
5844
|
this.size = 'sm';
|
|
5833
5845
|
this.state = 'active';
|
|
5834
5846
|
this.statusIndicator = 'neutro';
|
|
5847
|
+
this.fullWidth = false;
|
|
5835
5848
|
this.navigatorCardClicked = new EventEmitter();
|
|
5836
5849
|
}
|
|
5837
5850
|
onNavigationCardClick() {
|
|
5838
5851
|
this.navigatorCardClicked.emit();
|
|
5839
5852
|
}
|
|
5840
5853
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNavigationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5841
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNavigationCardComponent, selector: "gravity-navigation-card", inputs: { size: "size", state: "state", statusIndicator: "statusIndicator", title: "title", iconName: "iconName", actionText: "actionText", description: "description", statusIndicatorText: "statusIndicatorText", statusIndicatorIcon: "statusIndicatorIcon" }, outputs: { navigatorCardClicked: "navigatorCardClicked" }, ngImport: i0, template: "<div class=\"gravity-navigation-card {{size}} {{state}}\" (click)=\"onNavigationCardClick()\">\n <div class=\"information-content\">\n <div class=\"icon-wrapper\">\n <gravity-icon [style.--icon-color]=\"'var(--navigation-card-icon-color)'\"\n [iconName]=\"iconName\" [size]=\"'lg'\" [iconSize]=\"'lg-24'\">\n </gravity-icon>\n </div>\n <div class=\"text-content\">\n <h1 class=\"hr-title md-bold\">{{title}}</h1>\n <p class=\"hr-body md-regular\">{{description}}</p>\n </div>\n </div>\n <div class=\"action-section\">\n <gravity-status-indicator *ngIf=\"size === 'sm'\" [status]=\"statusIndicator\" [text]=\"statusIndicatorText\" [icon]=\"statusIndicatorIcon\"></gravity-status-indicator>\n <p class=\"hr-body md-regular\">{{actionText}}</p>\n <gravity-icon *ngIf=\"!(state === 'readonly')\" [style.--icon-color]=\"'var(--text-primary)'\"\n [iconName]=\"'arrow-right'\" [size]=\"'sm'\" [iconSize]=\"'sm-12'\">\n </gravity-icon>\n </div>\n</div>\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}:root{--gravity-spacing-none: 0;--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}.gravity-navigation-card{display:flex;cursor:pointer;flex-direction:column;align-items:flex-start;border-radius:.3125rem;background:var(--surface-secondary);--navigation-card-icon-color: var(--text-primary);border:1.5px solid var(--outline-button-active-secondary)}.gravity-navigation-card:not(.sm):not(.readonly):hover{border:1.5px solid var(--bg-button-active-primary)}.gravity-navigation-card .information-content{display:flex;align-items:center;align-self:stretch;gap:var(--gravity-spacing-xs)}.gravity-navigation-card .information-content .text-content{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);gap:var(--gravity-spacing-sm)}.gravity-navigation-card .information-content .text-content h1{height:14px}.gravity-navigation-card .information-content .icon-wrapper{display:flex;align-items:flex-start;gap:var(--gravity-spacing-xs);padding:var(--gravity-spacing-sm);background:var(--surface-primary);border-radius:6.25rem;border:1px solid var(--surface-primary)}.gravity-navigation-card .action-section{display:flex;align-self:stretch;align-items:center;justify-content:flex-end}.gravity-navigation-card .action-section p{margin-right:var(--gravity-spacing-sm)}.gravity-navigation-card .action-section gravity-icon,.gravity-navigation-card .action-section p{color:var(--text-primary)}.gravity-navigation-card .action-section gravity-status-indicator{margin-right:var(--gravity-spacing-xs)}.gravity-navigation-card.sm{width:560px;min-width:304px;gap:var(--gravity-spacing-xxxl);padding:var(--gravity-spacing-sm)}.gravity-navigation-card.md{width:100%;display:flex;min-width:780px;flex-direction:row;justify-content:space-between;padding:var(--gravity-spacing-md);border:1.5px solid var(--surface-secondary)}.gravity-navigation-card.md .information-content{height:56px;gap:var(--gravity-spacing-sm)}.gravity-navigation-card.md .information-content .icon-wrapper{background:var(--surface-primary);border-radius:6.25rem}.gravity-navigation-card.pressed{background:var(--surface-primary);border:1.5px solid var(--surface-primary)}.gravity-navigation-card.pressed .information-content .icon-wrapper{background:var(--surface-secondary)}.gravity-navigation-card.readonly{cursor:default;background:var(--bg-disabled);border:1.5px solid var(--bg-disabled);--navigation-card-icon-color: var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .text-content{color:var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .icon-wrapper{background:none;border:1px solid var(--on-bg-disabled)}.gravity-navigation-card.readonly .action-section p{color:var(--on-bg-disabled)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "size", "type", "status"] }] }); }
|
|
5854
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityNavigationCardComponent, selector: "gravity-navigation-card", inputs: { size: "size", state: "state", statusIndicator: "statusIndicator", title: "title", iconName: "iconName", actionText: "actionText", description: "description", fullWidth: "fullWidth", statusIndicatorText: "statusIndicatorText", statusIndicatorIcon: "statusIndicatorIcon" }, outputs: { navigatorCardClicked: "navigatorCardClicked" }, ngImport: i0, template: "<div class=\"gravity-navigation-card {{size}} {{state}}\" [class.full-width]=\"fullWidth\" (click)=\"onNavigationCardClick()\">\n <div class=\"information-content\">\n <div *ngIf=\"iconName && iconName !== ''\" class=\"icon-wrapper\">\n <gravity-icon [style.--icon-color]=\"'var(--navigation-card-icon-color)'\"\n [iconName]=\"iconName\" [size]=\"'lg'\" [iconSize]=\"'lg-24'\">\n </gravity-icon>\n </div>\n <div class=\"text-content\">\n <h1 class=\"hr-title md-bold\">{{title}}</h1>\n <p class=\"hr-body md-regular\">{{description}}</p>\n </div>\n </div>\n <div class=\"action-section\">\n <gravity-status-indicator *ngIf=\"size === 'md'\" [status]=\"statusIndicator\" [text]=\"statusIndicatorText\" [icon]=\"statusIndicatorIcon\"></gravity-status-indicator>\n <p class=\"hr-body md-regular\">{{actionText}}</p>\n <gravity-icon *ngIf=\"!(state === 'readonly')\" [style.--icon-color]=\"'var(--text-primary)'\"\n [iconName]=\"'arrow-right'\" [size]=\"'sm'\" [iconSize]=\"'sm-12'\">\n </gravity-icon>\n </div>\n</div>\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}:root{--gravity-spacing-none: 0;--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}.gravity-navigation-card{display:flex;cursor:pointer;flex-direction:column;align-items:flex-start;border-radius:.3125rem;background:var(--surface-secondary);--navigation-card-icon-color: var(--text-primary);border:1.5px solid var(--outline-button-active-secondary)}.gravity-navigation-card:not(.sm):not(.readonly):hover{border:1.5px solid var(--bg-button-active-primary)}.gravity-navigation-card .information-content{display:flex;align-items:center;align-self:stretch;gap:var(--gravity-spacing-xs)}.gravity-navigation-card .information-content .text-content{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);gap:var(--gravity-spacing-sm)}.gravity-navigation-card .information-content .text-content h1{height:14px}.gravity-navigation-card .information-content .icon-wrapper{width:56px;height:56px;display:flex;align-items:center;border-radius:6.25rem;justify-content:center;gap:var(--gravity-spacing-xs);background:var(--surface-primary);padding:var(--gravity-spacing-sm);border:1px solid var(--surface-primary)}.gravity-navigation-card .action-section{display:flex;align-self:stretch;align-items:center;justify-content:flex-end}.gravity-navigation-card .action-section p{margin-right:var(--gravity-spacing-sm)}.gravity-navigation-card .action-section gravity-icon,.gravity-navigation-card .action-section p{color:var(--text-primary)}.gravity-navigation-card .action-section gravity-status-indicator{margin-right:var(--gravity-spacing-xs)}.gravity-navigation-card.sm{width:560px;height:176px;min-width:304px;gap:var(--gravity-spacing-xxxl);padding:var(--gravity-spacing-sm)}.gravity-navigation-card.sm.full-width{width:100%}.gravity-navigation-card.md{width:100%;display:flex;min-width:780px;flex-direction:row;justify-content:space-between;padding:var(--gravity-spacing-md);border:1.5px solid var(--surface-secondary)}.gravity-navigation-card.md .information-content{height:56px;gap:var(--gravity-spacing-sm)}.gravity-navigation-card.md .information-content .icon-wrapper{background:var(--surface-primary);border-radius:6.25rem}.gravity-navigation-card.pressed{background:var(--surface-primary);border:1.5px solid var(--surface-primary)}.gravity-navigation-card.pressed .information-content .icon-wrapper{background:var(--surface-secondary)}.gravity-navigation-card.readonly{cursor:default;background:var(--bg-disabled);border:1.5px solid var(--bg-disabled);--navigation-card-icon-color: var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .text-content{color:var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .icon-wrapper{background:none;border:1px solid var(--on-bg-disabled)}.gravity-navigation-card.readonly .action-section p{color:var(--on-bg-disabled)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "size", "type", "status"] }] }); }
|
|
5842
5855
|
}
|
|
5843
5856
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityNavigationCardComponent, decorators: [{
|
|
5844
5857
|
type: Component,
|
|
5845
|
-
args: [{ selector: 'gravity-navigation-card', template: "<div class=\"gravity-navigation-card {{size}} {{state}}\" (click)=\"onNavigationCardClick()\">\n <div class=\"information-content\">\n <div class=\"icon-wrapper\">\n <gravity-icon [style.--icon-color]=\"'var(--navigation-card-icon-color)'\"\n [iconName]=\"iconName\" [size]=\"'lg'\" [iconSize]=\"'lg-24'\">\n </gravity-icon>\n </div>\n <div class=\"text-content\">\n <h1 class=\"hr-title md-bold\">{{title}}</h1>\n <p class=\"hr-body md-regular\">{{description}}</p>\n </div>\n </div>\n <div class=\"action-section\">\n <gravity-status-indicator *ngIf=\"size === 'sm'\" [status]=\"statusIndicator\" [text]=\"statusIndicatorText\" [icon]=\"statusIndicatorIcon\"></gravity-status-indicator>\n <p class=\"hr-body md-regular\">{{actionText}}</p>\n <gravity-icon *ngIf=\"!(state === 'readonly')\" [style.--icon-color]=\"'var(--text-primary)'\"\n [iconName]=\"'arrow-right'\" [size]=\"'sm'\" [iconSize]=\"'sm-12'\">\n </gravity-icon>\n </div>\n</div>\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}:root{--gravity-spacing-none: 0;--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}.gravity-navigation-card{display:flex;cursor:pointer;flex-direction:column;align-items:flex-start;border-radius:.3125rem;background:var(--surface-secondary);--navigation-card-icon-color: var(--text-primary);border:1.5px solid var(--outline-button-active-secondary)}.gravity-navigation-card:not(.sm):not(.readonly):hover{border:1.5px solid var(--bg-button-active-primary)}.gravity-navigation-card .information-content{display:flex;align-items:center;align-self:stretch;gap:var(--gravity-spacing-xs)}.gravity-navigation-card .information-content .text-content{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);gap:var(--gravity-spacing-sm)}.gravity-navigation-card .information-content .text-content h1{height:14px}.gravity-navigation-card .information-content .icon-wrapper{display:flex;align-items:flex-start;gap:var(--gravity-spacing-xs);padding:var(--gravity-spacing-sm);background:var(--surface-primary);border-radius:6.25rem;border:1px solid var(--surface-primary)}.gravity-navigation-card .action-section{display:flex;align-self:stretch;align-items:center;justify-content:flex-end}.gravity-navigation-card .action-section p{margin-right:var(--gravity-spacing-sm)}.gravity-navigation-card .action-section gravity-icon,.gravity-navigation-card .action-section p{color:var(--text-primary)}.gravity-navigation-card .action-section gravity-status-indicator{margin-right:var(--gravity-spacing-xs)}.gravity-navigation-card.sm{width:560px;min-width:304px;gap:var(--gravity-spacing-xxxl);padding:var(--gravity-spacing-sm)}.gravity-navigation-card.md{width:100%;display:flex;min-width:780px;flex-direction:row;justify-content:space-between;padding:var(--gravity-spacing-md);border:1.5px solid var(--surface-secondary)}.gravity-navigation-card.md .information-content{height:56px;gap:var(--gravity-spacing-sm)}.gravity-navigation-card.md .information-content .icon-wrapper{background:var(--surface-primary);border-radius:6.25rem}.gravity-navigation-card.pressed{background:var(--surface-primary);border:1.5px solid var(--surface-primary)}.gravity-navigation-card.pressed .information-content .icon-wrapper{background:var(--surface-secondary)}.gravity-navigation-card.readonly{cursor:default;background:var(--bg-disabled);border:1.5px solid var(--bg-disabled);--navigation-card-icon-color: var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .text-content{color:var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .icon-wrapper{background:none;border:1px solid var(--on-bg-disabled)}.gravity-navigation-card.readonly .action-section p{color:var(--on-bg-disabled)}\n"] }]
|
|
5858
|
+
args: [{ selector: 'gravity-navigation-card', template: "<div class=\"gravity-navigation-card {{size}} {{state}}\" [class.full-width]=\"fullWidth\" (click)=\"onNavigationCardClick()\">\n <div class=\"information-content\">\n <div *ngIf=\"iconName && iconName !== ''\" class=\"icon-wrapper\">\n <gravity-icon [style.--icon-color]=\"'var(--navigation-card-icon-color)'\"\n [iconName]=\"iconName\" [size]=\"'lg'\" [iconSize]=\"'lg-24'\">\n </gravity-icon>\n </div>\n <div class=\"text-content\">\n <h1 class=\"hr-title md-bold\">{{title}}</h1>\n <p class=\"hr-body md-regular\">{{description}}</p>\n </div>\n </div>\n <div class=\"action-section\">\n <gravity-status-indicator *ngIf=\"size === 'md'\" [status]=\"statusIndicator\" [text]=\"statusIndicatorText\" [icon]=\"statusIndicatorIcon\"></gravity-status-indicator>\n <p class=\"hr-body md-regular\">{{actionText}}</p>\n <gravity-icon *ngIf=\"!(state === 'readonly')\" [style.--icon-color]=\"'var(--text-primary)'\"\n [iconName]=\"'arrow-right'\" [size]=\"'sm'\" [iconSize]=\"'sm-12'\">\n </gravity-icon>\n </div>\n</div>\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}:root{--gravity-spacing-none: 0;--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}.gravity-navigation-card{display:flex;cursor:pointer;flex-direction:column;align-items:flex-start;border-radius:.3125rem;background:var(--surface-secondary);--navigation-card-icon-color: var(--text-primary);border:1.5px solid var(--outline-button-active-secondary)}.gravity-navigation-card:not(.sm):not(.readonly):hover{border:1.5px solid var(--bg-button-active-primary)}.gravity-navigation-card .information-content{display:flex;align-items:center;align-self:stretch;gap:var(--gravity-spacing-xs)}.gravity-navigation-card .information-content .text-content{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);gap:var(--gravity-spacing-sm)}.gravity-navigation-card .information-content .text-content h1{height:14px}.gravity-navigation-card .information-content .icon-wrapper{width:56px;height:56px;display:flex;align-items:center;border-radius:6.25rem;justify-content:center;gap:var(--gravity-spacing-xs);background:var(--surface-primary);padding:var(--gravity-spacing-sm);border:1px solid var(--surface-primary)}.gravity-navigation-card .action-section{display:flex;align-self:stretch;align-items:center;justify-content:flex-end}.gravity-navigation-card .action-section p{margin-right:var(--gravity-spacing-sm)}.gravity-navigation-card .action-section gravity-icon,.gravity-navigation-card .action-section p{color:var(--text-primary)}.gravity-navigation-card .action-section gravity-status-indicator{margin-right:var(--gravity-spacing-xs)}.gravity-navigation-card.sm{width:560px;height:176px;min-width:304px;gap:var(--gravity-spacing-xxxl);padding:var(--gravity-spacing-sm)}.gravity-navigation-card.sm.full-width{width:100%}.gravity-navigation-card.md{width:100%;display:flex;min-width:780px;flex-direction:row;justify-content:space-between;padding:var(--gravity-spacing-md);border:1.5px solid var(--surface-secondary)}.gravity-navigation-card.md .information-content{height:56px;gap:var(--gravity-spacing-sm)}.gravity-navigation-card.md .information-content .icon-wrapper{background:var(--surface-primary);border-radius:6.25rem}.gravity-navigation-card.pressed{background:var(--surface-primary);border:1.5px solid var(--surface-primary)}.gravity-navigation-card.pressed .information-content .icon-wrapper{background:var(--surface-secondary)}.gravity-navigation-card.readonly{cursor:default;background:var(--bg-disabled);border:1.5px solid var(--bg-disabled);--navigation-card-icon-color: var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .text-content{color:var(--on-bg-disabled)}.gravity-navigation-card.readonly .information-content .icon-wrapper{background:none;border:1px solid var(--on-bg-disabled)}.gravity-navigation-card.readonly .action-section p{color:var(--on-bg-disabled)}\n"] }]
|
|
5846
5859
|
}], propDecorators: { size: [{
|
|
5847
5860
|
type: Input
|
|
5848
5861
|
}], state: [{
|
|
@@ -5857,6 +5870,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5857
5870
|
type: Input
|
|
5858
5871
|
}], description: [{
|
|
5859
5872
|
type: Input
|
|
5873
|
+
}], fullWidth: [{
|
|
5874
|
+
type: Input
|
|
5860
5875
|
}], statusIndicatorText: [{
|
|
5861
5876
|
type: Input
|
|
5862
5877
|
}], statusIndicatorIcon: [{
|
|
@@ -5865,6 +5880,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5865
5880
|
type: Output
|
|
5866
5881
|
}] } });
|
|
5867
5882
|
|
|
5883
|
+
class GravityGenericAvatarSecondaryComponent {
|
|
5884
|
+
constructor() {
|
|
5885
|
+
this.state = 'active';
|
|
5886
|
+
}
|
|
5887
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5888
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityGenericAvatarSecondaryComponent, selector: "gravity-generic-avatar-secondary", inputs: { label: "label", role: "role", state: "state" }, ngImport: i0, template: "<div class=\"generic-avatar-secondary {{ state }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <gravity-icon [iconName]=\"state === 'blocked' ?\n 'hero-avatar-blocked' : 'hero-avatar-' + role\"> </gravity-icon>\n </div>\n </div>\n <div class=\"state-name hr-body sm-regular\"> {{ label }} </div>\n</div>\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}.generic-avatar-secondary{display:flex;width:70px;flex-direction:column;justify-content:center;align-items:center}.generic-avatar-secondary .avatar-outer-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle{width:64px;height:64px;position:relative;border-radius:6.25rem}.generic-avatar-secondary .state-name{z-index:1;white-space:nowrap;border-radius:.3125rem;padding:var(--gravity-spacing-xxs);margin-top:calc(-1 * var(--gravity-spacing-xs))}.generic-avatar-secondary.active .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-positive)}.generic-avatar-secondary.active .avatar-outer-circle .avatar-inner-circle{background:var(--on-bg-generic-avatar-secondary-active)}.generic-avatar-secondary.active .state-name{color:var(--bg-button-active-positive);background:var(--on-bg-button-active-positive)}.generic-avatar-secondary.inactive .avatar-outer-circle{border:1.5px solid var(--outline-disabled)}.generic-avatar-secondary.inactive .avatar-outer-circle .avatar-inner-circle{background:var(--on-bg-generic-avatar-secondary-inactive)}.generic-avatar-secondary.inactive .state-name{background:var(--on-bg-disabled);color:var(--bg-disabled)}.generic-avatar-secondary.blocked .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-negative)}.generic-avatar-secondary.blocked .avatar-outer-circle .avatar-inner-circle{background:var(--on-bg-generic-avatar-secondary-blocked)}.generic-avatar-secondary.blocked .state-name{background:var(--on-bg-button-active-negative);color:var(--bg-button-active-negative)}\n"], dependencies: [{ kind: "component", type: GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
5889
|
+
}
|
|
5890
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarSecondaryComponent, decorators: [{
|
|
5891
|
+
type: Component,
|
|
5892
|
+
args: [{ selector: 'gravity-generic-avatar-secondary', template: "<div class=\"generic-avatar-secondary {{ state }}\">\n <div class=\"avatar-outer-circle\">\n <div class=\"avatar-inner-circle\">\n <gravity-icon [iconName]=\"state === 'blocked' ?\n 'hero-avatar-blocked' : 'hero-avatar-' + role\"> </gravity-icon>\n </div>\n </div>\n <div class=\"state-name hr-body sm-regular\"> {{ label }} </div>\n</div>\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}.generic-avatar-secondary{display:flex;width:70px;flex-direction:column;justify-content:center;align-items:center}.generic-avatar-secondary .avatar-outer-circle{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:6.25rem}.generic-avatar-secondary .avatar-outer-circle .avatar-inner-circle{width:64px;height:64px;position:relative;border-radius:6.25rem}.generic-avatar-secondary .state-name{z-index:1;white-space:nowrap;border-radius:.3125rem;padding:var(--gravity-spacing-xxs);margin-top:calc(-1 * var(--gravity-spacing-xs))}.generic-avatar-secondary.active .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-positive)}.generic-avatar-secondary.active .avatar-outer-circle .avatar-inner-circle{background:var(--on-bg-generic-avatar-secondary-active)}.generic-avatar-secondary.active .state-name{color:var(--bg-button-active-positive);background:var(--on-bg-button-active-positive)}.generic-avatar-secondary.inactive .avatar-outer-circle{border:1.5px solid var(--outline-disabled)}.generic-avatar-secondary.inactive .avatar-outer-circle .avatar-inner-circle{background:var(--on-bg-generic-avatar-secondary-inactive)}.generic-avatar-secondary.inactive .state-name{background:var(--on-bg-disabled);color:var(--bg-disabled)}.generic-avatar-secondary.blocked .avatar-outer-circle{border:1.5px solid var(--on-bg-button-active-negative)}.generic-avatar-secondary.blocked .avatar-outer-circle .avatar-inner-circle{background:var(--on-bg-generic-avatar-secondary-blocked)}.generic-avatar-secondary.blocked .state-name{background:var(--on-bg-button-active-negative);color:var(--bg-button-active-negative)}\n"] }]
|
|
5893
|
+
}], propDecorators: { label: [{
|
|
5894
|
+
type: Input
|
|
5895
|
+
}], role: [{
|
|
5896
|
+
type: Input
|
|
5897
|
+
}], state: [{
|
|
5898
|
+
type: Input
|
|
5899
|
+
}] } });
|
|
5900
|
+
|
|
5868
5901
|
class GravityDesignSystemModule {
|
|
5869
5902
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5870
5903
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: GravityDesignSystemModule, declarations: [GravityAttachFileComponent,
|
|
@@ -5922,7 +5955,8 @@ class GravityDesignSystemModule {
|
|
|
5922
5955
|
GravityEditableInputComponent,
|
|
5923
5956
|
GravityCardButtonComponent,
|
|
5924
5957
|
GravityDropdownLabelComponent,
|
|
5925
|
-
GravityNavigationCardComponent
|
|
5958
|
+
GravityNavigationCardComponent,
|
|
5959
|
+
GravityGenericAvatarSecondaryComponent], imports: [i1.AngularSvgIconModule, i2$3.AngularSvgIconPreloaderModule, BsDatepickerModule,
|
|
5926
5960
|
CommonModule,
|
|
5927
5961
|
FormsModule, GravityTooltipModule, NgbDatepickerModule,
|
|
5928
5962
|
NgbOffcanvasModule,
|
|
@@ -5964,7 +5998,8 @@ class GravityDesignSystemModule {
|
|
|
5964
5998
|
GravityChipComponent,
|
|
5965
5999
|
GravityEditableInputComponent,
|
|
5966
6000
|
GravityCardButtonComponent,
|
|
5967
|
-
GravityNavigationCardComponent
|
|
6001
|
+
GravityNavigationCardComponent,
|
|
6002
|
+
GravityGenericAvatarSecondaryComponent] }); }
|
|
5968
6003
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDesignSystemModule, imports: [AngularSvgIconModule.forRoot(),
|
|
5969
6004
|
AngularSvgIconPreloaderModule.forRoot({
|
|
5970
6005
|
configUrl: './assets/gravity/json/icons.json',
|
|
@@ -6039,6 +6074,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
6039
6074
|
GravityCardButtonComponent,
|
|
6040
6075
|
GravityDropdownLabelComponent,
|
|
6041
6076
|
GravityNavigationCardComponent,
|
|
6077
|
+
GravityGenericAvatarSecondaryComponent,
|
|
6042
6078
|
],
|
|
6043
6079
|
imports: [
|
|
6044
6080
|
AngularSvgIconModule.forRoot(),
|
|
@@ -6093,6 +6129,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
6093
6129
|
GravityEditableInputComponent,
|
|
6094
6130
|
GravityCardButtonComponent,
|
|
6095
6131
|
GravityNavigationCardComponent,
|
|
6132
|
+
GravityGenericAvatarSecondaryComponent
|
|
6096
6133
|
]
|
|
6097
6134
|
}]
|
|
6098
6135
|
}] });
|
|
@@ -6147,5 +6184,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
6147
6184
|
* Generated bundle index. Do not edit.
|
|
6148
6185
|
*/
|
|
6149
6186
|
|
|
6150
|
-
export { BsNavigationDirection, GravityAttachFileComponent, GravityAvatarStackComponent, GravityButtonComponent, GravityCalendarComponent, GravityCalendarV2Component, GravityCardButtonComponent, GravityCardListComponent, GravityCheckboxComponent, GravityChipComponent, GravityCurrencyComponent, GravityCurrencyDisplayComponent, GravityDesignSystemModule, GravityDialogComponent, GravityDialogManagerService, GravityDropdownLabelComponent, GravityDropdownListComponent, GravityDropdownListDisplayComponent, GravityEditableInputComponent, GravityGenericAvatarComponent, GravityIconButtonComponent, GravityIconComponent, GravityLinkComponent, GravityModalComponent, GravityMultiLanguageComponent, GravityNavigationCardComponent, GravityNetworkPillComponent, GravityNotificationInstantContainerComponent, GravityOffcanvasComponent, GravityRadioButtonComponent, GravityStatusIndicatorComponent, GravityStepperComponent, GravitySwitchComponent, GravityTabPrimaryComponent, GravityTabSecondaryComponent, GravityTableComponent, GravityTextFieldComponent, GravityTextFieldNumberOnlyComponent, GravityTooltipComponent, GravityTooltipDirective, GravityTooltipModule, GravityTreeViewComponent, ICONS, OLD_ICONS };
|
|
6187
|
+
export { BsNavigationDirection, GravityAttachFileComponent, GravityAvatarStackComponent, GravityButtonComponent, GravityCalendarComponent, GravityCalendarV2Component, GravityCardButtonComponent, GravityCardListComponent, GravityCheckboxComponent, GravityChipComponent, GravityCurrencyComponent, GravityCurrencyDisplayComponent, GravityDesignSystemModule, GravityDialogComponent, GravityDialogManagerService, GravityDropdownLabelComponent, GravityDropdownListComponent, GravityDropdownListDisplayComponent, GravityEditableInputComponent, GravityGenericAvatarComponent, GravityGenericAvatarSecondaryComponent, GravityIconButtonComponent, GravityIconComponent, GravityLinkComponent, GravityModalComponent, GravityMultiLanguageComponent, GravityNavigationCardComponent, GravityNetworkPillComponent, GravityNotificationInstantContainerComponent, GravityOffcanvasComponent, GravityRadioButtonComponent, GravityStatusIndicatorComponent, GravityStepperComponent, GravitySwitchComponent, GravityTabPrimaryComponent, GravityTabSecondaryComponent, GravityTableComponent, GravityTextFieldComponent, GravityTextFieldNumberOnlyComponent, GravityTooltipComponent, GravityTooltipDirective, GravityTooltipModule, GravityTreeViewComponent, ICONS, OLD_ICONS };
|
|
6151
6188
|
//# sourceMappingURL=progressio_resources-gravity-design-system.mjs.map
|