@fluid-topics/ft-popover 2.0.38 → 2.1.1

package/build/ft-popover.properties.d.ts

@@ -1,3 +1,10 @@
-import { FtBasePopoverProperties } from "./ft-base-popover";
-export interface FtPopoverProperties extends FtBasePopoverProperties {
+import { Position } from "@fluid-topics/ft-tooltip";
+import { FtIcons } from "@fluid-topics/ft-icon";
+export interface FtPopoverProperties {
+    opened?: boolean;
+    hidden?: boolean;
+    closeButtonLabel?: string;
+    openButtonLabel?: string;
+    openButtonIcon?: FtIcons;
+    openButtonTooltipPosition?: Position;
 }

package/build/ft-popover.styles.js

@@ -1,4 +1,5 @@
 import { css } from "lit";
+import { FtButtonCssVariables } from "@fluid-topics/ft-button";
 // language=css
 export const ftPopoverStyles = css `
     :host {
@@ -23,8 +24,8 @@ export const ftPopoverStyles = css `
         right: 8px;
 
         ft-button {
-            --ft-button-icon-size: 12px;
-            --ft-button-background-color: #fff;
+            ${FtButtonCssVariables.iconSize.set("12px")};
+            ${FtButtonCssVariables.backgroundColor.set("#fff")};
         }
     }
 

package/build/index.d.ts

@@ -1,10 +1,4 @@
 export * from "./ft-popover.styles";
 export * from "./ft-popover";
 export * from "./ft-popover.properties";
-export * from "./ftds-popover";
-export * from "./ftds-popover.styles";
-export * from "./ftds-popover.properties";
-export * from "./ftds-popover-section";
-export * from "./ftds-popover-section.styles";
-export * from "./ftds-popover-section.properties";
 import "./define";

package/build/index.js

@@ -1,10 +1,4 @@
 export * from "./ft-popover.styles";
 export * from "./ft-popover";
 export * from "./ft-popover.properties";
-export * from "./ftds-popover";
-export * from "./ftds-popover.styles";
-export * from "./ftds-popover.properties";
-export * from "./ftds-popover-section";
-export * from "./ftds-popover-section.styles";
-export * from "./ftds-popover-section.properties";
 import "./define";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-popover",
-    "version": "2.0.38",
+    "version": "2.1.1",
     "description": "A simple popover component",
     "keywords": [
         "Lit"
@@ -19,13 +19,12 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/design-system-variables": "3.4.1",
-        "@fluid-topics/ft-button": "2.0.38",
-        "@fluid-topics/ft-icon": "2.0.38",
-        "@fluid-topics/ft-link": "2.0.38",
-        "@fluid-topics/ft-typography": "2.0.38",
-        "@fluid-topics/ft-wc-utils": "2.0.38",
+        "@fluid-topics/design-system-variables": "3.5.0",
+        "@fluid-topics/ft-button": "2.1.1",
+        "@fluid-topics/ft-icon": "2.1.1",
+        "@fluid-topics/ft-typography": "2.1.1",
+        "@fluid-topics/ft-wc-utils": "2.1.1",
         "lit": "3.1.0"
     },
-    "gitHead": "8a5f1d6fb69ac18ec2e6d05dcf82e036d7423c35"
+    "gitHead": "a9f1e471fb2dba9aeb8c12394a25460f675597dc"
 }

package/build/ft-base-popover.d.ts

@@ -1,51 +0,0 @@
-import { Position } from "@fluid-topics/ft-tooltip";
-import { FtLitElement } from "@fluid-topics/ft-wc-utils";
-import { FtIcons } from "@fluid-topics/ft-icon";
-import { DesignSystemFamily, DesignSystemSize } from "@fluid-topics/design-system-variables";
-import { nothing, PropertyValues, TemplateResult } from "lit";
-import { ClassInfo } from "lit/directives/class-map.js";
-import { FtBaseButton } from "@fluid-topics/ft-button/build/ft-base-button";
-export interface FtBasePopoverProperties {
-    opened?: boolean;
-    hidden?: boolean;
-    closeButtonLabel?: string;
-    openButtonLabel?: string;
-    openButtonTooltipPosition?: Position;
-}
-export declare abstract class FtBasePopover extends FtLitElement implements FtBasePopoverProperties {
-    heading: string;
-    closeButtonLabel: string;
-    openButtonIcon: FtIcons;
-    openButtonLabel: string;
-    openButtonTooltipPosition: Position;
-    opened: boolean;
-    hidden: boolean;
-    openButtonSize: DesignSystemSize;
-    openButtonFamily: DesignSystemFamily;
-    private isTriggerSlotAssigned;
-    protected abstract openingButton?: FtBaseButton;
-    protected abstract closingButton?: FtBaseButton;
-    private popoverWrapper?;
-    private triggerSlot?;
-    protected abstract wrapperId: string;
-    protected abstract headingId: string;
-    protected abstract contentId: string;
-    protected maxWidth: import("@fluid-topics/ft-wc-utils").FtCssVariable;
-    protected abstract renderOpeningButton(): TemplateResult;
-    protected abstract renderClosingButton(): TemplateResult;
-    protected abstract renderFullContent(): TemplateResult;
-    protected abstract hideUnusedSlots(): void;
-    get openingElement(): HTMLElement | undefined;
-    protected render(): typeof nothing | TemplateResult<1>;
-    protected renderPopover(): typeof nothing | TemplateResult<1>;
-    updated(properties: PropertyValues<FtBasePopover>): void;
-    close(): void;
-    open(): void;
-    protected closeAndFocusOpeningButton(): void;
-    private onTriggerSlotChange;
-    private onTriggerKeydown;
-    private watchFocusIn;
-    private watchEscapeKey;
-    private positionWrapper;
-    protected getPopoverWrapperClasses(): ClassInfo;
-}

package/build/ft-base-popover.js

@@ -1,196 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { computeOffsetAutoPosition, FtLitElement, } from "@fluid-topics/ft-wc-utils";
-import { property, query, state, } from "lit/decorators.js";
-import { FtIcons } from "@fluid-topics/ft-icon";
-import { DesignSystemFamily, DesignSystemSize, } from "@fluid-topics/design-system-variables";
-import { html, nothing, } from "lit";
-import { classMap, } from "lit/directives/class-map.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { FtBaseButton } from "@fluid-topics/ft-button/build/ft-base-button";
-import { FtCssVariableFactory } from "@fluid-topics/design-system-variables/build/FtCssVariables";
-export class FtBasePopover extends FtLitElement {
-    constructor() {
-        super(...arguments);
-        this.heading = "";
-        this.closeButtonLabel = "close info";
-        this.openButtonIcon = FtIcons.CIRCLE_QUESTION;
-        this.openButtonLabel = "more info";
-        this.openButtonTooltipPosition = "bottom";
-        this.opened = false;
-        this.hidden = false;
-        this.openButtonSize = DesignSystemSize.medium;
-        this.openButtonFamily = DesignSystemFamily.info;
-        this.isTriggerSlotAssigned = false;
-        this.maxWidth = FtCssVariableFactory.create("--ft-popover-max-width", "", "SIZE", "464px");
-        this.onTriggerSlotChange = () => {
-            var _a, _b;
-            const assignedTrigger = (_b = (_a = this.triggerSlot) === null || _a === void 0 ? void 0 : _a.assignedElements()) !== null && _b !== void 0 ? _b : [];
-            this.isTriggerSlotAssigned = assignedTrigger.length > 0;
-        };
-        this.onTriggerKeydown = (event) => {
-            if (event.key === "Enter" || event.key === " ") {
-                event.preventDefault();
-                this.open();
-            }
-        };
-        this.watchFocusIn = (event) => {
-            if (this.popoverWrapper && !event.composedPath().includes(this.popoverWrapper)) {
-                this.close();
-            }
-        };
-        this.watchEscapeKey = (event) => {
-            var _a;
-            if (event.key === "Escape") {
-                this.close();
-                (_a = this.openingElement) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-        };
-    }
-    get openingElement() {
-        var _a;
-        const assignedTrigger = (_a = this.triggerSlot) === null || _a === void 0 ? void 0 : _a.assignedElements();
-        if ((assignedTrigger === null || assignedTrigger === void 0 ? void 0 : assignedTrigger.length) && assignedTrigger[0] instanceof HTMLElement) {
-            return assignedTrigger[0];
-        }
-        return this.openingButton;
-    }
-    render() {
-        const classes = {
-            opened: this.opened,
-        };
-        return this.hidden ? nothing : html `
-            <div part="root-container" class="${classMap(classes)}">
-                <slot name="trigger"
-                      @slotchange=${this.onTriggerSlotChange}
-                      @click=${this.open}
-                      @keydown=${this.onTriggerKeydown}
-                      @focusin=${this.close}
-                ></slot>
-                ${this.isTriggerSlotAssigned ? nothing : this.renderOpeningButton()}
-                ${this.renderPopover()}
-            </div>
-        `;
-    }
-    renderPopover() {
-        return this.opened ? html `
-            <div part="popover-container">
-                <div part="overlay" @click=${this.close}></div>
-                <div id="${this.wrapperId}" part="wrapper" role="dialog"
-                     class="${classMap(this.getPopoverWrapperClasses())}"
-                     aria-labelledby="${ifDefined(this.heading ? `${this.headingId}` : undefined)}"
-                     aria-describedby="${this.contentId}">
-                    <div part="closing-button-container">
-                        ${this.renderClosingButton()}
-                    </div>
-                    ${this.renderFullContent()}
-                </div>
-            </div>
-        ` : nothing;
-    }
-    updated(properties) {
-        super.updated(properties);
-        if (properties.has("opened")) {
-            if (this.opened) {
-                setTimeout(() => {
-                    this.positionWrapper();
-                    document.addEventListener("keydown", this.watchEscapeKey);
-                    document.addEventListener("focusin", this.watchFocusIn);
-                }, 0);
-            }
-            else {
-                document.removeEventListener("keydown", this.watchEscapeKey);
-                document.removeEventListener("focusin", this.watchFocusIn);
-            }
-        }
-    }
-    close() {
-        this.opened = false;
-        this.dispatchEvent(new CustomEvent("opened-changed", { detail: { opened: false } }));
-    }
-    open() {
-        this.opened = true;
-        this.dispatchEvent(new CustomEvent("opened-changed", { detail: { opened: true } }));
-    }
-    closeAndFocusOpeningButton() {
-        var _a;
-        this.close();
-        (_a = this.openingElement) === null || _a === void 0 ? void 0 : _a.focus();
-        if (window.FluidTopicsA11yHints.isKeyboardNavigation) {
-            if (this.openingElement instanceof FtBaseButton) {
-                this.openingElement.showTooltip();
-            }
-        }
-    }
-    async positionWrapper() {
-        var _a, _b;
-        if (this.popoverWrapper) {
-            this.popoverWrapper.classList.remove("positioned");
-            this.popoverWrapper.style.left = "";
-            this.popoverWrapper.style.top = "";
-            if (this.openingElement) {
-                const allowedPlacements = [
-                    "bottom-start",
-                    "right-start",
-                    "bottom-end",
-                    "right-end",
-                    "left-start",
-                    "left-end",
-                    "top-start",
-                    "top-end",
-                ];
-                const defaultPlacement = "bottom-start";
-                const options = { placement: defaultPlacement, allowedPlacements: allowedPlacements, maxWidthCssVariable: this.maxWidth };
-                const { x, y } = await computeOffsetAutoPosition(this.openingElement, this.popoverWrapper, options);
-                this.popoverWrapper.style.left = `${x}px`;
-                this.popoverWrapper.style.top = `${y}px`;
-            }
-            this.popoverWrapper.classList.add("positioned");
-        }
-        this.hideUnusedSlots();
-        (_a = this.closingButton) === null || _a === void 0 ? void 0 : _a.focus();
-        if (window.FluidTopicsA11yHints.isKeyboardNavigation) {
-            (_b = this.closingButton) === null || _b === void 0 ? void 0 : _b.showTooltip();
-        }
-    }
-    getPopoverWrapperClasses() {
-        return {};
-    }
-}
-__decorate([
-    property()
-], FtBasePopover.prototype, "closeButtonLabel", void 0);
-__decorate([
-    property()
-], FtBasePopover.prototype, "openButtonIcon", void 0);
-__decorate([
-    property()
-], FtBasePopover.prototype, "openButtonLabel", void 0);
-__decorate([
-    property()
-], FtBasePopover.prototype, "openButtonTooltipPosition", void 0);
-__decorate([
-    property({ type: Boolean })
-], FtBasePopover.prototype, "opened", void 0);
-__decorate([
-    property({ type: Boolean })
-], FtBasePopover.prototype, "hidden", void 0);
-__decorate([
-    property({ type: DesignSystemSize })
-], FtBasePopover.prototype, "openButtonSize", void 0);
-__decorate([
-    property({ type: DesignSystemFamily })
-], FtBasePopover.prototype, "openButtonFamily", void 0);
-__decorate([
-    state()
-], FtBasePopover.prototype, "isTriggerSlotAssigned", void 0);
-__decorate([
-    query(`[part="wrapper"]`)
-], FtBasePopover.prototype, "popoverWrapper", void 0);
-__decorate([
-    query(`slot[name="trigger"]`)
-], FtBasePopover.prototype, "triggerSlot", void 0);

package/build/ftds-popover-section.d.ts

@@ -1,13 +0,0 @@
-import { nothing, PropertyValues } from "lit";
-import { ElementDefinitionsMap, FtLitElement } from "@fluid-topics/ft-wc-utils";
-import { FtdsPopoverSectionProperties } from "./ftds-popover-section.properties";
-export declare class FtdsPopoverSection extends FtLitElement implements FtdsPopoverSectionProperties {
-    static elementDefinitions: ElementDefinitionsMap;
-    static styles: import("lit").CSSResult;
-    heading: string;
-    private popoverSectionLinkTypography;
-    private popoverSectionLinkSlot;
-    protected render(): import("lit-html").TemplateResult<1>;
-    renderHeading(): typeof nothing | import("lit-html").TemplateResult<1>;
-    protected updated(props: PropertyValues): void;
-}

package/build/ftds-popover-section.js

@@ -1,61 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, nothing } from "lit";
-import { property, query } from "lit/decorators.js";
-import { FtLitElement, unslotText } from "@fluid-topics/ft-wc-utils";
-import { FtdsTypography, FtdsTypographyVariants } from "@fluid-topics/ft-typography";
-import { sectionStyles } from "./ftds-popover-section.styles";
-export class FtdsPopoverSection extends FtLitElement {
-    constructor() {
-        super(...arguments);
-        this.heading = "";
-    }
-    render() {
-        return html `
-            <div class="ftds-popover-section--container">
-                <slot name="heading">
-                    ${this.renderHeading()}
-                </slot>
-                <div class="ftds-popover-section--content" part="content" id="ftds-popover-section-content">
-                    <ftds-typography variant="${FtdsTypographyVariants.body2medium}">
-                        <slot></slot>
-                    </ftds-typography>
-                </div>
-                <ftds-typography variant="${FtdsTypographyVariants.body2medium}" part="popover-section-link-typography" class="ftds-popover-section--link">
-                    <slot name="link"
-                          part="popover-section-link"
-                          @slotchange=${() => this.requestUpdate()}
-                    ></slot>
-                </ftds-typography>
-            </div>
-        `;
-    }
-    renderHeading() {
-        return this.heading ? html `
-            <div class="ftds-popover-section--heading" part="heading" id="ftds-popover-section-heading">
-                <ftds-typography element="span" variant="${FtdsTypographyVariants.body2semibold}">${this.heading}</ftds-typography>
-            </div>
-        ` : nothing;
-    }
-    updated(props) {
-        super.updated(props);
-        this.popoverSectionLinkTypography.hidden = unslotText(this.popoverSectionLinkSlot).trim().length === 0;
-    }
-}
-FtdsPopoverSection.elementDefinitions = {
-    "ftds-typography": FtdsTypography,
-};
-FtdsPopoverSection.styles = sectionStyles;
-__decorate([
-    property()
-], FtdsPopoverSection.prototype, "heading", void 0);
-__decorate([
-    query("[part=popover-section-link-typography]")
-], FtdsPopoverSection.prototype, "popoverSectionLinkTypography", void 0);
-__decorate([
-    query("[part=popover-section-link]")
-], FtdsPopoverSection.prototype, "popoverSectionLinkSlot", void 0);

package/build/ftds-popover-section.properties.d.ts

@@ -1,3 +0,0 @@
-export interface FtdsPopoverSectionProperties {
-    heading?: string;
-}

package/build/ftds-popover-section.properties.js

@@ -1 +0,0 @@
-export {};

package/build/ftds-popover-section.styles.d.ts

@@ -1 +0,0 @@
-export declare const sectionStyles: import("lit").CSSResult;

package/build/ftds-popover-section.styles.js

@@ -1,22 +0,0 @@
-import { css } from "lit";
-import { popover } from "@fluid-topics/design-system-variables";
-// language=css
-export const sectionStyles = css `
-    .ftds-popover-section--heading ftds-typography {
-        flex-grow: 1;
-        flex-shrink: 1;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        white-space: nowrap;
-    }
-
-    .ftds-popover-section--content {
-        color: ${popover.bodyColor};
-    }
-
-    .ftds-popover-section--container {
-        display: flex;
-        flex-direction: column;
-        gap: ${popover.contentSectionVerticalGap};
-    }
-`;

package/build/ftds-popover.d.ts

@@ -1,30 +0,0 @@
-import { TemplateResult } from "lit";
-import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
-import { FtdsButton } from "@fluid-topics/ft-button";
-import { FtdsPopoverMargins, FtdsPopoverProperties } from "./ftds-popover.properties";
-import { FtBasePopover } from "./ft-base-popover";
-import { ClassInfo } from "lit/directives/class-map";
-export declare class FtdsPopover extends FtBasePopover implements FtdsPopoverProperties {
-    static styles: import("lit").CSSResult;
-    static elementDefinitions: ElementDefinitionsMap;
-    heading: string;
-    margins: FtdsPopoverMargins;
-    protected openingButton?: FtdsButton;
-    protected closingButton?: FtdsButton;
-    private popoverContentDiv?;
-    private popoverContentSlot?;
-    private slottedLinkContent?;
-    private popoverLinkTypography?;
-    private popoverSectionsDiv?;
-    private popoverSectionsSlot?;
-    protected wrapperId: string;
-    protected headingId: string;
-    protected contentId: string;
-    maxWidth: import("@fluid-topics/ft-wc-utils").FtCssVariable;
-    protected renderOpeningButton(): TemplateResult;
-    protected renderClosingButton(): TemplateResult;
-    protected renderFullContent(): TemplateResult;
-    protected hideUnusedSlots(): void;
-    private hasEmptySlot;
-    protected getPopoverWrapperClasses(): ClassInfo;
-}

package/build/ftds-popover.js

@@ -1,127 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, nothing, } from "lit";
-import { property, query, } from "lit/decorators.js";
-import { unslotText, } from "@fluid-topics/ft-wc-utils";
-import { FtdsTypography, FtdsTypographyVariants, } from "@fluid-topics/ft-typography";
-import { FtdsButton } from "@fluid-topics/ft-button";
-import { FtdsPopoverMargins, } from "./ftds-popover.properties";
-import { DesignSystemFamily, DesignSystemSize, popover, } from "@fluid-topics/design-system-variables";
-import { FtIcons } from "@fluid-topics/ft-icon";
-import { FtBasePopover } from "./ft-base-popover";
-import { styles } from "./ftds-popover.styles";
-export class FtdsPopover extends FtBasePopover {
-    constructor() {
-        super(...arguments);
-        this.heading = "";
-        this.margins = FtdsPopoverMargins.default;
-        this.wrapperId = "ftds-popover-wrapper";
-        this.headingId = "ftds-popover-heading";
-        this.contentId = "ftds-popover-content";
-        this.maxWidth = popover.maxWidth;
-    }
-    renderOpeningButton() {
-        return html `
-            <ftds-button @focusin=${this.close}
-                         part="opening-button"
-                         icon="${this.openButtonIcon}"
-                         size="${this.openButtonSize}" family="${this.openButtonFamily}"
-                         label="${this.openButtonLabel}" tooltipposition="${this.openButtonTooltipPosition}"
-                         aria-haspopup="true" aria-expanded="${this.opened}" aria-controls="${this.wrapperId}"
-                         @click=${this.open}>
-            </ftds-button>
-        `;
-    }
-    renderClosingButton() {
-        return html `
-            <ftds-button part="closing-button"
-                         icon="${FtIcons.CLOSE}"
-                         size="${DesignSystemSize.small}"
-                         family="${DesignSystemFamily.neutral}"
-                         label="${this.closeButtonLabel}"
-                         @click=${this.closeAndFocusOpeningButton}>
-            </ftds-button>
-        `;
-    }
-    renderFullContent() {
-        return html `
-            <slot name="heading">
-                ${this.heading ? html `
-                        <div id="ftds-popover-heading" part="heading">
-                            <ftds-typography element="span" variant="${FtdsTypographyVariants.body2semibold}">
-                                ${this.heading}
-                            </ftds-typography>
-                        </div>
-                    ` : nothing}
-            </slot>
-            <div id="ftds-popover-content" part="content">
-                <ftds-typography variant="${FtdsTypographyVariants.body2medium}">
-                    <slot part="popover-content-slot"></slot>
-                </ftds-typography>
-            </div>
-            <ftds-typography variant="${FtdsTypographyVariants.body2medium}" part="popover-link-typography">
-                <slot name="link"
-                      part="popover-link"
-                      @slotchange=${() => this.requestUpdate()}
-                ></slot>
-            </ftds-typography>
-            <div part="popover-sections">
-                <slot name="sections" part="popover-sections-slot"></slot>
-            </div>
-        `;
-    }
-    hideUnusedSlots() {
-        var _a, _b, _c;
-        (_a = this.popoverLinkTypography) === null || _a === void 0 ? void 0 : _a.classList.toggle("hidden", this.hasEmptySlot(this.slottedLinkContent));
-        (_b = this.popoverContentDiv) === null || _b === void 0 ? void 0 : _b.classList.toggle("hidden", this.hasEmptySlot(this.popoverContentSlot));
-        (_c = this.popoverSectionsDiv) === null || _c === void 0 ? void 0 : _c.classList.toggle("hidden", this.hasEmptySlot(this.popoverSectionsSlot));
-    }
-    hasEmptySlot(slot) {
-        return unslotText(slot).trim().length === 0;
-    }
-    getPopoverWrapperClasses() {
-        return {
-            ...super.getPopoverWrapperClasses(),
-            "ftds-popover--dense": this.margins === FtdsPopoverMargins.dense,
-        };
-    }
-}
-FtdsPopover.styles = styles;
-FtdsPopover.elementDefinitions = {
-    "ftds-typography": FtdsTypography,
-    "ftds-button": FtdsButton,
-};
-__decorate([
-    property()
-], FtdsPopover.prototype, "heading", void 0);
-__decorate([
-    property()
-], FtdsPopover.prototype, "margins", void 0);
-__decorate([
-    query(`[part="opening-button"]`)
-], FtdsPopover.prototype, "openingButton", void 0);
-__decorate([
-    query(`[part="closing-button"]`)
-], FtdsPopover.prototype, "closingButton", void 0);
-__decorate([
-    query(`[part="content"]`)
-], FtdsPopover.prototype, "popoverContentDiv", void 0);
-__decorate([
-    query(`[part="popover-content-slot"]`)
-], FtdsPopover.prototype, "popoverContentSlot", void 0);
-__decorate([
-    query(`[part="popover-link"]`)
-], FtdsPopover.prototype, "slottedLinkContent", void 0);
-__decorate([
-    query(`[part="popover-link-typography"]`)
-], FtdsPopover.prototype, "popoverLinkTypography", void 0);
-__decorate([
-    query(`[part="popover-sections"]`)
-], FtdsPopover.prototype, "popoverSectionsDiv", void 0);
-__decorate([
-    query(`[part="popover-sections-slot"]`)
-], FtdsPopover.prototype, "popoverSectionsSlot", void 0);

package/build/ftds-popover.properties.d.ts

@@ -1,9 +0,0 @@
-import { FtBasePopoverProperties } from "./ft-base-popover";
-export interface FtdsPopoverProperties extends FtBasePopoverProperties {
-    heading?: string;
-    margins?: FtdsPopoverMargins;
-}
-export declare enum FtdsPopoverMargins {
-    default = "default",
-    dense = "dense"
-}

package/build/ftds-popover.properties.js

@@ -1,5 +0,0 @@
-export var FtdsPopoverMargins;
-(function (FtdsPopoverMargins) {
-    FtdsPopoverMargins["default"] = "default";
-    FtdsPopoverMargins["dense"] = "dense";
-})(FtdsPopoverMargins || (FtdsPopoverMargins = {}));

package/build/ftds-popover.styles.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit").CSSResult;