"use strict";
var __webpack_require__ = {};
(()=>{
    __webpack_require__.n = (module)=>{
        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
        __webpack_require__.d(getter, {
            a: getter
        });
        return getter;
    };
})();
(()=>{
    __webpack_require__.d = (exports1, definition)=>{
        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
            enumerable: true,
            get: definition[key]
        });
    };
})();
(()=>{
    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
})();
(()=>{
    __webpack_require__.r = (exports1)=>{
        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
            value: 'Module'
        });
        Object.defineProperty(exports1, '__esModule', {
            value: true
        });
    };
})();
var __webpack_exports__ = {};
__webpack_require__.r(__webpack_exports__);
__webpack_require__.d(__webpack_exports__, {
    StageTask: ()=>StageTask,
    STAGE_CONTENT_PADDING_X: ()=>STAGE_CONTENT_PADDING_X,
    StageContainer: ()=>StageContainer,
    StageChip: ()=>StageChip,
    StageHeaderChipsRow: ()=>StageHeaderChipsRow,
    StageContent: ()=>StageContent,
    StageTaskDragPlaceholderWrapper: ()=>StageTaskDragPlaceholderWrapper,
    StageTaskWrapper: ()=>StageTaskWrapper,
    StageParallelLabel: ()=>StageParallelLabel,
    StageTaskIcon: ()=>StageTaskIcon,
    StageParallelBracket: ()=>StageParallelBracket,
    StageTitleInput: ()=>StageTitleInput,
    STAGE_BORDER_WIDTH: ()=>STAGE_BORDER_WIDTH,
    StageTaskDragPlaceholder: ()=>StageTaskDragPlaceholder,
    StageTaskGroupContainer: ()=>StageTaskGroupContainer,
    StageTitleContainer: ()=>StageTitleContainer,
    INDENTATION_WIDTH: ()=>INDENTATION_WIDTH,
    StageTaskList: ()=>StageTaskList,
    StageHeader: ()=>StageHeader,
    STAGE_CONTENT_INSET: ()=>STAGE_CONTENT_INSET,
    StageAdditionalTasksHeaderSection: ()=>StageAdditionalTasksHeaderSection,
    StageAdditionalTasksSection: ()=>StageAdditionalTasksSection,
    StageTaskRetryDuration: ()=>StageTaskRetryDuration
});
const react_namespaceObject = require("@emotion/react");
const styled_namespaceObject = require("@emotion/styled");
var styled_default = /*#__PURE__*/ __webpack_require__.n(styled_namespaceObject);
const apollo_core_namespaceObject = require("@uipath/apollo-core");
const INDENTATION_WIDTH = 26;
const STAGE_CONTENT_PADDING_X = 14;
const STAGE_BORDER_WIDTH = 2;
const STAGE_CONTENT_INSET = 2 * STAGE_CONTENT_PADDING_X + 2 * STAGE_BORDER_WIDTH;
const StageContainer = styled_default().div`
  position: relative;
  min-width: 288px;
  width: ${({ width })=>width ? `${width}px` : 'auto'};
  background: var(--canvas-background);
  border: ${STAGE_BORDER_WIDTH}px solid var(--canvas-border-de-emp);
  border-radius: ${apollo_core_namespaceObject.Spacing.SpacingBase};
  display: flex;
  flex-direction: column;
  cursor: pointer;

  ${({ selected })=>selected ? (0, react_namespaceObject.css)`
          border-color: var(--canvas-primary);
          outline: 4px solid var(--canvas-secondary-pressed);
        ` : (0, react_namespaceObject.css)`
          &:hover {
            outline: 4px solid var(--canvas-secondary-pressed);
          }
        `}

  ${({ status })=>'Completed' === status && (0, react_namespaceObject.css)`
      border-color: var(--canvas-success-icon);
    `}

  ${({ status })=>'InProgress' === status && (0, react_namespaceObject.css)`
      border-color: var(--canvas-info-icon);
    `}

  ${({ status })=>'Paused' === status && (0, react_namespaceObject.css)`
      border-color: var(--canvas-warning-icon);
    `}

  ${({ status })=>'Failed' === status && (0, react_namespaceObject.css)`
      border-color: var(--canvas-error-icon);
    `}

  ${({ status })=>'NotExecuted' === status && (0, react_namespaceObject.css)`
      opacity: 0.8;
    `}
`;
const StageHeader = styled_default().div`
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: ${apollo_core_namespaceObject.Spacing.SpacingS} ${apollo_core_namespaceObject.Spacing.SpacingBase};
  border-bottom: solid 1px var(--canvas-border-de-emp);
  background: ${(props)=>props.isException ? 'var(--color-background-secondary)' : 'var(--canvas-background)'};
  border-radius: ${apollo_core_namespaceObject.Spacing.SpacingBase} ${apollo_core_namespaceObject.Spacing.SpacingBase} 0 0;
  overflow: hidden;
`;
const StageTitleContainer = styled_default().div`
  display: block;
  border-radius: 4px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  border: ${(props)=>props.isEditing ? '1px solid var(--canvas-border-de-emp)' : 'none'};
`;
const StageTitleInput = styled_default().input`
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  cursor: text;
  border: none;
  background: transparent;
  text-overflow: ellipsis;
  border-radius: 2px;
  width: 100%;
  min-width: 100px;
  padding: ${apollo_core_namespaceObject.Padding.PadS} 0px;

  &:focus {
    outline: none;
  }

  &:hover {
    cursor: ${(props)=>props.isStageTitleEditable ? 'text' : 'pointer'};
    background: ${(props)=>props.isEditing || props.isStageTitleEditable ? 'var(--canvas-background-secondary)' : 'transparent'};
  }
`;
const StageContent = styled_default().div`
  padding: 15px ${STAGE_CONTENT_PADDING_X}px ${apollo_core_namespaceObject.Spacing.SpacingBase} ${STAGE_CONTENT_PADDING_X}px;
  border-radius: 0 0 ${apollo_core_namespaceObject.Spacing.SpacingBase} ${apollo_core_namespaceObject.Spacing.SpacingBase};
  overflow: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
`;
const StageTaskList = styled_default().div`
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: ${apollo_core_namespaceObject.Spacing.SpacingS};
`;
const StageTaskGroupContainer = styled_default().div`
  position: relative;
  display: flex;
  flex-direction: column;
  gap: ${apollo_core_namespaceObject.Spacing.SpacingS};
  width: ${({ isParallel })=>isParallel ? 'var(--stage-task-width-parallel, 216px)' : 'var(--stage-task-width, 246px)'};
`;
const StageParallelLabel = styled_default().div`
  position: absolute;
  left: -52px;
  top: 50%;
  padding: 0px ${apollo_core_namespaceObject.Padding.PadM};
  display: flex;
  justify-content: center;
  background: var(--canvas-background);
  transform: translateY(-50%) rotate(-90deg);
  color: var(--canvas-foreground-de-emp);
  text-transform: capitalize;
  letter-spacing: 0.3px;
  white-space: nowrap;
`;
const StageParallelBracket = styled_default().div`
  margin-left: ${apollo_core_namespaceObject.Padding.PadM};
  width: ${apollo_core_namespaceObject.Spacing.SpacingXs};
  flex: 1;
  border: 1.5px solid var(--canvas-border-de-emp);
  border-right: none;
`;
const StageTaskWrapper = styled_default().div`
  width: ${({ isParallel })=>isParallel ? 'var(--stage-task-width-parallel, 216px)' : 'var(--stage-task-width, 246px)'};
  border-radius: ${apollo_core_namespaceObject.Spacing.SpacingXs};
  height: 36px;
`;
const StageTask = styled_default().div`
  position: relative;
  display: flex;
  align-items: center;
  gap: ${apollo_core_namespaceObject.Spacing.SpacingXs};
  padding: ${apollo_core_namespaceObject.Padding.PadS} ${apollo_core_namespaceObject.Padding.PadM};
  background: var(--canvas-background);
  border: 1px solid var(--canvas-border-de-emp);
  border-radius: ${apollo_core_namespaceObject.Spacing.SpacingXs};
  color: var(--canvas-foreground);
  transition: all 0.2s ease;
  min-height: 36px;
  width: ${({ isParallel, isDragEnabled })=>isDragEnabled ? '100%' : isParallel ? 'var(--stage-task-width-parallel, 216px)' : 'var(--stage-task-width, 246px)'};
  height: ${({ isDragEnabled })=>isDragEnabled ? '100%' : 'auto'};

  .task-menu-icon-button {
    display: flex;
  }

  ${({ status })=>'InProgress' === status && (0, react_namespaceObject.css)`
      border-color: var(--canvas-info-icon);
    `}

  ${({ status })=>'Completed' === status && (0, react_namespaceObject.css)`
      border-color: var(--canvas-success-icon);
    `}

  ${({ status })=>'Paused' === status && (0, react_namespaceObject.css)`
      border-color: var(--canvas-warning-icon);
    `}

  ${({ status })=>'Failed' === status && (0, react_namespaceObject.css)`
      border-color: var(--canvas-error-icon);
    `}

  ${({ selected })=>selected ? (0, react_namespaceObject.css)`
          border-color: var(--canvas-primary);
          outline: 4px solid var(--canvas-secondary-pressed);
        ` : (0, react_namespaceObject.css)`
          &:hover {
            border-color: var(--canvas-primary);
            outline: 4px solid var(--canvas-secondary-pressed);
          }
        `}
`;
const StageTaskIcon = styled_default().div`
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;

  svg {
    width: 16px;
    height: 16px;
  }
`;
const StageTaskRetryDuration = styled_default().div`
  display: flex;
  align-items: center;
  ${({ status })=>'info' === status && (0, react_namespaceObject.css)`
      color: var(--canvas-info-text);
    `}

  ${({ status })=>'warning' === status && (0, react_namespaceObject.css)`
      color: var(--canvas-warning-text);
    `}

  ${({ status })=>'error' === status && (0, react_namespaceObject.css)`
      color: var(--canvas-error-text);
    `}
`;
const StageTaskDragPlaceholderWrapper = styled_default().div`
  width: var(--stage-task-width, 246px);
  height: 36px;
`;
const StageHeaderChipsRow = styled_default().div`
  display: flex;
  flex-wrap: wrap;
  gap: ${apollo_core_namespaceObject.Padding.PadS};
  margin-top: ${apollo_core_namespaceObject.Spacing.SpacingXs};
`;
const StageChip = styled_default().button`
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: ${apollo_core_namespaceObject.Padding.PadS};
  padding: ${apollo_core_namespaceObject.Padding.PadXs} ${apollo_core_namespaceObject.Spacing.SpacingXs};
  border-radius: 10px;
  border: 1px solid var(--canvas-border-de-emp);
  background: transparent;
  color: var(--canvas-foreground);
  cursor: pointer;

  &:hover {
    background: var(--color-background-hover);
  }

  &:focus-visible {
    outline: 2px solid var(--canvas-primary);
    outline-offset: 2px;
  }
`;
const StageAdditionalTasksSection = styled_default().div`
  display: flex;
  flex-direction: column;
  gap: ${apollo_core_namespaceObject.Spacing.SpacingS};
`;
const StageAdditionalTasksHeaderSection = styled_default().div`
  height: 36px;
  display: flex;
  align-items: center;
`;
const StageTaskDragPlaceholder = styled_default().div`
  display: flex;
  align-items: center;
  gap: ${apollo_core_namespaceObject.Spacing.SpacingXs};
  padding: ${apollo_core_namespaceObject.Padding.PadL} ${apollo_core_namespaceObject.Padding.PadXxl};
  background: transparent;
  border: 2px dashed var(--canvas-selection-indicator);
  border-radius: 6px;

  height: 100%;
  width: ${({ isTargetParallel })=>isTargetParallel ? 'var(--stage-task-width-parallel, 216px)' : 'var(--stage-task-width, 246px)'};
`;
exports.INDENTATION_WIDTH = __webpack_exports__.INDENTATION_WIDTH;
exports.STAGE_BORDER_WIDTH = __webpack_exports__.STAGE_BORDER_WIDTH;
exports.STAGE_CONTENT_INSET = __webpack_exports__.STAGE_CONTENT_INSET;
exports.STAGE_CONTENT_PADDING_X = __webpack_exports__.STAGE_CONTENT_PADDING_X;
exports.StageAdditionalTasksHeaderSection = __webpack_exports__.StageAdditionalTasksHeaderSection;
exports.StageAdditionalTasksSection = __webpack_exports__.StageAdditionalTasksSection;
exports.StageChip = __webpack_exports__.StageChip;
exports.StageContainer = __webpack_exports__.StageContainer;
exports.StageContent = __webpack_exports__.StageContent;
exports.StageHeader = __webpack_exports__.StageHeader;
exports.StageHeaderChipsRow = __webpack_exports__.StageHeaderChipsRow;
exports.StageParallelBracket = __webpack_exports__.StageParallelBracket;
exports.StageParallelLabel = __webpack_exports__.StageParallelLabel;
exports.StageTask = __webpack_exports__.StageTask;
exports.StageTaskDragPlaceholder = __webpack_exports__.StageTaskDragPlaceholder;
exports.StageTaskDragPlaceholderWrapper = __webpack_exports__.StageTaskDragPlaceholderWrapper;
exports.StageTaskGroupContainer = __webpack_exports__.StageTaskGroupContainer;
exports.StageTaskIcon = __webpack_exports__.StageTaskIcon;
exports.StageTaskList = __webpack_exports__.StageTaskList;
exports.StageTaskRetryDuration = __webpack_exports__.StageTaskRetryDuration;
exports.StageTaskWrapper = __webpack_exports__.StageTaskWrapper;
exports.StageTitleContainer = __webpack_exports__.StageTitleContainer;
exports.StageTitleInput = __webpack_exports__.StageTitleInput;
for(var __rspack_i in __webpack_exports__)if (-1 === [
    "INDENTATION_WIDTH",
    "STAGE_BORDER_WIDTH",
    "STAGE_CONTENT_INSET",
    "STAGE_CONTENT_PADDING_X",
    "StageAdditionalTasksHeaderSection",
    "StageAdditionalTasksSection",
    "StageChip",
    "StageContainer",
    "StageContent",
    "StageHeader",
    "StageHeaderChipsRow",
    "StageParallelBracket",
    "StageParallelLabel",
    "StageTask",
    "StageTaskDragPlaceholder",
    "StageTaskDragPlaceholderWrapper",
    "StageTaskGroupContainer",
    "StageTaskIcon",
    "StageTaskList",
    "StageTaskRetryDuration",
    "StageTaskWrapper",
    "StageTitleContainer",
    "StageTitleInput"
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
Object.defineProperty(exports, '__esModule', {
    value: true
});
