@mantine-vue/schedule 2.1.0 → 2.2.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.
Files changed (27) hide show
  1. package/cjs/index.cjs +2228 -1
  2. package/cjs/index.cjs.map +1 -1
  3. package/esm/index.mjs +2220 -3
  4. package/esm/index.mjs.map +1 -1
  5. package/lib/components/ResourcesDayView/ResourcesDayView.d.ts +346 -0
  6. package/lib/components/ResourcesDayView/get-overlap-clusters/get-overlap-clusters.d.ts +2 -0
  7. package/lib/components/ResourcesDayView/get-resources-day-view-events/get-resources-day-view-events.d.ts +15 -0
  8. package/lib/components/ResourcesDayView/index.d.ts +3 -0
  9. package/lib/components/ResourcesMonthView/ResourcesMonthView.d.ts +279 -0
  10. package/lib/components/ResourcesMonthView/index.d.ts +1 -0
  11. package/lib/components/ResourcesSchedule/ResourcesSchedule.d.ts +201 -0
  12. package/lib/components/ResourcesSchedule/index.d.ts +1 -0
  13. package/lib/components/ResourcesWeekView/ResourcesWeekView.d.ts +412 -0
  14. package/lib/components/ResourcesWeekView/get-resources-week-view-events/get-resources-week-view-events.d.ts +21 -0
  15. package/lib/components/ResourcesWeekView/index.d.ts +2 -0
  16. package/lib/hooks/use-horizontal-event-resize.d.ts +200 -0
  17. package/lib/index.d.mts +4 -0
  18. package/lib/index.d.ts +4 -0
  19. package/lib/labels.d.ts +3 -0
  20. package/lib/types.d.ts +15 -0
  21. package/lib/utils/get-group-to-resource-id-map/get-group-to-resource-id-map.d.ts +2 -0
  22. package/lib/utils/get-ordered-resources/get-ordered-resources.d.ts +17 -0
  23. package/lib/utils/handle-resources-grid-key-down/handle-resources-grid-key-down.d.ts +8 -0
  24. package/lib/utils/index.d.ts +5 -0
  25. package/package.json +4 -4
  26. package/styles.css +703 -0
  27. package/styles.layer.css +703 -0
package/styles.css CHANGED
@@ -2084,4 +2084,707 @@
2084
2084
  display: block
2085
2085
  }
2086
2086
  }
2087
+ ._resourcesDayView_7b9z2_1 {
2088
+ --resources-day-view-radius: var(--schedule-radius, var(--mantine-radius-default));
2089
+ --resources-day-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
2090
+ --resources-day-view-slot-width: calc(5rem * var(--mantine-scale));
2091
+ --resources-day-view-row-height: calc(4rem * var(--mantine-scale));
2092
+ --resources-day-view-group-label-width: calc(5rem * var(--mantine-scale));
2093
+ --resources-day-view-all-day-height: calc(1.25rem * var(--mantine-scale));
2094
+ }
2095
+
2096
+ :where([data-mantine-color-scheme='light']) ._resourcesDayView_7b9z2_1 {
2097
+ --resources-day-view-border-color: var(--mantine-color-gray-3);
2098
+ --resources-day-view-business-hours-bg: var(--mantine-color-white);
2099
+ --resources-day-view-non-business-hours-bg: var(--mantine-color-gray-0);
2100
+ }
2101
+
2102
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayView_7b9z2_1 {
2103
+ --resources-day-view-border-color: var(--mantine-color-dark-4);
2104
+ --resources-day-view-business-hours-bg: var(--mantine-color-dark-7);
2105
+ --resources-day-view-non-business-hours-bg: var(--mantine-color-dark-6);
2106
+ }
2107
+
2108
+ ._resourcesDayViewRoot_7b9z2_22 {
2109
+ border: 1px solid var(--resources-day-view-border-color);
2110
+ border-radius: var(--resources-day-view-radius);
2111
+ overflow: hidden;
2112
+ max-width: fit-content;
2113
+ position: relative;
2114
+ }
2115
+
2116
+ ._resourcesDayViewScrollArea_7b9z2_30 :where([data-mantine-scrollbar]) {
2117
+ z-index: 20;
2118
+ }
2119
+
2120
+ ._resourcesDayViewScrollArea_7b9z2_30 :where([data-scrollarea-viewport]) {
2121
+ overscroll-behavior-x: none;
2122
+ }
2123
+
2124
+ ._resourcesDayViewInner_7b9z2_39 {
2125
+ display: inline-flex;
2126
+ flex-direction: column;
2127
+ position: relative;
2128
+ }
2129
+ ._resourcesDayViewTimeLabelsRow_7b9z2_44 {
2130
+ display: flex;
2131
+ position: sticky;
2132
+ top: 0;
2133
+ z-index: 5;
2134
+ background-color: var(--mantine-color-body);
2135
+ border-bottom: 1px solid var(--resources-day-view-border-color);
2136
+ margin-bottom: calc(-0.0625rem * var(--mantine-scale));
2137
+ transition: box-shadow 100ms ease;
2138
+ }
2139
+ ._resourcesDayViewTimeLabelsRow_7b9z2_44:where([data-scrolled]) {
2140
+ box-shadow: var(--mantine-shadow-sm);
2141
+ }
2142
+ ._resourcesDayViewCorner_7b9z2_57 {
2143
+ flex: 0 0 var(--resources-day-view-resource-label-width);
2144
+ min-width: var(--resources-day-view-resource-label-width);
2145
+ border-inline-end: 1px solid var(--resources-day-view-border-color);
2146
+ position: sticky;
2147
+ left: 0;
2148
+ z-index: 11;
2149
+ background-color: var(--mantine-color-body);
2150
+ display: flex;
2151
+ align-items: center;
2152
+ justify-content: center;
2153
+ font-size: var(--mantine-font-size-sm);
2154
+ font-weight: var(--mantine-font-weight-medium);
2155
+ user-select: none;
2156
+ }
2157
+ ._resourcesDayViewTimeLabel_7b9z2_44 {
2158
+ flex: 0 0 var(--resources-day-view-slot-width);
2159
+ min-width: var(--resources-day-view-slot-width);
2160
+ max-width: var(--resources-day-view-slot-width);
2161
+ height: calc(2.25rem * var(--mantine-scale));
2162
+ display: flex;
2163
+ align-items: center;
2164
+ justify-content: center;
2165
+ font-size: var(--mantine-font-size-sm);
2166
+ user-select: none;
2167
+ cursor: default;
2168
+ font-variant-numeric: tabular-nums;
2169
+ text-transform: uppercase;
2170
+ border-inline-end: 1px solid var(--resources-day-view-border-color);
2171
+ }
2172
+ ._resourcesDayViewTimeLabel_7b9z2_44:where(:last-of-type) {
2173
+ border-inline-end: none;
2174
+ }
2175
+ ._resourcesDayViewTimeLabel_7b9z2_44:where([data-business-hours]) {
2176
+ background-color: var(--resources-day-view-business-hours-bg);
2177
+ }
2178
+ ._resourcesDayViewTimeLabel_7b9z2_44:where([data-non-business-hours]) {
2179
+ background-color: var(--resources-day-view-non-business-hours-bg);
2180
+ }
2181
+ ._resourcesDayViewRow_7b9z2_96 {
2182
+ display: flex;
2183
+ border-top: 1px solid var(--resources-day-view-border-color);
2184
+ }
2185
+ ._resourcesDayViewResourceLabel_7b9z2_100 {
2186
+ flex: 0 0 var(--resources-day-view-resource-label-width);
2187
+ min-width: var(--resources-day-view-resource-label-width);
2188
+ display: flex;
2189
+ align-items: center;
2190
+ justify-content: center;
2191
+ padding: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
2192
+ font-size: var(--mantine-font-size-sm);
2193
+ font-weight: var(--mantine-font-weight-medium);
2194
+ user-select: none;
2195
+ border-inline-end: 1px solid var(--resources-day-view-border-color);
2196
+ min-height: var(--resources-day-view-row-height);
2197
+ position: sticky;
2198
+ left: 0;
2199
+ z-index: 11;
2200
+ background-color: var(--mantine-color-body);
2201
+ transition: box-shadow 100ms ease;
2202
+ }
2203
+ ._resourcesDayViewResourceLabel_7b9z2_100:where([data-scrolled-x]) {
2204
+ box-shadow: var(--mantine-shadow-sm);
2205
+ }
2206
+ ._resourcesDayViewResourceLabel_7b9z2_100:where([data-has-groups]) {
2207
+ left: var(--resources-day-view-group-label-width);
2208
+ }
2209
+ ._resourcesDayViewGroupColumn_7b9z2_124,
2210
+ ._resourcesDayViewGroupColumnEmpty_7b9z2_125 {
2211
+ flex: 0 0 var(--resources-day-view-group-label-width);
2212
+ min-width: var(--resources-day-view-group-label-width);
2213
+ min-height: var(--resources-day-view-row-height);
2214
+ position: sticky;
2215
+ left: 0;
2216
+ z-index: 12;
2217
+ background-color: var(--mantine-color-body);
2218
+ border-inline-end: 1px solid var(--resources-day-view-border-color);
2219
+ }
2220
+ ._resourcesDayViewGroupColumn_7b9z2_124 {
2221
+ display: flex;
2222
+ align-items: center;
2223
+ justify-content: center;
2224
+ text-align: center;
2225
+ overflow-wrap: break-word;
2226
+ font-size: var(--mantine-font-size-sm);
2227
+ font-weight: var(--mantine-font-weight-medium);
2228
+ user-select: none;
2229
+ overflow: visible;
2230
+ }
2231
+ ._resourcesDayViewGroupColumn_7b9z2_124:where([data-group-position='first'], [data-group-position='only']) {
2232
+ z-index: 13;
2233
+ }
2234
+ ._resourcesDayViewGroupColumn_7b9z2_124:where([data-group-position='middle'], [data-group-position='last']) {
2235
+ margin-top: calc(-0.0625rem * var(--mantine-scale));
2236
+ min-height: calc(var(--resources-day-view-row-height) + 1px);
2237
+ }
2238
+ ._resourcesDayViewRowSlots_7b9z2_153 {
2239
+ display: flex;
2240
+ position: relative;
2241
+ min-height: var(--resources-day-view-row-height);
2242
+ }
2243
+ ._resourcesDayViewRowSlot_7b9z2_153 {
2244
+ flex: 0 0 var(--resources-day-view-slot-width);
2245
+ min-width: var(--resources-day-view-slot-width);
2246
+ max-width: var(--resources-day-view-slot-width);
2247
+ min-height: var(--resources-day-view-row-height);
2248
+ border-inline-end: 1px solid var(--resources-day-view-border-color);
2249
+ cursor: pointer;
2250
+ position: relative;
2251
+ }
2252
+ ._resourcesDayViewRowSlot_7b9z2_153:where(:last-of-type) {
2253
+ border-inline-end: none;
2254
+ }
2255
+ ._resourcesDayViewRowSlot_7b9z2_153:where(:focus) {
2256
+ z-index: 1;
2257
+ }
2258
+ ._resourcesDayViewRowSlot_7b9z2_153:where([data-business-hours]) {
2259
+ background-color: var(--resources-day-view-business-hours-bg);
2260
+ }
2261
+ ._resourcesDayViewRowSlot_7b9z2_153:where([data-non-business-hours]) {
2262
+ background-color: var(--resources-day-view-non-business-hours-bg);
2263
+ }
2264
+ @media (hover: hover) {
2265
+ :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_7b9z2_153:hover {
2266
+ background-color: var(--mantine-color-gray-1);
2267
+ }
2268
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_7b9z2_153:hover {
2269
+ background-color: var(--mantine-color-dark-5);
2270
+ }
2271
+ }
2272
+ @media (hover: none) {
2273
+ :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_7b9z2_153:active {
2274
+ background-color: var(--mantine-color-gray-1);
2275
+ }
2276
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_7b9z2_153:active {
2277
+ background-color: var(--mantine-color-dark-5);
2278
+ }
2279
+ }
2280
+ :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_7b9z2_153:where([data-drop-target]) {
2281
+ background-color: var(--mantine-color-blue-1);
2282
+ }
2283
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_7b9z2_153:where([data-drop-target]) {
2284
+ background-color: var(--mantine-color-dark-5);
2285
+ }
2286
+ ._resourcesDayViewRowSlot_7b9z2_153:where([data-drop-target])::before {
2287
+ content: '';
2288
+ position: absolute;
2289
+ inset: 0;
2290
+ pointer-events: none;
2291
+ z-index: 2;
2292
+ border: calc(0.0625rem * var(--mantine-scale)) solid;
2293
+ border-radius: calc(0.125rem * var(--mantine-scale));
2294
+ }
2295
+ :where([data-mantine-color-scheme='light']) ._resourcesDayViewRowSlot_7b9z2_153:where([data-drop-target])::before {
2296
+ border-color: var(--mantine-color-blue-4);
2297
+ }
2298
+ :where([data-mantine-color-scheme='dark']) ._resourcesDayViewRowSlot_7b9z2_153:where([data-drop-target])::before {
2299
+ border-color: var(--mantine-color-blue-6);
2300
+ }
2301
+ ._resourcesDayViewRowSlot_7b9z2_153:where([data-drag-selected]),
2302
+ ._resourcesDayViewRowSlot_7b9z2_153:where([data-drag-selected]):hover {
2303
+ background-color: var(--mantine-primary-color-light);
2304
+ }
2305
+ ._resourcesDayViewRowSlot_7b9z2_153:where([data-drag-selected])::before {
2306
+ content: '';
2307
+ position: absolute;
2308
+ inset: calc(-0.0625rem * var(--mantine-scale));
2309
+ pointer-events: none;
2310
+ z-index: 2;
2311
+ border: 1px solid var(--mantine-primary-color-2);
2312
+ }
2313
+ ._resourcesDayViewRowSlot_7b9z2_153:where([data-drag-slot-index]) {
2314
+ touch-action: none;
2315
+ }
2316
+ ._resourcesDayViewRowSlot_7b9z2_153:where([data-static]) {
2317
+ cursor: default;
2318
+ pointer-events: none;
2319
+ }
2320
+ ._resourcesDayViewCurrentTimeIndicator_7b9z2_231 {
2321
+ --_indicator-color: var(--resources-day-view-indicator-color, var(--mantine-color-red-7));
2322
+ --_time-bubble-height: calc(1.125rem * var(--mantine-scale));
2323
+ --_thumb-size: calc(0.75rem * var(--mantine-scale));
2324
+ position: absolute;
2325
+ pointer-events: none;
2326
+ top: calc(2.3125rem * var(--mantine-scale));
2327
+ bottom: 0;
2328
+ left: var(--indicator-left-offset);
2329
+ width: calc(0.125rem * var(--mantine-scale));
2330
+ z-index: 3;
2331
+ }
2332
+ ._resourcesDayViewCurrentTimeIndicatorLine_7b9z2_243 {
2333
+ width: 100%;
2334
+ position: absolute;
2335
+ inset-block: 0;
2336
+ background-color: var(--_indicator-color);
2337
+ }
2338
+ ._resourcesDayViewCurrentTimeIndicatorThumb_7b9z2_249 {
2339
+ position: absolute;
2340
+ top: calc(-0.3125rem * var(--mantine-scale));
2341
+ left: calc(-0.3125rem * var(--mantine-scale));
2342
+ width: var(--_thumb-size);
2343
+ height: var(--_thumb-size);
2344
+ border-radius: 50%;
2345
+ border: 1px solid var(--mantine-color-body);
2346
+ background-color: var(--_indicator-color);
2347
+ }
2348
+ ._resourcesDayViewCurrentTimeIndicatorTimeBubble_7b9z2_259 {
2349
+ position: absolute;
2350
+ height: var(--_time-bubble-height);
2351
+ width: var(--_time-bubble-width);
2352
+ display: flex;
2353
+ align-items: center;
2354
+ justify-content: center;
2355
+ border-radius: calc(62.5rem * var(--mantine-scale));
2356
+ background-color: var(--_indicator-color);
2357
+ color: var(--mantine-color-white);
2358
+ font-size: var(--mantine-font-size-xs);
2359
+ font-weight: var(--mantine-font-weight-bold);
2360
+ box-shadow: var(--mantine-shadow-sm);
2361
+ white-space: nowrap;
2362
+ text-transform: uppercase;
2363
+ top: 0;
2364
+ left: calc(-1 * (var(--_time-bubble-width) / 2 - 1px));
2365
+ z-index: 3;
2366
+ }
2367
+ ._resourcesDayViewBackgroundEvent_7b9z2_278 {
2368
+ position: absolute;
2369
+ pointer-events: none;
2370
+ z-index: 2;
2371
+ border-radius: var(--resources-day-view-radius);
2372
+ background-color: var(--bg-event-bg);
2373
+ overflow: hidden;
2374
+ font-size: calc(0.75rem * var(--mantine-scale));
2375
+ font-weight: var(--mantine-font-weight-medium);
2376
+ padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
2377
+ color: var(--bg-event-color);
2378
+ }
2379
+ ._resourcesDayViewAllDayEvent_7b9z2_290 {
2380
+ position: absolute;
2381
+ inset-inline: calc(0.0625rem * var(--mantine-scale));
2382
+ height: var(--resources-day-view-all-day-height);
2383
+ z-index: 3;
2384
+ }
2385
+ ._resourcesDayViewEventWrapper_7b9z2_296 {
2386
+ position: absolute;
2387
+ z-index: 3;
2388
+ }
2389
+ ._resourcesDayViewResizeHandle_7b9z2_300 {
2390
+ position: absolute;
2391
+ top: 20%;
2392
+ width: calc(0.25rem * var(--mantine-scale));
2393
+ height: 60%;
2394
+ cursor: ew-resize;
2395
+ z-index: 5;
2396
+ border-radius: calc(0.125rem * var(--mantine-scale));
2397
+ opacity: 0;
2398
+ transition: opacity 100ms ease;
2399
+ pointer-events: all;
2400
+ background-color: var(--event-color);
2401
+ }
2402
+ ._resourcesDayViewResizeHandle_7b9z2_300::before {
2403
+ content: '';
2404
+ position: absolute;
2405
+ inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
2406
+ }
2407
+ ._resourcesDayViewResizeHandle_7b9z2_300:where([data-edge='start']) {
2408
+ left: calc(-0.125rem * var(--mantine-scale));
2409
+ }
2410
+ ._resourcesDayViewResizeHandle_7b9z2_300:where([data-edge='end']) {
2411
+ right: calc(-0.125rem * var(--mantine-scale));
2412
+ }
2413
+ ._resourcesDayViewEventWrapper_7b9z2_296:hover ._resourcesDayViewResizeHandle_7b9z2_300 {
2414
+ opacity: 0.5;
2415
+ }
2416
+ ._resourcesDayViewEventWrapper_7b9z2_296 ._resourcesDayViewResizeHandle_7b9z2_300:hover,
2417
+ ._resourcesDayViewEventWrapper_7b9z2_296[data-resizing] ._resourcesDayViewResizeHandle_7b9z2_300[data-active] {
2418
+ opacity: 0.8;
2419
+ }
2420
+ ._resourcesDayViewEventWrapper_7b9z2_296[data-resizing] ._resourcesDayViewResizeHandle_7b9z2_300:not([data-active]) {
2421
+ opacity: 0;
2422
+ pointer-events: none;
2423
+ }
2424
+ ._resourcesDayView_7b9z2_1:where([data-event-interaction]) ._resourcesDayViewRowSlot_7b9z2_153 {
2425
+ pointer-events: none;
2426
+ }
2427
+ ._resourcesDayView_7b9z2_1:where([data-resizing]) * {
2428
+ cursor: ew-resize !important;
2429
+ }
2430
+ ._resourcesWeekView_jzd1a_1 {
2431
+ --resources-week-view-radius: var(--schedule-radius, var(--mantine-radius-default));
2432
+ --resources-week-view-resource-label-width: calc(7.5rem * var(--mantine-scale));
2433
+ --resources-week-view-slot-width: calc(3.75rem * var(--mantine-scale));
2434
+ --resources-week-view-row-height: calc(4rem * var(--mantine-scale));
2435
+ --resources-week-view-group-label-width: calc(5rem * var(--mantine-scale));
2436
+ --resources-week-view-all-day-height: calc(1.25rem * var(--mantine-scale));
2437
+ }
2438
+ :where([data-mantine-color-scheme='light']) ._resourcesWeekView_jzd1a_1 {
2439
+ --resources-week-view-border-color: var(--mantine-color-gray-3);
2440
+ --resources-week-view-business-hours-bg: var(--mantine-color-white);
2441
+ --resources-week-view-non-business-hours-bg: var(--mantine-color-gray-0);
2442
+ }
2443
+ :where([data-mantine-color-scheme='dark']) ._resourcesWeekView_jzd1a_1 {
2444
+ --resources-week-view-border-color: var(--mantine-color-dark-4);
2445
+ --resources-week-view-business-hours-bg: var(--mantine-color-dark-7);
2446
+ --resources-week-view-non-business-hours-bg: var(--mantine-color-dark-6);
2447
+ }
2448
+ ._resourcesWeekViewRoot_jzd1a_19 {
2449
+ border: 1px solid var(--resources-week-view-border-color);
2450
+ border-radius: var(--resources-week-view-radius);
2451
+ overflow: hidden;
2452
+ max-width: fit-content;
2453
+ position: relative;
2454
+ }
2455
+ ._resourcesWeekViewScrollArea_jzd1a_26 :where([data-mantine-scrollbar]) {
2456
+ z-index: 20;
2457
+ }
2458
+ ._resourcesWeekViewScrollArea_jzd1a_26 :where([data-scrollarea-viewport]) {
2459
+ overscroll-behavior-x: none;
2460
+ }
2461
+ ._resourcesWeekViewInner_jzd1a_34 {
2462
+ display: inline-flex;
2463
+ flex-direction: column;
2464
+ position: relative;
2465
+ }
2466
+ ._resourcesWeekViewHeaderRows_jzd1a_39 {
2467
+ display: flex;
2468
+ position: sticky;
2469
+ top: 0;
2470
+ z-index: 5;
2471
+ background-color: var(--mantine-color-body);
2472
+ border-bottom: 1px solid var(--resources-week-view-border-color);
2473
+ margin-bottom: calc(-0.0625rem * var(--mantine-scale));
2474
+ }
2475
+ ._resourcesWeekViewCorner_jzd1a_48 {
2476
+ flex: 0 0 var(--resources-week-view-resource-label-width);
2477
+ min-width: var(--resources-week-view-resource-label-width);
2478
+ border-inline-end: 1px solid var(--resources-week-view-border-color);
2479
+ position: sticky;
2480
+ left: 0;
2481
+ z-index: 6;
2482
+ background-color: var(--mantine-color-body);
2483
+ display: flex;
2484
+ align-items: center;
2485
+ justify-content: center;
2486
+ font-size: var(--mantine-font-size-sm);
2487
+ font-weight: var(--mantine-font-weight-medium);
2488
+ user-select: none;
2489
+ }
2490
+ ._resourcesWeekViewHeaderContent_jzd1a_63 {
2491
+ display: flex;
2492
+ flex-direction: column;
2493
+ }
2494
+ ._resourcesWeekViewDayLabelsRow_jzd1a_67 {
2495
+ display: flex;
2496
+ border-bottom: 1px solid var(--resources-week-view-border-color);
2497
+ }
2498
+ ._resourcesWeekViewDayLabel_jzd1a_67 {
2499
+ display: flex;
2500
+ align-items: center;
2501
+ justify-content: center;
2502
+ font-size: var(--mantine-font-size-sm);
2503
+ font-weight: var(--mantine-font-weight-medium);
2504
+ user-select: none;
2505
+ cursor: default;
2506
+ height: calc(2rem * var(--mantine-scale));
2507
+ text-transform: capitalize;
2508
+ border-inline-end: 1px solid var(--resources-week-view-border-color);
2509
+ }
2510
+ ._resourcesWeekViewDayLabel_jzd1a_67:where(:last-of-type) {
2511
+ border-inline-end: none;
2512
+ }
2513
+ ._resourcesWeekViewDayLabel_jzd1a_67:where([data-weekend]) {
2514
+ color: var(--mantine-color-red-6);
2515
+ }
2516
+ ._resourcesWeekViewDayLabel_jzd1a_67:where([data-today]) {
2517
+ color: var(--mantine-primary-color-contrast);
2518
+ background-color: var(--mantine-primary-color-filled);
2519
+ font-weight: var(--mantine-font-weight-bold);
2520
+ }
2521
+ ._resourcesWeekViewTimeLabelsRow_jzd1a_94 {
2522
+ display: flex;
2523
+ }
2524
+ ._resourcesWeekViewTimeLabel_jzd1a_94 {
2525
+ flex: 0 0 var(--resources-week-view-slot-width);
2526
+ min-width: var(--resources-week-view-slot-width);
2527
+ max-width: var(--resources-week-view-slot-width);
2528
+ height: calc(1.75rem * var(--mantine-scale));
2529
+ display: flex;
2530
+ align-items: center;
2531
+ justify-content: center;
2532
+ font-size: var(--mantine-font-size-xs);
2533
+ user-select: none;
2534
+ cursor: default;
2535
+ font-variant-numeric: tabular-nums;
2536
+ text-transform: uppercase;
2537
+ border-inline-end: 1px solid var(--resources-week-view-border-color);
2538
+ }
2539
+ ._resourcesWeekViewTimeLabel_jzd1a_94:where(:last-of-type) {
2540
+ border-inline-end: none;
2541
+ }
2542
+ ._resourcesWeekViewTimeLabel_jzd1a_94:where([data-business-hours]) {
2543
+ background-color: var(--resources-week-view-business-hours-bg);
2544
+ }
2545
+ ._resourcesWeekViewTimeLabel_jzd1a_94:where([data-non-business-hours]) {
2546
+ background-color: var(--resources-week-view-non-business-hours-bg);
2547
+ }
2548
+ ._resourcesWeekViewRow_jzd1a_121 {
2549
+ display: flex;
2550
+ border-top: 1px solid var(--resources-week-view-border-color);
2551
+ }
2552
+ ._resourcesWeekViewResourceLabel_jzd1a_125 {
2553
+ flex: 0 0 var(--resources-week-view-resource-label-width);
2554
+ min-width: var(--resources-week-view-resource-label-width);
2555
+ display: flex;
2556
+ align-items: center;
2557
+ justify-content: center;
2558
+ padding: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
2559
+ font-size: var(--mantine-font-size-sm);
2560
+ font-weight: var(--mantine-font-weight-medium);
2561
+ user-select: none;
2562
+ border-inline-end: 1px solid var(--resources-week-view-border-color);
2563
+ min-height: var(--resources-week-view-row-height);
2564
+ position: sticky;
2565
+ left: 0;
2566
+ z-index: 4;
2567
+ background-color: var(--mantine-color-body);
2568
+ transition: box-shadow 100ms ease;
2569
+ }
2570
+ ._resourcesWeekViewResourceLabel_jzd1a_125:where([data-scrolled-x]) {
2571
+ box-shadow: var(--mantine-shadow-sm);
2572
+ }
2573
+ ._resourcesWeekViewResourceLabel_jzd1a_125:where([data-has-groups]) {
2574
+ left: var(--resources-week-view-group-label-width);
2575
+ }
2576
+ ._resourcesWeekViewGroupColumn_jzd1a_149,
2577
+ ._resourcesWeekViewGroupColumnEmpty_jzd1a_150 {
2578
+ flex: 0 0 var(--resources-week-view-group-label-width);
2579
+ min-width: var(--resources-week-view-group-label-width);
2580
+ min-height: var(--resources-week-view-row-height);
2581
+ position: sticky;
2582
+ left: 0;
2583
+ z-index: 12;
2584
+ background-color: var(--mantine-color-body);
2585
+ border-inline-end: 1px solid var(--resources-week-view-border-color);
2586
+ }
2587
+ ._resourcesWeekViewGroupColumn_jzd1a_149 {
2588
+ display: flex;
2589
+ align-items: center;
2590
+ justify-content: center;
2591
+ text-align: center;
2592
+ overflow-wrap: break-word;
2593
+ font-size: var(--mantine-font-size-sm);
2594
+ font-weight: var(--mantine-font-weight-medium);
2595
+ user-select: none;
2596
+ overflow: visible;
2597
+ }
2598
+ ._resourcesWeekViewGroupColumn_jzd1a_149:where([data-group-position='first'], [data-group-position='only']) {
2599
+ z-index: 13;
2600
+ }
2601
+ ._resourcesWeekViewGroupColumn_jzd1a_149:where([data-group-position='middle'], [data-group-position='last']) {
2602
+ margin-top: calc(-0.0625rem * var(--mantine-scale));
2603
+ min-height: calc(var(--resources-week-view-row-height) + 1px);
2604
+ }
2605
+ ._resourcesWeekViewRowSlots_jzd1a_178 {
2606
+ display: flex;
2607
+ position: relative;
2608
+ min-height: var(--resources-week-view-row-height);
2609
+ }
2610
+ ._resourcesWeekViewRowSlot_jzd1a_178 {
2611
+ flex: 0 0 var(--resources-week-view-slot-width);
2612
+ min-width: var(--resources-week-view-slot-width);
2613
+ max-width: var(--resources-week-view-slot-width);
2614
+ min-height: var(--resources-week-view-row-height);
2615
+ border-inline-end: 1px solid var(--resources-week-view-border-color);
2616
+ cursor: pointer;
2617
+ position: relative;
2618
+ }
2619
+ ._resourcesWeekViewRowSlot_jzd1a_178:where(:last-of-type) {
2620
+ border-inline-end: none;
2621
+ }
2622
+ ._resourcesWeekViewRowSlot_jzd1a_178:where(:focus) {
2623
+ z-index: 1;
2624
+ }
2625
+ ._resourcesWeekViewRowSlot_jzd1a_178:where([data-business-hours]) {
2626
+ background-color: var(--resources-week-view-business-hours-bg);
2627
+ }
2628
+ ._resourcesWeekViewRowSlot_jzd1a_178:where([data-non-business-hours]) {
2629
+ background-color: var(--resources-week-view-non-business-hours-bg);
2630
+ }
2631
+ ._resourcesWeekViewRowSlot_jzd1a_178:where([data-static]) {
2632
+ cursor: default;
2633
+ pointer-events: none;
2634
+ }
2635
+ ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drag-slot-index]) {
2636
+ touch-action: none;
2637
+ }
2638
+ @media (hover: hover) {
2639
+ :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_jzd1a_178:hover {
2640
+ background-color: var(--mantine-color-gray-1);
2641
+ }
2642
+ :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_jzd1a_178:hover {
2643
+ background-color: var(--mantine-color-dark-5);
2644
+ }
2645
+ }
2646
+ @media (hover: none) {
2647
+ :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_jzd1a_178:active {
2648
+ background-color: var(--mantine-color-gray-1);
2649
+ }
2650
+ :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_jzd1a_178:active {
2651
+ background-color: var(--mantine-color-dark-5);
2652
+ }
2653
+ }
2654
+ :where([data-mantine-color-scheme='light']) ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drop-target]) {
2655
+ background-color: var(--mantine-color-blue-1);
2656
+ }
2657
+ :where([data-mantine-color-scheme='dark']) ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drop-target]) {
2658
+ background-color: var(--mantine-color-dark-5);
2659
+ }
2660
+ ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drop-target])::before {
2661
+ content: '';
2662
+ position: absolute;
2663
+ inset: 0;
2664
+ pointer-events: none;
2665
+ z-index: 2;
2666
+ border: 1px solid var(--mantine-color-blue-4);
2667
+ border-radius: calc(0.125rem * var(--mantine-scale));
2668
+ }
2669
+ ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drag-selected]),
2670
+ ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drag-selected]):hover {
2671
+ background-color: var(--mantine-primary-color-light);
2672
+ }
2673
+ ._resourcesWeekViewRowSlot_jzd1a_178:where([data-drag-selected])::before {
2674
+ content: '';
2675
+ position: absolute;
2676
+ inset: calc(-0.0625rem * var(--mantine-scale));
2677
+ pointer-events: none;
2678
+ z-index: 2;
2679
+ border: 1px solid var(--mantine-primary-color-2);
2680
+ }
2681
+ ._resourcesWeekViewBackgroundEvent_jzd1a_250 {
2682
+ position: absolute;
2683
+ pointer-events: none;
2684
+ z-index: 2;
2685
+ border-radius: var(--resources-week-view-radius);
2686
+ background-color: var(--bg-event-bg);
2687
+ overflow: hidden;
2688
+ font-size: calc(0.75rem * var(--mantine-scale));
2689
+ font-weight: var(--mantine-font-weight-medium);
2690
+ padding: calc(0.1875rem * var(--mantine-scale)) calc(0.25rem * var(--mantine-scale));
2691
+ color: var(--bg-event-color);
2692
+ }
2693
+ ._resourcesWeekViewAllDayEvent_jzd1a_262 {
2694
+ position: absolute;
2695
+ height: var(--resources-week-view-all-day-height);
2696
+ z-index: 2;
2697
+ }
2698
+ ._resourcesWeekViewEventWrapper_jzd1a_267 {
2699
+ position: absolute;
2700
+ z-index: 3;
2701
+ }
2702
+ ._resourcesWeekViewResizeHandle_jzd1a_271 {
2703
+ position: absolute;
2704
+ top: 20%;
2705
+ width: calc(0.25rem * var(--mantine-scale));
2706
+ height: 60%;
2707
+ cursor: ew-resize;
2708
+ z-index: 5;
2709
+ border-radius: calc(0.125rem * var(--mantine-scale));
2710
+ opacity: 0;
2711
+ transition: opacity 100ms ease;
2712
+ pointer-events: all;
2713
+ background-color: var(--event-color);
2714
+ }
2715
+ ._resourcesWeekViewResizeHandle_jzd1a_271::before {
2716
+ content: '';
2717
+ position: absolute;
2718
+ inset: calc(-0.25rem * var(--mantine-scale)) calc(-0.375rem * var(--mantine-scale));
2719
+ }
2720
+ ._resourcesWeekViewResizeHandle_jzd1a_271:where([data-edge='start']) {
2721
+ left: calc(-0.125rem * var(--mantine-scale));
2722
+ }
2723
+ ._resourcesWeekViewResizeHandle_jzd1a_271:where([data-edge='end']) {
2724
+ right: calc(-0.125rem * var(--mantine-scale));
2725
+ }
2726
+ ._resourcesWeekViewEventWrapper_jzd1a_267:hover ._resourcesWeekViewResizeHandle_jzd1a_271 {
2727
+ opacity: 0.5;
2728
+ }
2729
+ ._resourcesWeekViewEventWrapper_jzd1a_267 ._resourcesWeekViewResizeHandle_jzd1a_271:hover,
2730
+ ._resourcesWeekViewEventWrapper_jzd1a_267[data-resizing] ._resourcesWeekViewResizeHandle_jzd1a_271[data-active] {
2731
+ opacity: 0.8;
2732
+ }
2733
+ ._resourcesWeekViewEventWrapper_jzd1a_267[data-resizing] ._resourcesWeekViewResizeHandle_jzd1a_271:not([data-active]) {
2734
+ opacity: 0;
2735
+ pointer-events: none;
2736
+ }
2737
+ ._resourcesWeekView_jzd1a_1:where([data-event-interaction]) ._resourcesWeekViewRowSlot_jzd1a_178 {
2738
+ pointer-events: none;
2739
+ }
2740
+ ._resourcesWeekView_jzd1a_1:where([data-resizing]) * {
2741
+ cursor: ew-resize !important;
2742
+ }
2743
+ ._resourcesWeekViewCurrentTimeIndicator_jzd1a_312 {
2744
+ --_indicator-color: var(--resources-week-view-indicator-color, var(--mantine-color-red-7));
2745
+ --_time-bubble-height: calc(1.125rem * var(--mantine-scale));
2746
+ --_thumb-size: calc(0.75rem * var(--mantine-scale));
2747
+ position: absolute;
2748
+ pointer-events: none;
2749
+ top: calc(3.875rem * var(--mantine-scale));
2750
+ bottom: 0;
2751
+ left: var(--indicator-left-offset);
2752
+ width: calc(0.125rem * var(--mantine-scale));
2753
+ z-index: 3;
2754
+ }
2755
+ ._resourcesWeekViewCurrentTimeIndicatorLine_jzd1a_324 {
2756
+ width: 100%;
2757
+ position: absolute;
2758
+ inset-block: 0;
2759
+ background-color: var(--_indicator-color);
2760
+ }
2761
+ ._resourcesWeekViewCurrentTimeIndicatorThumb_jzd1a_330 {
2762
+ position: absolute;
2763
+ top: calc(-0.3125rem * var(--mantine-scale));
2764
+ left: calc(-0.3125rem * var(--mantine-scale));
2765
+ width: var(--_thumb-size);
2766
+ height: var(--_thumb-size);
2767
+ border-radius: 50%;
2768
+ border: 1px solid var(--mantine-color-body);
2769
+ background-color: var(--_indicator-color);
2770
+ }
2771
+ ._resourcesWeekViewCurrentTimeIndicatorTimeBubble_jzd1a_340 {
2772
+ position: absolute;
2773
+ top: 0;
2774
+ height: var(--_time-bubble-height);
2775
+ width: var(--_time-bubble-width);
2776
+ display: flex;
2777
+ align-items: center;
2778
+ justify-content: center;
2779
+ border-radius: calc(62.5rem * var(--mantine-scale));
2780
+ background-color: var(--_indicator-color);
2781
+ color: var(--mantine-color-white);
2782
+ font-size: var(--mantine-font-size-xs);
2783
+ font-weight: var(--mantine-font-weight-bold);
2784
+ box-shadow: var(--mantine-shadow-sm);
2785
+ white-space: nowrap;
2786
+ text-transform: uppercase;
2787
+ left: calc(-1 * (var(--_time-bubble-width) / 2 - 1px));
2788
+ z-index: 3;
2789
+ }
2087
2790
  /*$vite$:1*/