@fluid-topics/ft-popover 1.1.118 → 1.1.119

package/build/ftds-popover.d.ts

@@ -15,6 +15,8 @@ export declare class FtdsPopover extends FtLitElement implements FtdsPopoverProp
     private openingButton;
     private closingButton;
     private popoverWrapper;
+    private slottedLinkContent;
+    private popoverLinkTypography;
     static styles: import("lit").CSSResult;
     protected render(): import("lit").TemplateResult<1>;
     renderPopover(): import("lit").TemplateResult<1> | typeof nothing;
@@ -23,6 +25,7 @@ export declare class FtdsPopover extends FtLitElement implements FtdsPopoverProp
     updated(properties: PropertyValues<FtdsPopover>): void;
     close(): void;
     open(): void;
+    hasTextLinkContent(): boolean;
     private watchFocusIn;
     private watchEscapeKey;
     private closeAndFocusOpeningButton;

package/build/ftds-popover.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, nothing } from "lit";
 import { property, query, } from "lit/decorators.js";
-import { computeFlipOffsetPosition, FtLitElement } from "@fluid-topics/ft-wc-utils";
+import { computeFlipOffsetPosition, FtLitElement, unslotText } from "@fluid-topics/ft-wc-utils";
 import { FtTypography } from "@fluid-topics/ft-typography";
 import { FtdsButton } from "@fluid-topics/ft-button";
 import { styles } from "./ftds-popover.styles";
@@ -71,7 +71,7 @@ class FtdsPopover extends FtLitElement {
                             <slot></slot>
                         </ft-typography>
                     </div>
-                    <ft-typography variant="body-2-medium">
+                    <ft-typography variant="body-2-medium" part="popover-link-typography">
                         <slot name="link"
                               part="popover-link"
                               class="ftds-popover--link"
@@ -121,6 +121,9 @@ class FtdsPopover extends FtLitElement {
         this.opened = true;
         this.dispatchEvent(new CustomEvent("opened-changed", { detail: { opened: true } }));
     }
+    hasTextLinkContent() {
+        return unslotText(this.slottedLinkContent).trim().length > 0;
+    }
     async positionWrapper() {
         this.popoverWrapper.classList.remove("ftds-popover--wrapper-positioned");
         this.popoverWrapper.style.left = "";
@@ -131,6 +134,7 @@ class FtdsPopover extends FtLitElement {
         this.popoverWrapper.style.left = `${x}px`;
         this.popoverWrapper.style.top = `${y}px`;
         this.popoverWrapper.classList.add("ftds-popover--wrapper-positioned");
+        this.popoverLinkTypography.hidden = !this.hasTextLinkContent();
         this.closingButton.focus();
     }
 }
@@ -169,4 +173,10 @@ __decorate([
 __decorate([
     query("[part=wrapper]")
 ], FtdsPopover.prototype, "popoverWrapper", void 0);
+__decorate([
+    query("[part=popover-link]")
+], FtdsPopover.prototype, "slottedLinkContent", void 0);
+__decorate([
+    query("[part=popover-link-typography]")
+], FtdsPopover.prototype, "popoverLinkTypography", void 0);
 export { FtdsPopover };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-popover",
-  "version": "1.1.118",
+  "version": "1.1.119",
   "description": "A simple popover component",
   "keywords": [
     "Lit"
@@ -20,12 +20,12 @@
   },
   "dependencies": {
     "@fluid-topics/design-system-variables": "0.1.2",
-    "@fluid-topics/ft-button": "1.1.118",
-    "@fluid-topics/ft-icon": "1.1.118",
-    "@fluid-topics/ft-link": "1.1.118",
-    "@fluid-topics/ft-typography": "1.1.118",
-    "@fluid-topics/ft-wc-utils": "1.1.118",
+    "@fluid-topics/ft-button": "1.1.119",
+    "@fluid-topics/ft-icon": "1.1.119",
+    "@fluid-topics/ft-link": "1.1.119",
+    "@fluid-topics/ft-typography": "1.1.119",
+    "@fluid-topics/ft-wc-utils": "1.1.119",
     "lit": "3.1.0"
   },
-  "gitHead": "b911f1ca9e8293dfc7aab79f00400056585e4f03"
+  "gitHead": "a772950c2efeb1e66a2cff476f0c363eb84b4c55"
 }