@fluid-topics/ft-announcement 2.0.37 → 2.0.38

package/build/call-to-action/ft-announcement-call-to-action.d.ts

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

package/build/call-to-action/ft-announcement-call-to-action.js

@@ -0,0 +1,23 @@
+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 FtAnnouncementCallToAction 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.callToAction);
+        }
+    }
+    render() {
+        var _a;
+        return html `
+            <ft-typography variant="${FtTypographyVariants.body1}" part="text">${unsafeHTML((_a = this.announcement) === null || _a === void 0 ? void 0 : _a.callToAction)}</ft-typography>
+        `;
+    }
+}
+FtAnnouncementCallToAction.elementDefinitions = {
+    "ft-typography": FtTypography,
+};

package/build/definitions.d.ts

@@ -1,8 +1,10 @@
+import { FtAnnouncementCallToAction } from "./call-to-action/ft-announcement-call-to-action";
 import { FtAnnouncementContext } from "./context/ft-announcement-context";
 import { FtAnnouncementTitle } from "./title/ft-announcement-title";
 import { FtAnnouncementText } from "./text/ft-announcement-text";
 import { FtAnnouncementLink } from "./link/ft-announcement-link";
 declare const _default: {
+    "ft-announcement-call-to-action": typeof FtAnnouncementCallToAction;
     "ft-announcement-context": typeof FtAnnouncementContext;
     "ft-announcement-title": typeof FtAnnouncementTitle;
     "ft-announcement-text": typeof FtAnnouncementText;

package/build/definitions.js

@@ -1,8 +1,10 @@
+import { FtAnnouncementCallToAction } from "./call-to-action/ft-announcement-call-to-action";
 import { FtAnnouncementContext } from "./context/ft-announcement-context";
 import { FtAnnouncementTitle } from "./title/ft-announcement-title";
 import { FtAnnouncementText } from "./text/ft-announcement-text";
 import { FtAnnouncementLink } from "./link/ft-announcement-link";
 export default {
+    "ft-announcement-call-to-action": FtAnnouncementCallToAction,
     "ft-announcement-context": FtAnnouncementContext,
     "ft-announcement-title": FtAnnouncementTitle,
     "ft-announcement-text": FtAnnouncementText,