@fluid-topics/ft-announcement 2.0.37 → 2.1.0

package/build/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./call-to-action/ft-announcement-call-to-action";
 export * from "./context/ft-announcement-context.properties";
 export * from "./context/ft-announcement-context";
 export * from "./models/ft-announcement-component";

package/build/index.js

@@ -1,3 +1,4 @@
+export * from "./call-to-action/ft-announcement-call-to-action";
 export * from "./context/ft-announcement-context.properties";
 export * from "./context/ft-announcement-context";
 export * from "./models/ft-announcement-component";

package/build/link/ft-announcement-link.d.ts

@@ -1,6 +1,10 @@
+import { PropertyValues } from "lit";
 import { FtAnnouncementComponent } from "../models/ft-announcement-component";
-export declare class FtAnnouncementLink extends FtAnnouncementComponent {
+declare const FtAnnouncementLink_base: typeof FtAnnouncementComponent & import("@fluid-topics/ft-wc-utils").Constructor<import("@fluid-topics/ft-wc-utils").FtLitElementWithConditionalVisibilityInterface>;
+export declare class FtAnnouncementLink extends FtAnnouncementLink_base {
     static styles: import("lit").CSSResult;
     target: string;
+    protected willUpdate(props: PropertyValues): void;
     protected render(): import("lit-html").TemplateResult<1>;
 }
+export {};

package/build/link/ft-announcement-link.js

@@ -7,11 +7,19 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { css, html, } from "lit";
 import { FtAnnouncementComponent } from "../models/ft-announcement-component";
 import { property } from "lit/decorators.js";
-export class FtAnnouncementLink extends FtAnnouncementComponent {
+import { withConditionalVisibility } from "@fluid-topics/ft-wc-utils";
+export class FtAnnouncementLink extends withConditionalVisibility(FtAnnouncementComponent) {
     constructor() {
         super(...arguments);
         this.target = "_self";
     }
+    willUpdate(props) {
+        var _a;
+        super.willUpdate(props);
+        if (props.has("announcement")) {
+            this.isVisible = !!((_a = this.announcement) === null || _a === void 0 ? void 0 : _a.link);
+        }
+    }
     render() {
         var _a;
         return html `

package/build/models/ft-announcement-component.js

@@ -6,12 +6,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { FtLitElement } from "@fluid-topics/ft-wc-utils";
 import { consume } from "@lit/context";
-import { announcementContext } from "./ft-announcement-model";
+import { announcementContext, } from "./ft-announcement-model";
+import { property } from "lit/decorators.js";
 export class FtAnnouncementComponent extends FtLitElement {
 }
 __decorate([
     consume({
         context: announcementContext,
         subscribe: true,
-    })
+    }),
+    property({ attribute: false })
 ], FtAnnouncementComponent.prototype, "announcement", void 0);

package/build/models/ft-announcement-model.d.ts

@@ -1,8 +1,9 @@
 import { FtSearchResultAnnouncement } from "@fluid-topics/public-api";
 export type FtAnnouncement = {
     title: string;
-    text: string;
-    link: string;
+    text?: string;
+    link?: string;
+    callToAction?: string;
 };
 export declare function fromFtSearchResultsAnnouncement(ftSearchResultAnnouncement: FtSearchResultAnnouncement): FtAnnouncement;
 export declare const announcementContext: {

package/build/text/ft-announcement-text.d.ts

@@ -1,6 +1,10 @@
 import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
+import { PropertyValues } from "lit";
 import { FtAnnouncementComponent } from "../models/ft-announcement-component";
-export declare class FtAnnouncementText extends FtAnnouncementComponent {
+declare const FtAnnouncementText_base: typeof FtAnnouncementComponent & import("@fluid-topics/ft-wc-utils").Constructor<import("@fluid-topics/ft-wc-utils").FtLitElementWithConditionalVisibilityInterface>;
+export declare class FtAnnouncementText extends FtAnnouncementText_base {
     static elementDefinitions: ElementDefinitionsMap;
+    protected willUpdate(props: PropertyValues): void;
     protected render(): import("lit-html").TemplateResult<1>;
 }
+export {};

package/build/text/ft-announcement-text.js

@@ -1,8 +1,16 @@
-import { html } from "lit";
+import { withConditionalVisibility, } from "@fluid-topics/ft-wc-utils";
+import { html, } from "lit";
 import { FtAnnouncementComponent } from "../models/ft-announcement-component";
 import { FtTypography, FtTypographyVariants, } from "@fluid-topics/ft-typography";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
-export class FtAnnouncementText extends FtAnnouncementComponent {
+export class FtAnnouncementText extends withConditionalVisibility(FtAnnouncementComponent) {
+    willUpdate(props) {
+        var _a;
+        super.willUpdate(props);
+        if (props.has("announcement")) {
+            this.isVisible = !!((_a = this.announcement) === null || _a === void 0 ? void 0 : _a.text);
+        }
+    }
     render() {
         var _a;
         return html `

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-announcement",
-    "version": "2.0.37",
+    "version": "2.1.0",
     "description": "Components related to announcements",
     "keywords": [
         "Lit"
@@ -19,13 +19,13 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-wc-utils": "2.0.37",
-        "@fluid-topics/public-api": "1.0.124",
+        "@fluid-topics/ft-wc-utils": "2.1.0",
+        "@fluid-topics/public-api": "1.0.126",
         "@lit/context": "1.1.6",
         "lit": "3.1.0"
     },
     "devDependencies": {
-        "@fluid-topics/ft-wc-test-utils": "2.0.37"
+        "@fluid-topics/ft-wc-test-utils": "2.1.0"
     },
-    "gitHead": "ef1f68e09e0331293931458a6479b551dcc4cecc"
+    "gitHead": "4727cf19d04236ad1d2b2cb43ce1c46298834c7e"
 }