directual-web-components-v2 3.11.331 → 3.11.332

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/dist/index.css CHANGED
@@ -8714,30 +8714,89 @@ div._x81-m._xmAnF h2 {
8714
8714
  background-color: #ffffff;
8715
8715
  border-radius: 8px;
8716
8716
  }
8717
+ /* Лоадер */
8718
+ ._171jy {
8719
+ position: absolute;
8720
+ top: 0;
8721
+ left: 0;
8722
+ right: 0;
8723
+ bottom: 0;
8724
+ display: flex;
8725
+ align-items: center;
8726
+ justify-content: center;
8727
+ background-color: rgba(255, 255, 255, 0.8);
8728
+ z-index: 10;
8729
+ }
8730
+ ._2mVTm {
8731
+ background-color: var(--layout-main-bgr);
8732
+ padding: 20px;
8733
+ border-radius: var(--border-radius);
8734
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
8735
+ }
8717
8736
  .rbc-today {
8718
8737
  background-color: var(--button-dropdown-hover-bgr, rgba(5, 142, 252, 0.05));
8719
8738
  }
8720
8739
  ._KeJXa {
8721
8740
  display: flex;
8722
- justify-content: center;
8723
8741
  align-items: center;
8724
- padding: 16px;
8742
+ gap: 16px;
8743
+ padding: 16px 0;
8744
+ }
8745
+ ._3kOAJ {
8746
+ flex-shrink: 0;
8747
+ display: flex;
8748
+ align-items: center;
8749
+ justify-content: center;
8750
+ width: 48px;
8751
+ height: 48px;
8752
+ border: 2px solid var(--layout-accent, #058efc);
8753
+ border-radius: 12px;
8754
+ }
8755
+ ._3kOAJ .icon {
8756
+ color: var(--layout-accent, #058efc) !important;
8757
+ }
8758
+ ._3kOAJ .icon:before {
8759
+ font-size: 24px;
8760
+ color: var(--layout-accent, #058efc) !important;
8761
+ }
8762
+ ._31JXU {
8763
+ display: flex;
8764
+ flex-direction: column;
8765
+ gap: 4px;
8766
+ flex: 1;
8767
+ }
8768
+ ._x5UGi {
8769
+ margin: 0;
8770
+ padding: 0;
8771
+ }
8772
+ ._x5UGi h2 {
8773
+ margin: 0;
8774
+ padding: 0;
8775
+ font-size: 20px;
8776
+ font-weight: 700;
8777
+ color: var(--layout-text, #333333);
8778
+ line-height: 1.3;
8779
+ }
8780
+ ._p_cCT {
8781
+ font-size: 14px;
8782
+ color: var(--form-placeholder-disabled, #999);
8783
+ line-height: 1.4;
8784
+ margin: 0;
8725
8785
  }
8726
8786
  ._2FxAd {
8727
8787
  display: flex;
8728
8788
  align-items: center;
8729
8789
  gap: 16px;
8730
- padding: 16px 0;
8790
+ padding: 0 0 16px;
8731
8791
  background: var(--layout-secondary-bgr, #ffffff);
8732
8792
  border-radius: 8px;
8733
8793
  }
8734
8794
  ._2FxAd .rbc-toolbar-label {
8735
8795
  flex: 1;
8736
- text-align: center;
8737
- font-size: 24px;
8796
+ text-align: left !important;
8797
+ font-size: 20px;
8738
8798
  font-weight: 600;
8739
8799
  color: var(--layout-text, #333333);
8740
- margin-left: 8px;
8741
8800
  font-weight: bold;
8742
8801
  }
8743
8802
  ._2FxAd .rbc-btn-group {
@@ -9269,3 +9328,238 @@ div._x81-m._xmAnF h2 {
9269
9328
  .rbc-agenda-event-cell {
9270
9329
  width: 100%;
9271
9330
  }
9331
+
9332
+ ._3p51p {
9333
+ display: flex;
9334
+ gap: 0;
9335
+ width: 100%;
9336
+ min-height: 300px;
9337
+ border: 1px solid var(--table-borders, rgba(0, 0, 0, 0.12));
9338
+ border-radius: 8px;
9339
+ overflow: hidden;
9340
+ background: var(--layout-secondary-bgr, #fff);
9341
+ }
9342
+ ._24AHL {
9343
+ flex: 1;
9344
+ min-width: 0;
9345
+ display: flex;
9346
+ flex-direction: column;
9347
+ border-right: 1px solid var(--table-borders, rgba(0, 0, 0, 0.12));
9348
+ }
9349
+ ._24AHL:last-child {
9350
+ border-right: none;
9351
+ }
9352
+ ._2l38a {
9353
+ background: var(--button-dropdown-hover-bgr, rgba(5, 142, 252, 0.05));
9354
+ }
9355
+ ._D_Zbr {
9356
+ background: rgba(0, 0, 0, 0.02);
9357
+ }
9358
+ ._2U9B_ {
9359
+ padding: 12px 8px;
9360
+ border-bottom: 1px solid var(--table-borders, rgba(0, 0, 0, 0.12));
9361
+ cursor: pointer;
9362
+ transition: background 0.15s ease;
9363
+ text-align: center;
9364
+ }
9365
+ ._2U9B_:hover {
9366
+ background: var(--table-raw-hover, rgba(5, 142, 252, 0.05));
9367
+ }
9368
+ ._1QfDv {
9369
+ background: var(--table-raw-hover, rgba(5, 142, 252, 0.05));
9370
+ }
9371
+ ._1ReXH ._1r7Ng {
9372
+ color: var(--hint-error, #ff525b);
9373
+ }
9374
+ ._3lcLW {
9375
+ display: flex;
9376
+ align-items: baseline;
9377
+ justify-content: center;
9378
+ gap: 4px;
9379
+ margin-bottom: 4px;
9380
+ }
9381
+ ._1r7Ng {
9382
+ font-weight: 700;
9383
+ font-size: 14px;
9384
+ color: var(--layout-text, #333333);
9385
+ text-transform: capitalize;
9386
+ }
9387
+ ._1z3Am {
9388
+ font-weight: 400;
9389
+ font-size: 13px;
9390
+ color: var(--form-placeholder-disabled, #999);
9391
+ }
9392
+ ._kipu5 {
9393
+ display: flex;
9394
+ align-items: center;
9395
+ justify-content: center;
9396
+ gap: 2px;
9397
+ margin-bottom: 2px;
9398
+ }
9399
+ ._73OWS {
9400
+ display: inline-flex;
9401
+ align-items: center;
9402
+ justify-content: center;
9403
+ min-width: 22px;
9404
+ height: 22px;
9405
+ padding: 0 6px;
9406
+ background: var(--layout-accent, #058efc);
9407
+ color: white;
9408
+ border-radius: 11px;
9409
+ font-weight: 600;
9410
+ font-size: 12px;
9411
+ line-height: 1;
9412
+ }
9413
+ ._1sGEE {
9414
+ background: var(--form-placeholder-disabled, #999);
9415
+ opacity: 0.5;
9416
+ }
9417
+ ._3HMTt {
9418
+ background: var(--hint-error, #ff525b);
9419
+ }
9420
+ ._1crO6 {
9421
+ font-size: 12px;
9422
+ color: var(--form-placeholder-disabled, #999);
9423
+ font-weight: 500;
9424
+ }
9425
+ ._3XUof {
9426
+ font-size: 11px;
9427
+ color: var(--form-placeholder-disabled, #999);
9428
+ line-height: 1.3;
9429
+ }
9430
+ ._2mTXM {
9431
+ flex: 1;
9432
+ display: flex;
9433
+ flex-direction: column;
9434
+ gap: 6px;
9435
+ padding: 8px;
9436
+ overflow-y: auto;
9437
+ min-height: 60px;
9438
+ transition: background 0.15s ease;
9439
+ }
9440
+ ._1AX7i {
9441
+ background: var(--table-raw-hover, rgba(5, 142, 252, 0.05));
9442
+ border-radius: 0 0 8px 8px;
9443
+ }
9444
+ ._87MAN {
9445
+ display: flex;
9446
+ align-items: center;
9447
+ gap: 10px;
9448
+ padding: 10px 12px;
9449
+ background: var(--cards-bgr, #fff);
9450
+ border: 1px solid var(--table-borders, rgba(0, 0, 0, 0.12));
9451
+ border-radius: 10px;
9452
+ cursor: grab;
9453
+ transition: all 0.2s ease;
9454
+ -webkit-user-select: none;
9455
+ user-select: none;
9456
+ }
9457
+ ._87MAN:hover {
9458
+ border-color: var(--layout-accent, #058efc);
9459
+ box-shadow: 0 2px 8px rgba(5, 142, 252, 0.15);
9460
+ transform: translateY(-1px);
9461
+ }
9462
+ ._87MAN:active {
9463
+ cursor: grabbing;
9464
+ }
9465
+ ._2iAUQ {
9466
+ border-color: var(--hint-error, #ff525b);
9467
+ }
9468
+ ._2iAUQ:hover {
9469
+ border-color: var(--hint-error, #ff525b);
9470
+ box-shadow: 0 2px 8px rgba(255, 82, 91, 0.2);
9471
+ }
9472
+ ._2iAUQ ._1DWib {
9473
+ background: rgba(255, 82, 91, 0.1);
9474
+ color: var(--hint-error, #ff525b);
9475
+ }
9476
+ ._2iAUQ ._35zym {
9477
+ color: var(--hint-error, #ff525b);
9478
+ }
9479
+ ._2MxuX {
9480
+ opacity: 0.6;
9481
+ }
9482
+ ._2MxuX ._1DWib {
9483
+ background: rgba(0, 0, 0, 0.06);
9484
+ color: var(--form-placeholder-disabled, #999);
9485
+ }
9486
+ ._2MxuX ._35zym {
9487
+ color: var(--form-placeholder-disabled, #999);
9488
+ }
9489
+ ._bMgwj {
9490
+ flex-shrink: 0;
9491
+ font-size: 14px;
9492
+ line-height: 1;
9493
+ }
9494
+ ._2rctI {
9495
+ color: var(--layout-accent, #058efc) !important;
9496
+ }
9497
+ ._2K_cd {
9498
+ color: var(--hint-error, #ff525b) !important;
9499
+ }
9500
+ ._38bqC {
9501
+ color: var(--form-placeholder-disabled, #999) !important;
9502
+ opacity: 0.5;
9503
+ }
9504
+ ._1U-yM {
9505
+ border-color: var(--layout-accent, #058efc);
9506
+ box-shadow: 0 8px 24px rgba(5, 142, 252, 0.25);
9507
+ transform: rotate(2deg) scale(1.02);
9508
+ opacity: 0.9;
9509
+ }
9510
+ ._1DWib {
9511
+ flex-shrink: 0;
9512
+ width: 36px;
9513
+ height: 36px;
9514
+ border-radius: 50%;
9515
+ background: var(--table-raw-hover, rgba(5, 142, 252, 0.05));
9516
+ color: var(--layout-accent, #058efc);
9517
+ display: flex;
9518
+ align-items: center;
9519
+ justify-content: center;
9520
+ font-weight: 700;
9521
+ font-size: 15px;
9522
+ line-height: 1;
9523
+ }
9524
+ ._39viT {
9525
+ width: 100%;
9526
+ height: 100%;
9527
+ border-radius: 50%;
9528
+ object-fit: cover;
9529
+ }
9530
+ ._3soOX {
9531
+ flex: 1;
9532
+ min-width: 0;
9533
+ display: flex;
9534
+ flex-direction: column;
9535
+ gap: 2px;
9536
+ }
9537
+ ._2qD-g {
9538
+ font-weight: 600;
9539
+ font-size: 13px;
9540
+ color: var(--layout-text, #333333);
9541
+ white-space: nowrap;
9542
+ overflow: hidden;
9543
+ text-overflow: ellipsis;
9544
+ line-height: 1.3;
9545
+ }
9546
+ ._7KTAx {
9547
+ font-size: 11px;
9548
+ color: var(--form-placeholder-disabled, #999);
9549
+ white-space: nowrap;
9550
+ overflow: hidden;
9551
+ text-overflow: ellipsis;
9552
+ line-height: 1.3;
9553
+ }
9554
+ ._35zym {
9555
+ flex-shrink: 0;
9556
+ color: var(--layout-accent, #058efc);
9557
+ font-size: 20px;
9558
+ line-height: 1;
9559
+ opacity: 0.4;
9560
+ transition: opacity 0.15s ease;
9561
+ font-weight: 300;
9562
+ }
9563
+ ._87MAN:hover ._35zym {
9564
+ opacity: 1;
9565
+ }