@financial-times/custom-code-component 2.0.1-alpha.9 → 2.0.1-beta.10

package/dist/CustomCodeComponent.js

@@ -0,0 +1,7 @@
+import { FTCustomCodeComponent as o } from "./custom-element.js";
+const t = () => customElements.define("custom-code-component", o);
+customElements && !customElements.get("custom-code-component") && t();
+export {
+  t as init
+};
+//# sourceMappingURL=CustomCodeComponent.js.map

package/dist/CustomCodeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomCodeComponent.js","sources":["../src/index.ts"],"sourcesContent":["import { FTCustomCodeComponent } from \"./custom-code-component\";\n\n// Register the custom element\nexport const init = () =>\n  customElements.define(\"custom-code-component\", FTCustomCodeComponent);\n\n// Allows module to be imported multiple times but custom element only registered once\nif (customElements && !customElements.get(\"custom-code-component\")) init();\n"],"names":["init","FTCustomCodeComponent"],"mappings":";AAGO,MAAMA,IAAO,MAClB,eAAe,OAAO,yBAAyBC,CAAqB;AAGlE,kBAAkB,CAAC,eAAe,IAAI,uBAAuB,KAAQD,EAAA;"}

package/dist/custom-element.d.ts

@@ -0,0 +1,114 @@
+import { BaseRenderer } from '../../ccc-sdk/src/renderers/BaseRenderer';
+import { ContentTree } from '@financial-times/content-tree';
+
+declare class ComponentPath {
+    org: string;
+    repo: string;
+    name: string;
+    versionRange: string;
+    constructor(path: ComponentPathType | string);
+    set path(path: ComponentPathType | string);
+    get path(): string;
+    toString(): string;
+    static fromString(path: string | null, v?: string | null): ComponentPath;
+}
+
+declare type ComponentPathType = {
+    org: string;
+    repo: string;
+    name: string;
+    versionRange: string;
+};
+
+export declare interface CustomCodeComponent extends ContentTree.Node {
+    type: "CustomCodeComponent";
+    path: string;
+    versionRange: string;
+    altText: string;
+    lastModified: string;
+    fallbackImage?: ContentTree.Image;
+    displayFallbackText: boolean;
+    layout: "in-line" | "mid-grid" | "full-grid" | "full-bleed";
+    attributes: {
+        [key: string]: string | boolean | undefined;
+    } | {
+        children?: CustomCodeComponent | Array<CustomCodeComponent>;
+    };
+}
+
+declare class FTCustomCodeComponent extends HTMLElement {
+    app?: typeof BaseRenderer.prototype.render;
+    mode: "closed" | "open";
+    RESERVED_ATTRS: Set<string>;
+    source?: string;
+    tracking?: Tracking;
+    component?: ComponentPath;
+    log: Logger;
+    constructor();
+    connectedCallback(): Promise<void>;
+    emitError(error: Error): void;
+    disconnectedCallback(): void;
+    channel: MessageChannel;
+    onmessage(): void;
+    onunmount(root?: any): void;
+    onready(app: Promise<void>): Promise<void>;
+    postMessage(event: any): void;
+    mount(prerendered?: ShadowRoot | null): Promise<void>;
+    unmount(e: Error): void;
+    load(): Promise<(shadowRoot: ShadowRoot, attrs: any, ssr?: boolean) => {
+        unmount: (root: any) => void;
+        onmessage: {
+            (...data: any[]): void;
+            (message?: any, ...optionalParams: any[]): void;
+        };
+        ready: Promise<void>;
+    }>;
+    initTracking: () => Promise<void>;
+}
+export { FTCustomCodeComponent as CCCHTMLElement }
+export { FTCustomCodeComponent }
+
+declare class Logger {
+    level: number;
+    constructor({ level }?: {
+        level: number;
+    });
+    debug(...args: any[]): void;
+    log: (...args: any[]) => void;
+    info(...args: any[]): void;
+    warn(...args: any[]): void;
+    error(...args: any[]): void;
+}
+
+declare class Tracking {
+    cccId: string;
+    cccName: string;
+    subtype: string;
+    teamName: string;
+    shadowRoot: ShadowRoot | null;
+    category: string;
+    elements: string | string[];
+    isInitialised: boolean;
+    log: Logger;
+    constructor({ id, name, subtype, teamName, shadowRoot, category, elements, logger, }: {
+        id?: string;
+        name: string;
+        subtype: string;
+        teamName?: string;
+        shadowRoot: ShadowRoot | null;
+        category?: string;
+        elements?: string | string[];
+        logger: Logger;
+    });
+    getEventProperties(event: any): {
+        [k: string]: any;
+    };
+    handleClickEvent(eventData: {
+        action: string;
+        category: string;
+    }, root: Element): (clickEvent: Event, clickElement: HTMLElement) => void;
+    sendSpoorEvent(triggerAction: any, extraDetail: any): void;
+    init(id: string): void;
+}
+
+export { }