Skip to main content
Glama
surveys-widget.js1.7 kB
import { document as _document } from '../utils/globals'; import { SURVEY_DEFAULT_Z_INDEX } from './surveys/surveys-utils'; import { prepareStylesheet } from './utils/stylesheet-loader'; // We cast the types here which is dangerous but protected by the top level generateSurveys call var document = _document; export function createWidgetShadow(survey, posthog) { var _a; var div = document.createElement('div'); div.className = "PostHogWidget".concat(survey.id); var shadow = div.attachShadow({ mode: 'open' }); var widgetStyleSheet = createWidgetStyle((_a = survey.appearance) === null || _a === void 0 ? void 0 : _a.widgetColor); var stylesheet = prepareStylesheet(document, widgetStyleSheet, posthog); if (stylesheet) { shadow.append(stylesheet); } document.body.appendChild(div); return shadow; } export function createWidgetStyle(widgetColor) { return "\n .ph-survey-widget-tab {\n position: fixed;\n top: 50%;\n right: 0;\n background: ".concat(widgetColor || '#e0a045', ";\n color: white;\n transform: rotate(-90deg) translate(0, -100%);\n transform-origin: right top;\n min-width: 40px;\n padding: 8px 12px;\n font-weight: 500;\n border-radius: 3px 3px 0 0;\n text-align: center;\n cursor: pointer;\n z-index: ").concat(SURVEY_DEFAULT_Z_INDEX, ";\n }\n .ph-survey-widget-tab:hover {\n padding-bottom: 13px;\n }\n .ph-survey-widget-button {\n position: fixed;\n }\n "); } //# sourceMappingURL=surveys-widget.js.map

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/sadiuysal/mem0-mcp-server-ts'

If you have feedback or need assistance with the MCP directory API, please join our Discord server