2b:null 2c:["$","title",null,{"children":"Delivery Date Simulator | Rayraegah | Observable"}] 31:T4cb,function calculateShippingDate(orderDateInSec) { const type = "is_shipping_restricted"; // if the order is placed after cut-off time // then it is processed on the next business day let anchorDateInSec = timeSinceMidnight(orderDateInSec) > configuredCutoffTime - 3600 ? orderDateInSec + timeLeftTillMidnight(orderDateInSec) : orderDateInSec - timeSinceMidnight(orderDateInSec); // if the determined processing day is a holiday // then it is processed on the next business day anchorDateInSec = nextValidDay(anchorDateInSec, 0, type); const shipByDateInSec = anchorDateInSec + configuredHandlingTime; // if the the determined ship by date after adding cut-off time is a holiday // then it is shipped on the next business day const earliestShipDateInSec = nextValidDay(shipByDateInSec, 0, type); // if the configured handling time is 0-day or 1-day // then minimum and maximum ship by dates are the same const latestShipDateInSec = configuredHandlingTime > 86400 ? nextValidDay(earliestShipDateInSec, 1, type) : earliestShipDateInSec; return { min: earliestShipDateInSec, //+ configuredCutoffTime, max: latestShipDateInSec //+ configuredCutoffTime }; }32:Tcc9,addTooltips = (chart, styles) => { const stroke_styles = { stroke: "blue", "stroke-width": 3 }; const fill_styles = { fill: "blue", opacity: 0.5 }; // Workaround if it's in a figure const type = d3.select(chart).node().tagName; let wrapper = type === "FIGURE" ? d3.select(chart).select("svg") : d3.select(chart); // Workaround if there's a legend.... const svgs = d3.select(chart).selectAll("svg"); if (svgs.size() > 1) wrapper = d3.select([...svgs].pop()); wrapper.style("overflow", "visible"); // to avoid clipping at the edges // Set pointer events to visibleStroke if the fill is none (e.g., if its a line) wrapper.selectAll("path").each(function (data, index, nodes) { // For line charts, set the pointer events to be visible stroke if ( d3.select(this).attr("fill") === null || d3.select(this).attr("fill") === "none" ) { d3.select(this).style("pointer-events", "visibleStroke"); if (styles === undefined) styles = stroke_styles; } }); if (styles === undefined) styles = fill_styles; const tip = wrapper .selectAll(".hover") .data([1]) .join("g") .attr("class", "hover") .style("pointer-events", "none") .style("text-anchor", "middle"); // Add a unique id to the chart for styling const id = id_generator(); // Add the event listeners d3.select(chart).classed(id, true); // using a class selector so that it doesn't overwrite the ID wrapper.selectAll("title").each(function () { // Get the text out of the title, set it as an attribute on the parent, and remove it const title = d3.select(this); // title element that we want to remove const parent = d3.select(this.parentNode); // visual mark on the screen const t = title.text(); if (t) { parent.attr("__title", t).classed("has-title", true); title.remove(); } // Mouse events parent .on("pointerenter pointermove", function (event) { const text = d3.select(this).attr("__title"); const pointer = d3.pointer(event, wrapper.node()); if (text) tip.call(hover, pointer, text.split("\n")); else tip.selectAll("*").remove(); // Raise it d3.select(this).raise(); // Keep within the parent horizontally const tipSize = tip.node().getBBox(); if (pointer[0] + tipSize.x < 0) tip.attr( "transform", `translate(${tipSize.width / 2}, ${pointer[1] + 7})` ); else if (pointer[0] + tipSize.width / 2 > wrapper.attr("width")) tip.attr( "transform", `translate(${wrapper.attr("width") - tipSize.width / 2}, ${ pointer[1] + 7 })` ); }) .on("pointerout", function (event) { tip.selectAll("*").remove(); // Lower it! d3.select(this).lower(); }); }); // Remove the tip if you tap on the wrapper (for mobile) wrapper.on("touchstart", () => tip.selectAll("*").remove()); // Define the styles chart.appendChild(html`","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"