@fieldia/calendar 0.23.0 → 0.25.0
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/README.md +10 -0
- package/package.json +4 -4
- package/src/lib/calendar-view.js +23 -8
- package/src/lib/calendar-view.js.map +1 -1
- package/src/lib/calendar-view.mjs +26 -11
- package/src/lib/calendar-view.mjs.map +1 -1
- package/src/lib/dates.d.mts +27 -8
- package/src/lib/dates.d.ts +27 -8
- package/src/lib/dates.js +63 -25
- package/src/lib/dates.js.map +1 -1
- package/src/lib/dates.mjs +57 -24
- package/src/lib/dates.mjs.map +1 -1
- package/src/lib/events.d.mts +5 -4
- package/src/lib/events.d.ts +5 -4
- package/src/lib/events.js +24 -10
- package/src/lib/events.js.map +1 -1
- package/src/lib/events.mjs +25 -11
- package/src/lib/events.mjs.map +1 -1
- package/src/lib/gestures.js +3 -3
- package/src/lib/gestures.js.map +1 -1
- package/src/lib/gestures.mjs +4 -4
- package/src/lib/gestures.mjs.map +1 -1
- package/src/lib/keys.js +2 -2
- package/src/lib/keys.js.map +1 -1
- package/src/lib/keys.mjs +3 -3
- package/src/lib/keys.mjs.map +1 -1
- package/src/lib/move-to.js +3 -3
- package/src/lib/move-to.js.map +1 -1
- package/src/lib/move-to.mjs +4 -4
- package/src/lib/move-to.mjs.map +1 -1
- package/src/lib/styles.d.mts +1 -1
- package/src/lib/styles.d.ts +1 -1
- package/src/lib/styles.js +2 -0
- package/src/lib/styles.js.map +1 -1
- package/src/lib/styles.mjs +2 -0
- package/src/lib/styles.mjs.map +1 -1
package/src/lib/keys.js
CHANGED
|
@@ -120,9 +120,9 @@ function onDayKey(cal, e, day) {
|
|
|
120
120
|
else if (e.key === 'ArrowDown')
|
|
121
121
|
by = 7;
|
|
122
122
|
else if (e.key === 'Home')
|
|
123
|
-
by = -((
|
|
123
|
+
by = -(((0, dates_1.weekdayOf)(day) - firstDay + 7) % 7);
|
|
124
124
|
else if (e.key === 'End')
|
|
125
|
-
by = 6 - ((
|
|
125
|
+
by = 6 - (((0, dates_1.weekdayOf)(day) - firstDay + 7) % 7);
|
|
126
126
|
else if (e.key === 'PageUp' || e.key === 'PageDown') {
|
|
127
127
|
e.preventDefault();
|
|
128
128
|
const next = (0, dates_1.stepFrom)('month', day, e.key === 'PageUp' ? -1 : 1);
|
package/src/lib/keys.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keys.js","sourceRoot":"","sources":["../../../../../libs/calendar/src/lib/keys.ts"],"names":[],"mappings":";;AAiBA,gCAqCC;AAED,8BAsCC;AAED,4BA6BC;AA5HD,
|
|
1
|
+
{"version":3,"file":"keys.js","sourceRoot":"","sources":["../../../../../libs/calendar/src/lib/keys.ts"],"names":[],"mappings":"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"}
|
package/src/lib/keys.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { addDays, atMinutes, dayKey, minutesOf, startOfDay, stepFrom } from './dates.mjs';
|
|
1
|
+
import { addDays, atMinutes, dayKey, minutesOf, startOfDay, stepFrom, weekdayOf } from './dates.mjs';
|
|
2
2
|
/**
|
|
3
3
|
* A calendar's keys. On a record: Enter opens it, M (or the menu key, or
|
|
4
4
|
* Shift+F10) opens Move to…, up and down reach the record before or after,
|
|
@@ -115,9 +115,9 @@ export function onDayKey(cal, e, day) {
|
|
|
115
115
|
else if (e.key === 'ArrowDown')
|
|
116
116
|
by = 7;
|
|
117
117
|
else if (e.key === 'Home')
|
|
118
|
-
by = -((day
|
|
118
|
+
by = -((weekdayOf(day) - firstDay + 7) % 7);
|
|
119
119
|
else if (e.key === 'End')
|
|
120
|
-
by = 6 - ((day
|
|
120
|
+
by = 6 - ((weekdayOf(day) - firstDay + 7) % 7);
|
|
121
121
|
else if (e.key === 'PageUp' || e.key === 'PageDown') {
|
|
122
122
|
e.preventDefault();
|
|
123
123
|
const next = stepFrom('month', day, e.key === 'PageUp' ? -1 : 1);
|
package/src/lib/keys.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keys.mjs","sourceRoot":"","sources":["../../../../../libs/calendar/src/lib/keys.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"keys.mjs","sourceRoot":"","sources":["../../../../../libs/calendar/src/lib/keys.ts"],"names":[],"mappings":"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"}
|
package/src/lib/move-to.js
CHANGED
|
@@ -44,13 +44,13 @@ function moveTo(cal) {
|
|
|
44
44
|
// The days it may go to, which a browser's own picker keeps to as well.
|
|
45
45
|
const [first, last] = [-YEARS, YEARS].map((by) => {
|
|
46
46
|
const d = new Date(event.start);
|
|
47
|
-
d.
|
|
47
|
+
d.setUTCFullYear(d.getUTCFullYear() + by);
|
|
48
48
|
return d;
|
|
49
49
|
});
|
|
50
50
|
const day = make('input', { type: 'date', class: 'fd-input', min: (0, dates_1.dayKey)(first), max: (0, dates_1.dayKey)(last) });
|
|
51
51
|
day.value = (0, dates_1.dayKey)(event.start);
|
|
52
52
|
const at = make('input', { type: 'time', class: 'fd-input', step: String(cal.slot * 60) });
|
|
53
|
-
at.value = `${String(event.start
|
|
53
|
+
at.value = `${String(Math.floor((0, dates_1.minutesOf)(event.start) / 60)).padStart(2, '0')}:${String((0, dates_1.minutesOf)(event.start) % 60).padStart(2, '0')}`;
|
|
54
54
|
const who = make('select', { class: 'fd-input fd-select' });
|
|
55
55
|
const people = cal.state.resources.filter((r) => !!r);
|
|
56
56
|
for (const person of people)
|
|
@@ -83,7 +83,7 @@ function moveTo(cal) {
|
|
|
83
83
|
const apply = () => {
|
|
84
84
|
const when = (0, dates_1.readDay)(day.value);
|
|
85
85
|
const shortDay = (d) => (0, dates_1.format)(cal.locale, { day: 'numeric', month: 'short', year: 'numeric' }).format(d);
|
|
86
|
-
if (!when || when <
|
|
86
|
+
if (!when || when < (0, dates_1.startOfDay)(first) || when > last)
|
|
87
87
|
return refuse(day, (0, labels_1.fill)(labels.badDay, { from: shortDay(first), to: shortDay(last) }));
|
|
88
88
|
const time = /^(\d\d):(\d\d)/.exec(at.value);
|
|
89
89
|
if (!event.allDay && !time)
|
package/src/lib/move-to.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"move-to.js","sourceRoot":"","sources":["../../../../../libs/calendar/src/lib/move-to.ts"],"names":[],"mappings":";;AASA,gCAOC;AASD,wBAyFC;AAjHD,
|
|
1
|
+
{"version":3,"file":"move-to.js","sourceRoot":"","sources":["../../../../../libs/calendar/src/lib/move-to.ts"],"names":[],"mappings":"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"}
|
package/src/lib/move-to.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { atMinutes, dayKey, format, readDay } from './dates.mjs';
|
|
1
|
+
import { atMinutes, dayKey, format, minutesOf, readDay, startOfDay } from './dates.mjs';
|
|
2
2
|
import { moved, whereTo } from './events.mjs';
|
|
3
3
|
import { fill } from './labels.mjs';
|
|
4
4
|
/** How far Move to… reaches, in years either side of the record's own day: a year typed short (26) or long (2062) is caught. */
|
|
@@ -40,13 +40,13 @@ export function moveTo(cal) {
|
|
|
40
40
|
// The days it may go to, which a browser's own picker keeps to as well.
|
|
41
41
|
const [first, last] = [-YEARS, YEARS].map((by) => {
|
|
42
42
|
const d = new Date(event.start);
|
|
43
|
-
d.
|
|
43
|
+
d.setUTCFullYear(d.getUTCFullYear() + by);
|
|
44
44
|
return d;
|
|
45
45
|
});
|
|
46
46
|
const day = make('input', { type: 'date', class: 'fd-input', min: dayKey(first), max: dayKey(last) });
|
|
47
47
|
day.value = dayKey(event.start);
|
|
48
48
|
const at = make('input', { type: 'time', class: 'fd-input', step: String(cal.slot * 60) });
|
|
49
|
-
at.value = `${String(event.start
|
|
49
|
+
at.value = `${String(Math.floor(minutesOf(event.start) / 60)).padStart(2, '0')}:${String(minutesOf(event.start) % 60).padStart(2, '0')}`;
|
|
50
50
|
const who = make('select', { class: 'fd-input fd-select' });
|
|
51
51
|
const people = cal.state.resources.filter((r) => !!r);
|
|
52
52
|
for (const person of people)
|
|
@@ -79,7 +79,7 @@ export function moveTo(cal) {
|
|
|
79
79
|
const apply = () => {
|
|
80
80
|
const when = readDay(day.value);
|
|
81
81
|
const shortDay = (d) => format(cal.locale, { day: 'numeric', month: 'short', year: 'numeric' }).format(d);
|
|
82
|
-
if (!when || when <
|
|
82
|
+
if (!when || when < startOfDay(first) || when > last)
|
|
83
83
|
return refuse(day, fill(labels.badDay, { from: shortDay(first), to: shortDay(last) }));
|
|
84
84
|
const time = /^(\d\d):(\d\d)/.exec(at.value);
|
|
85
85
|
if (!event.allDay && !time)
|
package/src/lib/move-to.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"move-to.mjs","sourceRoot":"","sources":["../../../../../libs/calendar/src/lib/move-to.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"move-to.mjs","sourceRoot":"","sources":["../../../../../libs/calendar/src/lib/move-to.ts"],"names":[],"mappings":"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"}
|
package/src/lib/styles.d.mts
CHANGED
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
* its colour, which reads on a light page and a dark one alike. Logical
|
|
5
5
|
* sides throughout, so right to left needs nothing of its own but the arrows.
|
|
6
6
|
*/
|
|
7
|
-
export declare const CALENDAR_CSS = "\n.fd-cal { position: relative; display: grid; gap: 10px; min-width: 0; color: var(--fd-text); container: fd-cal / inline-size; --fd-cal-hour: 48px; }\n.fd-cal-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }\n.fd-cal-nav { display: inline-flex; gap: 4px; align-items: center; }\n.fd-cal .fd-button { min-height: 32px; }\n.fd-cal-step { min-width: 32px; padding-inline: 6px; display: inline-grid; place-items: center; }\n.fd-cal-step svg { width: 16px; height: 16px; }\n.fd-cal-step:dir(rtl) svg { transform: scaleX(-1); }\n.fd-cal-title { margin: 0; flex: 1 1 12em; min-width: 0; font-size: 1.05rem; font-weight: 600; }\n.fd-cal-ranges { display: inline-flex; border: 1px solid var(--fd-border); border-radius: var(--fd-control-radius); overflow: hidden; }\n.fd-cal-ranges .fd-button { border: 0; border-radius: 0; padding-inline: 10px; }\n.fd-cal-ranges .fd-button + .fd-button { border-inline-start: 1px solid var(--fd-border); }\n.fd-cal-ranges .fd-button[aria-pressed=\"true\"] { background: var(--fd-accent-soft); color: var(--fd-accent); font-weight: 600; }\n.fd-cal-said:not(:empty), .fd-cal-alert:not(:empty) { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 6px 10px; border-radius: var(--fd-control-radius); font-size: 13.5px; }\n.fd-cal-said:not(:empty) { background: var(--fd-info-soft); color: var(--fd-text); }\n.fd-cal-alert:not(:empty) { background: var(--fd-error-soft); color: var(--fd-text); }\n.fd-cal-said .fd-button { min-height: 28px; }\n.fd-cal-note { margin: 0; color: var(--fd-muted); font-size: 13px; }\n.fd-cal-body { min-width: 0; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); overflow: hidden; }\n.fd-cal-body[aria-busy=\"true\"] { cursor: progress; }\n.fd-cal-failed { margin: 0; padding: 24px; text-align: center; }\n.fd-cal-empty { margin: 0; padding: 32px 16px; text-align: center; color: var(--fd-muted); }\n\n/* The day and the week: the hours down the side, a column for each day or each person. */\n.fd-cal-scroll { overflow-x: auto; }\n.fd-cal-grid { display: grid; grid-template-columns: 52px repeat(var(--fd-cal-cols), minmax(var(--fd-cal-min, 0px), 1fr)); min-width: min-content; }\n.fd-cal-corner, .fd-cal-head { box-sizing: border-box; padding: 6px 4px; border-bottom: 1px solid var(--fd-border); font-size: 12px; color: var(--fd-muted); text-align: center; min-width: 0; }\n.fd-cal-head { border-inline-start: 1px solid var(--fd-border); overflow-wrap: anywhere; }\n.fd-cal-head-day { display: inline-grid; justify-items: center; gap: 2px; border: 0; background: none; color: inherit; font: inherit; padding: 2px 6px; border-radius: var(--fd-control-radius); cursor: pointer; }\n.fd-cal-head-day:hover { background: var(--fd-accent-soft); }\n.fd-cal-head-day:focus-visible, .fd-cal-daynum:focus-visible, .fd-cal-more:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: 1px; }\n.fd-cal-head-num { font-size: 18px; line-height: 28px; min-width: 28px; border-radius: 999px; color: var(--fd-text); }\n.fd-cal-head[aria-current=\"date\"] .fd-cal-head-num { background: var(--fd-accent); color: var(--fd-accent-text); }\n.fd-cal-head-who { font-size: 13px; font-weight: 600; color: var(--fd-text); }\n.fd-cal-corner { font-size: 11px; display: grid; align-items: end; justify-items: end; padding-inline-end: 6px; }\n.fd-cal-allday { box-sizing: border-box; display: grid; align-content: start; gap: 2px; padding: 2px; min-height: 30px; min-width: 0; border-inline-start: 1px solid var(--fd-border); border-bottom: 1px solid var(--fd-border); }\n.fd-cal-allday[data-alone] { min-height: 240px; }\n.fd-cal-hours { position: relative; height: calc(var(--fd-cal-span) * var(--fd-cal-hour)); }\n.fd-cal-hour { position: absolute; inset-inline-end: 6px; transform: translateY(-50%); font-size: 11px; color: var(--fd-muted); font-variant-numeric: tabular-nums; }\n.fd-cal-hour:first-child { transform: none; }\n.fd-cal-col {\n position: relative; min-width: 0; border-inline-start: 1px solid var(--fd-border); height: calc(var(--fd-cal-span) * var(--fd-cal-hour));\n background-image: repeating-linear-gradient(to bottom, var(--fd-border) 0 1px, transparent 1px calc(var(--fd-cal-hour) / 2), color-mix(in srgb, var(--fd-border) 50%, transparent) calc(var(--fd-cal-hour) / 2) calc(var(--fd-cal-hour) / 2 + 1px), transparent calc(var(--fd-cal-hour) / 2 + 1px) var(--fd-cal-hour));\n}\n.fd-cal-col[data-today] { background-color: color-mix(in srgb, var(--fd-accent) 4%, transparent); }\n.fd-cal-slot { box-sizing: border-box; height: calc(var(--fd-cal-hour) * var(--fd-cal-slot) / 60); }\n.fd-cal[data-creates] .fd-cal-slot, .fd-cal[data-creates] .fd-cal-allday, .fd-cal[data-creates] .fd-cal-day { cursor: cell; }\n.fd-cal-slot:focus { outline: none; }\n.fd-cal-slot:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: -2px; background: var(--fd-accent-soft); }\n.fd-cal-picking { position: absolute; inset-inline: 2px; z-index: 2; box-sizing: border-box; border: 1px dashed var(--fd-accent); border-radius: 4px; background: var(--fd-accent-soft); pointer-events: none; }\n/* Under the records, so a record's words are never struck through. */\n.fd-cal-now { position: absolute; inset-inline: 0; z-index: 0; height: 2px; margin-top: -1px; background: var(--fd-error); pointer-events: none; }\n.fd-cal-now::before { content: \"\"; position: absolute; inset-inline-start: -5px; top: -4px; width: 10px; height: 10px; border-radius: 50%; background: var(--fd-error); }\n\n/* A record: a tint of the surface, a bar in its colour. */\n.fd-cal-event {\n --fd-cal-c: var(--fd-accent);\n box-sizing: border-box; min-width: 0; overflow: hidden; padding: 2px 6px; border-radius: 4px; font-size: 12.5px; line-height: 1.3;\n background: color-mix(in srgb, var(--fd-cal-c) 16%, var(--fd-surface)); color: var(--fd-text); border-inline-start: 3px solid var(--fd-cal-c);\n cursor: default; user-select: none; -webkit-user-select: none;\n}\n.fd-cal-event[data-opens], .fd-cal-event[data-moves] { cursor: pointer; }\n.fd-cal-event:hover, .fd-cal-event.fd-cal-hot { background: color-mix(in srgb, var(--fd-cal-c) 26%, var(--fd-surface)); }\n.fd-cal-event:focus { outline: none; }\n.fd-cal-event:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: 1px; z-index: 3; }\n.fd-cal-col > .fd-cal-event { position: absolute; z-index: 1; box-shadow: 0 0 0 1px var(--fd-surface); line-height: 16px; container: fd-cal-ev / inline-size; }\n/* Its words in the whole lines its height holds (--fd-cal-lines, by linesIn): none cut through. */\n.fd-cal-col > .fd-cal-event > .fd-cal-event-text { display: block; max-height: calc(var(--fd-cal-lines, 1) * 16px); overflow: hidden; text-overflow: ellipsis; }\n/* Each word whole, a long one cut with \"\u2026\"; too narrow for its time, the name alone (the hours say when). */\n.fd-cal-col .fd-cal-event-title { overflow-wrap: normal; }\n.fd-cal-col .fd-cal-event-who { overflow: hidden; text-overflow: ellipsis; }\n@container fd-cal-ev (max-width: 56px) { .fd-cal-col .fd-cal-event-time, .fd-cal-col .fd-cal-event-who { display: none; } }\n.fd-cal-event[data-moving] { opacity: 0.9; z-index: 6; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22); pointer-events: none; }\n.fd-cal-event[aria-busy=\"true\"] { opacity: 0.75; }\n.fd-cal-event-time { font-variant-numeric: tabular-nums; }\n.fd-cal-event-title { font-weight: 600; overflow-wrap: anywhere; text-align: match-parent; }\n.fd-cal-event-who { display: block; opacity: 0.85; }\n/* 24 pixels at least, so a finger or a pointer can hit each (WCAG 2.5.8). */\n.fd-cal-allday > .fd-cal-event, .fd-cal-day > .fd-cal-event { position: relative; min-height: 24px; box-sizing: border-box; line-height: 20px; white-space: nowrap; padding-inline-end: 24px; }\n.fd-cal-col > .fd-cal-event[data-short] .fd-cal-event-who { display: none; }\n/* One line (a short record, a month's day, all day): the name cut with \"\u2026\" at its own end, so a Latin one right to left\n keeps its start; whole when pointed at, and to a screen reader. */\n.fd-cal-col > .fd-cal-event[data-short] > .fd-cal-event-text, .fd-cal-allday .fd-cal-event-text, .fd-cal-day .fd-cal-event-text { display: flex; gap: 0.3em; white-space: nowrap; }\n:is(.fd-cal-col > .fd-cal-event[data-short], .fd-cal-allday > .fd-cal-event, .fd-cal-day > .fd-cal-event) .fd-cal-event-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; }\n.fd-cal-resize { position: absolute; inset-inline: 0; bottom: 0; height: 8px; cursor: ns-resize; touch-action: none; }\n.fd-cal-event-menu {\n position: absolute; top: 0; inset-inline-end: 0; z-index: 2; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 4px;\n display: none; place-items: center; background: var(--fd-surface); color: var(--fd-text); font: 700 14px/1 system-ui, sans-serif; cursor: pointer;\n}\n.fd-cal-event:hover > .fd-cal-event-menu, .fd-cal-event:focus-within > .fd-cal-event-menu, .fd-cal-event:focus > .fd-cal-event-menu { display: grid; }\n@media (hover: none) { .fd-cal-event-menu { display: grid; } }\n\n/* The month: whole weeks, each day its records, and how many more. */\n.fd-cal-month { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }\n.fd-cal-weekday { padding: 6px 4px; border-bottom: 1px solid var(--fd-border); font-size: 12px; color: var(--fd-muted); text-align: center; }\n.fd-cal-weekday + .fd-cal-weekday, .fd-cal-day:not(:nth-child(7n + 1)) { border-inline-start: 1px solid var(--fd-border); }\n.fd-cal-day { box-sizing: border-box; min-width: 0; min-height: 104px; padding: 3px; display: grid; align-content: start; gap: 2px; border-bottom: 1px solid var(--fd-border); }\n.fd-cal-day[data-out] { background: color-mix(in srgb, var(--fd-text) 3%, var(--fd-surface)); }\n.fd-cal-daynum { justify-self: start; min-width: 26px; height: 26px; padding: 0 6px; border: 0; border-radius: 999px; background: none; color: var(--fd-text); font: inherit; font-size: 12.5px; cursor: pointer; }\n.fd-cal-day[data-out] .fd-cal-daynum { color: var(--fd-muted); }\n.fd-cal-day[aria-current=\"date\"] .fd-cal-daynum { background: var(--fd-accent); color: var(--fd-accent-text); font-weight: 600; }\n.fd-cal-more { justify-self: start; min-height: 24px; padding: 0 6px; border: 0; background: none; color: var(--fd-accent); font: inherit; font-size: 12px; cursor: pointer; }\n/* A crowded slot's \"+N more\", in the last lane over the records it holds. */\n.fd-cal-col > .fd-cal-more {\n position: absolute; z-index: 1; box-sizing: border-box; display: block; padding: 3px 2px; line-height: 14px; text-align: center; overflow: hidden;\n border-radius: 4px; border: 1px dashed color-mix(in srgb, var(--fd-accent) 55%, transparent); background: var(--fd-accent-soft); font-weight: 600;\n}\n.fd-cal-col > .fd-cal-more:hover { background: color-mix(in srgb, var(--fd-accent) 22%, var(--fd-surface)); }\n.fd-cal-day > .fd-cal-event .fd-cal-event-who { display: none; }\n\n/* The agenda: each day that has something, its records in order. */\n.fd-cal-agenda-day { display: grid; grid-template-columns: minmax(8em, 11em) minmax(0, 1fr); border-bottom: 1px solid var(--fd-border); }\n.fd-cal-agenda-day:last-child { border-bottom: 0; }\n.fd-cal-agenda-head { margin: 0; padding: 10px 12px; font-size: 13px; font-weight: 600; }\n.fd-cal-agenda-day[aria-current=\"date\"] .fd-cal-agenda-head { color: var(--fd-accent); }\n.fd-cal-agenda-list { list-style: none; margin: 0; padding: 6px 8px; display: grid; gap: 4px; min-width: 0; }\n.fd-cal-agenda-list .fd-cal-event { position: relative; padding: 0; font-size: 13.5px; }\n.fd-cal-event-open { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 12px; padding-block: 8px; padding-inline: 10px 48px; border-radius: inherit; }\n.fd-cal-event[data-opens] .fd-cal-event-open { cursor: pointer; }\n.fd-cal-event-open:focus { outline: none; }\n.fd-cal-event-open:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: 1px; }\n.fd-cal-agenda-list .fd-cal-event-who { grid-column: 2; }\n.fd-cal-agenda-list .fd-cal-event-menu { display: grid; top: 50%; transform: translateY(-50%); inset-inline-end: 6px; width: 36px; height: 36px; }\n.fd-cal-agenda-list .fd-cal-event-menu:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: 1px; }\n@container fd-cal (max-width: 520px) {\n .fd-cal-agenda-day { grid-template-columns: minmax(0, 1fr); }\n .fd-cal-agenda-head { padding-bottom: 0; }\n .fd-cal-title { flex-basis: 100%; order: -1; }\n}\n\n/* \"Move to\u2026\": its day, its time, its person; and a crowded slot's list, in the same kind of box. */\n.fd-cal-move, .fd-cal-crowd {\n position: absolute; z-index: 30; box-sizing: border-box; width: min(320px, calc(100% - 16px)); padding: 14px; display: grid; gap: 10px;\n background: var(--fd-surface); color: var(--fd-text); border: 1px solid var(--fd-border); border-radius: max(var(--fd-radius), 6px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);\n}\n.fd-cal-move-title { margin: 0; font-size: 14px; font-weight: 600; }\n.fd-cal-move label { display: grid; gap: 4px; font-size: 13px; }\n.fd-cal-move-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }\n.fd-cal-move-problem { margin: 0; color: var(--fd-error); font-size: 13px; }\n.fd-cal-move-problem:empty { display: none; }\n.fd-cal-move .fd-input[aria-invalid=\"true\"] { border-color: var(--fd-error); }\n.fd-cal-crowd { padding: 10px; gap: 6px; }\n.fd-cal-crowd-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-inline-start: 4px; }\n.fd-cal-crowd .fd-cal-agenda-list { padding: 0; max-height: min(60vh, 360px); overflow-y: auto; }\n";
|
|
7
|
+
export declare const CALENDAR_CSS = "\n.fd-cal { position: relative; display: grid; gap: 10px; min-width: 0; color: var(--fd-text); container: fd-cal / inline-size; --fd-cal-hour: 48px; }\n.fd-cal-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }\n.fd-cal-nav { display: inline-flex; gap: 4px; align-items: center; }\n.fd-cal .fd-button { min-height: 32px; }\n.fd-cal-step { min-width: 32px; padding-inline: 6px; display: inline-grid; place-items: center; }\n.fd-cal-step svg { width: 16px; height: 16px; }\n.fd-cal-step:dir(rtl) svg { transform: scaleX(-1); }\n.fd-cal-title { margin: 0; flex: 1 1 12em; min-width: 0; font-size: 1.05rem; font-weight: 600; }\n/* The zone the times are on, after the span, where it is not the reader's own: its short name, as a date box says it. */\n.fd-cal-zone { flex: none; padding: 1px 8px; border: 1px solid var(--fd-border); border-radius: 999px; font-size: 12.5px; color: var(--fd-muted); white-space: nowrap; }\n.fd-cal-ranges { display: inline-flex; border: 1px solid var(--fd-border); border-radius: var(--fd-control-radius); overflow: hidden; }\n.fd-cal-ranges .fd-button { border: 0; border-radius: 0; padding-inline: 10px; }\n.fd-cal-ranges .fd-button + .fd-button { border-inline-start: 1px solid var(--fd-border); }\n.fd-cal-ranges .fd-button[aria-pressed=\"true\"] { background: var(--fd-accent-soft); color: var(--fd-accent); font-weight: 600; }\n.fd-cal-said:not(:empty), .fd-cal-alert:not(:empty) { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 6px 10px; border-radius: var(--fd-control-radius); font-size: 13.5px; }\n.fd-cal-said:not(:empty) { background: var(--fd-info-soft); color: var(--fd-text); }\n.fd-cal-alert:not(:empty) { background: var(--fd-error-soft); color: var(--fd-text); }\n.fd-cal-said .fd-button { min-height: 28px; }\n.fd-cal-note { margin: 0; color: var(--fd-muted); font-size: 13px; }\n.fd-cal-body { min-width: 0; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); overflow: hidden; }\n.fd-cal-body[aria-busy=\"true\"] { cursor: progress; }\n.fd-cal-failed { margin: 0; padding: 24px; text-align: center; }\n.fd-cal-empty { margin: 0; padding: 32px 16px; text-align: center; color: var(--fd-muted); }\n\n/* The day and the week: the hours down the side, a column for each day or each person. */\n.fd-cal-scroll { overflow-x: auto; }\n.fd-cal-grid { display: grid; grid-template-columns: 52px repeat(var(--fd-cal-cols), minmax(var(--fd-cal-min, 0px), 1fr)); min-width: min-content; }\n.fd-cal-corner, .fd-cal-head { box-sizing: border-box; padding: 6px 4px; border-bottom: 1px solid var(--fd-border); font-size: 12px; color: var(--fd-muted); text-align: center; min-width: 0; }\n.fd-cal-head { border-inline-start: 1px solid var(--fd-border); overflow-wrap: anywhere; }\n.fd-cal-head-day { display: inline-grid; justify-items: center; gap: 2px; border: 0; background: none; color: inherit; font: inherit; padding: 2px 6px; border-radius: var(--fd-control-radius); cursor: pointer; }\n.fd-cal-head-day:hover { background: var(--fd-accent-soft); }\n.fd-cal-head-day:focus-visible, .fd-cal-daynum:focus-visible, .fd-cal-more:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: 1px; }\n.fd-cal-head-num { font-size: 18px; line-height: 28px; min-width: 28px; border-radius: 999px; color: var(--fd-text); }\n.fd-cal-head[aria-current=\"date\"] .fd-cal-head-num { background: var(--fd-accent); color: var(--fd-accent-text); }\n.fd-cal-head-who { font-size: 13px; font-weight: 600; color: var(--fd-text); }\n.fd-cal-corner { font-size: 11px; display: grid; align-items: end; justify-items: end; padding-inline-end: 6px; }\n.fd-cal-allday { box-sizing: border-box; display: grid; align-content: start; gap: 2px; padding: 2px; min-height: 30px; min-width: 0; border-inline-start: 1px solid var(--fd-border); border-bottom: 1px solid var(--fd-border); }\n.fd-cal-allday[data-alone] { min-height: 240px; }\n.fd-cal-hours { position: relative; height: calc(var(--fd-cal-span) * var(--fd-cal-hour)); }\n.fd-cal-hour { position: absolute; inset-inline-end: 6px; transform: translateY(-50%); font-size: 11px; color: var(--fd-muted); font-variant-numeric: tabular-nums; }\n.fd-cal-hour:first-child { transform: none; }\n.fd-cal-col {\n position: relative; min-width: 0; border-inline-start: 1px solid var(--fd-border); height: calc(var(--fd-cal-span) * var(--fd-cal-hour));\n background-image: repeating-linear-gradient(to bottom, var(--fd-border) 0 1px, transparent 1px calc(var(--fd-cal-hour) / 2), color-mix(in srgb, var(--fd-border) 50%, transparent) calc(var(--fd-cal-hour) / 2) calc(var(--fd-cal-hour) / 2 + 1px), transparent calc(var(--fd-cal-hour) / 2 + 1px) var(--fd-cal-hour));\n}\n.fd-cal-col[data-today] { background-color: color-mix(in srgb, var(--fd-accent) 4%, transparent); }\n.fd-cal-slot { box-sizing: border-box; height: calc(var(--fd-cal-hour) * var(--fd-cal-slot) / 60); }\n.fd-cal[data-creates] .fd-cal-slot, .fd-cal[data-creates] .fd-cal-allday, .fd-cal[data-creates] .fd-cal-day { cursor: cell; }\n.fd-cal-slot:focus { outline: none; }\n.fd-cal-slot:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: -2px; background: var(--fd-accent-soft); }\n.fd-cal-picking { position: absolute; inset-inline: 2px; z-index: 2; box-sizing: border-box; border: 1px dashed var(--fd-accent); border-radius: 4px; background: var(--fd-accent-soft); pointer-events: none; }\n/* Under the records, so a record's words are never struck through. */\n.fd-cal-now { position: absolute; inset-inline: 0; z-index: 0; height: 2px; margin-top: -1px; background: var(--fd-error); pointer-events: none; }\n.fd-cal-now::before { content: \"\"; position: absolute; inset-inline-start: -5px; top: -4px; width: 10px; height: 10px; border-radius: 50%; background: var(--fd-error); }\n\n/* A record: a tint of the surface, a bar in its colour. */\n.fd-cal-event {\n --fd-cal-c: var(--fd-accent);\n box-sizing: border-box; min-width: 0; overflow: hidden; padding: 2px 6px; border-radius: 4px; font-size: 12.5px; line-height: 1.3;\n background: color-mix(in srgb, var(--fd-cal-c) 16%, var(--fd-surface)); color: var(--fd-text); border-inline-start: 3px solid var(--fd-cal-c);\n cursor: default; user-select: none; -webkit-user-select: none;\n}\n.fd-cal-event[data-opens], .fd-cal-event[data-moves] { cursor: pointer; }\n.fd-cal-event:hover, .fd-cal-event.fd-cal-hot { background: color-mix(in srgb, var(--fd-cal-c) 26%, var(--fd-surface)); }\n.fd-cal-event:focus { outline: none; }\n.fd-cal-event:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: 1px; z-index: 3; }\n.fd-cal-col > .fd-cal-event { position: absolute; z-index: 1; box-shadow: 0 0 0 1px var(--fd-surface); line-height: 16px; container: fd-cal-ev / inline-size; }\n/* Its words in the whole lines its height holds (--fd-cal-lines, by linesIn): none cut through. */\n.fd-cal-col > .fd-cal-event > .fd-cal-event-text { display: block; max-height: calc(var(--fd-cal-lines, 1) * 16px); overflow: hidden; text-overflow: ellipsis; }\n/* Each word whole, a long one cut with \"\u2026\"; too narrow for its time, the name alone (the hours say when). */\n.fd-cal-col .fd-cal-event-title { overflow-wrap: normal; }\n.fd-cal-col .fd-cal-event-who { overflow: hidden; text-overflow: ellipsis; }\n@container fd-cal-ev (max-width: 56px) { .fd-cal-col .fd-cal-event-time, .fd-cal-col .fd-cal-event-who { display: none; } }\n.fd-cal-event[data-moving] { opacity: 0.9; z-index: 6; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22); pointer-events: none; }\n.fd-cal-event[aria-busy=\"true\"] { opacity: 0.75; }\n.fd-cal-event-time { font-variant-numeric: tabular-nums; }\n.fd-cal-event-title { font-weight: 600; overflow-wrap: anywhere; text-align: match-parent; }\n.fd-cal-event-who { display: block; opacity: 0.85; }\n/* 24 pixels at least, so a finger or a pointer can hit each (WCAG 2.5.8). */\n.fd-cal-allday > .fd-cal-event, .fd-cal-day > .fd-cal-event { position: relative; min-height: 24px; box-sizing: border-box; line-height: 20px; white-space: nowrap; padding-inline-end: 24px; }\n.fd-cal-col > .fd-cal-event[data-short] .fd-cal-event-who { display: none; }\n/* One line (a short record, a month's day, all day): the name cut with \"\u2026\" at its own end, so a Latin one right to left\n keeps its start; whole when pointed at, and to a screen reader. */\n.fd-cal-col > .fd-cal-event[data-short] > .fd-cal-event-text, .fd-cal-allday .fd-cal-event-text, .fd-cal-day .fd-cal-event-text { display: flex; gap: 0.3em; white-space: nowrap; }\n:is(.fd-cal-col > .fd-cal-event[data-short], .fd-cal-allday > .fd-cal-event, .fd-cal-day > .fd-cal-event) .fd-cal-event-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; }\n.fd-cal-resize { position: absolute; inset-inline: 0; bottom: 0; height: 8px; cursor: ns-resize; touch-action: none; }\n.fd-cal-event-menu {\n position: absolute; top: 0; inset-inline-end: 0; z-index: 2; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 4px;\n display: none; place-items: center; background: var(--fd-surface); color: var(--fd-text); font: 700 14px/1 system-ui, sans-serif; cursor: pointer;\n}\n.fd-cal-event:hover > .fd-cal-event-menu, .fd-cal-event:focus-within > .fd-cal-event-menu, .fd-cal-event:focus > .fd-cal-event-menu { display: grid; }\n@media (hover: none) { .fd-cal-event-menu { display: grid; } }\n\n/* The month: whole weeks, each day its records, and how many more. */\n.fd-cal-month { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }\n.fd-cal-weekday { padding: 6px 4px; border-bottom: 1px solid var(--fd-border); font-size: 12px; color: var(--fd-muted); text-align: center; }\n.fd-cal-weekday + .fd-cal-weekday, .fd-cal-day:not(:nth-child(7n + 1)) { border-inline-start: 1px solid var(--fd-border); }\n.fd-cal-day { box-sizing: border-box; min-width: 0; min-height: 104px; padding: 3px; display: grid; align-content: start; gap: 2px; border-bottom: 1px solid var(--fd-border); }\n.fd-cal-day[data-out] { background: color-mix(in srgb, var(--fd-text) 3%, var(--fd-surface)); }\n.fd-cal-daynum { justify-self: start; min-width: 26px; height: 26px; padding: 0 6px; border: 0; border-radius: 999px; background: none; color: var(--fd-text); font: inherit; font-size: 12.5px; cursor: pointer; }\n.fd-cal-day[data-out] .fd-cal-daynum { color: var(--fd-muted); }\n.fd-cal-day[aria-current=\"date\"] .fd-cal-daynum { background: var(--fd-accent); color: var(--fd-accent-text); font-weight: 600; }\n.fd-cal-more { justify-self: start; min-height: 24px; padding: 0 6px; border: 0; background: none; color: var(--fd-accent); font: inherit; font-size: 12px; cursor: pointer; }\n/* A crowded slot's \"+N more\", in the last lane over the records it holds. */\n.fd-cal-col > .fd-cal-more {\n position: absolute; z-index: 1; box-sizing: border-box; display: block; padding: 3px 2px; line-height: 14px; text-align: center; overflow: hidden;\n border-radius: 4px; border: 1px dashed color-mix(in srgb, var(--fd-accent) 55%, transparent); background: var(--fd-accent-soft); font-weight: 600;\n}\n.fd-cal-col > .fd-cal-more:hover { background: color-mix(in srgb, var(--fd-accent) 22%, var(--fd-surface)); }\n.fd-cal-day > .fd-cal-event .fd-cal-event-who { display: none; }\n\n/* The agenda: each day that has something, its records in order. */\n.fd-cal-agenda-day { display: grid; grid-template-columns: minmax(8em, 11em) minmax(0, 1fr); border-bottom: 1px solid var(--fd-border); }\n.fd-cal-agenda-day:last-child { border-bottom: 0; }\n.fd-cal-agenda-head { margin: 0; padding: 10px 12px; font-size: 13px; font-weight: 600; }\n.fd-cal-agenda-day[aria-current=\"date\"] .fd-cal-agenda-head { color: var(--fd-accent); }\n.fd-cal-agenda-list { list-style: none; margin: 0; padding: 6px 8px; display: grid; gap: 4px; min-width: 0; }\n.fd-cal-agenda-list .fd-cal-event { position: relative; padding: 0; font-size: 13.5px; }\n.fd-cal-event-open { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 12px; padding-block: 8px; padding-inline: 10px 48px; border-radius: inherit; }\n.fd-cal-event[data-opens] .fd-cal-event-open { cursor: pointer; }\n.fd-cal-event-open:focus { outline: none; }\n.fd-cal-event-open:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: 1px; }\n.fd-cal-agenda-list .fd-cal-event-who { grid-column: 2; }\n.fd-cal-agenda-list .fd-cal-event-menu { display: grid; top: 50%; transform: translateY(-50%); inset-inline-end: 6px; width: 36px; height: 36px; }\n.fd-cal-agenda-list .fd-cal-event-menu:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: 1px; }\n@container fd-cal (max-width: 520px) {\n .fd-cal-agenda-day { grid-template-columns: minmax(0, 1fr); }\n .fd-cal-agenda-head { padding-bottom: 0; }\n .fd-cal-title { flex-basis: 100%; order: -1; }\n}\n\n/* \"Move to\u2026\": its day, its time, its person; and a crowded slot's list, in the same kind of box. */\n.fd-cal-move, .fd-cal-crowd {\n position: absolute; z-index: 30; box-sizing: border-box; width: min(320px, calc(100% - 16px)); padding: 14px; display: grid; gap: 10px;\n background: var(--fd-surface); color: var(--fd-text); border: 1px solid var(--fd-border); border-radius: max(var(--fd-radius), 6px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);\n}\n.fd-cal-move-title { margin: 0; font-size: 14px; font-weight: 600; }\n.fd-cal-move label { display: grid; gap: 4px; font-size: 13px; }\n.fd-cal-move-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }\n.fd-cal-move-problem { margin: 0; color: var(--fd-error); font-size: 13px; }\n.fd-cal-move-problem:empty { display: none; }\n.fd-cal-move .fd-input[aria-invalid=\"true\"] { border-color: var(--fd-error); }\n.fd-cal-crowd { padding: 10px; gap: 6px; }\n.fd-cal-crowd-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-inline-start: 4px; }\n.fd-cal-crowd .fd-cal-agenda-list { padding: 0; max-height: min(60vh, 360px); overflow-y: auto; }\n";
|
|
8
8
|
/** The calendar's stylesheet, once per document, before the page's own so an app's rule wins. */
|
|
9
9
|
export declare function installCalendarStyles(doc: Document): void;
|
package/src/lib/styles.d.ts
CHANGED
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
* its colour, which reads on a light page and a dark one alike. Logical
|
|
5
5
|
* sides throughout, so right to left needs nothing of its own but the arrows.
|
|
6
6
|
*/
|
|
7
|
-
export declare const CALENDAR_CSS = "\n.fd-cal { position: relative; display: grid; gap: 10px; min-width: 0; color: var(--fd-text); container: fd-cal / inline-size; --fd-cal-hour: 48px; }\n.fd-cal-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }\n.fd-cal-nav { display: inline-flex; gap: 4px; align-items: center; }\n.fd-cal .fd-button { min-height: 32px; }\n.fd-cal-step { min-width: 32px; padding-inline: 6px; display: inline-grid; place-items: center; }\n.fd-cal-step svg { width: 16px; height: 16px; }\n.fd-cal-step:dir(rtl) svg { transform: scaleX(-1); }\n.fd-cal-title { margin: 0; flex: 1 1 12em; min-width: 0; font-size: 1.05rem; font-weight: 600; }\n.fd-cal-ranges { display: inline-flex; border: 1px solid var(--fd-border); border-radius: var(--fd-control-radius); overflow: hidden; }\n.fd-cal-ranges .fd-button { border: 0; border-radius: 0; padding-inline: 10px; }\n.fd-cal-ranges .fd-button + .fd-button { border-inline-start: 1px solid var(--fd-border); }\n.fd-cal-ranges .fd-button[aria-pressed=\"true\"] { background: var(--fd-accent-soft); color: var(--fd-accent); font-weight: 600; }\n.fd-cal-said:not(:empty), .fd-cal-alert:not(:empty) { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 6px 10px; border-radius: var(--fd-control-radius); font-size: 13.5px; }\n.fd-cal-said:not(:empty) { background: var(--fd-info-soft); color: var(--fd-text); }\n.fd-cal-alert:not(:empty) { background: var(--fd-error-soft); color: var(--fd-text); }\n.fd-cal-said .fd-button { min-height: 28px; }\n.fd-cal-note { margin: 0; color: var(--fd-muted); font-size: 13px; }\n.fd-cal-body { min-width: 0; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); overflow: hidden; }\n.fd-cal-body[aria-busy=\"true\"] { cursor: progress; }\n.fd-cal-failed { margin: 0; padding: 24px; text-align: center; }\n.fd-cal-empty { margin: 0; padding: 32px 16px; text-align: center; color: var(--fd-muted); }\n\n/* The day and the week: the hours down the side, a column for each day or each person. */\n.fd-cal-scroll { overflow-x: auto; }\n.fd-cal-grid { display: grid; grid-template-columns: 52px repeat(var(--fd-cal-cols), minmax(var(--fd-cal-min, 0px), 1fr)); min-width: min-content; }\n.fd-cal-corner, .fd-cal-head { box-sizing: border-box; padding: 6px 4px; border-bottom: 1px solid var(--fd-border); font-size: 12px; color: var(--fd-muted); text-align: center; min-width: 0; }\n.fd-cal-head { border-inline-start: 1px solid var(--fd-border); overflow-wrap: anywhere; }\n.fd-cal-head-day { display: inline-grid; justify-items: center; gap: 2px; border: 0; background: none; color: inherit; font: inherit; padding: 2px 6px; border-radius: var(--fd-control-radius); cursor: pointer; }\n.fd-cal-head-day:hover { background: var(--fd-accent-soft); }\n.fd-cal-head-day:focus-visible, .fd-cal-daynum:focus-visible, .fd-cal-more:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: 1px; }\n.fd-cal-head-num { font-size: 18px; line-height: 28px; min-width: 28px; border-radius: 999px; color: var(--fd-text); }\n.fd-cal-head[aria-current=\"date\"] .fd-cal-head-num { background: var(--fd-accent); color: var(--fd-accent-text); }\n.fd-cal-head-who { font-size: 13px; font-weight: 600; color: var(--fd-text); }\n.fd-cal-corner { font-size: 11px; display: grid; align-items: end; justify-items: end; padding-inline-end: 6px; }\n.fd-cal-allday { box-sizing: border-box; display: grid; align-content: start; gap: 2px; padding: 2px; min-height: 30px; min-width: 0; border-inline-start: 1px solid var(--fd-border); border-bottom: 1px solid var(--fd-border); }\n.fd-cal-allday[data-alone] { min-height: 240px; }\n.fd-cal-hours { position: relative; height: calc(var(--fd-cal-span) * var(--fd-cal-hour)); }\n.fd-cal-hour { position: absolute; inset-inline-end: 6px; transform: translateY(-50%); font-size: 11px; color: var(--fd-muted); font-variant-numeric: tabular-nums; }\n.fd-cal-hour:first-child { transform: none; }\n.fd-cal-col {\n position: relative; min-width: 0; border-inline-start: 1px solid var(--fd-border); height: calc(var(--fd-cal-span) * var(--fd-cal-hour));\n background-image: repeating-linear-gradient(to bottom, var(--fd-border) 0 1px, transparent 1px calc(var(--fd-cal-hour) / 2), color-mix(in srgb, var(--fd-border) 50%, transparent) calc(var(--fd-cal-hour) / 2) calc(var(--fd-cal-hour) / 2 + 1px), transparent calc(var(--fd-cal-hour) / 2 + 1px) var(--fd-cal-hour));\n}\n.fd-cal-col[data-today] { background-color: color-mix(in srgb, var(--fd-accent) 4%, transparent); }\n.fd-cal-slot { box-sizing: border-box; height: calc(var(--fd-cal-hour) * var(--fd-cal-slot) / 60); }\n.fd-cal[data-creates] .fd-cal-slot, .fd-cal[data-creates] .fd-cal-allday, .fd-cal[data-creates] .fd-cal-day { cursor: cell; }\n.fd-cal-slot:focus { outline: none; }\n.fd-cal-slot:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: -2px; background: var(--fd-accent-soft); }\n.fd-cal-picking { position: absolute; inset-inline: 2px; z-index: 2; box-sizing: border-box; border: 1px dashed var(--fd-accent); border-radius: 4px; background: var(--fd-accent-soft); pointer-events: none; }\n/* Under the records, so a record's words are never struck through. */\n.fd-cal-now { position: absolute; inset-inline: 0; z-index: 0; height: 2px; margin-top: -1px; background: var(--fd-error); pointer-events: none; }\n.fd-cal-now::before { content: \"\"; position: absolute; inset-inline-start: -5px; top: -4px; width: 10px; height: 10px; border-radius: 50%; background: var(--fd-error); }\n\n/* A record: a tint of the surface, a bar in its colour. */\n.fd-cal-event {\n --fd-cal-c: var(--fd-accent);\n box-sizing: border-box; min-width: 0; overflow: hidden; padding: 2px 6px; border-radius: 4px; font-size: 12.5px; line-height: 1.3;\n background: color-mix(in srgb, var(--fd-cal-c) 16%, var(--fd-surface)); color: var(--fd-text); border-inline-start: 3px solid var(--fd-cal-c);\n cursor: default; user-select: none; -webkit-user-select: none;\n}\n.fd-cal-event[data-opens], .fd-cal-event[data-moves] { cursor: pointer; }\n.fd-cal-event:hover, .fd-cal-event.fd-cal-hot { background: color-mix(in srgb, var(--fd-cal-c) 26%, var(--fd-surface)); }\n.fd-cal-event:focus { outline: none; }\n.fd-cal-event:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: 1px; z-index: 3; }\n.fd-cal-col > .fd-cal-event { position: absolute; z-index: 1; box-shadow: 0 0 0 1px var(--fd-surface); line-height: 16px; container: fd-cal-ev / inline-size; }\n/* Its words in the whole lines its height holds (--fd-cal-lines, by linesIn): none cut through. */\n.fd-cal-col > .fd-cal-event > .fd-cal-event-text { display: block; max-height: calc(var(--fd-cal-lines, 1) * 16px); overflow: hidden; text-overflow: ellipsis; }\n/* Each word whole, a long one cut with \"\u2026\"; too narrow for its time, the name alone (the hours say when). */\n.fd-cal-col .fd-cal-event-title { overflow-wrap: normal; }\n.fd-cal-col .fd-cal-event-who { overflow: hidden; text-overflow: ellipsis; }\n@container fd-cal-ev (max-width: 56px) { .fd-cal-col .fd-cal-event-time, .fd-cal-col .fd-cal-event-who { display: none; } }\n.fd-cal-event[data-moving] { opacity: 0.9; z-index: 6; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22); pointer-events: none; }\n.fd-cal-event[aria-busy=\"true\"] { opacity: 0.75; }\n.fd-cal-event-time { font-variant-numeric: tabular-nums; }\n.fd-cal-event-title { font-weight: 600; overflow-wrap: anywhere; text-align: match-parent; }\n.fd-cal-event-who { display: block; opacity: 0.85; }\n/* 24 pixels at least, so a finger or a pointer can hit each (WCAG 2.5.8). */\n.fd-cal-allday > .fd-cal-event, .fd-cal-day > .fd-cal-event { position: relative; min-height: 24px; box-sizing: border-box; line-height: 20px; white-space: nowrap; padding-inline-end: 24px; }\n.fd-cal-col > .fd-cal-event[data-short] .fd-cal-event-who { display: none; }\n/* One line (a short record, a month's day, all day): the name cut with \"\u2026\" at its own end, so a Latin one right to left\n keeps its start; whole when pointed at, and to a screen reader. */\n.fd-cal-col > .fd-cal-event[data-short] > .fd-cal-event-text, .fd-cal-allday .fd-cal-event-text, .fd-cal-day .fd-cal-event-text { display: flex; gap: 0.3em; white-space: nowrap; }\n:is(.fd-cal-col > .fd-cal-event[data-short], .fd-cal-allday > .fd-cal-event, .fd-cal-day > .fd-cal-event) .fd-cal-event-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; }\n.fd-cal-resize { position: absolute; inset-inline: 0; bottom: 0; height: 8px; cursor: ns-resize; touch-action: none; }\n.fd-cal-event-menu {\n position: absolute; top: 0; inset-inline-end: 0; z-index: 2; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 4px;\n display: none; place-items: center; background: var(--fd-surface); color: var(--fd-text); font: 700 14px/1 system-ui, sans-serif; cursor: pointer;\n}\n.fd-cal-event:hover > .fd-cal-event-menu, .fd-cal-event:focus-within > .fd-cal-event-menu, .fd-cal-event:focus > .fd-cal-event-menu { display: grid; }\n@media (hover: none) { .fd-cal-event-menu { display: grid; } }\n\n/* The month: whole weeks, each day its records, and how many more. */\n.fd-cal-month { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }\n.fd-cal-weekday { padding: 6px 4px; border-bottom: 1px solid var(--fd-border); font-size: 12px; color: var(--fd-muted); text-align: center; }\n.fd-cal-weekday + .fd-cal-weekday, .fd-cal-day:not(:nth-child(7n + 1)) { border-inline-start: 1px solid var(--fd-border); }\n.fd-cal-day { box-sizing: border-box; min-width: 0; min-height: 104px; padding: 3px; display: grid; align-content: start; gap: 2px; border-bottom: 1px solid var(--fd-border); }\n.fd-cal-day[data-out] { background: color-mix(in srgb, var(--fd-text) 3%, var(--fd-surface)); }\n.fd-cal-daynum { justify-self: start; min-width: 26px; height: 26px; padding: 0 6px; border: 0; border-radius: 999px; background: none; color: var(--fd-text); font: inherit; font-size: 12.5px; cursor: pointer; }\n.fd-cal-day[data-out] .fd-cal-daynum { color: var(--fd-muted); }\n.fd-cal-day[aria-current=\"date\"] .fd-cal-daynum { background: var(--fd-accent); color: var(--fd-accent-text); font-weight: 600; }\n.fd-cal-more { justify-self: start; min-height: 24px; padding: 0 6px; border: 0; background: none; color: var(--fd-accent); font: inherit; font-size: 12px; cursor: pointer; }\n/* A crowded slot's \"+N more\", in the last lane over the records it holds. */\n.fd-cal-col > .fd-cal-more {\n position: absolute; z-index: 1; box-sizing: border-box; display: block; padding: 3px 2px; line-height: 14px; text-align: center; overflow: hidden;\n border-radius: 4px; border: 1px dashed color-mix(in srgb, var(--fd-accent) 55%, transparent); background: var(--fd-accent-soft); font-weight: 600;\n}\n.fd-cal-col > .fd-cal-more:hover { background: color-mix(in srgb, var(--fd-accent) 22%, var(--fd-surface)); }\n.fd-cal-day > .fd-cal-event .fd-cal-event-who { display: none; }\n\n/* The agenda: each day that has something, its records in order. */\n.fd-cal-agenda-day { display: grid; grid-template-columns: minmax(8em, 11em) minmax(0, 1fr); border-bottom: 1px solid var(--fd-border); }\n.fd-cal-agenda-day:last-child { border-bottom: 0; }\n.fd-cal-agenda-head { margin: 0; padding: 10px 12px; font-size: 13px; font-weight: 600; }\n.fd-cal-agenda-day[aria-current=\"date\"] .fd-cal-agenda-head { color: var(--fd-accent); }\n.fd-cal-agenda-list { list-style: none; margin: 0; padding: 6px 8px; display: grid; gap: 4px; min-width: 0; }\n.fd-cal-agenda-list .fd-cal-event { position: relative; padding: 0; font-size: 13.5px; }\n.fd-cal-event-open { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 12px; padding-block: 8px; padding-inline: 10px 48px; border-radius: inherit; }\n.fd-cal-event[data-opens] .fd-cal-event-open { cursor: pointer; }\n.fd-cal-event-open:focus { outline: none; }\n.fd-cal-event-open:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: 1px; }\n.fd-cal-agenda-list .fd-cal-event-who { grid-column: 2; }\n.fd-cal-agenda-list .fd-cal-event-menu { display: grid; top: 50%; transform: translateY(-50%); inset-inline-end: 6px; width: 36px; height: 36px; }\n.fd-cal-agenda-list .fd-cal-event-menu:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: 1px; }\n@container fd-cal (max-width: 520px) {\n .fd-cal-agenda-day { grid-template-columns: minmax(0, 1fr); }\n .fd-cal-agenda-head { padding-bottom: 0; }\n .fd-cal-title { flex-basis: 100%; order: -1; }\n}\n\n/* \"Move to\u2026\": its day, its time, its person; and a crowded slot's list, in the same kind of box. */\n.fd-cal-move, .fd-cal-crowd {\n position: absolute; z-index: 30; box-sizing: border-box; width: min(320px, calc(100% - 16px)); padding: 14px; display: grid; gap: 10px;\n background: var(--fd-surface); color: var(--fd-text); border: 1px solid var(--fd-border); border-radius: max(var(--fd-radius), 6px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);\n}\n.fd-cal-move-title { margin: 0; font-size: 14px; font-weight: 600; }\n.fd-cal-move label { display: grid; gap: 4px; font-size: 13px; }\n.fd-cal-move-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }\n.fd-cal-move-problem { margin: 0; color: var(--fd-error); font-size: 13px; }\n.fd-cal-move-problem:empty { display: none; }\n.fd-cal-move .fd-input[aria-invalid=\"true\"] { border-color: var(--fd-error); }\n.fd-cal-crowd { padding: 10px; gap: 6px; }\n.fd-cal-crowd-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-inline-start: 4px; }\n.fd-cal-crowd .fd-cal-agenda-list { padding: 0; max-height: min(60vh, 360px); overflow-y: auto; }\n";
|
|
7
|
+
export declare const CALENDAR_CSS = "\n.fd-cal { position: relative; display: grid; gap: 10px; min-width: 0; color: var(--fd-text); container: fd-cal / inline-size; --fd-cal-hour: 48px; }\n.fd-cal-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }\n.fd-cal-nav { display: inline-flex; gap: 4px; align-items: center; }\n.fd-cal .fd-button { min-height: 32px; }\n.fd-cal-step { min-width: 32px; padding-inline: 6px; display: inline-grid; place-items: center; }\n.fd-cal-step svg { width: 16px; height: 16px; }\n.fd-cal-step:dir(rtl) svg { transform: scaleX(-1); }\n.fd-cal-title { margin: 0; flex: 1 1 12em; min-width: 0; font-size: 1.05rem; font-weight: 600; }\n/* The zone the times are on, after the span, where it is not the reader's own: its short name, as a date box says it. */\n.fd-cal-zone { flex: none; padding: 1px 8px; border: 1px solid var(--fd-border); border-radius: 999px; font-size: 12.5px; color: var(--fd-muted); white-space: nowrap; }\n.fd-cal-ranges { display: inline-flex; border: 1px solid var(--fd-border); border-radius: var(--fd-control-radius); overflow: hidden; }\n.fd-cal-ranges .fd-button { border: 0; border-radius: 0; padding-inline: 10px; }\n.fd-cal-ranges .fd-button + .fd-button { border-inline-start: 1px solid var(--fd-border); }\n.fd-cal-ranges .fd-button[aria-pressed=\"true\"] { background: var(--fd-accent-soft); color: var(--fd-accent); font-weight: 600; }\n.fd-cal-said:not(:empty), .fd-cal-alert:not(:empty) { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 6px 10px; border-radius: var(--fd-control-radius); font-size: 13.5px; }\n.fd-cal-said:not(:empty) { background: var(--fd-info-soft); color: var(--fd-text); }\n.fd-cal-alert:not(:empty) { background: var(--fd-error-soft); color: var(--fd-text); }\n.fd-cal-said .fd-button { min-height: 28px; }\n.fd-cal-note { margin: 0; color: var(--fd-muted); font-size: 13px; }\n.fd-cal-body { min-width: 0; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); overflow: hidden; }\n.fd-cal-body[aria-busy=\"true\"] { cursor: progress; }\n.fd-cal-failed { margin: 0; padding: 24px; text-align: center; }\n.fd-cal-empty { margin: 0; padding: 32px 16px; text-align: center; color: var(--fd-muted); }\n\n/* The day and the week: the hours down the side, a column for each day or each person. */\n.fd-cal-scroll { overflow-x: auto; }\n.fd-cal-grid { display: grid; grid-template-columns: 52px repeat(var(--fd-cal-cols), minmax(var(--fd-cal-min, 0px), 1fr)); min-width: min-content; }\n.fd-cal-corner, .fd-cal-head { box-sizing: border-box; padding: 6px 4px; border-bottom: 1px solid var(--fd-border); font-size: 12px; color: var(--fd-muted); text-align: center; min-width: 0; }\n.fd-cal-head { border-inline-start: 1px solid var(--fd-border); overflow-wrap: anywhere; }\n.fd-cal-head-day { display: inline-grid; justify-items: center; gap: 2px; border: 0; background: none; color: inherit; font: inherit; padding: 2px 6px; border-radius: var(--fd-control-radius); cursor: pointer; }\n.fd-cal-head-day:hover { background: var(--fd-accent-soft); }\n.fd-cal-head-day:focus-visible, .fd-cal-daynum:focus-visible, .fd-cal-more:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: 1px; }\n.fd-cal-head-num { font-size: 18px; line-height: 28px; min-width: 28px; border-radius: 999px; color: var(--fd-text); }\n.fd-cal-head[aria-current=\"date\"] .fd-cal-head-num { background: var(--fd-accent); color: var(--fd-accent-text); }\n.fd-cal-head-who { font-size: 13px; font-weight: 600; color: var(--fd-text); }\n.fd-cal-corner { font-size: 11px; display: grid; align-items: end; justify-items: end; padding-inline-end: 6px; }\n.fd-cal-allday { box-sizing: border-box; display: grid; align-content: start; gap: 2px; padding: 2px; min-height: 30px; min-width: 0; border-inline-start: 1px solid var(--fd-border); border-bottom: 1px solid var(--fd-border); }\n.fd-cal-allday[data-alone] { min-height: 240px; }\n.fd-cal-hours { position: relative; height: calc(var(--fd-cal-span) * var(--fd-cal-hour)); }\n.fd-cal-hour { position: absolute; inset-inline-end: 6px; transform: translateY(-50%); font-size: 11px; color: var(--fd-muted); font-variant-numeric: tabular-nums; }\n.fd-cal-hour:first-child { transform: none; }\n.fd-cal-col {\n position: relative; min-width: 0; border-inline-start: 1px solid var(--fd-border); height: calc(var(--fd-cal-span) * var(--fd-cal-hour));\n background-image: repeating-linear-gradient(to bottom, var(--fd-border) 0 1px, transparent 1px calc(var(--fd-cal-hour) / 2), color-mix(in srgb, var(--fd-border) 50%, transparent) calc(var(--fd-cal-hour) / 2) calc(var(--fd-cal-hour) / 2 + 1px), transparent calc(var(--fd-cal-hour) / 2 + 1px) var(--fd-cal-hour));\n}\n.fd-cal-col[data-today] { background-color: color-mix(in srgb, var(--fd-accent) 4%, transparent); }\n.fd-cal-slot { box-sizing: border-box; height: calc(var(--fd-cal-hour) * var(--fd-cal-slot) / 60); }\n.fd-cal[data-creates] .fd-cal-slot, .fd-cal[data-creates] .fd-cal-allday, .fd-cal[data-creates] .fd-cal-day { cursor: cell; }\n.fd-cal-slot:focus { outline: none; }\n.fd-cal-slot:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: -2px; background: var(--fd-accent-soft); }\n.fd-cal-picking { position: absolute; inset-inline: 2px; z-index: 2; box-sizing: border-box; border: 1px dashed var(--fd-accent); border-radius: 4px; background: var(--fd-accent-soft); pointer-events: none; }\n/* Under the records, so a record's words are never struck through. */\n.fd-cal-now { position: absolute; inset-inline: 0; z-index: 0; height: 2px; margin-top: -1px; background: var(--fd-error); pointer-events: none; }\n.fd-cal-now::before { content: \"\"; position: absolute; inset-inline-start: -5px; top: -4px; width: 10px; height: 10px; border-radius: 50%; background: var(--fd-error); }\n\n/* A record: a tint of the surface, a bar in its colour. */\n.fd-cal-event {\n --fd-cal-c: var(--fd-accent);\n box-sizing: border-box; min-width: 0; overflow: hidden; padding: 2px 6px; border-radius: 4px; font-size: 12.5px; line-height: 1.3;\n background: color-mix(in srgb, var(--fd-cal-c) 16%, var(--fd-surface)); color: var(--fd-text); border-inline-start: 3px solid var(--fd-cal-c);\n cursor: default; user-select: none; -webkit-user-select: none;\n}\n.fd-cal-event[data-opens], .fd-cal-event[data-moves] { cursor: pointer; }\n.fd-cal-event:hover, .fd-cal-event.fd-cal-hot { background: color-mix(in srgb, var(--fd-cal-c) 26%, var(--fd-surface)); }\n.fd-cal-event:focus { outline: none; }\n.fd-cal-event:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: 1px; z-index: 3; }\n.fd-cal-col > .fd-cal-event { position: absolute; z-index: 1; box-shadow: 0 0 0 1px var(--fd-surface); line-height: 16px; container: fd-cal-ev / inline-size; }\n/* Its words in the whole lines its height holds (--fd-cal-lines, by linesIn): none cut through. */\n.fd-cal-col > .fd-cal-event > .fd-cal-event-text { display: block; max-height: calc(var(--fd-cal-lines, 1) * 16px); overflow: hidden; text-overflow: ellipsis; }\n/* Each word whole, a long one cut with \"\u2026\"; too narrow for its time, the name alone (the hours say when). */\n.fd-cal-col .fd-cal-event-title { overflow-wrap: normal; }\n.fd-cal-col .fd-cal-event-who { overflow: hidden; text-overflow: ellipsis; }\n@container fd-cal-ev (max-width: 56px) { .fd-cal-col .fd-cal-event-time, .fd-cal-col .fd-cal-event-who { display: none; } }\n.fd-cal-event[data-moving] { opacity: 0.9; z-index: 6; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22); pointer-events: none; }\n.fd-cal-event[aria-busy=\"true\"] { opacity: 0.75; }\n.fd-cal-event-time { font-variant-numeric: tabular-nums; }\n.fd-cal-event-title { font-weight: 600; overflow-wrap: anywhere; text-align: match-parent; }\n.fd-cal-event-who { display: block; opacity: 0.85; }\n/* 24 pixels at least, so a finger or a pointer can hit each (WCAG 2.5.8). */\n.fd-cal-allday > .fd-cal-event, .fd-cal-day > .fd-cal-event { position: relative; min-height: 24px; box-sizing: border-box; line-height: 20px; white-space: nowrap; padding-inline-end: 24px; }\n.fd-cal-col > .fd-cal-event[data-short] .fd-cal-event-who { display: none; }\n/* One line (a short record, a month's day, all day): the name cut with \"\u2026\" at its own end, so a Latin one right to left\n keeps its start; whole when pointed at, and to a screen reader. */\n.fd-cal-col > .fd-cal-event[data-short] > .fd-cal-event-text, .fd-cal-allday .fd-cal-event-text, .fd-cal-day .fd-cal-event-text { display: flex; gap: 0.3em; white-space: nowrap; }\n:is(.fd-cal-col > .fd-cal-event[data-short], .fd-cal-allday > .fd-cal-event, .fd-cal-day > .fd-cal-event) .fd-cal-event-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; }\n.fd-cal-resize { position: absolute; inset-inline: 0; bottom: 0; height: 8px; cursor: ns-resize; touch-action: none; }\n.fd-cal-event-menu {\n position: absolute; top: 0; inset-inline-end: 0; z-index: 2; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 4px;\n display: none; place-items: center; background: var(--fd-surface); color: var(--fd-text); font: 700 14px/1 system-ui, sans-serif; cursor: pointer;\n}\n.fd-cal-event:hover > .fd-cal-event-menu, .fd-cal-event:focus-within > .fd-cal-event-menu, .fd-cal-event:focus > .fd-cal-event-menu { display: grid; }\n@media (hover: none) { .fd-cal-event-menu { display: grid; } }\n\n/* The month: whole weeks, each day its records, and how many more. */\n.fd-cal-month { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }\n.fd-cal-weekday { padding: 6px 4px; border-bottom: 1px solid var(--fd-border); font-size: 12px; color: var(--fd-muted); text-align: center; }\n.fd-cal-weekday + .fd-cal-weekday, .fd-cal-day:not(:nth-child(7n + 1)) { border-inline-start: 1px solid var(--fd-border); }\n.fd-cal-day { box-sizing: border-box; min-width: 0; min-height: 104px; padding: 3px; display: grid; align-content: start; gap: 2px; border-bottom: 1px solid var(--fd-border); }\n.fd-cal-day[data-out] { background: color-mix(in srgb, var(--fd-text) 3%, var(--fd-surface)); }\n.fd-cal-daynum { justify-self: start; min-width: 26px; height: 26px; padding: 0 6px; border: 0; border-radius: 999px; background: none; color: var(--fd-text); font: inherit; font-size: 12.5px; cursor: pointer; }\n.fd-cal-day[data-out] .fd-cal-daynum { color: var(--fd-muted); }\n.fd-cal-day[aria-current=\"date\"] .fd-cal-daynum { background: var(--fd-accent); color: var(--fd-accent-text); font-weight: 600; }\n.fd-cal-more { justify-self: start; min-height: 24px; padding: 0 6px; border: 0; background: none; color: var(--fd-accent); font: inherit; font-size: 12px; cursor: pointer; }\n/* A crowded slot's \"+N more\", in the last lane over the records it holds. */\n.fd-cal-col > .fd-cal-more {\n position: absolute; z-index: 1; box-sizing: border-box; display: block; padding: 3px 2px; line-height: 14px; text-align: center; overflow: hidden;\n border-radius: 4px; border: 1px dashed color-mix(in srgb, var(--fd-accent) 55%, transparent); background: var(--fd-accent-soft); font-weight: 600;\n}\n.fd-cal-col > .fd-cal-more:hover { background: color-mix(in srgb, var(--fd-accent) 22%, var(--fd-surface)); }\n.fd-cal-day > .fd-cal-event .fd-cal-event-who { display: none; }\n\n/* The agenda: each day that has something, its records in order. */\n.fd-cal-agenda-day { display: grid; grid-template-columns: minmax(8em, 11em) minmax(0, 1fr); border-bottom: 1px solid var(--fd-border); }\n.fd-cal-agenda-day:last-child { border-bottom: 0; }\n.fd-cal-agenda-head { margin: 0; padding: 10px 12px; font-size: 13px; font-weight: 600; }\n.fd-cal-agenda-day[aria-current=\"date\"] .fd-cal-agenda-head { color: var(--fd-accent); }\n.fd-cal-agenda-list { list-style: none; margin: 0; padding: 6px 8px; display: grid; gap: 4px; min-width: 0; }\n.fd-cal-agenda-list .fd-cal-event { position: relative; padding: 0; font-size: 13.5px; }\n.fd-cal-event-open { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 12px; padding-block: 8px; padding-inline: 10px 48px; border-radius: inherit; }\n.fd-cal-event[data-opens] .fd-cal-event-open { cursor: pointer; }\n.fd-cal-event-open:focus { outline: none; }\n.fd-cal-event-open:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: 1px; }\n.fd-cal-agenda-list .fd-cal-event-who { grid-column: 2; }\n.fd-cal-agenda-list .fd-cal-event-menu { display: grid; top: 50%; transform: translateY(-50%); inset-inline-end: 6px; width: 36px; height: 36px; }\n.fd-cal-agenda-list .fd-cal-event-menu:focus-visible { outline: 2px solid var(--fd-focus); outline-offset: 1px; }\n@container fd-cal (max-width: 520px) {\n .fd-cal-agenda-day { grid-template-columns: minmax(0, 1fr); }\n .fd-cal-agenda-head { padding-bottom: 0; }\n .fd-cal-title { flex-basis: 100%; order: -1; }\n}\n\n/* \"Move to\u2026\": its day, its time, its person; and a crowded slot's list, in the same kind of box. */\n.fd-cal-move, .fd-cal-crowd {\n position: absolute; z-index: 30; box-sizing: border-box; width: min(320px, calc(100% - 16px)); padding: 14px; display: grid; gap: 10px;\n background: var(--fd-surface); color: var(--fd-text); border: 1px solid var(--fd-border); border-radius: max(var(--fd-radius), 6px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);\n}\n.fd-cal-move-title { margin: 0; font-size: 14px; font-weight: 600; }\n.fd-cal-move label { display: grid; gap: 4px; font-size: 13px; }\n.fd-cal-move-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }\n.fd-cal-move-problem { margin: 0; color: var(--fd-error); font-size: 13px; }\n.fd-cal-move-problem:empty { display: none; }\n.fd-cal-move .fd-input[aria-invalid=\"true\"] { border-color: var(--fd-error); }\n.fd-cal-crowd { padding: 10px; gap: 6px; }\n.fd-cal-crowd-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-inline-start: 4px; }\n.fd-cal-crowd .fd-cal-agenda-list { padding: 0; max-height: min(60vh, 360px); overflow-y: auto; }\n";
|
|
8
8
|
/** The calendar's stylesheet, once per document, before the page's own so an app's rule wins. */
|
|
9
9
|
export declare function installCalendarStyles(doc: Document): void;
|
package/src/lib/styles.js
CHANGED
|
@@ -17,6 +17,8 @@ exports.CALENDAR_CSS = `
|
|
|
17
17
|
.fd-cal-step svg { width: 16px; height: 16px; }
|
|
18
18
|
.fd-cal-step:dir(rtl) svg { transform: scaleX(-1); }
|
|
19
19
|
.fd-cal-title { margin: 0; flex: 1 1 12em; min-width: 0; font-size: 1.05rem; font-weight: 600; }
|
|
20
|
+
/* The zone the times are on, after the span, where it is not the reader's own: its short name, as a date box says it. */
|
|
21
|
+
.fd-cal-zone { flex: none; padding: 1px 8px; border: 1px solid var(--fd-border); border-radius: 999px; font-size: 12.5px; color: var(--fd-muted); white-space: nowrap; }
|
|
20
22
|
.fd-cal-ranges { display: inline-flex; border: 1px solid var(--fd-border); border-radius: var(--fd-control-radius); overflow: hidden; }
|
|
21
23
|
.fd-cal-ranges .fd-button { border: 0; border-radius: 0; padding-inline: 10px; }
|
|
22
24
|
.fd-cal-ranges .fd-button + .fd-button { border-inline-start: 1px solid var(--fd-border); }
|
package/src/lib/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../libs/calendar/src/lib/styles.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../libs/calendar/src/lib/styles.ts"],"names":[],"mappings":";;;AA2JA,sDAMC;AAjKD;;;;;GAKG;AACU,QAAA,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkJ3B,CAAC;AAEF,iGAAiG;AACjG,SAAgB,qBAAqB,CAAC,GAAa;IACjD,IAAI,GAAG,CAAC,cAAc,CAAC,yBAAyB,CAAC;QAAE,OAAO;IAC1D,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,GAAG,yBAAyB,CAAC;IACrC,KAAK,CAAC,WAAW,GAAG,oBAAY,CAAC;IACjC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;AAC1B,CAAC"}
|
package/src/lib/styles.mjs
CHANGED
|
@@ -13,6 +13,8 @@ export const CALENDAR_CSS = `
|
|
|
13
13
|
.fd-cal-step svg { width: 16px; height: 16px; }
|
|
14
14
|
.fd-cal-step:dir(rtl) svg { transform: scaleX(-1); }
|
|
15
15
|
.fd-cal-title { margin: 0; flex: 1 1 12em; min-width: 0; font-size: 1.05rem; font-weight: 600; }
|
|
16
|
+
/* The zone the times are on, after the span, where it is not the reader's own: its short name, as a date box says it. */
|
|
17
|
+
.fd-cal-zone { flex: none; padding: 1px 8px; border: 1px solid var(--fd-border); border-radius: 999px; font-size: 12.5px; color: var(--fd-muted); white-space: nowrap; }
|
|
16
18
|
.fd-cal-ranges { display: inline-flex; border: 1px solid var(--fd-border); border-radius: var(--fd-control-radius); overflow: hidden; }
|
|
17
19
|
.fd-cal-ranges .fd-button { border: 0; border-radius: 0; padding-inline: 10px; }
|
|
18
20
|
.fd-cal-ranges .fd-button + .fd-button { border-inline-start: 1px solid var(--fd-border); }
|
package/src/lib/styles.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.mjs","sourceRoot":"","sources":["../../../../../libs/calendar/src/lib/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG
|
|
1
|
+
{"version":3,"file":"styles.mjs","sourceRoot":"","sources":["../../../../../libs/calendar/src/lib/styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkJ3B,CAAC;AAEF,iGAAiG;AACjG,MAAM,UAAU,qBAAqB,CAAC,GAAa;IACjD,IAAI,GAAG,CAAC,cAAc,CAAC,yBAAyB,CAAC;QAAE,OAAO;IAC1D,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,GAAG,yBAAyB,CAAC;IACrC,KAAK,CAAC,WAAW,GAAG,YAAY,CAAC;IACjC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;AAC1B,CAAC"}
|