@oondemand/oon-core-front 0.3.38 → 0.3.40

package/dist/index.js

@@ -4972,6 +4972,60 @@ function OonApp({ config }) {
   return /* @__PURE__ */ jsx36(OonProviders, { config, http, storage, children: /* @__PURE__ */ jsx36(RouterProvider, { router }) });
 }
 
+// src/components/internal/pipelineBoardLayout.ts
+var PIPELINE_BOARD_STYLE_ID = "oon-core-pipeline-board-natural-height";
+var PIPELINE_BOARD_LAYOUT_CSS = `
+:where(*) > [data-oon-pipeline-board="true"] {
+  height: auto !important;
+  min-height: 420px;
+  overflow-y: visible !important;
+  align-items: stretch !important;
+}
+
+:where(*) > [data-oon-pipeline-board="true"] > * {
+  align-self: stretch;
+}
+
+:where(*):has(> [data-oon-pipeline-board="true"]) {
+  display: grid;
+  grid-template-areas: "oon-pipeline-board";
+  align-items: start;
+}
+
+:where(*):has(> [data-oon-pipeline-board="true"]) > [data-oon-pipeline-board="true"] {
+  grid-area: oon-pipeline-board;
+}
+
+:where(*):has(> [data-oon-pipeline-board="true"]) > button[aria-label="Deslizar quadro para a esquerda"],
+:where(*):has(> [data-oon-pipeline-board="true"]) > button[aria-label="Deslizar quadro para a direita"] {
+  grid-area: oon-pipeline-board;
+  position: sticky !important;
+  top: calc(50vh - 17px) !important;
+  right: auto !important;
+  left: auto !important;
+  align-self: start;
+  transform: none !important;
+  z-index: 3;
+}
+
+:where(*):has(> [data-oon-pipeline-board="true"]) > button[aria-label="Deslizar quadro para a esquerda"] {
+  justify-self: start;
+  margin-left: 8px;
+}
+
+:where(*):has(> [data-oon-pipeline-board="true"]) > button[aria-label="Deslizar quadro para a direita"] {
+  justify-self: end;
+  margin-right: 8px;
+}
+`;
+function installPipelineBoardLayoutStyles(targetDocument = document) {
+  if (targetDocument.getElementById(PIPELINE_BOARD_STYLE_ID)) return;
+  const style = targetDocument.createElement("style");
+  style.id = PIPELINE_BOARD_STYLE_ID;
+  style.textContent = PIPELINE_BOARD_LAYOUT_CSS;
+  targetDocument.head.appendChild(style);
+}
+
 // src/start.tsx
 import { jsx as jsx37 } from "react/jsx-runtime";
 function validateConfig(config) {
@@ -5002,6 +5056,7 @@ function hardenConsole(config) {
 function start(config) {
   validateConfig(config);
   applyDocumentMeta(config);
+  installPipelineBoardLayoutStyles();
   hardenConsole(config);
   const rootId = config.rootElementId ?? "root";
   const el = document.getElementById(rootId);