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