@progressio_resources/gravity-design-system 3.6.5 → 3.6.7
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 +85 -30
- package/esm2022/lib/components/gravity-calendar-next/components/day-calendar/range-days-calendar.utils.mjs +197 -46
- package/esm2022/lib/components/gravity-calendar-next/components/month-calendar/month-calendar.component.mjs +26 -10
- package/esm2022/lib/components/gravity-calendar-next/components/year-calendar/year-calendar.component.mjs +27 -9
- package/esm2022/lib/components/gravity-calendar-next/gravity-calendar-next.component.mjs +30 -20
- package/esm2022/lib/components/gravity-calendar-next/shared/calendar.constants.mjs +43 -3
- package/esm2022/lib/components/gravity-calendar-next/shared/calendar.modal.mjs +1 -1
- package/esm2022/lib/components/gravity-calendar-next/shared/calendar.utils.mjs +101 -6
- package/esm2022/lib/components/gravity-detail-container/gravity-detail-container.component.mjs +54 -12
- package/esm2022/lib/components/gravity-dropdown-label/gravity-dropdown-label.component.mjs +3 -3
- package/esm2022/lib/components/gravity-icon-button/gravity-icon-button.component.mjs +2 -2
- package/esm2022/lib/components/gravity-link/gravity-link.component.mjs +2 -2
- package/esm2022/lib/components/gravity-text-field/gravity-text-field.component.mjs +12 -6
- package/esm2022/lib/gravity-design-system.module.mjs +1 -4
- package/esm2022/lib/layout/gravity-header/gravity-header.component.mjs +3 -3
- package/esm2022/lib/layout/gravity-menu/gravity-menu.component.mjs +4 -5
- package/esm2022/lib/services/gravity-responsive.service.mjs +47 -0
- package/fesm2022/progressio_resources-gravity-design-system.mjs +599 -230
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/components/gravity-calendar-next/components/day-calendar/day-calendar.component.d.ts +57 -10
- package/lib/components/gravity-calendar-next/components/day-calendar/range-days-calendar.utils.d.ts +4 -1
- package/lib/components/gravity-calendar-next/components/month-calendar/month-calendar.component.d.ts +38 -6
- package/lib/components/gravity-calendar-next/components/year-calendar/year-calendar.component.d.ts +39 -5
- package/lib/components/gravity-calendar-next/gravity-calendar-next.component.d.ts +48 -6
- package/lib/components/gravity-calendar-next/shared/calendar.constants.d.ts +33 -3
- package/lib/components/gravity-calendar-next/shared/calendar.modal.d.ts +6 -2
- package/lib/components/gravity-calendar-next/shared/calendar.utils.d.ts +7 -2
- package/lib/components/gravity-detail-container/gravity-detail-container.component.d.ts +13 -3
- package/lib/components/gravity-text-field/gravity-text-field.component.d.ts +5 -3
- package/lib/gravity-design-system.module.d.ts +14 -15
- package/lib/layout/gravity-menu/gravity-menu.component.d.ts +2 -2
- package/lib/services/gravity-responsive.service.d.ts +11 -0
- package/package.json +1 -1
- package/esm2022/lib/components/gravity-calendar-next/components/dual-month-calendar/dual-month-calendar.component.mjs +0 -109
- package/lib/components/gravity-calendar-next/components/dual-month-calendar/dual-month-calendar.component.d.ts +0 -46
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXIubW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FsZW5kYXItbmV4dC9zaGFyZWQvY2FsZW5kYXIubW9kYWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQ2FsZW5kYXJDb25maWcge1xuICAgIG1heERhdGU/OiBEYXRlIHwgbnVsbDtcbiAgICBtaW5EYXRlPzogRGF0ZSB8IG51bGw7XG4gICAgaW5pdERhdGU/OiBEYXRlIHwgRGF0ZVtdIHwgbnVsbDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBDYWxlbmRhckFwcGVhcmFuY2Uge1xuICAgIGFjdGlvbnM/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXIubW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FsZW5kYXItbmV4dC9zaGFyZWQvY2FsZW5kYXIubW9kYWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQ2FsZW5kYXJDb25maWcge1xuICAgIG1heERhdGU/OiBEYXRlIHwgbnVsbDtcbiAgICBtaW5EYXRlPzogRGF0ZSB8IG51bGw7XG4gICAgaW5pdERhdGU/OiBEYXRlIHwgRGF0ZVtdIHwgbnVsbDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBDYWxlbmRhckFwcGVhcmFuY2Uge1xuICAgIGFjdGlvbnM/OiBib29sZWFuO1xuICAgIGlzTW9iaWxlPzogYm9vbGVhbjtcbiAgICBsYW5ndWFnZT86ICdlcycgfCAnZW4nO1xuICAgIHN0YXRlPzogJ2FjdGl2ZScgfCAnaGlkZGVuJyB8ICdkaXNhYmxlZCcgfCAnZGVzdHJveSc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2FsZW5kYXJEYXRlIHtcbiAgICBkYXk6IG51bWJlcjtcbiAgICB3ZWVrRGF5OiBudW1iZXI7XG4gICAgaXNUb2RheT86IGJvb2xlYW47XG4gICAgaW5DdXJyZW50TW9udGg6IGJvb2xlYW47XG4gICAgbW9udGhZZWFyOiBDYWxlbmRhclBlcmlvZFxufVxuXG5leHBvcnQgaW50ZXJmYWNlIENhbGVuZGFyUGVyaW9kIHtcbiAgICB5ZWFyOiBudW1iZXI7XG4gICAgbW9udGg6IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBDYWxlbmRhclJlc3BvbnNlIHtcblx0ZGF0ZXM6IERhdGUgfCBEYXRlW107XG5cdGZvcm1hdGVkRGF0ZT86IHN0cmluZztcbn0iXX0=
|
|
@@ -1,16 +1,111 @@
|
|
|
1
|
-
export function toDate(day) {
|
|
2
|
-
return new Date(day.monthYear.year, day.monthYear.month, day.day);
|
|
3
|
-
}
|
|
4
1
|
export function getStartDate(date) {
|
|
5
|
-
|
|
2
|
+
if (date instanceof Date) {
|
|
3
|
+
return new Date(date.getFullYear(), date.getMonth(), 1);
|
|
4
|
+
}
|
|
5
|
+
return new Date();
|
|
6
6
|
}
|
|
7
7
|
export function changeDate(offset, currentDate, isMonth) {
|
|
8
8
|
const month = currentDate.getMonth();
|
|
9
9
|
const year = currentDate.getFullYear();
|
|
10
10
|
return isMonth ? new Date(year, month + offset, 1) : new Date(year + offset, month, 1);
|
|
11
11
|
}
|
|
12
|
-
export function
|
|
12
|
+
export function isPeriodAvailable(currentDate, limitDate, period, direction, startYearBlock) {
|
|
13
|
+
if (period === 'month' && limitDate) {
|
|
14
|
+
const dir = direction === 'prev' ? -1 : 1;
|
|
15
|
+
const limit = new Date(limitDate.getFullYear(), limitDate.getMonth(), 1);
|
|
16
|
+
const candidate = new Date(currentDate.getFullYear(), currentDate.getMonth() + dir, 1);
|
|
17
|
+
return direction === 'prev' ? candidate >= limit : candidate <= limit;
|
|
18
|
+
}
|
|
19
|
+
if (period === 'year' && limitDate && startYearBlock !== undefined) {
|
|
20
|
+
const dir = direction === 'prev' ? -1 : 1;
|
|
21
|
+
const blockStart = startYearBlock + dir * 12;
|
|
22
|
+
const blockEnd = blockStart + 11;
|
|
23
|
+
if (direction === 'prev') {
|
|
24
|
+
return blockEnd >= limitDate.getFullYear();
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
return blockStart <= limitDate.getFullYear();
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
return true;
|
|
31
|
+
}
|
|
32
|
+
export function dateToCalendarDay(date) {
|
|
13
33
|
return { inCurrentMonth: true, isToday: false, day: date.getDate(),
|
|
14
34
|
monthYear: { month: date.getMonth(), year: date.getFullYear() }, weekDay: date.getDay() };
|
|
15
35
|
}
|
|
16
|
-
|
|
36
|
+
export function dateToString(date, language) {
|
|
37
|
+
const year = date.getFullYear().toString();
|
|
38
|
+
const day = date.getDate().toString().padStart(2, '0');
|
|
39
|
+
const month = (date.getMonth() + 1).toString().padStart(2, '0');
|
|
40
|
+
return language === 'en' ? `${month}/${day}/${year}` : `${day}/${month}/${year}`;
|
|
41
|
+
}
|
|
42
|
+
export function stringToCalendarDate(value, language) {
|
|
43
|
+
if (!value)
|
|
44
|
+
return null;
|
|
45
|
+
const parts = value.split('/');
|
|
46
|
+
if (parts.length !== 3)
|
|
47
|
+
return null;
|
|
48
|
+
const year = parseInt(parts[2], 10);
|
|
49
|
+
const day = parseInt(language === 'en' ? parts[1] : parts[0], 10);
|
|
50
|
+
const month = parseInt(language === 'en' ? parts[0] : parts[1], 10) - 1;
|
|
51
|
+
if (isNaN(day) || isNaN(month) || isNaN(year))
|
|
52
|
+
return null;
|
|
53
|
+
if (month < 0 || month > 11 || day < 1)
|
|
54
|
+
return null;
|
|
55
|
+
if (year < 1000 || year > 9999)
|
|
56
|
+
return null;
|
|
57
|
+
const date = new Date(year, month, day);
|
|
58
|
+
if (date.getFullYear() !== year || date.getMonth() !== month || date.getDate() !== day) {
|
|
59
|
+
return null;
|
|
60
|
+
}
|
|
61
|
+
return { day, weekDay: date.getDay(), inCurrentMonth: true,
|
|
62
|
+
monthYear: { year, month }
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
export function stringToDate(dateStr, language) {
|
|
66
|
+
if (!dateStr)
|
|
67
|
+
return null;
|
|
68
|
+
const parts = dateStr.split('/');
|
|
69
|
+
if (parts.length !== 3)
|
|
70
|
+
return null;
|
|
71
|
+
const year = Number(parts[2]);
|
|
72
|
+
const day = Number(language === 'en' ? parts[1] : parts[0]);
|
|
73
|
+
const month = Number(language === 'en' ? parts[0] : parts[1]) - 1;
|
|
74
|
+
return new Date(year, month, day);
|
|
75
|
+
}
|
|
76
|
+
export function calendarDateToDate(cd) {
|
|
77
|
+
if (!cd) {
|
|
78
|
+
return null;
|
|
79
|
+
}
|
|
80
|
+
const { day, monthYear } = cd;
|
|
81
|
+
return new Date(monthYear.year, monthYear.month, day);
|
|
82
|
+
}
|
|
83
|
+
export function formatDatetime(value, formatMonth = 'long', language = 'en') {
|
|
84
|
+
if (!value)
|
|
85
|
+
return '';
|
|
86
|
+
const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
|
|
87
|
+
// Rango de fechas (array con 2 strings)
|
|
88
|
+
if (Array.isArray(value) && value.length === 2) {
|
|
89
|
+
const start = new Date(value[0]);
|
|
90
|
+
const end = new Date(value[1]);
|
|
91
|
+
const endDay = end.getDate();
|
|
92
|
+
const startDay = start.getDate();
|
|
93
|
+
const endYear = end.getFullYear();
|
|
94
|
+
const startYear = start.getFullYear();
|
|
95
|
+
const endMonth = capitalize(end.toLocaleString(language, { month: formatMonth }));
|
|
96
|
+
const startMonth = capitalize(start.toLocaleString(language, { month: formatMonth }));
|
|
97
|
+
if (startYear === endYear) {
|
|
98
|
+
return `${startMonth} ${startDay} - ${endMonth} ${endDay}, ${startYear}`;
|
|
99
|
+
}
|
|
100
|
+
return `${startMonth} ${startDay}, ${startYear} - ${endMonth} ${endDay}, ${endYear}`;
|
|
101
|
+
}
|
|
102
|
+
if (typeof value === 'string') {
|
|
103
|
+
const date = new Date(value);
|
|
104
|
+
const month = capitalize(date.toLocaleString(language, { month: formatMonth }));
|
|
105
|
+
const day = date.getDate();
|
|
106
|
+
const year = date.getFullYear();
|
|
107
|
+
return `${month} ${day}, ${year}`;
|
|
108
|
+
}
|
|
109
|
+
return '';
|
|
110
|
+
}
|
|
111
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXIudXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY2FsZW5kYXItbmV4dC9zaGFyZWQvY2FsZW5kYXIudXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxVQUFVLFlBQVksQ0FBQyxJQUFVO0lBQ3RDLElBQUcsSUFBSSxZQUFZLElBQUksRUFBRTtRQUN4QixPQUFPLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7S0FDeEQ7SUFFRCxPQUFPLElBQUksSUFBSSxFQUFFLENBQUM7QUFDbkIsQ0FBQztBQUVELE1BQU0sVUFBVSxVQUFVLENBQUMsTUFBYyxFQUFFLFdBQWlCLEVBQUUsT0FBZ0I7SUFDMUUsTUFBTSxLQUFLLEdBQUcsV0FBVyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3JDLE1BQU0sSUFBSSxHQUFHLFdBQVcsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUV2QyxPQUFPLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssR0FBRyxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO0FBQzNGLENBQUM7QUFFRCxNQUFNLFVBQVUsaUJBQWlCLENBQUMsV0FBaUIsRUFBRSxTQUFlLEVBQUUsTUFBd0IsRUFDN0YsU0FBMEIsRUFBRSxjQUF1QjtJQUVuRCxJQUFJLE1BQU0sS0FBSyxPQUFPLElBQUksU0FBUyxFQUFFO1FBQ3BDLE1BQU0sR0FBRyxHQUFHLFNBQVMsS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMs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LFFBQVEsRUFBRTtRQUM5QixNQUFNLElBQUksR0FBRyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM3QixNQUFNLEtBQUssR0FBRyxVQUFVLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ2hGLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUMzQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFFaEMsT0FBTyxHQUFHLEtBQUssSUFBSSxHQUFHLEtBQUssSUFBSSxFQUFFLENBQUM7S0FDbEM7SUFFRCxPQUFPLEVBQUUsQ0FBQztBQUNYLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NhbGVuZGFyRGF0ZX0gZnJvbSBcIi4vY2FsZW5kYXIubW9kYWxcIjtcblxuZXhwb3J0IGZ1bmN0aW9uIGdldFN0YXJ0RGF0ZShkYXRlOiBEYXRlKTogRGF0ZSB7XG5cdGlmKGRhdGUgaW5zdGFuY2VvZiBEYXRlKSB7XG5cdFx0cmV0dXJuIG5ldyBEYXRlKGRhdGUuZ2V0RnVsbFllYXIoKSwgZGF0ZS5nZXRNb250aCgpLCAxKTtcblx0fVxuXG5cdHJldHVybiBuZXcgRGF0ZSgpO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gY2hhbmdlRGF0ZShvZmZzZXQ6IG51bWJlciwgY3VycmVudERhdGU6IERhdGUsIGlzTW9udGg6IGJvb2xlYW4pOiBEYXRlIHtcbiAgICBjb25zdCBtb250aCA9IGN1cnJlbnREYXRlLmdldE1vbnRoKCk7XG4gICAgY29uc3QgeWVhciA9IGN1cnJlbnREYXRlLmdldEZ1bGxZZWFyKCk7XG5cbiAgICByZXR1cm4gaXNNb250aCA/IG5ldyBEYXRlKHllYXIsIG1vbnRoICsgb2Zmc2V0LCAxKSA6IG5ldyBEYXRlKHllYXIgKyBvZmZzZXQsIG1vbnRoLCAxKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGlzUGVyaW9kQXZhaWxhYmxlKGN1cnJlbnREYXRlOiBEYXRlLCBsaW1pdERhdGU6IERhdGUsIHBlcmlvZDogJ21vbnRoJyB8ICd5ZWFyJyxcblx0ZGlyZWN0aW9uOiAncHJldicgfCAnbmV4dCcsIHN0YXJ0WWVhckJsb2NrPzogbnVtYmVyKTogYm9vbGVhbiB7XG5cblx0aWYgKHBlcmlvZCA9PT0gJ21vbnRoJyAmJiBsaW1pdERhdGUpIHtcblx0XHRjb25zdCBkaXIgPSBkaXJlY3Rpb24gPT09ICdwcmV2JyA/IC0xIDogMTtcblx0XHRjb25zdCBsaW1pdCA9IG5ldyBEYXRlKGxpbWl0RGF0ZS5nZXRGdWxsWWVhcigpLCBsaW1pdERhdGUuZ2V0TW9udGgoKSwgMSk7XG5cdFx0Y29uc3QgY2FuZGlkYXRlID0gbmV3IERhdGUoY3VycmVudERhdGUuZ2V0RnVsbFllYXIoKSwgY3VycmVudERhdGUuZ2V0TW9udGgoKSArIGRpciwgMSk7XG5cblx0XHRyZXR1cm4gZGlyZWN0aW9uID09PSAncHJldicgPyBjYW5kaWRhdGUgPj0gbGltaXQgOiBjYW5kaWRhdGUgPD0gbGltaXQ7XG5cdH1cblxuXHRpZiAocGVyaW9kID09PSAneWVhcicgJiYgbGltaXREYXRlICYmIHN0YXJ0WWVhckJsb2NrICE9PSB1bmRlZmluZWQpIHtcblx0XHRjb25zdCBkaXIgPSBkaXJlY3Rpb24gPT09ICdwcmV2JyA/IC0xIDogMTtcblx0XHRjb25zdCBibG9ja1N0YXJ0ID0gc3RhcnRZZWFyQmxvY2sgKyBkaXIgKiAxMjtcblx0XHRjb25zdCBibG9ja0VuZCA9IGJsb2NrU3RhcnQgKyAxMTtcblxuXHRcdGlmIChkaXJlY3Rpb24gPT09ICdwcmV2Jykge1xuXHRcdFx0cmV0dXJuIGJsb2NrRW5kID49IGxpbWl0RGF0ZS5nZXRGdWxsWWVhcigpO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHRyZXR1cm4gYmxvY2tTdGFydCA8PSBsaW1pdERhdGUuZ2V0RnVsbFllYXIoKTtcblx0XHR9XG5cdH1cblxuXHRyZXR1cm4gdHJ1ZTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGRhdGVUb0NhbGVuZGFyRGF5KGRhdGU6IERhdGUpOiBDYWxlbmRhckRhdGUge1xuICAgIHJldHVybiB7IGluQ3VycmVudE1vbnRoOiB0cnVlLCBpc1RvZGF5OiBmYWxzZSwgZGF5OiBkYXRlLmdldERhdGUoKSxcbiAgICAgICAgbW9udGhZZWFyOiB7bW9udGg6IGRhdGUuZ2V0TW9udGgoKSwgeWVhcjogZGF0ZS5nZXRGdWxsWWVhcigpfSwgd2Vla0RheTogZGF0ZS5nZXREYXkoKSB9O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gZGF0ZVRvU3RyaW5nKGRhdGU6IERhdGUsIGxhbmd1YWdlOiAnZW4nIHwgJ2VzJyk6IHN0cmluZyB7XG5cdGNvbnN0IHllYXIgPSBkYXRlLmdldEZ1bGxZZWFyKCkudG9TdHJpbmcoKTtcblx0Y29uc3QgZGF5ID0gZGF0ZS5nZXREYXRlKCkudG9TdHJpbmcoKS5wYWRTdGFydCgyLCAnMCcpO1xuXHRjb25zdCBtb250aCA9IChkYXRlLmdldE1vbnRoKCkgKyAxKS50b1N0cmluZygpLnBhZFN0YXJ0KDIsICcwJyk7XG5cblx0cmV0dXJuIGxhbmd1YWdlID09PSAnZW4nID8gYCR7bW9udGh9LyR7ZGF5fS8ke3llYXJ9YCA6IGAke2RheX0vJHttb250aH0vJHt5ZWFyfWA7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBzdHJpbmdUb0NhbGVuZGFyRGF0ZSh2YWx1ZTogc3RyaW5nLCBsYW5ndWFnZTogJ2VuJyB8ICdlcycpOiBDYWxlbmRhckRhdGUgfCBudWxsIHtcblx0aWYgKCF2YWx1ZSkgcmV0dXJuIG51bGw7XG5cblx0Y29uc3QgcGFydHMgPSB2YWx1ZS5zcGxpdCgnLycpO1xuXHRpZiAocGFydHMubGVuZ3RoICE9PSAzKSByZXR1cm4gbnVsbDtcblxuXHRjb25zdCB5ZWFyID0gcGFyc2VJbnQocGFydHNbMl0sIDEwKTtcblx0Y29uc3QgZGF5ID0gcGFyc2VJbnQobGFuZ3VhZ2UgPT09ICdlbicgPyBwYXJ0c1sxXSA6IHBhcnRzWzBdLCAxMCk7XG5cdGNvbnN0IG1vbnRoID0gcGFyc2VJbnQobGFuZ3VhZ2UgPT09ICdlbicgPyBwYXJ0c1swXSA6IHBhcnRzWzFdLCAxMCkgLSAxO1xuXG5cdGlmIChpc05hTihkYXkpIHx8IGlzTmFOKG1vbnRoKSB8fCBpc05hTih5ZWFyKSkgcmV0dXJuIG51bGw7XG5cdGlmIChtb250aCA8IDAgfHwgbW9udGggPiAxMSB8fCBkYXkgPCAxKSByZXR1cm4gbnVsbDtcblx0aWYgKHllYXIgPCAxMDAwIHx8IHllYXIgPiA5OTk5KSByZXR1cm4gbnVsbDtcblxuXHRjb25zdCBkYXRlID0gbmV3IERhdGUoeWVhciwgbW9udGgsIGRheSk7XG5cblx0aWYgKGRhdGUuZ2V0RnVsbFllYXIoKSAhPT0geWVhciB8fCBkYXRlLmdldE1vbnRoKCkgIT09IG1vbnRoIHx8IGRhdGUuZ2V0RGF0ZSgpICE9PSBkYXkpIHtcblx0XHRyZXR1cm4gbnVsbDtcblx0fVxuXG5cdHJldHVybiB7ZGF5LCB3ZWVrRGF5OiBkYXRlLmdldERheSgpLCBpbkN1cnJlbnRNb250aDogdHJ1ZSxcblx0XHRtb250aFllYXI6IHsgeWVhciwgbW9udGggfVxuXHR9O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gc3RyaW5nVG9EYXRlKGRhdGVTdHI6IHN0cmluZywgbGFuZ3VhZ2U6ICdlbicgfCAnZXMnKTogRGF0ZSB8IG51bGwge1xuXHRpZiAoIWRhdGVTdHIpIHJldHVybiBudWxsO1xuXG5cdGNvbnN0IHBhcnRzID0gZGF0ZVN0ci5zcGxpdCgnLycpO1xuXHRpZiAocGFydHMubGVuZ3RoICE9PSAzKSByZXR1cm4gbnVsbDtcblxuXHRjb25zdCB5ZWFyID0gTnVtYmVyKHBhcnRzWzJdKTtcblx0Y29uc3QgZGF5ID0gTnVtYmVyKGxhbmd1YWdlID09PSAnZW4nID8gcGFydHNbMV0gOiBwYXJ0c1swXSk7XG5cdGNvbnN0IG1vbnRoID0gTnVtYmVyKGxhbmd1YWdlID09PSAnZW4nID8gcGFydHNbMF0gOiBwYXJ0c1sxXSkgLTE7XG5cblx0cmV0dXJuIG5ldyBEYXRlKHllYXIsIG1vbnRoLCBkYXkpO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gY2FsZW5kYXJEYXRlVG9EYXRlKGNkOiBDYWxlbmRhckRhdGUpOiBEYXRlIHtcblx0aWYoIWNkKSB7IHJldHVybiBudWxsOyB9XG5cdGNvbnN0IHsgZGF5LCBtb250aFllYXIgfSA9IGNkO1xuXHRyZXR1cm4gbmV3IERhdGUobW9udGhZZWFyLnllYXIsIG1vbnRoWWVhci5tb250aCwgZGF5KTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGZvcm1hdERhdGV0aW1lKHZhbHVlOiBzdHJpbmcgfCBzdHJpbmdbXSwgZm9ybWF0TW9udGg6ICdzaG9ydCcgfCAnbG9uZycgPSAnbG9uZycsIGxhbmd1YWdlIDogJ2VuJyB8ICdlcycgPSAnZW4nKTogc3RyaW5nIHtcblx0aWYgKCF2YWx1ZSkgcmV0dXJuICcnO1xuXHRjb25zdCBjYXBpdGFsaXplID0gKHN0cjogc3RyaW5nKSA9PiBzdHIuY2hhckF0KDApLnRvVXBwZXJDYXNlKCkgKyBzdHIuc2xpY2UoMSk7XG5cblx0Ly8gUmFuZ28gZGUgZmVjaGFzIChhcnJheSBjb24gMiBzdHJpbmdzKVxuXHRpZiAoQXJyYXkuaXNBcnJheSh2YWx1ZSkgJiYgdmFsdWUubGVuZ3RoID09PSAyKSB7XG5cdFx0Y29uc3Qgc3RhcnQgPSBuZXcgRGF0ZSh2YWx1ZVswXSk7XG5cdFx0Y29uc3QgZW5kID0gbmV3IERhdGUodmFsdWVbMV0pO1xuXG5cdFx0Y29uc3QgZW5kRGF5ID0gZW5kLmdldERhdGUoKTtcblx0XHRjb25zdCBzdGFydERheSA9IHN0YXJ0LmdldERhdGUoKTtcblx0XHRjb25zdCBlbmRZZWFyID0gZW5kLmdldEZ1bGxZZWFyKCk7XG5cdFx0Y29uc3Qgc3RhcnRZZWFyID0gc3RhcnQuZ2V0RnVsbFllYXIoKTtcblx0XHRjb25zdCBlbmRNb250aCA9IGNhcGl0YWxpemUoZW5kLnRvTG9jYWxlU3RyaW5nKGxhbmd1YWdlLCB7IG1vbnRoOiBmb3JtYXRNb250aCB9KSk7XG5cdFx0Y29uc3Qgc3RhcnRNb250aCA9IGNhcGl0YWxpemUoc3RhcnQudG9Mb2NhbGVTdHJpbmcobGFuZ3VhZ2UsIHsgbW9udGg6IGZvcm1hdE1vbnRoIH0pKTtcblxuXHRcdGlmIChzdGFydFllYXIgPT09IGVuZFllYXIpIHtcblx0XHRcdHJldHVybiBgJHtzdGFydE1vbnRofSAke3N0YXJ0RGF5fSAtICR7ZW5kTW9udGh9ICR7ZW5kRGF5fSwgJHtzdGFydFllYXJ9YDtcblx0XHR9XG5cblx0XHRyZXR1cm4gYCR7c3RhcnRNb250aH0gJHtzdGFydERheX0sICR7c3RhcnRZZWFyfSAtICR7ZW5kTW9udGh9ICR7ZW5kRGF5fSwgJHtlbmRZZWFyfWA7XG5cdH1cblxuXHRpZiAodHlwZW9mIHZhbHVlID09PSAnc3RyaW5nJykge1xuXHRcdGNvbnN0IGRhdGUgPSBuZXcgRGF0ZSh2YWx1ZSk7XG5cdFx0Y29uc3QgbW9udGggPSBjYXBpdGFsaXplKGRhdGUudG9Mb2NhbGVTdHJpbmcobGFuZ3VhZ2UsIHsgbW9udGg6IGZvcm1hdE1vbnRoIH0pKTtcblx0XHRjb25zdCBkYXkgPSBkYXRlLmdldERhdGUoKTtcblx0XHRjb25zdCB5ZWFyID0gZGF0ZS5nZXRGdWxsWWVhcigpO1xuXG5cdFx0cmV0dXJuIGAke21vbnRofSAke2RheX0sICR7eWVhcn1gO1xuXHR9XG5cblx0cmV0dXJuICcnO1xufVxuIl19
|
package/esm2022/lib/components/gravity-detail-container/gravity-detail-container.component.mjs
CHANGED
|
@@ -1,36 +1,71 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, HostListener, Input, Output, ViewChild } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "
|
|
4
|
-
import * as i2 from "
|
|
3
|
+
import * as i1 from "../../services/gravity-responsive.service";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "../gravity-icon-button/gravity-icon-button.component";
|
|
6
|
+
import * as i4 from "../gravity-icon/gravity-icon.component";
|
|
5
7
|
export class GravityDetailContainerComponent {
|
|
6
|
-
constructor() {
|
|
8
|
+
constructor(gravityResponsiveService) {
|
|
9
|
+
this.gravityResponsiveService = gravityResponsiveService;
|
|
7
10
|
this.title = '';
|
|
8
11
|
this.description = '';
|
|
9
12
|
this.type = 'flyout';
|
|
13
|
+
this.language = 'en';
|
|
10
14
|
this.closed = new EventEmitter();
|
|
15
|
+
this.menuEvent = new EventEmitter();
|
|
11
16
|
this.isOpen = false;
|
|
17
|
+
this.resizeObserver = null;
|
|
18
|
+
this.onResize();
|
|
19
|
+
}
|
|
20
|
+
onResize() {
|
|
21
|
+
this.gravityResponsiveService.currentResolutionWidth = window.innerWidth;
|
|
22
|
+
this.checkHasScroll();
|
|
12
23
|
}
|
|
13
24
|
open() {
|
|
14
25
|
this.isOpen = true;
|
|
26
|
+
this.checkHasScroll();
|
|
15
27
|
}
|
|
16
28
|
dismiss() {
|
|
17
29
|
this.isOpen = false;
|
|
18
30
|
this.closed.emit();
|
|
19
31
|
}
|
|
32
|
+
menu() {
|
|
33
|
+
this.menuEvent.emit();
|
|
34
|
+
}
|
|
20
35
|
ngAfterViewInit() {
|
|
21
|
-
const el = this.containerRef
|
|
22
|
-
|
|
36
|
+
const el = this.containerRef?.nativeElement;
|
|
37
|
+
if (!el)
|
|
38
|
+
return;
|
|
39
|
+
const update = () => {
|
|
40
|
+
requestAnimationFrame(() => {
|
|
41
|
+
el.classList.toggle('has-scroll', el.scrollHeight > el.clientHeight);
|
|
42
|
+
});
|
|
43
|
+
};
|
|
44
|
+
this.resizeObserver = new ResizeObserver(update);
|
|
45
|
+
this.resizeObserver.observe(el);
|
|
46
|
+
update();
|
|
47
|
+
}
|
|
48
|
+
checkHasScroll() {
|
|
49
|
+
const el = this.containerRef?.nativeElement;
|
|
50
|
+
if (!el)
|
|
51
|
+
return;
|
|
52
|
+
requestAnimationFrame(() => {
|
|
23
53
|
el.classList.toggle('has-scroll', el.scrollHeight > el.clientHeight);
|
|
24
54
|
});
|
|
25
|
-
observer.observe(el);
|
|
26
55
|
}
|
|
27
|
-
|
|
28
|
-
|
|
56
|
+
ngOnDestroy() {
|
|
57
|
+
if (this.resizeObserver) {
|
|
58
|
+
this.resizeObserver.disconnect();
|
|
59
|
+
this.resizeObserver = null;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDetailContainerComponent, deps: [{ token: i1.GravityResponsiveService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
63
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDetailContainerComponent, selector: "gravity-detail-container", inputs: { title: "title", description: "description", mode: "mode", type: "type", optionalHeight: "optionalHeight", language: "language" }, outputs: { closed: "closed", menuEvent: "menuEvent" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }], ngImport: i0, template: "<div class=\"detail-container-backdrop\" *ngIf=\"type === 'flyout' && mode === 'modal' && !gravityResponsiveService.isMobile()\"\n [class.open]=\"isOpen\" (click)=\"dismiss()\"></div>\n\n<div class=\"detail-container-content {{mode}} {{gravityResponsiveService.isMobile() ? 'mobile' : type}}\"\n [ngClass]=\"isOpen ? 'show' : 'dismiss'\" [style.height]=\"optionalHeight\">\n <div class=\"detail-header\">\n <div class=\"back-button\" (click)=\"dismiss()\" *ngIf=\"gravityResponsiveService.isMobile()\">\n <gravity-icon [iconName]=\"'arrow-left'\" [iconSize]=\"'sm-12'\"\n [style.--icon-color]=\"'var(--back-button-color)'\"></gravity-icon>\n <span class=\"hr-label md-regular\">{{ language === 'en' ? 'Back' : 'Atr\u00E1s' }}</span>\n </div>\n <p [ngClass]=\"gravityResponsiveService.isMobile() ? 'hr-body md-bold': type === 'flyout' ? 'hr-title md-bold' : 'hr-body lg-bold'\">{{ title }}</p>\n <gravity-icon-button *ngIf=\"!gravityResponsiveService.isMobile()\" [icon]=\"'unsuccess'\" [size]=\"'sm'\"\n (click)=\"dismiss()\"\n [supportText]=\"'Close'\"></gravity-icon-button>\n <gravity-icon class=\"menu-button\" *ngIf=\"gravityResponsiveService.isMobile()\" [style.--icon-color]=\"'var(--back-button-color)'\"\n [iconSize]=\"'lg-24'\" [iconName]=\"'menu'\" (click)=\"menu()\"/>\n </div>\n\n <div class=\"overflow-container\" #containerRef>\n <p *ngIf=\"description != '' && type === 'flyout'\"\n class=\"hr-body sm-regular detail-description\"> {{ description }}</p>\n\n <div class=\"detail-body\">\n <ng-content select=\"[detail-body]\"></ng-content>\n </div>\n </div>\n\n <div class=\"detail-actions\" *ngIf=\"type === 'flyout'\">\n <ng-content select=\"[detail-actions]\"></ng-content>\n </div>\n</div>\n", styles: [".scrollbar-sm::-webkit-scrollbar{width:4px;height:4px}.scrollbar-sm::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.scrollbar-md::-webkit-scrollbar,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar{width:8px;height:8px}.scrollbar-md::-webkit-scrollbar-track,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb:hover,.detail-container-content .overflow-container.has-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.detail-container-backdrop{width:100%;height:100%;right:0;top:0;display:none;position:fixed;z-index:999;opacity:var(--backdrop-opacity);background-color:var(--backdrop-primary)}.detail-container-backdrop.open{display:block}.detail-container-content{display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);background-color:var(--surface-secondary);transition:transform .3s ease-in-out,opacity .3s ease-in-out;inset:0 0 0 auto}.detail-container-content.flyout{width:480px;height:100%;padding:var(--gravity-spacing-lg) 0 var(--gravity-spacing-xl);gap:8px;border-left:2px solid var(--surface-primary)}.detail-container-content.flyout.standard{position:relative}.detail-container-content.flyout .overflow-container.has-scroll .detail-description,.detail-container-content.flyout .overflow-container.has-scroll .detail-body{padding:var(--gravity-spacing-xs) 8px var(--gravity-spacing-xs) var(--gravity-spacing-md)!important}.detail-container-content.flyout .detail-header{padding:0 var(--gravity-spacing-md)}.detail-container-content.flyout .detail-description,.detail-container-content.flyout .detail-body{width:100%;padding:var(--gravity-spacing-xs) var(--gravity-spacing-sm) var(--gravity-spacing-xs) var(--gravity-spacing-md)}.detail-container-content.detail-view{width:300px;height:637px;max-height:637px;padding:var(--gravity-spacing-sm) 0;gap:16px;border:2px solid var(--surface-primary);margin-left:8px;border-radius:4.797px}.detail-container-content.detail-view.show{position:relative}.detail-container-content.detail-view .overflow-container.has-scroll .detail-body{padding:0 0 0 var(--gravity-spacing-sm)!important}.detail-container-content.detail-view .detail-header{padding:0 var(--gravity-spacing-sm)}.detail-container-content.detail-view .detail-body{padding:0 8px 0 var(--gravity-spacing-sm)}.detail-container-content.mobile{position:absolute;width:100%;gap:8px;padding-bottom:var(--gravity-spacing-lg)}.detail-container-content.mobile .detail-header{padding:var(--gravity-spacing-sm)}.detail-container-content.mobile .overflow-container{display:flex;flex-direction:column;padding:0 var(--gravity-spacing-md);gap:8px}.detail-container-content.mobile .overflow-container.has-scroll{padding:0 var(--gravity-spacing-xs) 0 var(--gravity-spacing-md)!important}.detail-container-content.mobile .overflow-container.has-scroll:not(:hover){scrollbar-width:none;padding-right:16px!important}.detail-container-content.show{transform:translate(0);opacity:1}.detail-container-content.dismiss{transform:translate(100%);opacity:0;animation:setFixed 1s forwards}@keyframes setFixed{to{position:fixed}}.detail-container-content .detail-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.detail-container-content .detail-header .back-button{display:flex;align-items:center;gap:4px;padding:var(--gravity-spacing-xs) 6px;color:var(--back-button-color);--back-button-color: var(--bg-button-active-primary)}.detail-container-content .detail-header .back-button:hover{border-radius:2px;color:var(--back-button-color);background:var(--surface-primary);--back-button-color: var(--on-bg-back-button-hover-primary)}.detail-container-content .detail-header .back-button.pressed{background:none;color:var(--back-button-color);--back-button-color: var(--back-button-pressed-primary)}.detail-container-content .detail-header .menu-button{--back-button-color: var(--bg-button-active-primary)}.detail-container-content .overflow-container{flex:1;overflow-y:auto;margin-right:8px;width:calc(100% - 8px)}.detail-container-content .overflow-container.has-scroll:not(:hover){scrollbar-width:none;padding-right:8px!important}.detail-container-content .detail-actions{width:100%}.detail-container-content .detail-actions::ng-deep div{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:var(--gravity-spacing-md) var(--gravity-spacing-md) 0;gap:var(--gravity-spacing-sm);border-top:2px solid var(--surface-primary)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.GravityIconButtonComponent, selector: "gravity-icon-button", inputs: ["cypressTag", "icon", "supportText", "variant", "size", "type", "state", "badge"], outputs: ["clickOnIcon"] }, { kind: "component", type: i4.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
29
64
|
}
|
|
30
65
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDetailContainerComponent, decorators: [{
|
|
31
66
|
type: Component,
|
|
32
|
-
args: [{ selector: 'gravity-detail-container', template: "<div class=\"detail-container-backdrop\" *ngIf=\"type === 'flyout' && mode === 'modal'\"
|
|
33
|
-
}], propDecorators: { title: [{
|
|
67
|
+
args: [{ selector: 'gravity-detail-container', template: "<div class=\"detail-container-backdrop\" *ngIf=\"type === 'flyout' && mode === 'modal' && !gravityResponsiveService.isMobile()\"\n [class.open]=\"isOpen\" (click)=\"dismiss()\"></div>\n\n<div class=\"detail-container-content {{mode}} {{gravityResponsiveService.isMobile() ? 'mobile' : type}}\"\n [ngClass]=\"isOpen ? 'show' : 'dismiss'\" [style.height]=\"optionalHeight\">\n <div class=\"detail-header\">\n <div class=\"back-button\" (click)=\"dismiss()\" *ngIf=\"gravityResponsiveService.isMobile()\">\n <gravity-icon [iconName]=\"'arrow-left'\" [iconSize]=\"'sm-12'\"\n [style.--icon-color]=\"'var(--back-button-color)'\"></gravity-icon>\n <span class=\"hr-label md-regular\">{{ language === 'en' ? 'Back' : 'Atr\u00E1s' }}</span>\n </div>\n <p [ngClass]=\"gravityResponsiveService.isMobile() ? 'hr-body md-bold': type === 'flyout' ? 'hr-title md-bold' : 'hr-body lg-bold'\">{{ title }}</p>\n <gravity-icon-button *ngIf=\"!gravityResponsiveService.isMobile()\" [icon]=\"'unsuccess'\" [size]=\"'sm'\"\n (click)=\"dismiss()\"\n [supportText]=\"'Close'\"></gravity-icon-button>\n <gravity-icon class=\"menu-button\" *ngIf=\"gravityResponsiveService.isMobile()\" [style.--icon-color]=\"'var(--back-button-color)'\"\n [iconSize]=\"'lg-24'\" [iconName]=\"'menu'\" (click)=\"menu()\"/>\n </div>\n\n <div class=\"overflow-container\" #containerRef>\n <p *ngIf=\"description != '' && type === 'flyout'\"\n class=\"hr-body sm-regular detail-description\"> {{ description }}</p>\n\n <div class=\"detail-body\">\n <ng-content select=\"[detail-body]\"></ng-content>\n </div>\n </div>\n\n <div class=\"detail-actions\" *ngIf=\"type === 'flyout'\">\n <ng-content select=\"[detail-actions]\"></ng-content>\n </div>\n</div>\n", styles: [".scrollbar-sm::-webkit-scrollbar{width:4px;height:4px}.scrollbar-sm::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-sm::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.scrollbar-md::-webkit-scrollbar,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar{width:8px;height:8px}.scrollbar-md::-webkit-scrollbar-track,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar-track{background-color:var(--surface-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb,.detail-container-content .overflow-container.has-scroll:hover::-webkit-scrollbar-thumb{background-color:var(--placeholder-empty-enabled-primary);border-radius:5px}.scrollbar-md::-webkit-scrollbar-thumb:hover,.detail-container-content .overflow-container.has-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--line-empty-enabled-primary)}.detail-container-backdrop{width:100%;height:100%;right:0;top:0;display:none;position:fixed;z-index:999;opacity:var(--backdrop-opacity);background-color:var(--backdrop-primary)}.detail-container-backdrop.open{display:block}.detail-container-content{display:flex;flex-direction:column;align-items:flex-start;color:var(--text-primary);background-color:var(--surface-secondary);transition:transform .3s ease-in-out,opacity .3s ease-in-out;inset:0 0 0 auto}.detail-container-content.flyout{width:480px;height:100%;padding:var(--gravity-spacing-lg) 0 var(--gravity-spacing-xl);gap:8px;border-left:2px solid var(--surface-primary)}.detail-container-content.flyout.standard{position:relative}.detail-container-content.flyout .overflow-container.has-scroll .detail-description,.detail-container-content.flyout .overflow-container.has-scroll .detail-body{padding:var(--gravity-spacing-xs) 8px var(--gravity-spacing-xs) var(--gravity-spacing-md)!important}.detail-container-content.flyout .detail-header{padding:0 var(--gravity-spacing-md)}.detail-container-content.flyout .detail-description,.detail-container-content.flyout .detail-body{width:100%;padding:var(--gravity-spacing-xs) var(--gravity-spacing-sm) var(--gravity-spacing-xs) var(--gravity-spacing-md)}.detail-container-content.detail-view{width:300px;height:637px;max-height:637px;padding:var(--gravity-spacing-sm) 0;gap:16px;border:2px solid var(--surface-primary);margin-left:8px;border-radius:4.797px}.detail-container-content.detail-view.show{position:relative}.detail-container-content.detail-view .overflow-container.has-scroll .detail-body{padding:0 0 0 var(--gravity-spacing-sm)!important}.detail-container-content.detail-view .detail-header{padding:0 var(--gravity-spacing-sm)}.detail-container-content.detail-view .detail-body{padding:0 8px 0 var(--gravity-spacing-sm)}.detail-container-content.mobile{position:absolute;width:100%;gap:8px;padding-bottom:var(--gravity-spacing-lg)}.detail-container-content.mobile .detail-header{padding:var(--gravity-spacing-sm)}.detail-container-content.mobile .overflow-container{display:flex;flex-direction:column;padding:0 var(--gravity-spacing-md);gap:8px}.detail-container-content.mobile .overflow-container.has-scroll{padding:0 var(--gravity-spacing-xs) 0 var(--gravity-spacing-md)!important}.detail-container-content.mobile .overflow-container.has-scroll:not(:hover){scrollbar-width:none;padding-right:16px!important}.detail-container-content.show{transform:translate(0);opacity:1}.detail-container-content.dismiss{transform:translate(100%);opacity:0;animation:setFixed 1s forwards}@keyframes setFixed{to{position:fixed}}.detail-container-content .detail-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.detail-container-content .detail-header .back-button{display:flex;align-items:center;gap:4px;padding:var(--gravity-spacing-xs) 6px;color:var(--back-button-color);--back-button-color: var(--bg-button-active-primary)}.detail-container-content .detail-header .back-button:hover{border-radius:2px;color:var(--back-button-color);background:var(--surface-primary);--back-button-color: var(--on-bg-back-button-hover-primary)}.detail-container-content .detail-header .back-button.pressed{background:none;color:var(--back-button-color);--back-button-color: var(--back-button-pressed-primary)}.detail-container-content .detail-header .menu-button{--back-button-color: var(--bg-button-active-primary)}.detail-container-content .overflow-container{flex:1;overflow-y:auto;margin-right:8px;width:calc(100% - 8px)}.detail-container-content .overflow-container.has-scroll:not(:hover){scrollbar-width:none;padding-right:8px!important}.detail-container-content .detail-actions{width:100%}.detail-container-content .detail-actions::ng-deep div{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:var(--gravity-spacing-md) var(--gravity-spacing-md) 0;gap:var(--gravity-spacing-sm);border-top:2px solid var(--surface-primary)}\n"] }]
|
|
68
|
+
}], ctorParameters: function () { return [{ type: i1.GravityResponsiveService }]; }, propDecorators: { title: [{
|
|
34
69
|
type: Input
|
|
35
70
|
}], description: [{
|
|
36
71
|
type: Input
|
|
@@ -40,10 +75,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
40
75
|
type: Input
|
|
41
76
|
}], optionalHeight: [{
|
|
42
77
|
type: Input
|
|
78
|
+
}], language: [{
|
|
79
|
+
type: Input
|
|
43
80
|
}], closed: [{
|
|
44
81
|
type: Output
|
|
82
|
+
}], menuEvent: [{
|
|
83
|
+
type: Output
|
|
45
84
|
}], containerRef: [{
|
|
46
85
|
type: ViewChild,
|
|
47
86
|
args: ['containerRef']
|
|
87
|
+
}], onResize: [{
|
|
88
|
+
type: HostListener,
|
|
89
|
+
args: ['window:resize', ['$event']]
|
|
48
90
|
}] } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1kZXRhaWwtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1kZXRhaWwtY29udGFpbmVyL2dyYXZpdHktZGV0YWlsLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZGV0YWlsLWNvbnRhaW5lci9ncmF2aXR5LWRldGFpbC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNWLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRdkIsTUFBTSxPQUFPLCtCQUErQjtJQWdCMUMsWUFBNEIsd0JBQWtEO1FBQWxELDZCQUF3QixHQUF4Qix3QkFBd0IsQ0FBMEI7UUFmckUsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUV6QixTQUFJLEdBQTZCLFFBQVEsQ0FBQztRQUVuQyxhQUFRLEdBQWdCLElBQUksQ0FBQztRQUVuQyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNsQyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUl4QyxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2QsbUJBQWMsR0FBMEIsSUFBSSxDQUFDO1FBR25ELElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBR08sUUFBUTtRQUNkLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxzQkFBc0IsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO1FBQ3pFLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRU0sSUFBSTtRQUNULElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ25CLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRU0sT0FBTztRQUNaLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVNLElBQUk7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxlQUFlO1FBQ2IsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxhQUFhLENBQUM7UUFDNUMsSUFBSSxDQUFDLEVBQUU7WUFBRSxPQUFPO1FBRWhCLE1BQU0sTUFBTSxHQUFHLEdBQUcsRUFBRTtZQUNsQixxQkFBcUIsQ0FBQyxHQUFHLEVBQUU7Z0JBQ3pCLEVBQUUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFlBQVksRUFBRSxFQUFFLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUN2RSxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQztRQUVGLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxjQUFjLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDakQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFaEMsTUFBTSxFQUFFLENBQUM7SUFDWCxDQUFDO0lBRU8sY0FBYztRQUNwQixNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQztRQUM1QyxJQUFJLENBQUMsRUFBRTtZQUFFLE9BQU87UUFDaEIscUJBQXFCLENBQUMsR0FBRyxFQUFFO1lBQ3pCLEVBQUUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFlBQVksRUFBRSxFQUFFLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUN2RSxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDakMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7U0FDNUI7SUFDSCxDQUFDOytHQXJFVSwrQkFBK0I7bUdBQS9CLCtCQUErQiwrYUNqQjVDLGswREFnQ0E7OzRGRGZhLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSwwQkFBMEI7K0dBSzNCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUVJLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUVvQixZQUFZO3NCQUF0QyxTQUFTO3VCQUFDLGNBQWM7Z0JBVWpCLFFBQVE7c0JBRGYsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCwgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7R3Jhdml0eVJlc3BvbnNpdmVTZXJ2aWNlfSBmcm9tIFwiLi4vLi4vc2VydmljZXMvZ3Jhdml0eS1yZXNwb25zaXZlLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1kZXRhaWwtY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktZGV0YWlsLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktZGV0YWlsLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlEZXRhaWxDb250YWluZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3l7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBtb2RlOiAnbW9kYWwnIHwgJ3N0YW5kYXJkJztcbiAgQElucHV0KCkgdHlwZTogJ2ZseW91dCcgfCAnZGV0YWlsLXZpZXcnID0gJ2ZseW91dCc7XG4gIEBJbnB1dCgpIG9wdGlvbmFsSGVpZ2h0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBsYW5ndWFnZTogJ2VuJyB8ICdlcycgPSAnZW4nO1xuXG4gIEBPdXRwdXQoKSBjbG9zZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBtZW51RXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgQFZpZXdDaGlsZCgnY29udGFpbmVyUmVmJykgY29udGFpbmVyUmVmOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcblxuICBwdWJsaWMgaXNPcGVuID0gZmFsc2U7XG4gIHByaXZhdGUgcmVzaXplT2JzZXJ2ZXI6IFJlc2l6ZU9ic2VydmVyIHwgbnVsbCA9IG51bGw7XG5cbiAgY29uc3RydWN0b3IocHVibGljIHJlYWRvbmx5IGdyYXZpdHlSZXNwb25zaXZlU2VydmljZTogR3Jhdml0eVJlc3BvbnNpdmVTZXJ2aWNlKSB7XG4gICAgdGhpcy5vblJlc2l6ZSgpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgb25SZXNpemUoKTogdm9pZCB7XG4gICAgdGhpcy5ncmF2aXR5UmVzcG9uc2l2ZVNlcnZpY2UuY3VycmVudFJlc29sdXRpb25XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xuICAgIHRoaXMuY2hlY2tIYXNTY3JvbGwoKTtcbiAgfVxuXG4gIHB1YmxpYyBvcGVuKCk6IHZvaWQge1xuICAgIHRoaXMuaXNPcGVuID0gdHJ1ZTtcbiAgICB0aGlzLmNoZWNrSGFzU2Nyb2xsKCk7XG4gIH1cblxuICBwdWJsaWMgZGlzbWlzcygpOiB2b2lkIHtcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICAgIHRoaXMuY2xvc2VkLmVtaXQoKTtcbiAgfVxuXG4gIHB1YmxpYyBtZW51KCk6IHZvaWQge1xuICAgIHRoaXMubWVudUV2ZW50LmVtaXQoKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBjb25zdCBlbCA9IHRoaXMuY29udGFpbmVyUmVmPy5uYXRpdmVFbGVtZW50O1xuICAgIGlmICghZWwpIHJldHVybjtcblxuICAgIGNvbnN0IHVwZGF0ZSA9ICgpID0+IHtcbiAgICAgIHJlcXVlc3RBbmltYXRpb25GcmFtZSgoKSA9PiB7XG4gICAgICAgIGVsLmNsYXNzTGlzdC50b2dnbGUoJ2hhcy1zY3JvbGwnLCBlbC5zY3JvbGxIZWlnaHQgPiBlbC5jbGllbnRIZWlnaHQpO1xuICAgICAgfSk7XG4gICAgfTtcblxuICAgIHRoaXMucmVzaXplT2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIodXBkYXRlKTtcbiAgICB0aGlzLnJlc2l6ZU9ic2VydmVyLm9ic2VydmUoZWwpO1xuXG4gICAgdXBkYXRlKCk7XG4gIH1cblxuICBwcml2YXRlIGNoZWNrSGFzU2Nyb2xsKCk6IHZvaWQge1xuICAgIGNvbnN0IGVsID0gdGhpcy5jb250YWluZXJSZWY/Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgaWYgKCFlbCkgcmV0dXJuO1xuICAgIHJlcXVlc3RBbmltYXRpb25GcmFtZSgoKSA9PiB7XG4gICAgICBlbC5jbGFzc0xpc3QudG9nZ2xlKCdoYXMtc2Nyb2xsJywgZWwuc2Nyb2xsSGVpZ2h0ID4gZWwuY2xpZW50SGVpZ2h0KTtcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnJlc2l6ZU9ic2VydmVyKSB7XG4gICAgICB0aGlzLnJlc2l6ZU9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgICAgIHRoaXMucmVzaXplT2JzZXJ2ZXIgPSBudWxsO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImRldGFpbC1jb250YWluZXItYmFja2Ryb3BcIiAqbmdJZj1cInR5cGUgPT09ICdmbHlvdXQnICYmIG1vZGUgPT09ICdtb2RhbCcgJiYgIWdyYXZpdHlSZXNwb25zaXZlU2VydmljZS5pc01vYmlsZSgpXCJcbiAgICAgW2NsYXNzLm9wZW5dPVwiaXNPcGVuXCIgKGNsaWNrKT1cImRpc21pc3MoKVwiPjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwiZGV0YWlsLWNvbnRhaW5lci1jb250ZW50IHt7bW9kZX19IHt7Z3Jhdml0eVJlc3BvbnNpdmVTZXJ2aWNlLmlzTW9iaWxlKCkgPyAnbW9iaWxlJyA6IHR5cGV9fVwiXG4gICAgIFtuZ0NsYXNzXT1cImlzT3BlbiA/ICdzaG93JyA6ICdkaXNtaXNzJ1wiIFtzdHlsZS5oZWlnaHRdPVwib3B0aW9uYWxIZWlnaHRcIj5cbiAgPGRpdiBjbGFzcz1cImRldGFpbC1oZWFkZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYmFjay1idXR0b25cIiAoY2xpY2spPVwiZGlzbWlzcygpXCIgKm5nSWY9XCJncmF2aXR5UmVzcG9uc2l2ZVNlcnZpY2UuaXNNb2JpbGUoKVwiPlxuICAgICAgPGdyYXZpdHktaWNvbiBbaWNvbk5hbWVdPVwiJ2Fycm93LWxlZnQnXCIgW2ljb25TaXplXT1cIidzbS0xMidcIlxuICAgICAgICAgICAgICAgICAgICBbc3R5bGUuLS1pY29uLWNvbG9yXT1cIid2YXIoLS1iYWNrLWJ1dHRvbi1jb2xvciknXCI+PC9ncmF2aXR5LWljb24+XG4gICAgICA8c3BhbiBjbGFzcz1cImhyLWxhYmVsIG1kLXJlZ3VsYXJcIj57eyBsYW5ndWFnZSA9PT0gJ2VuJyA/ICdCYWNrJyA6ICdBdHLDoXMnIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxwIFtuZ0NsYXNzXT1cImdyYXZpdHlSZXNwb25zaXZlU2VydmljZS5pc01vYmlsZSgpID8gJ2hyLWJvZHkgbWQtYm9sZCc6IHR5cGUgPT09ICdmbHlvdXQnID8gJ2hyLXRpdGxlIG1kLWJvbGQnIDogJ2hyLWJvZHkgbGctYm9sZCdcIj57eyB0aXRsZSB9fTwvcD5cbiAgICA8Z3Jhdml0eS1pY29uLWJ1dHRvbiAqbmdJZj1cIiFncmF2aXR5UmVzcG9uc2l2ZVNlcnZpY2UuaXNNb2JpbGUoKVwiIFtpY29uXT1cIid1bnN1Y2Nlc3MnXCIgW3NpemVdPVwiJ3NtJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImRpc21pc3MoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgW3N1cHBvcnRUZXh0XT1cIidDbG9zZSdcIj48L2dyYXZpdHktaWNvbi1idXR0b24+XG4gICAgPGdyYXZpdHktaWNvbiBjbGFzcz1cIm1lbnUtYnV0dG9uXCIgKm5nSWY9XCJncmF2aXR5UmVzcG9uc2l2ZVNlcnZpY2UuaXNNb2JpbGUoKVwiIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLWJhY2stYnV0dG9uLWNvbG9yKSdcIlxuICAgICAgICAgICAgICAgICAgW2ljb25TaXplXT1cIidsZy0yNCdcIiBbaWNvbk5hbWVdPVwiJ21lbnUnXCIgKGNsaWNrKT1cIm1lbnUoKVwiLz5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cIm92ZXJmbG93LWNvbnRhaW5lclwiICNjb250YWluZXJSZWY+XG4gICAgPHAgKm5nSWY9XCJkZXNjcmlwdGlvbiAhPSAnJyAmJiB0eXBlID09PSAnZmx5b3V0J1wiXG4gICAgICAgY2xhc3M9XCJoci1ib2R5IHNtLXJlZ3VsYXIgZGV0YWlsLWRlc2NyaXB0aW9uXCI+IHt7IGRlc2NyaXB0aW9uIH19PC9wPlxuXG4gICAgPGRpdiBjbGFzcz1cImRldGFpbC1ib2R5XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZGV0YWlsLWJvZHldXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwiZGV0YWlsLWFjdGlvbnNcIiAqbmdJZj1cInR5cGUgPT09ICdmbHlvdXQnXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RldGFpbC1hY3Rpb25zXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -42,11 +42,11 @@ export class GravityDropdownLabelComponent {
|
|
|
42
42
|
return { newIconsSize, oldIconsSize };
|
|
43
43
|
}
|
|
44
44
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDropdownLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDropdownLabelComponent, selector: "gravity-dropdown-label", inputs: { label: "label", fontClass: "fontClass", isOpen: "isOpen", stopPropagation: "stopPropagation", size: "size", state: "state" }, outputs: { onClickLabel: "onClickLabel" }, ngImport: i0, template: "<div class=\"gravity-dropdown-label {{state}}\" [class.open]=\"isOpen\" (click)=\"onClick($event)\">\n <p [ngClass]=\"fontClass && fontClass !== '' ? fontClass : getLabelClass()\">{{label}}</p>\n <gravity-icon [style.--icon-color]=\"'var(--label-icon-color)'\"\n [iconName]=\"isOpen ? 'arrow-up' : 'arrow-down'\" [size]=\"getIconSize().newIconsSize\"\n [iconSize]=\"getIconSize().oldIconsSize\">\n </gravity-icon>\n</div>", styles: [".gravity-dropdown-label{display:flex;align-items:center;color:var(--label-color);gap:var(--gravity-spacing-xs);--label-color: var(--text-primary);--label-icon-color: var(--icon-active-primary)}.gravity-dropdown-label.open{--label-
|
|
45
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDropdownLabelComponent, selector: "gravity-dropdown-label", inputs: { label: "label", fontClass: "fontClass", isOpen: "isOpen", stopPropagation: "stopPropagation", size: "size", state: "state" }, outputs: { onClickLabel: "onClickLabel" }, ngImport: i0, template: "<div class=\"gravity-dropdown-label {{state}}\" [class.open]=\"isOpen\" (click)=\"onClick($event)\">\n <p [ngClass]=\"fontClass && fontClass !== '' ? fontClass : getLabelClass()\">{{label}}</p>\n <gravity-icon *ngIf=\"state === 'active'\" [style.--icon-color]=\"'var(--label-icon-color)'\"\n [iconName]=\"isOpen ? 'arrow-up' : 'arrow-down'\" [size]=\"getIconSize().newIconsSize\"\n [iconSize]=\"getIconSize().oldIconsSize\">\n </gravity-icon>\n</div>", styles: [".gravity-dropdown-label{display:flex;align-items:center;color:var(--label-color);gap:var(--gravity-spacing-xs);--label-color: var(--text-primary);--label-icon-color: var(--icon-active-primary)}.gravity-dropdown-label.open,.gravity-dropdown-label.inactive{--label-color: var(--on-bg-button-pressed-tertiary);--label-icon-color: var(--on-bg-button-pressed-tertiary)}.gravity-dropdown-label:not(.inactive):hover{cursor:pointer;--label-icon-color: var(--icon-hover-primary);--label-color: var(--on-bg-button-hover-tertiary)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
46
46
|
}
|
|
47
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDropdownLabelComponent, decorators: [{
|
|
48
48
|
type: Component,
|
|
49
|
-
args: [{ selector: 'gravity-dropdown-label', template: "<div class=\"gravity-dropdown-label {{state}}\" [class.open]=\"isOpen\" (click)=\"onClick($event)\">\n <p [ngClass]=\"fontClass && fontClass !== '' ? fontClass : getLabelClass()\">{{label}}</p>\n <gravity-icon [style.--icon-color]=\"'var(--label-icon-color)'\"\n [iconName]=\"isOpen ? 'arrow-up' : 'arrow-down'\" [size]=\"getIconSize().newIconsSize\"\n [iconSize]=\"getIconSize().oldIconsSize\">\n </gravity-icon>\n</div>", styles: [".gravity-dropdown-label{display:flex;align-items:center;color:var(--label-color);gap:var(--gravity-spacing-xs);--label-color: var(--text-primary);--label-icon-color: var(--icon-active-primary)}.gravity-dropdown-label.open{--label-
|
|
49
|
+
args: [{ selector: 'gravity-dropdown-label', template: "<div class=\"gravity-dropdown-label {{state}}\" [class.open]=\"isOpen\" (click)=\"onClick($event)\">\n <p [ngClass]=\"fontClass && fontClass !== '' ? fontClass : getLabelClass()\">{{label}}</p>\n <gravity-icon *ngIf=\"state === 'active'\" [style.--icon-color]=\"'var(--label-icon-color)'\"\n [iconName]=\"isOpen ? 'arrow-up' : 'arrow-down'\" [size]=\"getIconSize().newIconsSize\"\n [iconSize]=\"getIconSize().oldIconsSize\">\n </gravity-icon>\n</div>", styles: [".gravity-dropdown-label{display:flex;align-items:center;color:var(--label-color);gap:var(--gravity-spacing-xs);--label-color: var(--text-primary);--label-icon-color: var(--icon-active-primary)}.gravity-dropdown-label.open,.gravity-dropdown-label.inactive{--label-color: var(--on-bg-button-pressed-tertiary);--label-icon-color: var(--on-bg-button-pressed-tertiary)}.gravity-dropdown-label:not(.inactive):hover{cursor:pointer;--label-icon-color: var(--icon-hover-primary);--label-color: var(--on-bg-button-hover-tertiary)}\n"] }]
|
|
50
50
|
}], propDecorators: { label: [{
|
|
51
51
|
type: Input
|
|
52
52
|
}], fontClass: [{
|
|
@@ -62,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
62
62
|
}], onClickLabel: [{
|
|
63
63
|
type: Output
|
|
64
64
|
}] } });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1kcm9wZG93bi1sYWJlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZHJvcGRvd24tbGFiZWwvZ3Jhdml0eS1kcm9wZG93bi1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZHJvcGRvd24tbGFiZWwvZ3Jhdml0eS1kcm9wZG93bi1sYWJlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBT3JFLE1BQU0sT0FBTyw2QkFBNkI7SUFMMUM7UUFTa0IsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUN4QixvQkFBZSxHQUFZLElBQUksQ0FBQztRQUNoQyxTQUFJLEdBQXVCLElBQUksQ0FBQztRQUNoQyxVQUFLLEdBQTBCLFFBQVEsQ0FBQztRQUV2QyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FnQzFEO0lBOUJRLGFBQWE7UUFDbEIsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2pCLEtBQUssSUFBSSxDQUFDLENBQUMsT0FBTyxrQkFBa0IsQ0FBQztZQUNyQyxLQUFLLElBQUksQ0FBQyxDQUFDLE9BQU8scUJBQXFCLENBQUM7WUFDeEMsS0FBSyxJQUFJLENBQUMsQ0FBQyxPQUFPLHFCQUFxQixDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQUVNLE9BQU8sQ0FBQyxLQUFpQjtRQUM5QixJQUFHLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFBQyxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7U0FBQztRQUNuRCxJQUFHLElBQUksQ0FBQyxLQUFLLEtBQUssVUFBVSxFQUFFO1lBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUFDO0lBQzNELENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksWUFBZ0MsQ0FBQztRQUNyQyxJQUFJLFlBQW1ELENBQUM7UUFDeEQsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2pCLEtBQUssSUFBSSxDQUFDO1lBQ1YsS0FBSyxJQUFJO2dCQUNQLFlBQVksR0FBRyxJQUFJLENBQUM7Z0JBQ3BCLFlBQVksR0FBRyxPQUFPLENBQUM7Z0JBQ3ZCLE1BQU07WUFDUixLQUFLLElBQUk7Z0JBQ1AsWUFBWSxHQUFHLElBQUksQ0FBQztnQkFDcEIsWUFBWSxHQUFHLE9BQU8sQ0FBQztnQkFDdkIsTUFBTTtTQUNUO1FBQ0QsT0FBTyxFQUFDLFlBQVksRUFBRSxZQUFZLEVBQUMsQ0FBQztJQUN0QyxDQUFDOytHQXZDVSw2QkFBNkI7bUdBQTdCLDZCQUE2QixpUENQMUMsK2VBTU07OzRGRENPLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSx3QkFBd0I7OEJBTWxCLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxNQUFNO3NCQUFyQixLQUFLO2dCQUNVLGVBQWU7c0JBQTlCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUVXLFlBQVk7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1kcm9wZG93bi1sYWJlbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWRyb3Bkb3duLWxhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1kcm9wZG93bi1sYWJlbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlEcm9wZG93bkxhYmVsQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSBwdWJsaWMgbGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGZvbnRDbGFzczogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaXNPcGVuOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdG9wUHJvcGFnYXRpb246IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnID0gJ3NtJztcbiAgQElucHV0KCkgcHVibGljIHN0YXRlOiAnYWN0aXZlJyB8ICdpbmFjdGl2ZScgPSAnYWN0aXZlJztcblxuICBAT3V0cHV0KCkgcHVibGljIG9uQ2xpY2tMYWJlbCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBwdWJsaWMgZ2V0TGFiZWxDbGFzcygpIHtcbiAgICBzd2l0Y2ggKHRoaXMuc2l6ZSkge1xuICAgICAgY2FzZSBcInNtXCI6IHJldHVybiAnaHItdGl0bGUgbWQtYm9sZCc7XG4gICAgICBjYXNlIFwibWRcIjogcmV0dXJuICdoci1oZWFkbGluZSBzbS1ib2xkJztcbiAgICAgIGNhc2UgXCJsZ1wiOiByZXR1cm4gJ2hyLWhlYWRsaW5lIG1kLWJvbGQnO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvbkNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgaWYodGhpcy5zdG9wUHJvcGFnYXRpb24pIHtldmVudC5zdG9wUHJvcGFnYXRpb24oKTt9XG4gICAgaWYodGhpcy5zdGF0ZSAhPT0gJ2luYWN0aXZlJykge3RoaXMub25DbGlja0xhYmVsLmVtaXQoKTt9XG4gIH1cblxuICBwdWJsaWMgZ2V0SWNvblNpemUoKSB7XG4gICAgbGV0IG5ld0ljb25zU2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnO1xuICAgIGxldCBvbGRJY29uc1NpemU6ICdzbS0xMicgfCAnbWQtMTYnIHwgJ2xnLTI0JyB8ICd4bC0zMic7XG4gICAgc3dpdGNoICh0aGlzLnNpemUpIHtcbiAgICAgIGNhc2UgXCJsZ1wiOlxuICAgICAgY2FzZSBcIm1kXCI6XG4gICAgICAgIG5ld0ljb25zU2l6ZSA9ICdsZyc7XG4gICAgICAgIG9sZEljb25zU2l6ZSA9ICdsZy0yNCc7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBcInNtXCI6XG4gICAgICAgIG5ld0ljb25zU2l6ZSA9ICdtZCc7XG4gICAgICAgIG9sZEljb25zU2l6ZSA9ICdtZC0xNic7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgICByZXR1cm4ge25ld0ljb25zU2l6ZSwgb2xkSWNvbnNTaXplfTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3Jhdml0eS1kcm9wZG93bi1sYWJlbCB7e3N0YXRlfX1cIiBbY2xhc3Mub3Blbl09XCJpc09wZW5cIiAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCI+XG4gICAgPHAgW25nQ2xhc3NdPVwiZm9udENsYXNzICYmIGZvbnRDbGFzcyAhPT0gJycgPyBmb250Q2xhc3MgOiBnZXRMYWJlbENsYXNzKClcIj57e2xhYmVsfX08L3A+XG4gICAgPGdyYXZpdHktaWNvbiAqbmdJZj1cInN0YXRlID09PSAnYWN0aXZlJ1wiIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLWxhYmVsLWljb24tY29sb3IpJ1wiXG4gICAgICAgICAgICAgICAgICBbaWNvbk5hbWVdPVwiaXNPcGVuID8gJ2Fycm93LXVwJyA6ICdhcnJvdy1kb3duJ1wiIFtzaXplXT1cImdldEljb25TaXplKCkubmV3SWNvbnNTaXplXCJcbiAgICAgICAgICAgICAgICAgIFtpY29uU2l6ZV09XCJnZXRJY29uU2l6ZSgpLm9sZEljb25zU2l6ZVwiPlxuICAgIDwvZ3Jhdml0eS1pY29uPlxuPC9kaXY+Il19
|
|
@@ -26,11 +26,11 @@ export class GravityIconButtonComponent {
|
|
|
26
26
|
this.isPressed = false;
|
|
27
27
|
}
|
|
28
28
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityIconButtonComponent, selector: "gravity-icon-button", inputs: { cypressTag: "cypressTag", icon: "icon", supportText: "supportText", variant: "variant", size: "size", type: "type", state: "state", badge: "badge" }, outputs: { clickOnIcon: "clickOnIcon" }, ngImport: i0, template: "<div class=\"gravity-icon-button {{type}} {{isPressed ? 'pressed' : state}} {{size}}\" (click)=\"onClick()\"\n (mousedown)=\"onPress()\" (mouseup)=\"onRelease()\" (mouseleave)=\"onRelease()\" [attr.data-cy]=\"cypressTag\">\n <div *ngIf=\"badge && state != 'disabled'\"\n class=\"icon-button-badge{{badge.text ? '-text' : '' }} {{badge.type}}\">\n <p *ngIf=\"badge.text\"\n class=\"hr-body sm-regular\">{{ badge.text }}</p>\n </div>\n <gravity-icon [iconName]=\"icon\" [iconSize]=\"size === 'sm' ? 'md-16' : 'lg-24'\"></gravity-icon>\n <div *ngIf=\"supportText\">\n <span class=\"hr-body sm-regular\">{{ supportText }}</span>\n </div>\n</div>\n\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.gravity-icon-button{display:flex;padding:6.5px;flex-wrap:wrap;position:relative;align-items:center;justify-content:center;width:var(--icon-container-size);height:var(--icon-container-size);border-radius:6.25rem}.gravity-icon-button .icon-button-badge,.gravity-icon-button .icon-button-badge-text{position:absolute}.gravity-icon-button .icon-button-badge.warning,.gravity-icon-button .icon-button-badge-text.warning{background-color:var(--negative-primary)}.gravity-icon-button .icon-button-badge.neutro,.gravity-icon-button .icon-button-badge-text.neutro{background-color:var(--cta-primary)}.gravity-icon-button .icon-button-badge{border:1px solid var(--surface-secondary);border-radius:6.25rem}.gravity-icon-button .icon-button-badge-text{border-radius:2.551px;padding:2px .25rem}.gravity-icon-button .icon-button-badge-text p{color:var(--surface-secondary);line-height:1}.gravity-icon-button div:last-of-type{white-space:nowrap;color:var(--surface-secondary);margin-top:var(--gravity-spacing-xxs)}.gravity-icon-button div:last-of-type span{opacity:0;padding:0 2px;visibility:hidden;border-radius:1.105px;background-color:var(--bg-label-icon-button-hover);transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.gravity-icon-button gravity-icon{--icon-color: var(--text-primary)}.gravity-icon-button:not(.disabled):hover div span{opacity:1;visibility:visible}.gravity-icon-button.sm{--icon-container-size: 29px}.gravity-icon-button.sm .icon-button-badge{height:8px;width:8px;top:4px;right:4px}.gravity-icon-button.sm .icon-button-badge-text{top:-8px;left:18px}.gravity-icon-button.md{--icon-container-size: 36.514px}.gravity-icon-button.md .icon-button-badge{height:10px;width:10px;top:5px;right:5px}.gravity-icon-button.md .icon-button-badge-text{top:-2px;left:22px}.gravity-icon-button.disabled gravity-icon{--icon-color: var(--on-bg-disabled)}.gravity-icon-button.primary.active:hover{cursor:pointer;background-color:var(--bg-icon-button-hover)}.gravity-icon-button.primary.pressed{cursor:pointer;background-color:var(--bg-icon-button-pressed)}.gravity-icon-button.secondary:not(.disabled){cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-icon-button.secondary:not(.disabled) gravity-icon{--icon-color: var(--on-bg-button-active-tertiary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityIconButtonComponent, selector: "gravity-icon-button", inputs: { cypressTag: "cypressTag", icon: "icon", supportText: "supportText", variant: "variant", size: "size", type: "type", state: "state", badge: "badge" }, outputs: { clickOnIcon: "clickOnIcon" }, ngImport: i0, template: "<div class=\"gravity-icon-button {{type}} {{isPressed ? 'pressed' : state}} {{size}}\" (click)=\"onClick()\"\n (mousedown)=\"onPress()\" (mouseup)=\"onRelease()\" (mouseleave)=\"onRelease()\" [attr.data-cy]=\"cypressTag\">\n <div *ngIf=\"badge && state != 'disabled'\"\n class=\"icon-button-badge{{badge.text ? '-text' : '' }} {{badge.type}}\">\n <p *ngIf=\"badge.text\"\n class=\"hr-body sm-regular\">{{ badge.text }}</p>\n </div>\n <gravity-icon [iconName]=\"icon\" [iconSize]=\"size === 'sm' ? 'md-16' : 'lg-24'\"></gravity-icon>\n <div *ngIf=\"supportText\">\n <span class=\"hr-body sm-regular\">{{ supportText }}</span>\n </div>\n</div>\n\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.gravity-icon-button{display:flex;padding:6.5px;flex-wrap:wrap;position:relative;align-items:center;justify-content:center;width:var(--icon-container-size);height:var(--icon-container-size);border-radius:6.25rem}.gravity-icon-button .icon-button-badge,.gravity-icon-button .icon-button-badge-text{position:absolute}.gravity-icon-button .icon-button-badge.warning,.gravity-icon-button .icon-button-badge-text.warning{background-color:var(--negative-primary)}.gravity-icon-button .icon-button-badge.neutro,.gravity-icon-button .icon-button-badge-text.neutro{background-color:var(--cta-primary)}.gravity-icon-button .icon-button-badge{border:1px solid var(--surface-secondary);border-radius:6.25rem}.gravity-icon-button .icon-button-badge-text{border-radius:2.551px;padding:2px .25rem}.gravity-icon-button .icon-button-badge-text p{color:var(--surface-secondary);line-height:1}.gravity-icon-button div:last-of-type{white-space:nowrap;color:var(--surface-secondary);margin-top:var(--gravity-spacing-xxs)}.gravity-icon-button div:last-of-type span{opacity:0;padding:0 2px;visibility:hidden;border-radius:1.105px;background-color:var(--bg-label-icon-button-hover);transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.gravity-icon-button gravity-icon{--icon-color: var(--text-primary)}.gravity-icon-button:not(.disabled):hover div span{opacity:1;visibility:visible}.gravity-icon-button.sm{--icon-container-size: 29px}.gravity-icon-button.sm .icon-button-badge{height:8px;width:8px;top:4px;right:4px}.gravity-icon-button.sm .icon-button-badge-text{top:-8px;left:18px}.gravity-icon-button.md{--icon-container-size: 36.514px}.gravity-icon-button.md .icon-button-badge{height:10px;width:10px;top:5px;right:5px}.gravity-icon-button.md .icon-button-badge-text{top:-2px;left:22px}.gravity-icon-button.disabled{pointer-events:none}.gravity-icon-button.disabled gravity-icon{--icon-color: var(--on-bg-disabled)}.gravity-icon-button.primary.active:hover{cursor:pointer;background-color:var(--bg-icon-button-hover)}.gravity-icon-button.primary.pressed{cursor:pointer;background-color:var(--bg-icon-button-pressed)}.gravity-icon-button.secondary:not(.disabled){cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-icon-button.secondary:not(.disabled) gravity-icon{--icon-color: var(--on-bg-button-active-tertiary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
30
30
|
}
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityIconButtonComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
|
-
args: [{ selector: 'gravity-icon-button', template: "<div class=\"gravity-icon-button {{type}} {{isPressed ? 'pressed' : state}} {{size}}\" (click)=\"onClick()\"\n (mousedown)=\"onPress()\" (mouseup)=\"onRelease()\" (mouseleave)=\"onRelease()\" [attr.data-cy]=\"cypressTag\">\n <div *ngIf=\"badge && state != 'disabled'\"\n class=\"icon-button-badge{{badge.text ? '-text' : '' }} {{badge.type}}\">\n <p *ngIf=\"badge.text\"\n class=\"hr-body sm-regular\">{{ badge.text }}</p>\n </div>\n <gravity-icon [iconName]=\"icon\" [iconSize]=\"size === 'sm' ? 'md-16' : 'lg-24'\"></gravity-icon>\n <div *ngIf=\"supportText\">\n <span class=\"hr-body sm-regular\">{{ supportText }}</span>\n </div>\n</div>\n\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.gravity-icon-button{display:flex;padding:6.5px;flex-wrap:wrap;position:relative;align-items:center;justify-content:center;width:var(--icon-container-size);height:var(--icon-container-size);border-radius:6.25rem}.gravity-icon-button .icon-button-badge,.gravity-icon-button .icon-button-badge-text{position:absolute}.gravity-icon-button .icon-button-badge.warning,.gravity-icon-button .icon-button-badge-text.warning{background-color:var(--negative-primary)}.gravity-icon-button .icon-button-badge.neutro,.gravity-icon-button .icon-button-badge-text.neutro{background-color:var(--cta-primary)}.gravity-icon-button .icon-button-badge{border:1px solid var(--surface-secondary);border-radius:6.25rem}.gravity-icon-button .icon-button-badge-text{border-radius:2.551px;padding:2px .25rem}.gravity-icon-button .icon-button-badge-text p{color:var(--surface-secondary);line-height:1}.gravity-icon-button div:last-of-type{white-space:nowrap;color:var(--surface-secondary);margin-top:var(--gravity-spacing-xxs)}.gravity-icon-button div:last-of-type span{opacity:0;padding:0 2px;visibility:hidden;border-radius:1.105px;background-color:var(--bg-label-icon-button-hover);transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.gravity-icon-button gravity-icon{--icon-color: var(--text-primary)}.gravity-icon-button:not(.disabled):hover div span{opacity:1;visibility:visible}.gravity-icon-button.sm{--icon-container-size: 29px}.gravity-icon-button.sm .icon-button-badge{height:8px;width:8px;top:4px;right:4px}.gravity-icon-button.sm .icon-button-badge-text{top:-8px;left:18px}.gravity-icon-button.md{--icon-container-size: 36.514px}.gravity-icon-button.md .icon-button-badge{height:10px;width:10px;top:5px;right:5px}.gravity-icon-button.md .icon-button-badge-text{top:-2px;left:22px}.gravity-icon-button.disabled gravity-icon{--icon-color: var(--on-bg-disabled)}.gravity-icon-button.primary.active:hover{cursor:pointer;background-color:var(--bg-icon-button-hover)}.gravity-icon-button.primary.pressed{cursor:pointer;background-color:var(--bg-icon-button-pressed)}.gravity-icon-button.secondary:not(.disabled){cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-icon-button.secondary:not(.disabled) gravity-icon{--icon-color: var(--on-bg-button-active-tertiary)}\n"] }]
|
|
33
|
+
args: [{ selector: 'gravity-icon-button', template: "<div class=\"gravity-icon-button {{type}} {{isPressed ? 'pressed' : state}} {{size}}\" (click)=\"onClick()\"\n (mousedown)=\"onPress()\" (mouseup)=\"onRelease()\" (mouseleave)=\"onRelease()\" [attr.data-cy]=\"cypressTag\">\n <div *ngIf=\"badge && state != 'disabled'\"\n class=\"icon-button-badge{{badge.text ? '-text' : '' }} {{badge.type}}\">\n <p *ngIf=\"badge.text\"\n class=\"hr-body sm-regular\">{{ badge.text }}</p>\n </div>\n <gravity-icon [iconName]=\"icon\" [iconSize]=\"size === 'sm' ? 'md-16' : 'lg-24'\"></gravity-icon>\n <div *ngIf=\"supportText\">\n <span class=\"hr-body sm-regular\">{{ supportText }}</span>\n </div>\n</div>\n\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:root{--gravity-spacing-none: 0;--gravity-spacing-xxxs: .125rem;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.gravity-icon-button{display:flex;padding:6.5px;flex-wrap:wrap;position:relative;align-items:center;justify-content:center;width:var(--icon-container-size);height:var(--icon-container-size);border-radius:6.25rem}.gravity-icon-button .icon-button-badge,.gravity-icon-button .icon-button-badge-text{position:absolute}.gravity-icon-button .icon-button-badge.warning,.gravity-icon-button .icon-button-badge-text.warning{background-color:var(--negative-primary)}.gravity-icon-button .icon-button-badge.neutro,.gravity-icon-button .icon-button-badge-text.neutro{background-color:var(--cta-primary)}.gravity-icon-button .icon-button-badge{border:1px solid var(--surface-secondary);border-radius:6.25rem}.gravity-icon-button .icon-button-badge-text{border-radius:2.551px;padding:2px .25rem}.gravity-icon-button .icon-button-badge-text p{color:var(--surface-secondary);line-height:1}.gravity-icon-button div:last-of-type{white-space:nowrap;color:var(--surface-secondary);margin-top:var(--gravity-spacing-xxs)}.gravity-icon-button div:last-of-type span{opacity:0;padding:0 2px;visibility:hidden;border-radius:1.105px;background-color:var(--bg-label-icon-button-hover);transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.gravity-icon-button gravity-icon{--icon-color: var(--text-primary)}.gravity-icon-button:not(.disabled):hover div span{opacity:1;visibility:visible}.gravity-icon-button.sm{--icon-container-size: 29px}.gravity-icon-button.sm .icon-button-badge{height:8px;width:8px;top:4px;right:4px}.gravity-icon-button.sm .icon-button-badge-text{top:-8px;left:18px}.gravity-icon-button.md{--icon-container-size: 36.514px}.gravity-icon-button.md .icon-button-badge{height:10px;width:10px;top:5px;right:5px}.gravity-icon-button.md .icon-button-badge-text{top:-2px;left:22px}.gravity-icon-button.disabled{pointer-events:none}.gravity-icon-button.disabled gravity-icon{--icon-color: var(--on-bg-disabled)}.gravity-icon-button.primary.active:hover{cursor:pointer;background-color:var(--bg-icon-button-hover)}.gravity-icon-button.primary.pressed{cursor:pointer;background-color:var(--bg-icon-button-pressed)}.gravity-icon-button.secondary:not(.disabled){cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-icon-button.secondary:not(.disabled) gravity-icon{--icon-color: var(--on-bg-button-active-tertiary)}\n"] }]
|
|
34
34
|
}], propDecorators: { cypressTag: [{
|
|
35
35
|
type: Input
|
|
36
36
|
}], icon: [{
|
|
@@ -12,11 +12,11 @@ export class GravityLinkComponent {
|
|
|
12
12
|
this.state = 'active';
|
|
13
13
|
}
|
|
14
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityLinkComponent, selector: "gravity-link", inputs: { linkText: "linkText", fontClass: "fontClass", link: "link", cypressTag: "cypressTag", iconName: "iconName", target: "target", iconPosition: "iconPosition", iconSize: "iconSize", state: "state" }, ngImport: i0, template: "<div class=\"gravity-link-container {{iconPosition}} {{state}}\">\n\n <a *ngIf=\"!link || !(link.startsWith('http') || link.startsWith('https'))\"\n [attr.data-cy]=\"cypressTag\" [routerLink]=\"!link || state === 'disabled' ? null : link\"\n class=\"{{ fontClass ? (fontClass !== '' ? fontClass : 'hr-body sm-regular') : 'hr-body sm-regular' }}\"> \n {{linkText}}\n </a>\n\n <a *ngIf=\"link && (link.startsWith('http') || link.startsWith('https'))\"\n [attr.data-cy]=\"cypressTag\" [href]=\"state === 'disabled' || link === '' ? null : link\" [target]=\"target\"\n class=\"{{ fontClass ? (fontClass !== '' ? fontClass : 'hr-body sm-regular') : 'hr-body sm-regular' }}\">\n {{linkText}}\n </a>\n\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\"'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName\"\n [iconSize]=\"iconSize\" class=\"icon-{{iconPosition}}\">\n </gravity-icon>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-link-container{display:flex;cursor:pointer;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:flex-start;gap:var(--gravity-spacing-xxs);padding:var(--gravity-spacing-xxs)}.gravity-link-container.right{flex-direction:row}.gravity-link-container.left{flex-direction:row-reverse}.gravity-link-container.pressed{border:1px solid var(--bg-link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container.active{--link-text-color: var(--link-active-primary)}.gravity-link-container.visited{font-weight:650;--link-text-color: var(--link-visited-primary)}.gravity-link-container.disabled{cursor:not-allowed;pointer-events:none;--link-text-color: var(--link-disabled-primary)}.gravity-link-container:hover:not(.disabled){background-color:var(--link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container a{border:none;width:max-content;align-items:center;display:inline-flex;justify-content:center;text-decoration:underline;color:var(--link-text-color);gap:var(--gravity-spacing-xxs);border-radius:.0625rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityLinkComponent, selector: "gravity-link", inputs: { linkText: "linkText", fontClass: "fontClass", link: "link", cypressTag: "cypressTag", iconName: "iconName", target: "target", iconPosition: "iconPosition", iconSize: "iconSize", state: "state" }, ngImport: i0, template: "<div class=\"gravity-link-container {{iconPosition}} {{state}}\">\n\n <a *ngIf=\"!link || !(link.startsWith('http') || link.startsWith('https'))\"\n [attr.data-cy]=\"cypressTag\" [routerLink]=\"!link || state === 'disabled' ? null : link\"\n class=\"{{ fontClass ? (fontClass !== '' ? fontClass : 'hr-body sm-regular') : 'hr-body sm-regular' }}\"> \n {{linkText}}\n </a>\n\n <a *ngIf=\"link && (link.startsWith('http') || link.startsWith('https'))\"\n [attr.data-cy]=\"cypressTag\" [href]=\"state === 'disabled' || link === '' ? null : link\" [target]=\"target\"\n class=\"{{ fontClass ? (fontClass !== '' ? fontClass : 'hr-body sm-regular') : 'hr-body sm-regular' }}\">\n {{linkText}}\n </a>\n\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\"'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName\"\n [iconSize]=\"iconSize\" class=\"icon-{{iconPosition}}\">\n </gravity-icon>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-link-container{display:flex;cursor:pointer;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:flex-start;gap:var(--gravity-spacing-xxs);padding:var(--gravity-spacing-xxs)}.gravity-link-container.right{flex-direction:row}.gravity-link-container.left{flex-direction:row-reverse}.gravity-link-container.pressed{border:1px solid var(--bg-link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container.active{--link-text-color: var(--link-active-primary)}.gravity-link-container.visited{font-weight:650;--link-text-color: var(--link-visited-primary)}.gravity-link-container.disabled{cursor:not-allowed;pointer-events:none;--link-text-color: var(--link-disabled-primary)}.gravity-link-container.disabled a{cursor:default;pointer-events:none}.gravity-link-container:hover:not(.disabled){background-color:var(--link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container a{border:none;width:max-content;align-items:center;display:inline-flex;justify-content:center;text-decoration:underline;color:var(--link-text-color);gap:var(--gravity-spacing-xxs);border-radius:.0625rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
|
|
16
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityLinkComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
|
-
args: [{ selector: 'gravity-link', template: "<div class=\"gravity-link-container {{iconPosition}} {{state}}\">\n\n <a *ngIf=\"!link || !(link.startsWith('http') || link.startsWith('https'))\"\n [attr.data-cy]=\"cypressTag\" [routerLink]=\"!link || state === 'disabled' ? null : link\"\n class=\"{{ fontClass ? (fontClass !== '' ? fontClass : 'hr-body sm-regular') : 'hr-body sm-regular' }}\"> \n {{linkText}}\n </a>\n\n <a *ngIf=\"link && (link.startsWith('http') || link.startsWith('https'))\"\n [attr.data-cy]=\"cypressTag\" [href]=\"state === 'disabled' || link === '' ? null : link\" [target]=\"target\"\n class=\"{{ fontClass ? (fontClass !== '' ? fontClass : 'hr-body sm-regular') : 'hr-body sm-regular' }}\">\n {{linkText}}\n </a>\n\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\"'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName\"\n [iconSize]=\"iconSize\" class=\"icon-{{iconPosition}}\">\n </gravity-icon>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-link-container{display:flex;cursor:pointer;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:flex-start;gap:var(--gravity-spacing-xxs);padding:var(--gravity-spacing-xxs)}.gravity-link-container.right{flex-direction:row}.gravity-link-container.left{flex-direction:row-reverse}.gravity-link-container.pressed{border:1px solid var(--bg-link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container.active{--link-text-color: var(--link-active-primary)}.gravity-link-container.visited{font-weight:650;--link-text-color: var(--link-visited-primary)}.gravity-link-container.disabled{cursor:not-allowed;pointer-events:none;--link-text-color: var(--link-disabled-primary)}.gravity-link-container:hover:not(.disabled){background-color:var(--link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container a{border:none;width:max-content;align-items:center;display:inline-flex;justify-content:center;text-decoration:underline;color:var(--link-text-color);gap:var(--gravity-spacing-xxs);border-radius:.0625rem}\n"] }]
|
|
19
|
+
args: [{ selector: 'gravity-link', template: "<div class=\"gravity-link-container {{iconPosition}} {{state}}\">\n\n <a *ngIf=\"!link || !(link.startsWith('http') || link.startsWith('https'))\"\n [attr.data-cy]=\"cypressTag\" [routerLink]=\"!link || state === 'disabled' ? null : link\"\n class=\"{{ fontClass ? (fontClass !== '' ? fontClass : 'hr-body sm-regular') : 'hr-body sm-regular' }}\"> \n {{linkText}}\n </a>\n\n <a *ngIf=\"link && (link.startsWith('http') || link.startsWith('https'))\"\n [attr.data-cy]=\"cypressTag\" [href]=\"state === 'disabled' || link === '' ? null : link\" [target]=\"target\"\n class=\"{{ fontClass ? (fontClass !== '' ? fontClass : 'hr-body sm-regular') : 'hr-body sm-regular' }}\">\n {{linkText}}\n </a>\n\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\"'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName\"\n [iconSize]=\"iconSize\" class=\"icon-{{iconPosition}}\">\n </gravity-icon>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-link-container{display:flex;cursor:pointer;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:flex-start;gap:var(--gravity-spacing-xxs);padding:var(--gravity-spacing-xxs)}.gravity-link-container.right{flex-direction:row}.gravity-link-container.left{flex-direction:row-reverse}.gravity-link-container.pressed{border:1px solid var(--bg-link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container.active{--link-text-color: var(--link-active-primary)}.gravity-link-container.visited{font-weight:650;--link-text-color: var(--link-visited-primary)}.gravity-link-container.disabled{cursor:not-allowed;pointer-events:none;--link-text-color: var(--link-disabled-primary)}.gravity-link-container.disabled a{cursor:default;pointer-events:none}.gravity-link-container:hover:not(.disabled){background-color:var(--link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container a{border:none;width:max-content;align-items:center;display:inline-flex;justify-content:center;text-decoration:underline;color:var(--link-text-color);gap:var(--gravity-spacing-xxs);border-radius:.0625rem}\n"] }]
|
|
20
20
|
}], propDecorators: { linkText: [{
|
|
21
21
|
type: Input
|
|
22
22
|
}], fontClass: [{
|