@retailcrm/embed-ui-v1-components 0.9.21 → 0.9.22-alpha.1

package/dist/host.css

@@ -2824,6 +2824,612 @@
 .ui-v1-transition-fade-2-leave-active.ui-v1-loader-wrapper {
   transition: opacity 0.1s;
 }
+.ui-v1-logic-tree {
+  width: 100%;
+  color: #1E2248;
+  background: #fff;
+}
+.ui-v1-logic-tree,
+.ui-v1-logic-tree *,
+.ui-v1-logic-tree *::before,
+.ui-v1-logic-tree *::after {
+  box-sizing: border-box;
+}
+.ui-v1-logic-tree__node {
+  width: 100%;
+  overflow: visible;
+  position: relative;
+}
+.ui-v1-logic-tree__children-group {
+  width: 100%;
+}
+.ui-v1-logic-tree__children-group + .ui-v1-logic-tree__children-group {
+  margin-top: 16px;
+}
+.ui-v1-logic-tree__node + .ui-v1-logic-tree__node,
+.ui-v1-logic-tree__node + .ui-v1-logic-tree__children-group,
+.ui-v1-logic-tree__children-group + .ui-v1-logic-tree__node {
+  margin-top: 16px;
+}
+.ui-v1-logic-tree__node:not(.ui-v1-logic-tree__node_grouped) .ui-v1-logic-tree__connector:not(.ui-v1-logic-tree__connector_terminal) .ui-v1-logic-tree__connector-stroke_top {
+  top: -16px;
+  height: calc(50% + 16px);
+}
+.ui-v1-logic-tree__node:not(.ui-v1-logic-tree__node_grouped) .ui-v1-logic-tree__connector_terminal .ui-v1-logic-tree__connector-stroke_top {
+  top: -16px;
+  height: calc(50% + 13px);
+}
+.ui-v1-logic-tree__node-main {
+  display: flex;
+  align-items: stretch;
+  width: 100%;
+  overflow: visible;
+  position: relative;
+}
+.ui-v1-logic-tree__connectors {
+  display: grid;
+  grid-auto-columns: 32px;
+  grid-auto-flow: column;
+  flex: none;
+  width: max-content;
+  min-width: max-content;
+  overflow: visible;
+  position: relative;
+  z-index: 1;
+}
+.ui-v1-logic-tree__relation-badge {
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1.16666667;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 20px;
+  padding: 0 6px;
+  color: #fff;
+  background: transparent;
+  border: 0;
+  border-radius: 999px;
+  cursor: pointer;
+  appearance: none;
+  transform: translate(-50%, -50%);
+  white-space: nowrap;
+  position: absolute;
+  top: 50%;
+  z-index: 100;
+}
+.ui-v1-logic-tree__relation-badge:focus-visible {
+  outline: 2px solid #005EEB;
+  outline-offset: 2px;
+}
+.ui-v1-logic-tree__relation-badge_and {
+  min-width: 26px;
+}
+.ui-v1-logic-tree__relation-badge_or {
+  min-width: 42px;
+}
+.ui-v1-logic-tree__relation-badge_blue {
+  background: #6CADFF;
+}
+.ui-v1-logic-tree__relation-badge_green {
+  background: #4CD6A8;
+}
+.ui-v1-logic-tree__relation-badge_grey {
+  background: #8A96A6;
+}
+.ui-v1-logic-tree__relation-badge_red {
+  background: #FF5353;
+}
+.ui-v1-logic-tree__relation-badge_yellow {
+  background: #FEC375;
+}
+.ui-v1-logic-tree__connector {
+  min-height: 36px;
+  opacity: 0;
+  overflow: visible;
+  position: relative;
+  isolation: isolate;
+  z-index: 0;
+}
+.ui-v1-logic-tree__connector_visible {
+  opacity: 1;
+}
+.ui-v1-logic-tree__connector_placeholder {
+  opacity: 1;
+}
+.ui-v1-logic-tree__connector_with-relation {
+  z-index: 1;
+}
+.ui-v1-logic-tree__connector_branch .ui-v1-logic-tree__connector-stroke_top {
+  display: block;
+}
+.ui-v1-logic-tree__connector_terminal .ui-v1-logic-tree__connector-stroke_top {
+  height: calc(50% - 3px);
+}
+.ui-v1-logic-tree__connector_terminal .ui-v1-logic-tree__connector-stroke_middle {
+  left: 11px;
+  width: 17px;
+}
+.ui-v1-logic-tree__connector_terminal::after {
+  content: '';
+  width: 4px;
+  height: 4px;
+  border-left: 2px solid currentColor;
+  border-bottom: 2px solid currentColor;
+  border-bottom-left-radius: 4px;
+  position: absolute;
+  top: calc(50% - 3px);
+  left: 8px;
+  z-index: 1;
+}
+.ui-v1-logic-tree__connector:not(.ui-v1-logic-tree__connector_branch) .ui-v1-logic-tree__connector-stroke_top {
+  height: calc(90% + 14px);
+}
+.ui-v1-logic-tree__connector:not(.ui-v1-logic-tree__connector_branch) .ui-v1-logic-tree__connector-stroke_middle {
+  display: none;
+}
+.ui-v1-logic-tree__connector_blue {
+  color: #6CADFF;
+}
+.ui-v1-logic-tree__connector_green {
+  color: #4CD6A8;
+}
+.ui-v1-logic-tree__connector_grey {
+  color: #AFB9C3;
+}
+.ui-v1-logic-tree__connector_red {
+  color: #FF5353;
+}
+.ui-v1-logic-tree__connector_yellow {
+  color: #FEC375;
+}
+.ui-v1-logic-tree__connector-stroke {
+  width: 2px;
+  background: currentColor;
+  position: absolute;
+  left: 8px;
+  z-index: 1;
+}
+.ui-v1-logic-tree__connector-stroke_top {
+  top: 0;
+  height: calc(50% + 12px);
+  border-radius: 0;
+}
+.ui-v1-logic-tree__connector-stroke_bottom {
+  top: calc(50%);
+  height: calc(50% + 16px);
+  border-radius: 0;
+}
+.ui-v1-logic-tree__connector-stroke_middle {
+  top: 50%;
+  left: 8px;
+  width: 20px;
+  height: 2px;
+  border-radius: 0;
+  transform: translateY(-50%);
+}
+.ui-v1-logic-tree__surface-node {
+  flex: 1;
+  min-width: 0;
+  right: 4px;
+  position: relative;
+  z-index: 3;
+}
+.ui-v1-logic-tree__node_grouped + .ui-v1-logic-tree__node_grouped {
+  margin-top: 0;
+}
+.ui-v1-logic-tree__node_grouped-end,
+.ui-v1-logic-tree__node_grouped-single {
+  margin-bottom: 8px;
+}
+.ui-v1-logic-tree__node_grouped-start,
+.ui-v1-logic-tree__node_grouped-single {
+  margin-top: 8px;
+}
+.ui-v1-logic-tree__grouped-block {
+  background: #F4F6F8;
+  border-radius: 6px;
+  position: relative;
+  right: 32px;
+}
+.ui-v1-logic-tree__grouped-block_start,
+.ui-v1-logic-tree__grouped-block_single {
+  padding-top: 12px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.ui-v1-logic-tree__grouped-block_single:has(.ui-v1-logic-tree__actions-node):not(:has(.ui-v1-logic-tree__surface-node-content)) {
+  padding-top: 0;
+}
+.ui-v1-logic-tree__grouped-block:has( > .ui-v1-logic-tree__grouped-sortable > [data-dnd-placeholder='true']:first-child) {
+  padding-top: 0;
+}
+.ui-v1-logic-tree__grouped-block_middle {
+  padding-top: 8px;
+  border-radius: 0;
+}
+.ui-v1-logic-tree__grouped-sortable:has([data-dnd-dragging='true'], [data-dnd-placeholder='true']) .ui-v1-logic-tree__grouped-block,
+.ui-v1-logic-tree__grouped-sortable:has([data-dnd-dragging='true'], [data-dnd-placeholder='true']) .ui-v1-logic-tree__surface-node-content,
+.ui-v1-logic-tree__grouped-sortable:has([data-dnd-dragging='true'], [data-dnd-placeholder='true']) .ui-v1-logic-tree__actions-node,
+.ui-v1-logic-tree__grouped-sortable:has([data-dnd-dragging='true'], [data-dnd-placeholder='true']) .ui-v1-logic-tree__surface-node-content::before {
+  transition: none;
+}
+.ui-v1-logic-tree__grouped-block_end {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+.ui-v1-logic-tree__node_grouped .ui-v1-logic-tree__surface-node-content,
+.ui-v1-logic-tree__node_grouped .ui-v1-logic-tree__actions-node {
+  background: transparent;
+  border-color: transparent;
+  box-shadow: none;
+  padding: 16px 4px 16px 8px;
+  margin-left: 8px;
+}
+.ui-v1-logic-tree__node_grouped .ui-v1-logic-tree__surface-node {
+  background: transparent;
+}
+.ui-v1-logic-tree__node_grouped .ui-v1-logic-tree__surface-node-content:hover {
+  background: rgba(0, 94, 235, 0.12);
+  border-color: transparent;
+}
+.ui-v1-logic-tree__node_grouped .ui-v1-logic-tree__surface-node-content_disabled:hover,
+.ui-v1-logic-tree__node_grouped .ui-v1-logic-tree__surface-node-content_disabled:focus-within {
+  background: #E9ECEE;
+}
+.ui-v1-logic-tree__node_grouped .ui-v1-logic-tree__surface-node-content_editing,
+.ui-v1-logic-tree__node_grouped .ui-v1-logic-tree__surface-node-content_editor,
+.ui-v1-logic-tree__node_grouped .ui-v1-logic-tree__surface-node-content_editing:hover,
+.ui-v1-logic-tree__node_grouped .ui-v1-logic-tree__surface-node-content_editor:hover {
+  background: transparent;
+}
+.ui-v1-logic-tree__node_grouped-header .ui-v1-logic-tree__surface-node-content_simple {
+  padding-left: 0;
+}
+.ui-v1-logic-tree__actions-node {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  min-height: 36px;
+  padding: 0;
+  background: transparent;
+  border: 0;
+}
+.ui-v1-logic-tree__surface-node-content {
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 8px;
+  width: fit-content;
+  max-width: 100%;
+  vertical-align: top;
+  min-width: 0;
+  min-height: 36px;
+  padding: 6px 8px;
+  background: #fff;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: 0.25s ease;
+}
+.ui-v1-logic-tree__surface-node-content:hover {
+  background: rgba(0, 94, 235, 0.12);
+}
+.ui-v1-logic-tree__surface-node-content:active {
+  border: 1px solid #005EEB;
+}
+.ui-v1-logic-tree__surface-node-content_disabled {
+  cursor: default;
+}
+.ui-v1-logic-tree__surface-node-content_disabled:hover,
+.ui-v1-logic-tree__surface-node-content_disabled:focus-within {
+  background: #F9FAFB;
+  border-color: transparent;
+}
+.ui-v1-logic-tree__surface-node-content_disabled:active {
+  border-color: transparent;
+}
+.ui-v1-logic-tree__surface-node-content_editor {
+  min-height: 52px;
+}
+.ui-v1-logic-tree__surface-node-content_editing,
+.ui-v1-logic-tree__surface-node-content_editor {
+  justify-content: flex-start;
+  gap: 8px;
+}
+.ui-v1-logic-tree__surface-node-content__main {
+  display: flex;
+  flex: 0 1 auto;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+.ui-v1-logic-tree__surface-node-content_active,
+.ui-v1-logic-tree__surface-node-content_editing,
+.ui-v1-logic-tree__surface-node-content_highlighted {
+  background: rgba(0, 94, 235, 0.12);
+  border-color: #005EEB;
+}
+.ui-v1-logic-tree__surface-node-content_simple {
+  max-height: 36px;
+  background: transparent;
+  border-color: transparent;
+}
+.ui-v1-logic-tree__surface-node-content_simple:hover {
+  background: rgba(0, 94, 235, 0.12);
+}
+.ui-v1-logic-tree__surface-node-content_simple.ui-v1-logic-tree__surface-node-content_disabled:hover,
+.ui-v1-logic-tree__surface-node-content_simple.ui-v1-logic-tree__surface-node-content_disabled:focus-within {
+  background: #F9FAFB;
+}
+.ui-v1-logic-tree__surface-node-content_simple.ui-v1-logic-tree__surface-node-content_editing,
+.ui-v1-logic-tree__surface-node-content_simple.ui-v1-logic-tree__surface-node-content_editor {
+  background: transparent;
+  border-color: transparent;
+  min-height: 38px;
+}
+.ui-v1-logic-tree__surface-node-content_simple.ui-v1-logic-tree__surface-node-content_editor {
+  min-height: 36px;
+}
+.ui-v1-logic-tree__surface-node-content:has(.ui-v1-logic-tree__node-prefix:empty) {
+  padding-left: 0;
+}
+.ui-v1-logic-tree__node-content,
+.ui-v1-logic-tree__actions-node-content {
+  display: flex;
+  flex: 0 1 auto;
+  align-items: center;
+  flex-wrap: nowrap;
+  gap: 8px;
+  min-width: 0;
+  overflow: hidden;
+}
+.ui-v1-logic-tree__actions-node-content {
+  gap: 8px;
+}
+.ui-v1-logic-tree__node-trailing {
+  display: flex;
+  flex: none;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+.ui-v1-logic-tree__surface-node-content_editing .ui-v1-logic-tree__node-trailing,
+.ui-v1-logic-tree__surface-node-content_editor .ui-v1-logic-tree__node-trailing {
+  margin-inline: 8px;
+}
+.ui-v1-logic-tree__surface-node-content_editing,
+.ui-v1-logic-tree__surface-node-content_editor {
+  display: inline-flex;
+  width: fit-content;
+  max-width: 100%;
+  padding-left: 0;
+}
+.ui-v1-logic-tree__surface-node-content_editing .ui-v1-logic-tree__node-prefix:empty,
+.ui-v1-logic-tree__surface-node-content_editor .ui-v1-logic-tree__node-prefix:empty {
+  display: none;
+}
+.ui-v1-logic-tree__surface-node-content_editing .ui-v1-logic-tree__node-content,
+.ui-v1-logic-tree__surface-node-content_editor .ui-v1-logic-tree__node-content {
+  flex: 0 1 auto;
+}
+.ui-v1-logic-tree__slot-placeholder {
+  width: 100%;
+  min-width: 0;
+  min-height: 36px;
+  background: rgba(0, 94, 235, 0.04);
+  border: 1px dashed rgba(0, 94, 235, 0.55);
+  border-radius: 4px;
+}
+.ui-v1-logic-tree__slot-placeholder_actions {
+  min-height: 36px;
+}
+.ui-v1-logic-tree__slot-placeholder_editor {
+  min-height: 36px;
+}
+.ui-v1-logic-tree__slot-placeholder_prefix,
+.ui-v1-logic-tree__slot-placeholder_trailing {
+  display: inline-flex;
+  width: 20px;
+  min-width: 20px;
+  min-height: 20px;
+  height: 20px;
+  border-radius: 4px;
+}
+.ui-v1-logic-tree__slot-content {
+  display: flex;
+  flex: 0 1 auto;
+  align-items: center;
+  min-width: 0;
+  max-width: 100%;
+}
+.ui-v1-logic-tree__grouped-sortable {
+  display: inline-grid;
+  grid-template-columns: minmax(560px, max-content);
+  width: auto;
+  max-width: 100%;
+}
+.ui-v1-logic-tree__grouped-sortable-item,
+.ui-v1-logic-tree__grouped-sortable > .ui-v1-logic-tree__node {
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+}
+.ui-v1-logic-tree__grouped-sortable-item {
+  transition: none;
+}
+.ui-v1-logic-tree__icon {
+  display: flex;
+  align-items: center;
+  color: #1E2248;
+}
+.ui-v1-logic-tree__icon svg {
+  width: 20px;
+  height: 20px;
+}
+.ui-v1-logic-tree [data-dnd-dragging='true'] {
+  pointer-events: none;
+}
+[data-dnd-dragging='true'] .ui-v1-logic-tree__surface-node-content,
+[data-dnd-dragging='true'] .ui-v1-logic-tree__actions-node {
+  background: transparent;
+  box-shadow: none;
+  outline: 0;
+  transition: none;
+}
+[data-dnd-dragging='true'] .ui-v1-logic-tree__node_grouped-start .ui-v1-logic-tree__grouped-block,
+[data-dnd-dragging='true'] .ui-v1-logic-tree__node_grouped-single .ui-v1-logic-tree__grouped-block {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+[data-dnd-dragging='true'] .ui-v1-logic-tree__surface-node-content__main,
+[data-dnd-dragging='true'] .ui-v1-logic-tree__actions-node-content,
+[data-dnd-dragging='true'] .ui-v1-logic-tree__node-trailing {
+  visibility: hidden;
+}
+.ui-v1-logic-tree [data-dnd-placeholder='true'] {
+  pointer-events: none;
+}
+[data-dnd-placeholder='true'] .ui-v1-logic-tree__surface-node-content,
+[data-dnd-placeholder='true'] .ui-v1-logic-tree__actions-node {
+  background: transparent;
+  box-shadow: none;
+  outline: 2px dashed #005EEB;
+  outline-offset: -2px;
+  transition: none;
+}
+[data-dnd-placeholder='true'] .ui-v1-logic-tree__surface-node-content__main,
+[data-dnd-placeholder='true'] .ui-v1-logic-tree__actions-node-content,
+[data-dnd-placeholder='true'] .ui-v1-logic-tree__node-trailing {
+  visibility: hidden;
+}
+[data-dnd-placeholder='true'] .ui-v1-logic-tree__node_grouped .ui-v1-logic-tree__surface-node-content,
+[data-dnd-placeholder='true'] .ui-v1-logic-tree__node_grouped .ui-v1-logic-tree__actions-node {
+  outline: none;
+  position: relative;
+}
+[data-dnd-placeholder='true'] .ui-v1-logic-tree__node_grouped-start,
+[data-dnd-placeholder='true'] .ui-v1-logic-tree__node_grouped-single {
+  margin-top: 0;
+}
+[data-dnd-placeholder='true']:first-child .ui-v1-logic-tree__grouped-block {
+  padding-top: 0;
+  border-top-right-radius: 6px;
+  border-top-left-radius: 6px;
+}
+[data-dnd-placeholder='true']:first-child + * .ui-v1-logic-tree__node_grouped-start,
+[data-dnd-placeholder='true']:first-child + * .ui-v1-logic-tree__node_grouped-single {
+  margin-top: 0;
+}
+[data-dnd-placeholder='true'] .ui-v1-logic-tree__node_grouped .ui-v1-logic-tree__surface-node-content::before,
+[data-dnd-placeholder='true'] .ui-v1-logic-tree__node_grouped .ui-v1-logic-tree__actions-node::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 16px;
+  bottom: 0;
+  left: 16px;
+  border: 2px dashed #005EEB;
+  border-radius: 4px;
+  pointer-events: none;
+}
+[data-dnd-overlay='true'] .ui-v1-logic-tree__surface-node-content,
+[data-dnd-overlay='true'] .ui-v1-logic-tree__actions-node {
+  background: #fff;
+  border-color: #F4F6F8;
+  border-radius: 6px;
+  box-shadow: 0 16px 32px rgba(30, 34, 72, 0.16), 0 4px 12px rgba(30, 34, 72, 0.14);
+  cursor: grabbing;
+}
+[data-dnd-overlay='true'] .ui-v1-logic-tree__grouped-block {
+  background: transparent;
+}
+.ui-v1-logic-tree-caret {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  transition: transform 0.25s ease;
+  transform: rotate(-90deg);
+  color: #1E2248;
+}
+.ui-v1-logic-tree-caret_active {
+  transform: none;
+}
+.ui-v1-logic-tree-drag-handle {
+  display: flex;
+  align-items: center;
+  color: #AFB9C3;
+  cursor: grab;
+}
+.ui-v1-logic-tree-drag-handle_disabled {
+  cursor: default;
+}
+.ui-v1-logic-tree-drag-handle svg {
+  width: 20px;
+  height: 20px;
+}
+[data-dnd-dragging='true'] .ui-v1-logic-tree-drag-handle {
+  cursor: grabbing;
+}
+.ui-v1-logic-tree-node-item {
+  display: flex;
+  flex: 1;
+  flex-wrap: nowrap;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  overflow: hidden;
+}
+.ui-v1-logic-tree-node-item__headline {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+}
+.ui-v1-logic-tree-node-item__title {
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 1.5;
+  color: #1E2248;
+  white-space: nowrap;
+}
+[data-dnd-overlay='true'] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 20;
+  width: var(--dnd-overlay-width, auto);
+  pointer-events: none;
+}
+[data-dnd-overlay='true'] .ui-v1-logic-tree__surface-node-content,
+[data-dnd-overlay='true'] .ui-v1-logic-tree__actions-node {
+  box-sizing: border-box;
+  background: #DEE2E6;
+  border-color: #DEE2E6;
+  border-radius: 6px;
+  box-shadow: 0 16px 32px rgba(30, 34, 72, 0.16), 0 4px 12px rgba(30, 34, 72, 0.14);
+  cursor: grabbing;
+  transition: none;
+}
+[data-dnd-overlay='true'] .ui-v1-logic-tree__connectors {
+  visibility: hidden;
+  pointer-events: none;
+}
+[data-dnd-overlay='true'] .ui-v1-logic-tree__grouped-block {
+  background: transparent;
+}
+[data-dnd-target='true'][data-dnd-drop-forbidden='true'] .ui-v1-logic-tree__surface-node-content,
+[data-dnd-target='true'][data-dnd-drop-forbidden='true'] .ui-v1-logic-tree__actions-node {
+  outline: 0;
+}
+[data-dnd-dragging='true'],
+[data-dnd-placeholder='true'],
+[data-dnd-target='true'],
+[data-dnd-overlay='true'] {
+  animation: none;
+}
 .ui-v1-modal {
   background: rgba(45, 51, 108, 0.4);
   z-index: 1000;
@@ -3558,6 +4164,29 @@
   min-width: 0;
   flex: 0 1 auto;
 }
+.ui-v1-popconfirm-anchor {
+  display: inline-block;
+}
+.ui-v1-popconfirm {
+  --ui-v1-popper-width-max: var(--ui-v1-popconfirm-width-max, 255px);
+  --ui-v1-popper-padding: 20px 24px;
+  --ui-v1-popper-roundings: 8px;
+}
+.ui-v1-popconfirm__title {
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 1.5;
+  margin-bottom: calc(24px / 2);
+}
+.ui-v1-popconfirm__content {
+  color: #1E2248;
+}
+.ui-v1-popconfirm__footer {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: calc(24px / 2);
+}
 .ui-v1-radio {
   display: inline-flex;
   cursor: pointer;