@fluid-topics/ft-popover 1.1.120 → 1.2.0

package/build/ftds-popover.d.ts

@@ -5,11 +5,13 @@ import { DesignSystemFamily, DesignSystemSize } from "@fluid-topics/design-syste
 import { Position } from "@fluid-topics/ft-tooltip";
 export declare class FtdsPopover extends FtLitElement implements FtdsPopoverProperties {
     static elementDefinitions: ElementDefinitionsMap;
+    static styles: import("lit").CSSResult;
     heading: string;
     closeButtonLabel: string;
     openButtonLabel: string;
     openButtonTooltipPosition: Position;
     opened: boolean;
+    hidden: boolean;
     openButtonSize: DesignSystemSize;
     openButtonFamily: DesignSystemFamily;
     private openingButton;
@@ -17,11 +19,10 @@ export declare class FtdsPopover extends FtLitElement implements FtdsPopoverProp
     private popoverWrapper;
     private slottedLinkContent;
     private popoverLinkTypography;
-    static styles: import("lit").CSSResult;
-    protected render(): import("lit").TemplateResult<1>;
-    renderPopover(): import("lit").TemplateResult<1> | typeof nothing;
+    protected render(): typeof nothing | import("lit").TemplateResult<1>;
+    renderPopover(): typeof nothing | import("lit").TemplateResult<1>;
     renderClosingButton(): import("lit").TemplateResult<1>;
-    renderHeading(): import("lit").TemplateResult<1> | typeof nothing;
+    renderHeading(): typeof nothing | import("lit").TemplateResult<1>;
     updated(properties: PropertyValues<FtdsPopover>): void;
     close(): void;
     open(): void;

package/build/ftds-popover.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, nothing } from "lit";
-import { property, query, } from "lit/decorators.js";
+import { property, query } from "lit/decorators.js";
 import { computeFlipOffsetPosition, FtLitElement, unslotText } from "@fluid-topics/ft-wc-utils";
 import { FtTypography } from "@fluid-topics/ft-typography";
 import { FtdsButton } from "@fluid-topics/ft-button";
@@ -21,6 +21,7 @@ class FtdsPopover extends FtLitElement {
         this.openButtonLabel = "more info";
         this.openButtonTooltipPosition = "bottom";
         this.opened = false;
+        this.hidden = false;
         this.openButtonSize = DesignSystemSize.medium;
         this.openButtonFamily = DesignSystemFamily.info;
         this.watchFocusIn = (event) => {
@@ -43,7 +44,7 @@ class FtdsPopover extends FtLitElement {
             "ftds-popover": true,
             "ftds-popover--opened": this.opened
         };
-        return html `
+        return this.hidden ? nothing : html `
             <div part="container" class="${classMap(classes)}">
                 <ftds-button @focusin="${this.close}"
                              part="opening-button"
@@ -158,6 +159,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], FtdsPopover.prototype, "opened", void 0);
+__decorate([
+    property({ type: Boolean })
+], FtdsPopover.prototype, "hidden", void 0);
 __decorate([
     property({ type: DesignSystemSize })
 ], FtdsPopover.prototype, "openButtonSize", void 0);

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

@@ -1,6 +1,7 @@
 import { Position } from "@fluid-topics/ft-tooltip";
 export interface FtdsPopoverProperties {
     opened?: boolean;
+    hidden?: boolean;
     heading?: string;
     closeButtonLabel?: string;
     openButtonLabel?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-popover",
-  "version": "1.1.120",
+  "version": "1.2.0",
   "description": "A simple popover component",
   "keywords": [
     "Lit"
@@ -19,13 +19,13 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/design-system-variables": "0.1.2",
-    "@fluid-topics/ft-button": "1.1.120",
-    "@fluid-topics/ft-icon": "1.1.120",
-    "@fluid-topics/ft-link": "1.1.120",
-    "@fluid-topics/ft-typography": "1.1.120",
-    "@fluid-topics/ft-wc-utils": "1.1.120",
+    "@fluid-topics/design-system-variables": "0.1.5",
+    "@fluid-topics/ft-button": "1.2.0",
+    "@fluid-topics/ft-icon": "1.2.0",
+    "@fluid-topics/ft-link": "1.2.0",
+    "@fluid-topics/ft-typography": "1.2.0",
+    "@fluid-topics/ft-wc-utils": "1.2.0",
     "lit": "3.1.0"
   },
-  "gitHead": "ff29a01564f337025ace9febabe52b105b0d4130"
+  "gitHead": "d1ed0b804f7bfe8e386c93c0b854cc4707d75377"
 }