@progressio_resources/gravity-design-system 3.0.48 → 3.0.51
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-next/components/day-calendar/day-calendar.component.mjs +216 -0
- package/esm2022/lib/components/gravity-calendar-next/components/month-calendary/month-calendar.component.mjs +88 -0
- package/esm2022/lib/components/gravity-calendar-next/components/year-calendar/year-calendar.component.mjs +96 -0
- package/esm2022/lib/components/gravity-calendar-next/gravity-calendar-next.component.mjs +13 -9
- package/esm2022/lib/components/gravity-calendar-next/shared/calendar.constants.mjs +7 -1
- package/esm2022/lib/components/gravity-calendar-next/shared/calendar.modal.mjs +1 -1
- package/esm2022/lib/components/gravity-calendar-next/shared/calendar.utils.mjs +21 -6
- package/esm2022/lib/components/gravity-data-view/gravity-data-view.component.mjs +35 -0
- package/esm2022/lib/components/gravity-tab-primary/gravity-tab-primary.component.mjs +2 -2
- package/esm2022/lib/gravity-design-system.module.mjs +15 -4
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/progressio_resources-gravity-design-system.mjs +257 -27
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/components/gravity-calendar-next/components/{days-calendar/days-calendar.component.d.ts → day-calendar/day-calendar.component.d.ts} +4 -4
- package/lib/components/gravity-calendar-next/components/month-calendary/month-calendar.component.d.ts +34 -0
- package/lib/components/gravity-calendar-next/components/year-calendar/year-calendar.component.d.ts +34 -0
- package/lib/components/gravity-calendar-next/gravity-calendar-next.component.d.ts +4 -3
- package/lib/components/gravity-calendar-next/shared/calendar.constants.d.ts +2 -0
- package/lib/components/gravity-calendar-next/shared/calendar.modal.d.ts +4 -0
- package/lib/components/gravity-calendar-next/shared/calendar.utils.d.ts +7 -2
- package/lib/components/gravity-data-view/gravity-data-view.component.d.ts +16 -0
- package/lib/gravity-design-system.module.d.ts +62 -59
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/esm2022/lib/components/gravity-calendar-next/components/days-calendar/days-calendar.component.mjs +0 -216
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "./components/
|
|
4
|
+
import * as i2 from "./components/day-calendar/day-calendar.component";
|
|
5
|
+
import * as i3 from "./components/month-calendary/month-calendar.component";
|
|
6
|
+
import * as i4 from "./components/year-calendar/year-calendar.component";
|
|
5
7
|
export class GravityCalendarNextComponent {
|
|
6
8
|
constructor() {
|
|
7
|
-
this.dual = false;
|
|
8
|
-
this.range = false;
|
|
9
9
|
this.language = 'en';
|
|
10
|
+
this.actionsSection = true;
|
|
10
11
|
this.preSelectedDate = null;
|
|
11
12
|
this.state = 'active';
|
|
13
|
+
this.calendarType = 'day';
|
|
12
14
|
this.clearEvent = new EventEmitter();
|
|
13
15
|
this.calendarResponse = new EventEmitter();
|
|
14
16
|
}
|
|
@@ -19,21 +21,23 @@ export class GravityCalendarNextComponent {
|
|
|
19
21
|
this.calendarResponse.emit(value);
|
|
20
22
|
}
|
|
21
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCalendarNextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCalendarNextComponent, selector: "gravity-calendar-next", inputs: { dual: "dual", range: "range", language: "language", preSelectedDate: "preSelectedDate", state: "state" }, outputs: { clearEvent: "clear", calendarResponse: "response" }, ngImport: i0, template: "<ng-container *ngIf=\"!range && !dual\">\n <section *ngIf=\"state !== 'hidden'\" class=\"gravity-calendar-main-container\">\n <days-calendar [language]=\"language\" [range]=\"range\" [disabled]=\"state === 'disabled'\"\n (response)=\"handleResponse($event)\" [preSelectedDate]=\"preSelectedDate\"\n (clearSelectionDate)=\"handleClear()\" [restart]=\"state === 'active'\"></days-calendar>\n </section>\n</ng-container>\n\n<ng-container *ngIf=\"range && !dual\">\n <section *ngIf=\"state !== 'hidden'\" class=\"gravity-calendar-main-container\">\n <days-calendar [language]=\"language\" [range]=\"range\" [disabled]=\"state === 'disabled'\"\n (response)=\"handleResponse($event)\" [preSelectedDate]=\"preSelectedDate\"\n (clearSelectionDate)=\"handleClear()\" [restart]=\"state === 'active'\"></days-calendar>\n </section>\n</ng-container>\n\n<ng-container *ngIf=\"dual\">\n <section *ngIf=\"state !== 'hidden'\" class=\"gravity-calendar-dual-container\">\n <div class=\"date-select-indicator\">\n <p>\n <span class=\"hr-title sm-bold\">Start date</span>\n <span class=\"hr-title sm-regular\">-></span>\n <span class=\"hr-title sm-regular\">End date</span>\n </p>\n <div class=\"separator-line\"></div>\n </div>\n\n <div class=\"calendar-container\">\n <days-calendar [language]=\"language\" [disabled]=\"state === 'disabled'\" [range]=\"true\" [navType]=\"'prev'\" [actionsSection]=\"false\"></days-calendar>\n <days-calendar [language]=\"language\" [disabled]=\"state === 'disabled'\" [range]=\"true\" [navType]=\"'next'\" [actionsSection]=\"true\"></days-calendar>\n </div>\n </section>\n</ng-container>", 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}.gravity-calendar-main-container{width:280px;display:flex;align-items:center;flex-direction:column;gap:var(--gravity-spacing-xs);border-radius:.3125rem;padding:var(--gravity-spacing-sm);color:var(--bg-calendar-nav-primary);background:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary)}.gravity-calendar-dual-container{align-items:center;display:inline-flex;flex-direction:column;justify-content:center;gap:var(--gravity-spacing-md);border-radius:.3125rem;padding:var(--gravity-spacing-sm);background:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary)}.gravity-calendar-dual-container .date-select-indicator{display:flex;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-sm)}.gravity-calendar-dual-container .date-select-indicator p{display:flex;align-items:center;gap:var(--gravity-spacing-xs)}.gravity-calendar-dual-container .date-select-indicator .separator-line{width:100%;border-bottom:2px solid var(--divider-menu-active-primary)}.gravity-calendar-dual-container .calendar-container{display:flex;align-items:center;align-self:stretch;justify-content:center;gap:var(--gravity-spacing-md)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DaysCalendarComponent, selector: "days-calendar", inputs: ["range", "restart", "disabled", "language", "preSelectedDate", "actionsSection", "navType"], outputs: ["clearSelectionDate", "response"] }] }); }
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCalendarNextComponent, selector: "gravity-calendar-next", inputs: { cypressTag: "cypressTag", language: "language", actionsSection: "actionsSection", preSelectedDate: "preSelectedDate", state: "state", calendarType: "calendarType" }, outputs: { clearEvent: "clear", calendarResponse: "response" }, ngImport: i0, template: "<ng-container *ngIf=\"calendarType === 'day'\">\n <section *ngIf=\"state !== 'hidden'\" [attr.data-cy]=\"cypressTag\" class=\"gravity-calendar-day-container\">\n <day-calendar [language]=\"language\" [disabled]=\"state === 'disabled'\"\n (response)=\"handleResponse($event)\" [preSelectedDate]=\"preSelectedDate\"\n (clearSelection)=\"handleClear()\" [restart]=\"state === 'active'\"></day-calendar>\n </section>\n</ng-container>\n\n<ng-container *ngIf=\"calendarType === 'range'\">\n <section *ngIf=\"state !== 'hidden'\" [attr.data-cy]=\"cypressTag\" class=\"gravity-calendar-day-container\">\n <day-calendar [language]=\"language\" [disabled]=\"state === 'disabled'\" [range]=\"true\"\n (response)=\"handleResponse($event)\" [preSelectedDate]=\"preSelectedDate\"\n (clearSelection)=\"handleClear()\" [restart]=\"state === 'active'\"></day-calendar>\n </section>\n</ng-container>\n\n\n<ng-container *ngIf=\"calendarType === 'month'\">\n <section *ngIf=\"state !== 'hidden'\" [attr.data-cy]=\"cypressTag\" class=\"gravity-calendar-month-container\">\n <month-calendary [language]=\"language\" [disabled]=\"state === 'disabled'\"\n (response)=\"handleResponse($event)\" [preSelectedDate]=\"preSelectedDate\"\n [actionsSection]=\"actionsSection\" (clearSelection)=\"handleClear()\" [restart]=\"state === 'active'\"></month-calendary>\n </section>\n</ng-container>\n\n<ng-container *ngIf=\"calendarType === 'year'\">\n <section *ngIf=\"state !== 'hidden'\" [attr.data-cy]=\"cypressTag\" class=\"gravity-calendar-year-container\">\n <year-calendar [language]=\"language\" [disabled]=\"state === 'disabled'\"\n (response)=\"handleResponse($event)\" [preSelectedDate]=\"preSelectedDate\"\n [actionsSection]=\"actionsSection\" (clearSelection)=\"handleClear()\" [restart]=\"state === 'active'\"> </year-calendar>\n </section>\n</ng-container>\n\n\n<!--<ng-container *ngIf=\"calendarType === 'dual'\">-->\n<!-- <section *ngIf=\"state !== 'hidden'\" [attr.data-cy]=\"cypressTag\" class=\"gravity-calendar-dual-container\">-->\n<!-- <div class=\"date-select-indicator\">-->\n<!-- <p>-->\n<!-- <span class=\"hr-title sm-bold\">Start date</span>-->\n<!-- <span class=\"hr-title sm-regular\">-></span>-->\n<!-- <span class=\"hr-title sm-regular\">End date</span>-->\n<!-- </p>-->\n<!-- <div class=\"separator-line\"></div>-->\n<!-- </div>-->\n\n<!-- <div class=\"calendar-container\">-->\n<!-- <day-calendar [language]=\"language\" [disabled]=\"state === 'disabled'\" [navType]=\"'prev'\" [actionsSection]=\"false\"></day-calendar>-->\n<!-- <day-calendar [language]=\"language\" [disabled]=\"state === 'disabled'\" [navType]=\"'next'\" [actionsSection]=\"true\"></day-calendar>-->\n<!-- </div>-->\n<!-- </section>-->\n<!--</ng-container>-->", 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}.gravity-calendar-day-container,.gravity-calendar-year-container,.gravity-calendar-month-container{width:280px;display:flex;align-items:center;flex-direction:column;gap:var(--gravity-spacing-xs);border-radius:.3125rem;padding:var(--gravity-spacing-sm);color:var(--bg-calendar-nav-primary);background:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary)}.gravity-calendar-year-container,.gravity-calendar-month-container{width:247px}.gravity-calendar-dual-container{align-items:center;display:inline-flex;flex-direction:column;justify-content:center;gap:var(--gravity-spacing-md);border-radius:.3125rem;padding:var(--gravity-spacing-sm);background:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary)}.gravity-calendar-dual-container .date-select-indicator{display:flex;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-sm)}.gravity-calendar-dual-container .date-select-indicator p{display:flex;align-items:center;gap:var(--gravity-spacing-xs)}.gravity-calendar-dual-container .date-select-indicator .separator-line{width:100%;border-bottom:2px solid var(--divider-menu-active-primary)}.gravity-calendar-dual-container .calendar-container{display:flex;align-items:center;align-self:stretch;justify-content:center;gap:var(--gravity-spacing-md)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DayCalendarComponent, selector: "day-calendar", inputs: ["range", "restart", "disabled", "language", "preSelectedDate", "actionsSection", "navType"], outputs: ["clearSelection", "response"] }, { kind: "component", type: i3.MonthCalendarComponent, selector: "month-calendary", inputs: ["restart", "disabled", "language", "preSelectedDate", "actionsSection"], outputs: ["clearSelection", "response"] }, { kind: "component", type: i4.YearCalendarComponent, selector: "year-calendar", inputs: ["restart", "disabled", "language", "preSelectedDate", "actionsSection"], outputs: ["clearSelection", "response"] }] }); }
|
|
23
25
|
}
|
|
24
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCalendarNextComponent, decorators: [{
|
|
25
27
|
type: Component,
|
|
26
|
-
args: [{ selector: 'gravity-calendar-next', template: "<ng-container *ngIf=\"!range && !dual\">\n <section *ngIf=\"state !== 'hidden'\" class=\"gravity-calendar-main-container\">\n <days-calendar [language]=\"language\" [range]=\"range\" [disabled]=\"state === 'disabled'\"\n (response)=\"handleResponse($event)\" [preSelectedDate]=\"preSelectedDate\"\n (clearSelectionDate)=\"handleClear()\" [restart]=\"state === 'active'\"></days-calendar>\n </section>\n</ng-container>\n\n<ng-container *ngIf=\"range && !dual\">\n <section *ngIf=\"state !== 'hidden'\" class=\"gravity-calendar-main-container\">\n <days-calendar [language]=\"language\" [range]=\"range\" [disabled]=\"state === 'disabled'\"\n (response)=\"handleResponse($event)\" [preSelectedDate]=\"preSelectedDate\"\n (clearSelectionDate)=\"handleClear()\" [restart]=\"state === 'active'\"></days-calendar>\n </section>\n</ng-container>\n\n<ng-container *ngIf=\"dual\">\n <section *ngIf=\"state !== 'hidden'\" class=\"gravity-calendar-dual-container\">\n <div class=\"date-select-indicator\">\n <p>\n <span class=\"hr-title sm-bold\">Start date</span>\n <span class=\"hr-title sm-regular\">-></span>\n <span class=\"hr-title sm-regular\">End date</span>\n </p>\n <div class=\"separator-line\"></div>\n </div>\n\n <div class=\"calendar-container\">\n <days-calendar [language]=\"language\" [disabled]=\"state === 'disabled'\" [range]=\"true\" [navType]=\"'prev'\" [actionsSection]=\"false\"></days-calendar>\n <days-calendar [language]=\"language\" [disabled]=\"state === 'disabled'\" [range]=\"true\" [navType]=\"'next'\" [actionsSection]=\"true\"></days-calendar>\n </div>\n </section>\n</ng-container>", 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}.gravity-calendar-main-container{width:280px;display:flex;align-items:center;flex-direction:column;gap:var(--gravity-spacing-xs);border-radius:.3125rem;padding:var(--gravity-spacing-sm);color:var(--bg-calendar-nav-primary);background:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary)}.gravity-calendar-dual-container{align-items:center;display:inline-flex;flex-direction:column;justify-content:center;gap:var(--gravity-spacing-md);border-radius:.3125rem;padding:var(--gravity-spacing-sm);background:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary)}.gravity-calendar-dual-container .date-select-indicator{display:flex;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-sm)}.gravity-calendar-dual-container .date-select-indicator p{display:flex;align-items:center;gap:var(--gravity-spacing-xs)}.gravity-calendar-dual-container .date-select-indicator .separator-line{width:100%;border-bottom:2px solid var(--divider-menu-active-primary)}.gravity-calendar-dual-container .calendar-container{display:flex;align-items:center;align-self:stretch;justify-content:center;gap:var(--gravity-spacing-md)}\n"] }]
|
|
27
|
-
}], propDecorators: {
|
|
28
|
-
type: Input
|
|
29
|
-
}], range: [{
|
|
28
|
+
args: [{ selector: 'gravity-calendar-next', template: "<ng-container *ngIf=\"calendarType === 'day'\">\n <section *ngIf=\"state !== 'hidden'\" [attr.data-cy]=\"cypressTag\" class=\"gravity-calendar-day-container\">\n <day-calendar [language]=\"language\" [disabled]=\"state === 'disabled'\"\n (response)=\"handleResponse($event)\" [preSelectedDate]=\"preSelectedDate\"\n (clearSelection)=\"handleClear()\" [restart]=\"state === 'active'\"></day-calendar>\n </section>\n</ng-container>\n\n<ng-container *ngIf=\"calendarType === 'range'\">\n <section *ngIf=\"state !== 'hidden'\" [attr.data-cy]=\"cypressTag\" class=\"gravity-calendar-day-container\">\n <day-calendar [language]=\"language\" [disabled]=\"state === 'disabled'\" [range]=\"true\"\n (response)=\"handleResponse($event)\" [preSelectedDate]=\"preSelectedDate\"\n (clearSelection)=\"handleClear()\" [restart]=\"state === 'active'\"></day-calendar>\n </section>\n</ng-container>\n\n\n<ng-container *ngIf=\"calendarType === 'month'\">\n <section *ngIf=\"state !== 'hidden'\" [attr.data-cy]=\"cypressTag\" class=\"gravity-calendar-month-container\">\n <month-calendary [language]=\"language\" [disabled]=\"state === 'disabled'\"\n (response)=\"handleResponse($event)\" [preSelectedDate]=\"preSelectedDate\"\n [actionsSection]=\"actionsSection\" (clearSelection)=\"handleClear()\" [restart]=\"state === 'active'\"></month-calendary>\n </section>\n</ng-container>\n\n<ng-container *ngIf=\"calendarType === 'year'\">\n <section *ngIf=\"state !== 'hidden'\" [attr.data-cy]=\"cypressTag\" class=\"gravity-calendar-year-container\">\n <year-calendar [language]=\"language\" [disabled]=\"state === 'disabled'\"\n (response)=\"handleResponse($event)\" [preSelectedDate]=\"preSelectedDate\"\n [actionsSection]=\"actionsSection\" (clearSelection)=\"handleClear()\" [restart]=\"state === 'active'\"> </year-calendar>\n </section>\n</ng-container>\n\n\n<!--<ng-container *ngIf=\"calendarType === 'dual'\">-->\n<!-- <section *ngIf=\"state !== 'hidden'\" [attr.data-cy]=\"cypressTag\" class=\"gravity-calendar-dual-container\">-->\n<!-- <div class=\"date-select-indicator\">-->\n<!-- <p>-->\n<!-- <span class=\"hr-title sm-bold\">Start date</span>-->\n<!-- <span class=\"hr-title sm-regular\">-></span>-->\n<!-- <span class=\"hr-title sm-regular\">End date</span>-->\n<!-- </p>-->\n<!-- <div class=\"separator-line\"></div>-->\n<!-- </div>-->\n\n<!-- <div class=\"calendar-container\">-->\n<!-- <day-calendar [language]=\"language\" [disabled]=\"state === 'disabled'\" [navType]=\"'prev'\" [actionsSection]=\"false\"></day-calendar>-->\n<!-- <day-calendar [language]=\"language\" [disabled]=\"state === 'disabled'\" [navType]=\"'next'\" [actionsSection]=\"true\"></day-calendar>-->\n<!-- </div>-->\n<!-- </section>-->\n<!--</ng-container>-->", 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}.gravity-calendar-day-container,.gravity-calendar-year-container,.gravity-calendar-month-container{width:280px;display:flex;align-items:center;flex-direction:column;gap:var(--gravity-spacing-xs);border-radius:.3125rem;padding:var(--gravity-spacing-sm);color:var(--bg-calendar-nav-primary);background:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary)}.gravity-calendar-year-container,.gravity-calendar-month-container{width:247px}.gravity-calendar-dual-container{align-items:center;display:inline-flex;flex-direction:column;justify-content:center;gap:var(--gravity-spacing-md);border-radius:.3125rem;padding:var(--gravity-spacing-sm);background:var(--bg-calender-primary);border:1px solid var(--outline-field-full-enabled-pressed-primary)}.gravity-calendar-dual-container .date-select-indicator{display:flex;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-sm)}.gravity-calendar-dual-container .date-select-indicator p{display:flex;align-items:center;gap:var(--gravity-spacing-xs)}.gravity-calendar-dual-container .date-select-indicator .separator-line{width:100%;border-bottom:2px solid var(--divider-menu-active-primary)}.gravity-calendar-dual-container .calendar-container{display:flex;align-items:center;align-self:stretch;justify-content:center;gap:var(--gravity-spacing-md)}\n"] }]
|
|
29
|
+
}], propDecorators: { cypressTag: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], language: [{
|
|
32
32
|
type: Input
|
|
33
|
+
}], actionsSection: [{
|
|
34
|
+
type: Input
|
|
33
35
|
}], preSelectedDate: [{
|
|
34
36
|
type: Input
|
|
35
37
|
}], state: [{
|
|
36
38
|
type: Input
|
|
39
|
+
}], calendarType: [{
|
|
40
|
+
type: Input
|
|
37
41
|
}], clearEvent: [{
|
|
38
42
|
type: Output,
|
|
39
43
|
args: ['clear']
|
|
@@ -41,4 +45,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
41
45
|
type: Output,
|
|
42
46
|
args: ['response']
|
|
43
47
|
}] } });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1jYWxlbmRhci1uZXh0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1jYWxlbmRhci1uZXh0L2dyYXZpdHktY2FsZW5kYXItbmV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FsZW5kYXItbmV4dC9ncmF2aXR5LWNhbGVuZGFyLW5leHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBT3JFLE1BQU0sT0FBTyw0QkFBNEI7SUFMekM7UUFTb0IsYUFBUSxHQUFnQixJQUFJLENBQUM7UUFDN0IsbUJBQWMsR0FBWSxJQUFJLENBQUM7UUFDL0Isb0JBQWUsR0FBeUIsSUFBSSxDQUFDO1FBQzdDLFVBQUssR0FBcUMsUUFBUSxDQUFDO1FBQ25ELGlCQUFZLEdBQWdELEtBQUssQ0FBQztRQUUxRCxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNuQyxxQkFBZ0IsR0FBZ0MsSUFBSSxZQUFZLEVBQWlCLENBQUM7S0FVaEg7SUFSVSxXQUFXO1FBQ2QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU0sY0FBYyxDQUFDLEtBQW9CO1FBQ3RDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdEMsQ0FBQzsrR0FuQlEsNEJBQTRCO21HQUE1Qiw0QkFBNEIsNlNDUHpDLDRoR0FrRHNCOzs0RkQzQ1QsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNJLHVCQUF1Qjs4QkFPakIsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLGNBQWM7c0JBQTdCLEtBQUs7Z0JBQ1UsZUFBZTtzQkFBOUIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLFlBQVk7c0JBQTNCLEtBQUs7Z0JBRWtCLFVBQVU7c0JBQWpDLE1BQU07dUJBQUMsT0FBTztnQkFDWSxnQkFBZ0I7c0JBQTFDLE1BQU07dUJBQUMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2dyYXZpdHktY2FsZW5kYXItbmV4dCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktY2FsZW5kYXItbmV4dC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1jYWxlbmRhci1uZXh0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eUNhbGVuZGFyTmV4dENvbXBvbmVudCB7XG4gICAgcHVibGljIHNlbGVjdGVkRGF0ZTogRGF0ZVtdIHwgRGF0ZTtcblxuICAgIEBJbnB1dCgpIHB1YmxpYyBjeXByZXNzVGFnOiBzdHJpbmdcbiAgICBASW5wdXQoKSBwdWJsaWMgbGFuZ3VhZ2U6ICdlcycgfCAnZW4nID0gJ2VuJztcbiAgICBASW5wdXQoKSBwdWJsaWMgYWN0aW9uc1NlY3Rpb246IGJvb2xlYW4gPSB0cnVlO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBwcmVTZWxlY3RlZERhdGU6IERhdGUgfCBEYXRlW10gfCBudWxsID0gbnVsbDtcbiAgICBASW5wdXQoKSBwdWJsaWMgc3RhdGU6ICdhY3RpdmUnIHwgJ2hpZGRlbicgfCAnZGlzYWJsZWQnID0gJ2FjdGl2ZSc7XG4gICAgQElucHV0KCkgcHVibGljIGNhbGVuZGFyVHlwZTogJ2RheScgfCAncmFuZ2UnIHwgJ21vbnRoJyB8ICd5ZWFyJyB8ICdkdWFsJyA9ICdkYXknO1xuXG4gICAgQE91dHB1dCgnY2xlYXInKSBwdWJsaWMgY2xlYXJFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgICBAT3V0cHV0KCdyZXNwb25zZScpIHB1YmxpYyBjYWxlbmRhclJlc3BvbnNlOiBFdmVudEVtaXR0ZXI8RGF0ZVtdIHwgRGF0ZT4gPSBuZXcgRXZlbnRFbWl0dGVyPERhdGVbXSB8IERhdGU+KCk7XG5cbiAgICBwdWJsaWMgaGFuZGxlQ2xlYXIoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY2xlYXJFdmVudC5lbWl0KCk7XG4gICAgfVxuXG4gICAgcHVibGljIGhhbmRsZVJlc3BvbnNlKHZhbHVlOiBEYXRlW10gfCBEYXRlKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY2FsZW5kYXJSZXNwb25zZS5lbWl0KHZhbHVlKTtcbiAgICB9XG5cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJjYWxlbmRhclR5cGUgPT09ICdkYXknXCI+XG4gICAgPHNlY3Rpb24gKm5nSWY9XCJzdGF0ZSAhPT0gJ2hpZGRlbidcIiBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWdcIiBjbGFzcz1cImdyYXZpdHktY2FsZW5kYXItZGF5LWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGF5LWNhbGVuZGFyIFtsYW5ndWFnZV09XCJsYW5ndWFnZVwiIFtkaXNhYmxlZF09XCJzdGF0ZSA9PT0gJ2Rpc2FibGVkJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgIChyZXNwb25zZSk9XCJoYW5kbGVSZXNwb25zZSgkZXZlbnQpXCIgW3ByZVNlbGVjdGVkRGF0ZV09XCJwcmVTZWxlY3RlZERhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAoY2xlYXJTZWxlY3Rpb24pPVwiaGFuZGxlQ2xlYXIoKVwiIFtyZXN0YXJ0XT1cInN0YXRlID09PSAnYWN0aXZlJ1wiPjwvZGF5LWNhbGVuZGFyPlxuICAgIDwvc2VjdGlvbj5cbjwvbmctY29udGFpbmVyPlxuXG48bmctY29udGFpbmVyICpuZ0lmPVwiY2FsZW5kYXJUeXBlID09PSAncmFuZ2UnXCI+XG4gICAgPHNlY3Rpb24gKm5nSWY9XCJzdGF0ZSAhPT0gJ2hpZGRlbidcIiBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWdcIiBjbGFzcz1cImdyYXZpdHktY2FsZW5kYXItZGF5LWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGF5LWNhbGVuZGFyIFtsYW5ndWFnZV09XCJsYW5ndWFnZVwiIFtkaXNhYmxlZF09XCJzdGF0ZSA9PT0gJ2Rpc2FibGVkJ1wiIFtyYW5nZV09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAocmVzcG9uc2UpPVwiaGFuZGxlUmVzcG9uc2UoJGV2ZW50KVwiIFtwcmVTZWxlY3RlZERhdGVdPVwicHJlU2VsZWN0ZWREYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAoY2xlYXJTZWxlY3Rpb24pPVwiaGFuZGxlQ2xlYXIoKVwiIFtyZXN0YXJ0XT1cInN0YXRlID09PSAnYWN0aXZlJ1wiPjwvZGF5LWNhbGVuZGFyPlxuICAgIDwvc2VjdGlvbj5cbjwvbmctY29udGFpbmVyPlxuXG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJjYWxlbmRhclR5cGUgPT09ICdtb250aCdcIj5cbiAgICA8c2VjdGlvbiAqbmdJZj1cInN0YXRlICE9PSAnaGlkZGVuJ1wiIFthdHRyLmRhdGEtY3ldPVwiY3lwcmVzc1RhZ1wiIGNsYXNzPVwiZ3Jhdml0eS1jYWxlbmRhci1tb250aC1jb250YWluZXJcIj5cbiAgICAgICAgPG1vbnRoLWNhbGVuZGFyeSBbbGFuZ3VhZ2VdPVwibGFuZ3VhZ2VcIiBbZGlzYWJsZWRdPVwic3RhdGUgPT09ICdkaXNhYmxlZCdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgIChyZXNwb25zZSk9XCJoYW5kbGVSZXNwb25zZSgkZXZlbnQpXCIgW3ByZVNlbGVjdGVkRGF0ZV09XCJwcmVTZWxlY3RlZERhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgIFthY3Rpb25zU2VjdGlvbl09XCJhY3Rpb25zU2VjdGlvblwiIChjbGVhclNlbGVjdGlvbik9XCJoYW5kbGVDbGVhcigpXCIgW3Jlc3RhcnRdPVwic3RhdGUgPT09ICdhY3RpdmUnXCI+PC9tb250aC1jYWxlbmRhcnk+XG4gICAgPC9zZWN0aW9uPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJjYWxlbmRhclR5cGUgPT09ICd5ZWFyJ1wiPlxuICAgIDxzZWN0aW9uICpuZ0lmPVwic3RhdGUgIT09ICdoaWRkZW4nXCIgW2F0dHIuZGF0YS1jeV09XCJjeXByZXNzVGFnXCIgY2xhc3M9XCJncmF2aXR5LWNhbGVuZGFyLXllYXItY29udGFpbmVyXCI+XG4gICAgICAgIDx5ZWFyLWNhbGVuZGFyIFtsYW5ndWFnZV09XCJsYW5ndWFnZVwiIFtkaXNhYmxlZF09XCJzdGF0ZSA9PT0gJ2Rpc2FibGVkJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgKHJlc3BvbnNlKT1cImhhbmRsZVJlc3BvbnNlKCRldmVudClcIiBbcHJlU2VsZWN0ZWREYXRlXT1cInByZVNlbGVjdGVkRGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgW2FjdGlvbnNTZWN0aW9uXT1cImFjdGlvbnNTZWN0aW9uXCIgKGNsZWFyU2VsZWN0aW9uKT1cImhhbmRsZUNsZWFyKClcIiBbcmVzdGFydF09XCJzdGF0ZSA9PT0gJ2FjdGl2ZSdcIj4gPC95ZWFyLWNhbGVuZGFyPlxuICAgIDwvc2VjdGlvbj5cbjwvbmctY29udGFpbmVyPlxuXG5cbjwhLS08bmctY29udGFpbmVyICpuZ0lmPVwiY2FsZW5kYXJUeXBlID09PSAnZHVhbCdcIj4tLT5cbjwhLS0gICAgPHNlY3Rpb24gKm5nSWY9XCJzdGF0ZSAhPT0gJ2hpZGRlbidcIiBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWdcIiBjbGFzcz1cImdyYXZpdHktY2FsZW5kYXItZHVhbC1jb250YWluZXJcIj4tLT5cbjwhLS0gICAgICAgIDxkaXYgY2xhc3M9XCJkYXRlLXNlbGVjdC1pbmRpY2F0b3JcIj4tLT5cbjwhLS0gICAgICAgICAgICA8cD4tLT5cbjwhLS0gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJoci10aXRsZSBzbS1ib2xkXCI+U3RhcnQgZGF0ZTwvc3Bhbj4tLT5cbjwhLS0gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJoci10aXRsZSBzbS1yZWd1bGFyXCI+LT48L3NwYW4+LS0+XG48IS0tICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaHItdGl0bGUgc20tcmVndWxhclwiPkVuZCBkYXRlPC9zcGFuPi0tPlxuPCEtLSAgICAgICAgICAgIDwvcD4tLT5cbjwhLS0gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2VwYXJhdG9yLWxpbmVcIj48L2Rpdj4tLT5cbjwhLS0gICAgICAgIDwvZGl2Pi0tPlxuXG48IS0tICAgICAgICA8ZGl2IGNsYXNzPVwiY2FsZW5kYXItY29udGFpbmVyXCI+LS0+XG48IS0tICAgICAgICAgICAgPGRheS1jYWxlbmRhciBbbGFuZ3VhZ2VdPVwibGFuZ3VhZ2VcIiBbZGlzYWJsZWRdPVwic3RhdGUgPT09ICdkaXNhYmxlZCdcIiAgW25hdlR5cGVdPVwiJ3ByZXYnXCIgW2FjdGlvbnNTZWN0aW9uXT1cImZhbHNlXCI+PC9kYXktY2FsZW5kYXI+LS0+XG48IS0tICAgICAgICAgICAgPGRheS1jYWxlbmRhciBbbGFuZ3VhZ2VdPVwibGFuZ3VhZ2VcIiBbZGlzYWJsZWRdPVwic3RhdGUgPT09ICdkaXNhYmxlZCdcIiAgW25hdlR5cGVdPVwiJ25leHQnXCIgW2FjdGlvbnNTZWN0aW9uXT1cInRydWVcIj48L2RheS1jYWxlbmRhcj4tLT5cbjwhLS0gICAgICAgIDwvZGl2Pi0tPlxuPCEtLSAgICA8L3NlY3Rpb24+LS0+XG48IS0tPC9uZy1jb250YWluZXI+LS0+Il19
|
|
@@ -6,8 +6,14 @@ export const MONTHS_ES = ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',
|
|
|
6
6
|
export const MONTHS_EN = ['January', 'February', 'March', 'April', 'May', 'June',
|
|
7
7
|
'July', 'August', 'September', 'October', 'November', 'December'
|
|
8
8
|
];
|
|
9
|
+
export const MONTHS_ES_SHORT = ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun',
|
|
10
|
+
'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'
|
|
11
|
+
];
|
|
12
|
+
export const MONTHS_EN_SHORT = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
|
|
13
|
+
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
|
|
14
|
+
];
|
|
9
15
|
export const CALENDAR_I18N = {
|
|
10
16
|
en: { apply: 'Apply', clear: 'Clear selection' },
|
|
11
17
|
es: { apply: 'Aplicar', clear: 'Limpiar selección' }
|
|
12
18
|
};
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXIuY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LWNhbGVuZGFyLW5leHQvc2hhcmVkL2NhbGVuZGFyLmNvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQWEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQztBQUU1RSxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQWEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQztBQUU1RSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU87SUFDM0UsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxXQUFXO0NBQ3ZFLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU07SUFDNUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxVQUFVO0NBQ25FLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUs7SUFDcEUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLO0NBQzNDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUs7SUFDcEUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLO0NBQzNDLENBQUM7QUFHRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUc7SUFDekIsRUFBRSxFQUFFLEVBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUM7SUFDOUMsRUFBRSxFQUFFLEVBQUMsS0FBSyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsbUJBQW1CLEVBQUM7Q0FDNUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBEQVlTX0VTOiBzdHJpbmdbXSA9IFsnTHUnLCAnTWEnLCAnTWknLCAnSnUnLCAnVmknLCAnU2EnLCAnRG8nXTtcblxuZXhwb3J0IGNvbnN0IERBWVNfRU46IHN0cmluZ1tdID0gWydNbycsICdUdScsICdXZScsICdUaCcsICdGcicsICdTYScsICdTdSddO1xuXG5leHBvcnQgY29uc3QgTU9OVEhTX0VTID0gWydFbmVybycsICdGZWJyZXJvJywgJ01hcnpvJywgJ0FicmlsJywgJ01heW8nLCAnSnVuaW8nLFxuICAgICdKdWxpbycsICdBZ29zdG8nLCAnU2VwdGllbWJyZScsICdPY3R1YnJlJywgJ05vdmllbWJyZScsICdEaWNpZW1icmUnXG5dO1xuXG5leHBvcnQgY29uc3QgTU9OVEhTX0VOID0gWydKYW51YXJ5JywgJ0ZlYnJ1YXJ5JywgJ01hcmNoJywgJ0FwcmlsJywgJ01heScsICdKdW5lJyxcbiAgICAnSnVseScsICdBdWd1c3QnLCAnU2VwdGVtYmVyJywgJ09jdG9iZXInLCAnTm92ZW1iZXInLCAnRGVjZW1iZXInXG5dO1xuXG5leHBvcnQgY29uc3QgTU9OVEhTX0VTX1NIT1JUID0gWydFbmUnLCAnRmViJywgJ01hcicsICdBYnInLCAnTWF5JywgJ0p1bicsXG4gICAgJ0p1bCcsICdBZ28nLCAnU2VwJywgJ09jdCcsICdOb3YnLCAnRGljJ1xuXTtcblxuZXhwb3J0IGNvbnN0IE1PTlRIU19FTl9TSE9SVCA9IFsnSmFuJywgJ0ZlYicsICdNYXInLCAnQXByJywgJ01heScsICdKdW4nLFxuICAgICdKdWwnLCAnQXVnJywgJ1NlcCcsICdPY3QnLCAnTm92JywgJ0RlYydcbl07XG5cblxuZXhwb3J0IGNvbnN0IENBTEVOREFSX0kxOE4gPSB7XG4gICAgZW46IHthcHBseTogJ0FwcGx5JywgY2xlYXI6ICdDbGVhciBzZWxlY3Rpb24nfSxcbiAgICBlczoge2FwcGx5OiAnQXBsaWNhcicsIGNsZWFyOiAnTGltcGlhciBzZWxlY2Npw7NuJ31cbn0gYXMgY29uc3Q7Il19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXIubW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FsZW5kYXItbmV4dC9zaGFyZWQvY2FsZW5kYXIubW9kYWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQ2FsZW5kYXJEYXkge1xuICAgIGRheTogbnVtYmVyO1xuICAgIHllYXI6IG51bWJlcjtcbiAgICBtb250aDogbnVtYmVyO1xuICAgIGlzVG9kYXk6IGJvb2xlYW47XG4gICAgaW5DdXJyZW50TW9udGg6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2FsZW5kYXJNb250aCB7XG4gICAgeWVhcjogbnVtYmVyO1xuICAgIG1vbnRoOiBudW1iZXI7XG59XG4iXX0=
|
|
@@ -4,10 +4,19 @@ export function trackByWeek(index, _) {
|
|
|
4
4
|
export function trackByDay(_, day) {
|
|
5
5
|
return `${day.year}-${day.month}-${day.day}`;
|
|
6
6
|
}
|
|
7
|
+
export function trackByMonth(_, month) {
|
|
8
|
+
return `${month.year}-${month.month}`;
|
|
9
|
+
}
|
|
10
|
+
export function trackByYear(_, year) {
|
|
11
|
+
return `${year}`;
|
|
12
|
+
}
|
|
7
13
|
export function toDate(day) {
|
|
8
14
|
return new Date(day.year, day.month, day.day);
|
|
9
15
|
}
|
|
10
|
-
export function
|
|
16
|
+
export function toMonth(month) {
|
|
17
|
+
return new Date(month.year, month.month);
|
|
18
|
+
}
|
|
19
|
+
export function getStartDate(date) {
|
|
11
20
|
return new Date(date.getFullYear(), date.getMonth(), 1);
|
|
12
21
|
}
|
|
13
22
|
export function changeMonth(offset, currentDate) {
|
|
@@ -15,10 +24,16 @@ export function changeMonth(offset, currentDate) {
|
|
|
15
24
|
const month = currentDate.getMonth();
|
|
16
25
|
return new Date(year, month + offset, 1);
|
|
17
26
|
}
|
|
27
|
+
export function changeYear(offset, currentDate) {
|
|
28
|
+
const year = currentDate.getFullYear();
|
|
29
|
+
const month = currentDate.getMonth();
|
|
30
|
+
return new Date(year + offset, month, 1);
|
|
31
|
+
}
|
|
18
32
|
export function toCalendarDay(date) {
|
|
19
|
-
return {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
33
|
+
return { inCurrentMonth: true, isToday: false,
|
|
34
|
+
day: date.getDate(), month: date.getMonth(), year: date.getFullYear() };
|
|
35
|
+
}
|
|
36
|
+
export function toCalendarMonth(date) {
|
|
37
|
+
return { month: date.getMonth(), year: date.getFullYear() };
|
|
23
38
|
}
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXIudXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FsZW5kYXItbmV4dC9zaGFyZWQvY2FsZW5kYXIudXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxVQUFVLFdBQVcsQ0FBQyxLQUFhLEVBQUUsQ0FBTTtJQUM3QyxPQUFPLEtBQUssQ0FBQztBQUNqQixDQUFDO0FBRUQsTUFBTSxVQUFVLFVBQVUsQ0FBQyxDQUFTLEVBQUUsR0FBZ0I7SUFDbEQsT0FBTyxHQUFHLEdBQUcsQ0FBQyxJQUFJLElBQUksR0FBRyxDQUFDLEtBQUssSUFBSSxHQUFHLENBQUMsR0FBRyxFQUFFLENBQUM7QUFDakQsQ0FBQztBQUVELE1BQU0sVUFBVSxZQUFZLENBQUMsQ0FBUyxFQUFFLEtBQW9CO0lBQ3hELE9BQU8sR0FBRyxLQUFLLENBQUMsSUFBSSxJQUFJLEtBQUssQ0FBQyxLQUFLLEVBQUUsQ0FBQztBQUMxQyxDQUFDO0FBRUQsTUFBTSxVQUFVLFdBQVcsQ0FBQyxDQUFTLEVBQUUsSUFBWTtJQUMvQyxPQUFPLEdBQUcsSUFBSSxFQUFFLENBQUM7QUFDckIsQ0FBQztBQUVELE1BQU0sVUFBVSxNQUFNLENBQUMsR0FBZ0I7SUFDbkMsT0FBTyxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxFQUFFLEdBQUcsQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0FBQ2xELENBQUM7QUFFRCxNQUFNLFVBQVUsT0FBTyxDQUFDLEtBQW9CO0lBQ3hDLE9BQU8sSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7QUFDN0MsQ0FBQztBQUVELE1BQU0sVUFBVSxZQUFZLENBQUMsSUFBVTtJQUNuQyxPQUFPLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7QUFDNUQsQ0FBQztBQUVELE1BQU0sVUFBVSxXQUFXLENBQUMsTUFBYyxFQUFFLFdBQWlCO0lBQ3pELE1BQU0sSUFBSSxHQUFHLFdBQVcsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN2QyxNQUFNLEtBQUssR0FBRyxXQUFXLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDckMsT0FBTyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxHQUFHLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQztBQUM3QyxDQUFDO0FBRUQsTUFBTSxVQUFVLFVBQVUsQ0FBQyxNQUFjLEVBQUUsV0FBaUI7SUFDeEQsTUFBTSxJQUFJLEdBQUcsV0FBVyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3ZDLE1BQU0sS0FBSyxHQUFHLFdBQVcsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNyQyxPQUFPLElBQUksSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO0FBQzdDLENBQUM7QUFFRCxNQUFNLFVBQVUsYUFBYSxDQUFDLElBQVU7SUFDcEMsT0FBTyxFQUFFLGNBQWMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLEtBQUs7UUFDekMsR0FBRyxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQztBQUNoRixDQUFDO0FBRUQsTUFBTSxVQUFVLGVBQWUsQ0FBQyxJQUFVO0lBQ3RDLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQztBQUNoRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDYWxlbmRhckRheSwgQ2FsZW5kYXJNb250aH0gZnJvbSBcIi4vY2FsZW5kYXIubW9kYWxcIjtcblxuZXhwb3J0IGZ1bmN0aW9uIHRyYWNrQnlXZWVrKGluZGV4OiBudW1iZXIsIF86IGFueSk6IG51bWJlciB7XG4gICAgcmV0dXJuIGluZGV4O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdHJhY2tCeURheShfOiBudW1iZXIsIGRheTogQ2FsZW5kYXJEYXkpOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHtkYXkueWVhcn0tJHtkYXkubW9udGh9LSR7ZGF5LmRheX1gO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdHJhY2tCeU1vbnRoKF86IG51bWJlciwgbW9udGg6IENhbGVuZGFyTW9udGgpOiBzdHJpbmcge1xuICAgIHJldHVybiBgJHttb250aC55ZWFyfS0ke21vbnRoLm1vbnRofWA7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB0cmFja0J5WWVhcihfOiBudW1iZXIsIHllYXI6IG51bWJlcik6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke3llYXJ9YDtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHRvRGF0ZShkYXk6IENhbGVuZGFyRGF5KTogRGF0ZSB7XG4gICAgcmV0dXJuIG5ldyBEYXRlKGRheS55ZWFyLCBkYXkubW9udGgsIGRheS5kYXkpO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdG9Nb250aChtb250aDogQ2FsZW5kYXJNb250aCk6IERhdGUge1xuICAgIHJldHVybiBuZXcgRGF0ZShtb250aC55ZWFyLCBtb250aC5tb250aCk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRTdGFydERhdGUoZGF0ZTogRGF0ZSk6IERhdGUge1xuICAgIHJldHVybiBuZXcgRGF0ZShkYXRlLmdldEZ1bGxZZWFyKCksIGRhdGUuZ2V0TW9udGgoKSwgMSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBjaGFuZ2VNb250aChvZmZzZXQ6IG51bWJlciwgY3VycmVudERhdGU6IERhdGUpIHtcbiAgICBjb25zdCB5ZWFyID0gY3VycmVudERhdGUuZ2V0RnVsbFllYXIoKTtcbiAgICBjb25zdCBtb250aCA9IGN1cnJlbnREYXRlLmdldE1vbnRoKCk7XG4gICAgcmV0dXJuIG5ldyBEYXRlKHllYXIsIG1vbnRoICsgb2Zmc2V0LCAxKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGNoYW5nZVllYXIob2Zmc2V0OiBudW1iZXIsIGN1cnJlbnREYXRlOiBEYXRlKSB7XG4gICAgY29uc3QgeWVhciA9IGN1cnJlbnREYXRlLmdldEZ1bGxZZWFyKCk7XG4gICAgY29uc3QgbW9udGggPSBjdXJyZW50RGF0ZS5nZXRNb250aCgpO1xuICAgIHJldHVybiBuZXcgRGF0ZSh5ZWFyICsgb2Zmc2V0LCBtb250aCwgMSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB0b0NhbGVuZGFyRGF5KGRhdGU6IERhdGUpOiBDYWxlbmRhckRheSB7XG4gICAgcmV0dXJuIHsgaW5DdXJyZW50TW9udGg6IHRydWUsIGlzVG9kYXk6IGZhbHNlLFxuICAgICAgICBkYXk6IGRhdGUuZ2V0RGF0ZSgpLCBtb250aDogZGF0ZS5nZXRNb250aCgpLCB5ZWFyOiBkYXRlLmdldEZ1bGxZZWFyKCkgfTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHRvQ2FsZW5kYXJNb250aChkYXRlOiBEYXRlKTogQ2FsZW5kYXJNb250aCB7XG4gICAgcmV0dXJuIHsgbW9udGg6IGRhdGUuZ2V0TW9udGgoKSwgeWVhcjogZGF0ZS5nZXRGdWxsWWVhcigpIH07XG59Il19
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "../gravity-status-indicator/gravity-status-indicator.component";
|
|
5
|
+
export class GravityDataViewComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.disabled = false;
|
|
8
|
+
this.clickEmitter = new EventEmitter();
|
|
9
|
+
this.hasClickListener = false;
|
|
10
|
+
}
|
|
11
|
+
ngAfterViewInit() {
|
|
12
|
+
setTimeout(() => {
|
|
13
|
+
this.hasClickListener = this.clickEmitter.observers.length > 0;
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
onClick() {
|
|
17
|
+
if (this.disabled || !this.hasClickListener) {
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
this.clickEmitter.emit();
|
|
21
|
+
}
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDataViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDataViewComponent, selector: "gravity-data-view", inputs: { disabled: "disabled", statusIndicator: "statusIndicator" }, outputs: { clickEmitter: "clickEmitter" }, ngImport: i0, template: "<div class=\"gravity-data-view\" [class.disabled]=\"hasClickListener && disabled\"\n [class.clickable]=\"hasClickListener && !disabled\" (click)=\"onClick()\">\n <div *ngIf=\"statusIndicator\" class=\"status-wrapper\">\n <gravity-status-indicator [size]=\"'sm'\" [type]=\"'primary'\" [icon]=\"statusIndicator.icon\"\n [text]=\"statusIndicator.text\"\n [status]=\"statusIndicator.status\"></gravity-status-indicator>\n </div>\n <ng-content></ng-content>\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}: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}body{font-style:normal;line-height:normal;font-optical-sizing:auto;color:var(--text-primary);font-family:Roboto Flex,sans-serif}.hr-body,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p:first-of-type{font-family:Roboto Flex,sans-serif}.hr-body.sm-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.sm-regular:first-of-type{font-weight:400;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.sm-bold:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p:first-of-type{font-weight:650;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.md-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.md-regular:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.md-regular:first-of-type{font-weight:380;line-height:1.567rem;letter-spacing:.03rem;font-size:1rem}.hr-body.md-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.md-bold:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.md-bold:first-of-type{font-weight:700;line-height:1.567rem;letter-spacing:.025rem;font-size:1rem}.hr-body.lg-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.lg-regular:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.lg-regular:first-of-type{font-weight:400;line-height:2.05669rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-body.lg-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.lg-bold:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.lg-bold:first-of-type{font-weight:700;line-height:1.99106rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-title{font-family:Roboto Flex,sans-serif}.hr-title.sm-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-title:last-of-type{font-weight:420;letter-spacing:.02rem;font-size:1rem}.hr-title.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-title:first-of-type{font-weight:731;letter-spacing:.02rem;font-size:1rem}.hr-title.md-bold{font-weight:745;letter-spacing:.03938rem;font-size:1.3325rem}.hr-title.lg-regular{font-weight:480;letter-spacing:.02625rem;font-size:1.75rem}.hr-title.lg-bold{font-weight:700;font-size:1.75rem}.hr-label{font-family:Roboto Flex,sans-serif}.hr-label.sm-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-label:last-of-type{font-weight:343;letter-spacing:.01875rem;font-size:.75rem}.hr-label.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-label:first-of-type{font-weight:560;letter-spacing:.0225rem;font-size:.75rem}.hr-label.md-regular{font-weight:343;letter-spacing:.03rem;font-size:1rem}.hr-label.md-bold{font-weight:600;letter-spacing:.03rem;font-size:1rem}.hr-label.lg-regular{font-weight:343;letter-spacing:.0525rem;font-size:1.75rem}.hr-label.lg-bold{font-weight:600;letter-spacing:.0525rem;font-size:1.75rem}.hr-headline{font-family:Roboto Flex,sans-serif}.hr-headline.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-headline:first-of-type{font-weight:700;letter-spacing:.02rem;font-size:2rem}.hr-headline.md-bold{font-weight:674;letter-spacing:.02375rem;font-size:2.375rem}.hr-headline.lg-bold{font-weight:700;letter-spacing:.02875rem;font-size:2.875rem}.hr-display{font-family:Roboto Flex,sans-serif}.hr-display.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-display:first-of-type{font-weight:700;letter-spacing:.03125rem;font-size:3.125rem}.hr-display.md-bold{font-weight:700;letter-spacing:.04188rem;font-size:4.1875rem}.hr-display.lg-bold{font-weight:700;letter-spacing:.05625rem;font-size:5.625rem}.align-text-center{text-align:center}:host ::ng-deep .gravity-data-view{max-width:390px;padding:1rem;border-radius:.625rem;border:2px solid var(--surface-primary);position:relative}:host ::ng-deep .gravity-data-view.clickable{cursor:pointer;border:1px solid var(--cta-primary)}:host ::ng-deep .gravity-data-view.clickable:hover{background-color:var(--bg-button-active-tertiary)}:host ::ng-deep .gravity-data-view.disabled{border:1px solid var(--on-bg-disabled)}:host ::ng-deep .gravity-data-view.disabled p{color:var(--on-bg-disabled)}:host ::ng-deep .gravity-data-view .status-wrapper{position:absolute;left:1rem;top:-.5rem}:host ::ng-deep .gravity-data-view .content-row{width:100%;display:flex;align-items:center}:host ::ng-deep .gravity-data-view .content-row.highlight{background:var(--surface-primary);border-radius:.3125rem}:host ::ng-deep .gravity-data-view .content-row.actions{padding-top:1rem;padding-bottom:.5rem;margin-top:.5rem;border-top:1px solid var(--surface-primary);gap:.5rem}:host ::ng-deep .gravity-data-view .content-row.actions.disabled{border-top:1px solid var(--on-bg-disabled)}:host ::ng-deep .gravity-data-view .content-row.sm{padding-inline:.5rem}:host ::ng-deep .gravity-data-view .content-row.md{padding:.25rem .5rem}:host ::ng-deep .gravity-data-view .content-row.lg{padding:.5rem}:host ::ng-deep .gravity-data-view .content-row.xl{padding:1rem .5rem}:host ::ng-deep .gravity-data-view .content-row.centered{justify-content:center}:host ::ng-deep .gravity-data-view .content-row.default{justify-content:space-between}:host ::ng-deep .gravity-data-view .content-row.right{justify-content:flex-end}:host ::ng-deep .gravity-data-view .content-row .content-wrapper{display:flex;align-items:center;gap:.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityStatusIndicatorComponent, selector: "gravity-status-indicator", inputs: ["icon", "text", "size", "type", "status"] }] }); }
|
|
24
|
+
}
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDataViewComponent, decorators: [{
|
|
26
|
+
type: Component,
|
|
27
|
+
args: [{ selector: 'gravity-data-view', template: "<div class=\"gravity-data-view\" [class.disabled]=\"hasClickListener && disabled\"\n [class.clickable]=\"hasClickListener && !disabled\" (click)=\"onClick()\">\n <div *ngIf=\"statusIndicator\" class=\"status-wrapper\">\n <gravity-status-indicator [size]=\"'sm'\" [type]=\"'primary'\" [icon]=\"statusIndicator.icon\"\n [text]=\"statusIndicator.text\"\n [status]=\"statusIndicator.status\"></gravity-status-indicator>\n </div>\n <ng-content></ng-content>\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}: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}body{font-style:normal;line-height:normal;font-optical-sizing:auto;color:var(--text-primary);font-family:Roboto Flex,sans-serif}.hr-body,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p:first-of-type{font-family:Roboto Flex,sans-serif}.hr-body.sm-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.sm-regular:first-of-type{font-weight:400;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.sm-bold:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p:first-of-type{font-weight:650;line-height:1.17525rem;letter-spacing:.01875rem;font-size:.75rem}.hr-body.md-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.md-regular:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.md-regular:first-of-type{font-weight:380;line-height:1.567rem;letter-spacing:.03rem;font-size:1rem}.hr-body.md-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.md-bold:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.md-bold:first-of-type{font-weight:700;line-height:1.567rem;letter-spacing:.025rem;font-size:1rem}.hr-body.lg-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.lg-regular:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.lg-regular:first-of-type{font-weight:400;line-height:2.05669rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-body.lg-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.lg-bold:last-of-type,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.lg-bold:first-of-type{font-weight:700;line-height:1.99106rem;letter-spacing:.02625rem;font-size:1.3325rem}.hr-title{font-family:Roboto Flex,sans-serif}.hr-title.sm-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-title:last-of-type{font-weight:420;letter-spacing:.02rem;font-size:1rem}.hr-title.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-title:first-of-type{font-weight:731;letter-spacing:.02rem;font-size:1rem}.hr-title.md-bold{font-weight:745;letter-spacing:.03938rem;font-size:1.3325rem}.hr-title.lg-regular{font-weight:480;letter-spacing:.02625rem;font-size:1.75rem}.hr-title.lg-bold{font-weight:700;font-size:1.75rem}.hr-label{font-family:Roboto Flex,sans-serif}.hr-label.sm-regular,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-label:last-of-type{font-weight:343;letter-spacing:.01875rem;font-size:.75rem}.hr-label.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-label:first-of-type{font-weight:560;letter-spacing:.0225rem;font-size:.75rem}.hr-label.md-regular{font-weight:343;letter-spacing:.03rem;font-size:1rem}.hr-label.md-bold{font-weight:600;letter-spacing:.03rem;font-size:1rem}.hr-label.lg-regular{font-weight:343;letter-spacing:.0525rem;font-size:1.75rem}.hr-label.lg-bold{font-weight:600;letter-spacing:.0525rem;font-size:1.75rem}.hr-headline{font-family:Roboto Flex,sans-serif}.hr-headline.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-headline:first-of-type{font-weight:700;letter-spacing:.02rem;font-size:2rem}.hr-headline.md-bold{font-weight:674;letter-spacing:.02375rem;font-size:2.375rem}.hr-headline.lg-bold{font-weight:700;letter-spacing:.02875rem;font-size:2.875rem}.hr-display{font-family:Roboto Flex,sans-serif}.hr-display.sm-bold,:host ::ng-deep .gravity-data-view .content-row .content-wrapper p.hr-display:first-of-type{font-weight:700;letter-spacing:.03125rem;font-size:3.125rem}.hr-display.md-bold{font-weight:700;letter-spacing:.04188rem;font-size:4.1875rem}.hr-display.lg-bold{font-weight:700;letter-spacing:.05625rem;font-size:5.625rem}.align-text-center{text-align:center}:host ::ng-deep .gravity-data-view{max-width:390px;padding:1rem;border-radius:.625rem;border:2px solid var(--surface-primary);position:relative}:host ::ng-deep .gravity-data-view.clickable{cursor:pointer;border:1px solid var(--cta-primary)}:host ::ng-deep .gravity-data-view.clickable:hover{background-color:var(--bg-button-active-tertiary)}:host ::ng-deep .gravity-data-view.disabled{border:1px solid var(--on-bg-disabled)}:host ::ng-deep .gravity-data-view.disabled p{color:var(--on-bg-disabled)}:host ::ng-deep .gravity-data-view .status-wrapper{position:absolute;left:1rem;top:-.5rem}:host ::ng-deep .gravity-data-view .content-row{width:100%;display:flex;align-items:center}:host ::ng-deep .gravity-data-view .content-row.highlight{background:var(--surface-primary);border-radius:.3125rem}:host ::ng-deep .gravity-data-view .content-row.actions{padding-top:1rem;padding-bottom:.5rem;margin-top:.5rem;border-top:1px solid var(--surface-primary);gap:.5rem}:host ::ng-deep .gravity-data-view .content-row.actions.disabled{border-top:1px solid var(--on-bg-disabled)}:host ::ng-deep .gravity-data-view .content-row.sm{padding-inline:.5rem}:host ::ng-deep .gravity-data-view .content-row.md{padding:.25rem .5rem}:host ::ng-deep .gravity-data-view .content-row.lg{padding:.5rem}:host ::ng-deep .gravity-data-view .content-row.xl{padding:1rem .5rem}:host ::ng-deep .gravity-data-view .content-row.centered{justify-content:center}:host ::ng-deep .gravity-data-view .content-row.default{justify-content:space-between}:host ::ng-deep .gravity-data-view .content-row.right{justify-content:flex-end}:host ::ng-deep .gravity-data-view .content-row .content-wrapper{display:flex;align-items:center;gap:.25rem}\n"] }]
|
|
28
|
+
}], propDecorators: { disabled: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}], statusIndicator: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], clickEmitter: [{
|
|
33
|
+
type: Output
|
|
34
|
+
}] } });
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1kYXRhLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LWRhdGEtdmlldy9ncmF2aXR5LWRhdGEtdmlldy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZGF0YS12aWV3L2dyYXZpdHktZGF0YS12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBT3BGLE1BQU0sT0FBTyx3QkFBd0I7SUFMckM7UUFNVyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBT3hCLGlCQUFZLEdBQXdCLElBQUksWUFBWSxFQUFPLENBQUM7UUFFaEUscUJBQWdCLEdBQUcsS0FBSyxDQUFDO0tBZWpDO0lBYkMsZUFBZTtRQUNiLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztRQUNqRSxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTSxPQUFPO1FBQ1osSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQzNDLE9BQU87U0FDUjtRQUVELElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDM0IsQ0FBQzsrR0F4QlUsd0JBQXdCO21HQUF4Qix3QkFBd0IsMEtDUHJDLGtoQkFRTTs7NEZERE8sd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLG1CQUFtQjs4QkFLcEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQU1LLFlBQVk7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FmdGVyVmlld0luaXQsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1kYXRhLXZpZXcnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1kYXRhLXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LWRhdGEtdmlldy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlEYXRhVmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzdGF0dXNJbmRpY2F0b3I6IHtcbiAgICBpY29uOiBzdHJpbmc7XG4gICAgdGV4dDogc3RyaW5nLFxuICAgIHN0YXR1czogJ3Bvc2l0aXZlJyB8ICduZWdhdGl2ZScgfCAnYXR0ZW50aW9uJyB8ICduZXV0cm8nIHwgJ2Rpc2FibGVkJ1xuICB9O1xuXG4gIEBPdXRwdXQoKSAgY2xpY2tFbWl0dGVyOiBFdmVudEVtaXR0ZXI8YW55W10+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgcHVibGljIGhhc0NsaWNrTGlzdGVuZXIgPSBmYWxzZTtcblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLmhhc0NsaWNrTGlzdGVuZXIgPSB0aGlzLmNsaWNrRW1pdHRlci5vYnNlcnZlcnMubGVuZ3RoID4gMDtcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvbkNsaWNrKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRpc2FibGVkIHx8ICF0aGlzLmhhc0NsaWNrTGlzdGVuZXIpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLmNsaWNrRW1pdHRlci5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LWRhdGEtdmlld1wiIFtjbGFzcy5kaXNhYmxlZF09XCJoYXNDbGlja0xpc3RlbmVyICYmIGRpc2FibGVkXCJcbiAgICAgW2NsYXNzLmNsaWNrYWJsZV09XCJoYXNDbGlja0xpc3RlbmVyICYmICFkaXNhYmxlZFwiIChjbGljayk9XCJvbkNsaWNrKClcIj5cbiAgPGRpdiAqbmdJZj1cInN0YXR1c0luZGljYXRvclwiIGNsYXNzPVwic3RhdHVzLXdyYXBwZXJcIj5cbiAgICA8Z3Jhdml0eS1zdGF0dXMtaW5kaWNhdG9yIFtzaXplXT1cIidzbSdcIiBbdHlwZV09XCIncHJpbWFyeSdcIiBbaWNvbl09XCJzdGF0dXNJbmRpY2F0b3IuaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdGV4dF09XCJzdGF0dXNJbmRpY2F0b3IudGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3RhdHVzXT1cInN0YXR1c0luZGljYXRvci5zdGF0dXNcIj48L2dyYXZpdHktc3RhdHVzLWluZGljYXRvcj5cbiAgPC9kaXY+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PiJdfQ==
|
|
@@ -15,11 +15,11 @@ export class GravityTabPrimaryComponent {
|
|
|
15
15
|
this.pressed.emit(index);
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTabPrimaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
18
|
+
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;color:var(--on-bg-button-active-tertiary)}.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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
19
19
|
}
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTabPrimaryComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
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"] }]
|
|
22
|
+
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;color:var(--on-bg-button-active-tertiary)}.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"] }]
|
|
23
23
|
}], propDecorators: { selected: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}], size: [{
|