@kontent-ai/smart-link
Version:
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
28 lines • 1.11 kB
JavaScript
import { createTemplateForCustomElement } from "../utils/domElement";
import { KSLPopUpElement } from "./abstract/KSLPopUpElement";
import { Colors } from "./tokens/colors";
import { Shadows } from "./tokens/shadows";
const templateHTML = `
<style>
:host {
--ksl-pop-up-arrow-size: 12px;
--ksl-pop-up-background-color: var(--ksl-color-background-default, ${Colors.BackgroundDefault});
--ksl-pop-up-border-radius: 4px;
--ksl-pop-up-box-shadow: var(--ksl-shadow-default, ${Shadows.Default});;
--ksl-pop-up-color: var(--ksl-color-text-default, ${Colors.TextDefault});
--ksl-pop-up-padding: 8px;
}
</style>
`;
export class KSLPopoverElement extends KSLPopUpElement {
static get is() {
return "ksl-popover";
}
static initializeTemplate() {
const baseTemplate = KSLPopUpElement.initializeTemplate();
const thisTemplate = createTemplateForCustomElement(templateHTML);
baseTemplate.content.appendChild(thisTemplate.content.cloneNode(true));
return baseTemplate;
}
}
//# sourceMappingURL=KSLPopoverElement.js.map