directual-web-components-v2 3.11.331 → 3.11.333

package/dist/index.css

@@ -8714,30 +8714,89 @@ div._x81-m._xmAnF h2 {
   background-color: #ffffff;
   border-radius: 8px;
 }
+/* Лоадер */
+._171jy {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(255, 255, 255, 0.8);
+  z-index: 10;
+}
+._2mVTm {
+  background-color: var(--layout-main-bgr);
+  padding: 20px;
+  border-radius: var(--border-radius);
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
 .rbc-today {
   background-color: var(--button-dropdown-hover-bgr, rgba(5, 142, 252, 0.05));
 }
 ._KeJXa {
   display: flex;
-  justify-content: center;
   align-items: center;
-  padding: 16px;
+  gap: 16px;
+  padding: 16px 0;
+}
+._3kOAJ {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 48px;
+  height: 48px;
+  border: 2px solid var(--layout-accent, #058efc);
+  border-radius: 12px;
+}
+._3kOAJ .icon {
+  color: var(--layout-accent, #058efc) !important;
+}
+._3kOAJ .icon:before {
+  font-size: 24px;
+  color: var(--layout-accent, #058efc) !important;
+}
+._31JXU {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  flex: 1;
+}
+._x5UGi {
+  margin: 0;
+  padding: 0;
+}
+._x5UGi h2 {
+  margin: 0;
+  padding: 0;
+  font-size: 20px;
+  font-weight: 700;
+  color: var(--layout-text, #333333);
+  line-height: 1.3;
+}
+._p_cCT {
+  font-size: 14px;
+  color: var(--form-placeholder-disabled, #999);
+  line-height: 1.4;
+  margin: 0;
 }
 ._2FxAd {
   display: flex;
   align-items: center;
   gap: 16px;
-  padding: 16px 0;
+  padding: 0 0 16px;
   background: var(--layout-secondary-bgr, #ffffff);
   border-radius: 8px;
 }
 ._2FxAd .rbc-toolbar-label {
   flex: 1;
-  text-align: center;
-  font-size: 24px;
+  text-align: left !important;
+  font-size: 20px;
   font-weight: 600;
   color: var(--layout-text, #333333);
-  margin-left: 8px;
   font-weight: bold;
 }
 ._2FxAd .rbc-btn-group {
@@ -9269,3 +9328,238 @@ div._x81-m._xmAnF h2 {
 .rbc-agenda-event-cell {
   width: 100%;
 }
+
+._3p51p {
+  display: flex;
+  gap: 0;
+  width: 100%;
+  min-height: 300px;
+  border: 1px solid var(--table-borders, rgba(0, 0, 0, 0.12));
+  border-radius: 8px;
+  overflow: hidden;
+  background: var(--layout-secondary-bgr, #fff);
+}
+._24AHL {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  border-right: 1px solid var(--table-borders, rgba(0, 0, 0, 0.12));
+}
+._24AHL:last-child {
+  border-right: none;
+}
+._2l38a {
+  background: var(--button-dropdown-hover-bgr, rgba(5, 142, 252, 0.05));
+}
+._D_Zbr {
+  background: rgba(0, 0, 0, 0.02);
+}
+._2U9B_ {
+  padding: 12px 8px;
+  border-bottom: 1px solid var(--table-borders, rgba(0, 0, 0, 0.12));
+  cursor: pointer;
+  transition: background 0.15s ease;
+  text-align: center;
+}
+._2U9B_:hover {
+  background: var(--table-raw-hover, rgba(5, 142, 252, 0.05));
+}
+._1QfDv {
+  background: var(--table-raw-hover, rgba(5, 142, 252, 0.05));
+}
+._1ReXH ._1r7Ng {
+  color: var(--custom-danger-color, var(--hint-error, #ff525b));
+}
+._3lcLW {
+  display: flex;
+  align-items: baseline;
+  justify-content: center;
+  gap: 4px;
+  margin-bottom: 4px;
+}
+._1r7Ng {
+  font-weight: 700;
+  font-size: 14px;
+  color: var(--layout-text, #333333);
+  text-transform: capitalize;
+}
+._1z3Am {
+  font-weight: 400;
+  font-size: 13px;
+  color: var(--form-placeholder-disabled, #999);
+}
+._kipu5 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 2px;
+  margin-bottom: 2px;
+}
+._73OWS {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 22px;
+  height: 22px;
+  padding: 0 6px;
+  background: var(--custom-primary-color, var(--layout-accent, #058efc));
+  color: white;
+  border-radius: 11px;
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 1;
+}
+._1sGEE {
+  background: var(--form-placeholder-disabled, #999);
+  opacity: 0.5;
+}
+._3HMTt {
+  background: var(--custom-danger-color, var(--hint-error, #ff525b));
+}
+._1crO6 {
+  font-size: 12px;
+  color: var(--form-placeholder-disabled, #999);
+  font-weight: 500;
+}
+._3XUof {
+  font-size: 11px;
+  color: var(--form-placeholder-disabled, #999);
+  line-height: 1.3;
+}
+._2mTXM {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 8px;
+  overflow-y: auto;
+  min-height: 60px;
+  transition: background 0.15s ease;
+}
+._1AX7i {
+  background: var(--table-raw-hover, rgba(5, 142, 252, 0.05));
+  border-radius: 0 0 8px 8px;
+}
+._87MAN {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 12px;
+  background: var(--cards-bgr, #fff);
+  border: 1px solid var(--table-borders, rgba(0, 0, 0, 0.12));
+  border-radius: 10px;
+  cursor: grab;
+  transition: all 0.2s ease;
+  -webkit-user-select: none;
+          user-select: none;
+}
+._87MAN:hover {
+  border-color: var(--custom-primary-color, var(--layout-accent, #058efc));
+  box-shadow: 0 2px 8px rgba(5, 142, 252, 0.15);
+  transform: translateY(-1px);
+}
+._87MAN:active {
+  cursor: grabbing;
+}
+._2iAUQ {
+  border-color: var(--custom-danger-color, var(--hint-error, #ff525b));
+}
+._2iAUQ:hover {
+  border-color: var(--custom-danger-color, var(--hint-error, #ff525b));
+  box-shadow: 0 2px 8px rgba(255, 82, 91, 0.2);
+}
+._2iAUQ ._1DWib {
+  background: rgba(255, 82, 91, 0.1);
+  color: var(--custom-danger-color, var(--hint-error, #ff525b));
+}
+._2iAUQ ._35zym {
+  color: var(--custom-danger-color, var(--hint-error, #ff525b));
+}
+._2MxuX {
+  opacity: 0.6;
+}
+._2MxuX ._1DWib {
+  background: rgba(0, 0, 0, 0.06);
+  color: var(--form-placeholder-disabled, #999);
+}
+._2MxuX ._35zym {
+  color: var(--form-placeholder-disabled, #999);
+}
+._bMgwj {
+  flex-shrink: 0;
+  font-size: 14px;
+  line-height: 1;
+}
+._2rctI {
+  color: var(--custom-primary-color, var(--layout-accent, #058efc)) !important;
+}
+._2K_cd {
+  color: var(--custom-danger-color, var(--hint-error, #ff525b)) !important;
+}
+._38bqC {
+  color: var(--form-placeholder-disabled, #999) !important;
+  opacity: 0.5;
+}
+._1U-yM {
+  border-color: var(--custom-primary-color, var(--layout-accent, #058efc));
+  box-shadow: 0 8px 24px rgba(5, 142, 252, 0.25);
+  transform: rotate(2deg) scale(1.02);
+  opacity: 0.9;
+}
+._1DWib {
+  flex-shrink: 0;
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  background: var(--table-raw-hover, rgba(5, 142, 252, 0.05));
+  color: var(--custom-primary-color, var(--layout-accent, #058efc));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 700;
+  font-size: 15px;
+  line-height: 1;
+}
+._39viT {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  object-fit: cover;
+}
+._3soOX {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+._2qD-g {
+  font-weight: 600;
+  font-size: 13px;
+  color: var(--layout-text, #333333);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.3;
+}
+._7KTAx {
+  font-size: 11px;
+  color: var(--form-placeholder-disabled, #999);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.3;
+}
+._35zym {
+  flex-shrink: 0;
+  color: var(--custom-primary-color, var(--layout-accent, #058efc));
+  font-size: 20px;
+  line-height: 1;
+  opacity: 0.4;
+  transition: opacity 0.15s ease;
+  font-weight: 300;
+}
+._87MAN:hover ._35zym {
+  opacity: 1;
+}