@fluid-topics/ft-popover 1.2.50 → 1.2.52

package/build/ftds-popover.d.ts

@@ -3,12 +3,14 @@ import { ElementDefinitionsMap, FtLitElement } from "@fluid-topics/ft-wc-utils";
 import { FtdsPopoverProperties } from "./ftds-popover.properties";
 import { DesignSystemFamily, DesignSystemSize } from "@fluid-topics/design-system-variables";
 import { Position } from "@fluid-topics/ft-tooltip";
+import { FtIcons } from "@fluid-topics/ft-icon";
 export declare class FtdsPopover extends FtLitElement implements FtdsPopoverProperties {
     static elementDefinitions: ElementDefinitionsMap;
     static styles: import("lit").CSSResult;
     private popoverOpenTriggeredWithKeyboard;
     heading: string;
     closeButtonLabel: string;
+    openButtonIcon: FtIcons;
     openButtonLabel: string;
     openButtonTooltipPosition: Position;
     opened: boolean;

package/build/ftds-popover.js

@@ -19,6 +19,7 @@ class FtdsPopover extends FtLitElement {
         this.popoverOpenTriggeredWithKeyboard = false;
         this.heading = "";
         this.closeButtonLabel = "close info";
+        this.openButtonIcon = FtIcons.CIRCLE_QUESTION;
         this.openButtonLabel = "more info";
         this.openButtonTooltipPosition = "bottom";
         this.opened = false;
@@ -51,7 +52,7 @@ class FtdsPopover extends FtLitElement {
                 <ftds-button @focusin="${this.close}"
                              part="opening-button"
                              size="${this.openButtonSize}" family="${this.openButtonFamily}" label="${this.openButtonLabel}"
-                             tooltipposition="${this.openButtonTooltipPosition}" icon="${FtIcons.CIRCLE_QUESTION}"
+                             tooltipposition="${this.openButtonTooltipPosition}" icon="${this.openButtonIcon}"
                              aria-haspopup="true" aria-expanded="${this.opened}" aria-controls="ftds-popover-dialog"
                              @click=${this.open}>
                 </ftds-button>
@@ -78,7 +79,7 @@ class FtdsPopover extends FtLitElement {
                         <slot name="link"
                               part="popover-link"
                               class="ftds-popover--link"
-                              @slotchange=${this.requestUpdate}
+                              @slotchange=${() => this.requestUpdate()}
                         ></slot>
                     </ft-typography>
                 </div>
@@ -148,16 +149,19 @@ FtdsPopover.elementDefinitions = {
 };
 FtdsPopover.styles = styles;
 __decorate([
-    property({ type: String })
+    property()
 ], FtdsPopover.prototype, "heading", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], FtdsPopover.prototype, "closeButtonLabel", void 0);
 __decorate([
-    property({ type: String })
+    property()
+], FtdsPopover.prototype, "openButtonIcon", void 0);
+__decorate([
+    property()
 ], FtdsPopover.prototype, "openButtonLabel", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], FtdsPopover.prototype, "openButtonTooltipPosition", void 0);
 __decorate([
     property({ type: Boolean })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-popover",
-  "version": "1.2.50",
+  "version": "1.2.52",
   "description": "A simple popover component",
   "keywords": [
     "Lit"
@@ -20,12 +20,12 @@
   },
   "dependencies": {
     "@fluid-topics/design-system-variables": "0.1.92",
-    "@fluid-topics/ft-button": "1.2.50",
-    "@fluid-topics/ft-icon": "1.2.50",
-    "@fluid-topics/ft-link": "1.2.50",
-    "@fluid-topics/ft-typography": "1.2.50",
-    "@fluid-topics/ft-wc-utils": "1.2.50",
+    "@fluid-topics/ft-button": "1.2.52",
+    "@fluid-topics/ft-icon": "1.2.52",
+    "@fluid-topics/ft-link": "1.2.52",
+    "@fluid-topics/ft-typography": "1.2.52",
+    "@fluid-topics/ft-wc-utils": "1.2.52",
     "lit": "3.1.0"
   },
-  "gitHead": "2cc419b6e01ae50f6ecba171e7b700507a6a85a0"
+  "gitHead": "5bdea3806bc9a17448a0533c5c3ecfee0cfa8bac"
 }