@kontent-ai/smart-link/dist/commonjs/web-components/KSLPopoverElement.js

Kontent.ai Smart Link SDK allowing to automatically inject [smart links](https://docs.kontent.ai/tutorials/develop-apps/build-strong-foundation/set-up-editing-from-preview#a-using-smart-links) to Kontent.ai according to manually specified [HTML data attri

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.KSLPopoverElement = void 0;
const KSLPopUpElement_1 = require("./abstract/KSLPopUpElement");
const domElement_1 = require("../utils/domElement");
const colors_1 = require("./tokens/colors");
const shadows_1 = require("./tokens/shadows");
const templateHTML = `
  <style>
    :host {
      --ksl-pop-up-arrow-size: 12px;
      --ksl-pop-up-background-color: var(--ksl-color-background-default, ${colors_1.Colors.BackgroundDefault});
      --ksl-pop-up-border-radius: 4px;
      --ksl-pop-up-box-shadow: var(--ksl-shadow-default, ${shadows_1.Shadows.Default});;
      --ksl-pop-up-color: var(--ksl-color-text-default, ${colors_1.Colors.TextDefault});
      --ksl-pop-up-padding: 8px;
    }
  </style>
`;
class KSLPopoverElement extends KSLPopUpElement_1.KSLPopUpElement {
    static get is() {
        return 'ksl-popover';
    }
    static initializeTemplate() {
        const baseTemplate = KSLPopUpElement_1.KSLPopUpElement.initializeTemplate();
        const thisTemplate = (0, domElement_1.createTemplateForCustomElement)(templateHTML);
        baseTemplate.content.appendChild(thisTemplate.content.cloneNode(true));
        return baseTemplate;
    }
}
exports.KSLPopoverElement = KSLPopoverElement;
//# sourceMappingURL=KSLPopoverElement.js.map