web parameters support

[shandilya3]

Use webParameters if available instead of translated mobileParameters.

To test for now I applied

const webParameters = {
  "alloy-overlay-container": {
    style: {
      position: "fixed",
      top: "0",
      left: "0",
      width: "100%",
      height: "100%",
      background: "transparent",
      opacity: 0.5,
      backgroundColor: "#FFFFFF",
    },
    params: {
      enabled: true,
    },
  },
  "alloy-messaging-container": {
    style: {
      width: "72%",
      backgroundColor: "orange",
      borderRadius: "20px",
      border: "none",
      position: "fixed",
      overflow: "hidden",
      left: "50%",
      transform: "translateX(-50%) translateY(-50%)",
      top: "50%",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      height: "63vh",
    },
    params: {
      parentElement: "body",
      insertionMethod: "appendChild",
    },
  },
  "alloy-content-iframe": {
    style: {
      width: "100%",
      height: "100%",
    },
  },
};

In place of const webParameters = { info: "this is a placeholder" };

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Improvement (non-breaking change which does not add functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• I have signed the Adobe Open Source CLA or I'm an Adobe employee.
• I have made any necessary test changes and all tests pass.
• I have run the Sandbox successfully.

[jasonwaters]

making good progress! left you some comments