@bridgeline-digital/hawksearch-handlebars-ui 2.0.0-beta.2 → 2.0.0-beta.5

package/dist/{types/components → components}/base.component.d.ts

@@ -1,4 +1,13 @@
-import { BaseComponentConfig, BaseComponentModel, HawkSearchComponents } from '@models';
+import { BaseComponentConfig, HawkSearchComponents } from '@configuration';
+import { BaseComponentModel } from '@models';
+/**
+ * @typeParam TConfig Component configuration
+ * @typeParam TData Component data
+ * @typeParam TModel Data bound to Handlebars template
+ *
+ * @noInheritDoc
+ * @category Base
+ */
 export declare abstract class BaseComponent<TConfig extends BaseComponentConfig, TData, TModel extends BaseComponentModel> extends HTMLElement {
     /**
      * The data bound to the component.

package/dist/components/base.component.js

@@ -0,0 +1,216 @@
+import defaultStylesheet from '../scss/styles.scss';
+/**
+ * @typeParam TConfig Component configuration
+ * @typeParam TData Component data
+ * @typeParam TModel Data bound to Handlebars template
+ *
+ * @noInheritDoc
+ * @category Base
+ */
+export class BaseComponent extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * The Handlebars reference shared by all HawkSearch components.
+         */
+        this.handlebars = HawkSearch.handlebars;
+    }
+    /**
+     * The optional configuration object for this component.
+     */
+    get configuration() {
+        var _a;
+        return (_a = HawkSearch.config.components) === null || _a === void 0 ? void 0 : _a[this.componentName];
+    }
+    /**
+     * Whether or not the component is rendered within the Shadow DOM. In order of preference, this is specified by {@link configuration} or {@link Models.HawkSearchConfig.shadowDom}.
+     *
+     * @internal
+     * @defaultValue `true`
+     */
+    get shadowDom() {
+        var _a, _b;
+        return ((_a = this.configuration) === null || _a === void 0 ? void 0 : _a.shadowDom) !== undefined ? this.configuration.shadowDom : (_b = HawkSearch.config.shadowDom) !== null && _b !== void 0 ? _b : true;
+    }
+    /**
+     * The root element which should be used for querying any child elements. This resolves to `this.shadowRoot` if the Shadow DOM is enabled, otherwise `this`.
+     */
+    get rootElement() {
+        var _a;
+        return (_a = this.shadowRoot) !== null && _a !== void 0 ? _a : this;
+    }
+    /**
+     * @internal
+     *
+     * @returns Whether the element has a custom template specified through child content.
+     */
+    get hasContentTemplateOverride() {
+        return !!this.innerHTML.trim().length;
+    }
+    /**
+     * The name of the event that this component listens to for data binding. if {@link bindFromEvent} is `true`, this prepends `hawksearch:bind-` to {@link componentName} and appends :{@link eventFilter}, if specified.
+     *
+     * @internal
+     */
+    get eventName() {
+        if (!this.bindFromEvent) {
+            return undefined;
+        }
+        let eventName = `hawksearch:bind-${this.componentName}`;
+        if (this.eventFilter) {
+            eventName = `${eventName}:${this.eventFilter}`;
+        }
+        return eventName;
+    }
+    /**
+     * @ignore
+     */
+    connectedCallback() {
+        if (this.shadowDom) {
+            this.attachShadow({
+                mode: 'open'
+            });
+        }
+        this.registerHelpers();
+        const customTemplateHtml = this.getCustomTemplateHtml();
+        const templateHtml = customTemplateHtml !== null && customTemplateHtml !== void 0 ? customTemplateHtml : this.defaultHtml;
+        this.template = this.handlebars.compile(templateHtml);
+        setTimeout(() => {
+            this.render();
+        });
+        if (this.eventName) {
+            this.bindEventHandler = ((event) => {
+                this.data = event.detail;
+                this.render();
+            });
+            window.addEventListener(this.eventName, this.bindEventHandler);
+        }
+    }
+    /**
+     * @ignore
+     */
+    disconnectedCallback() {
+        if (this.eventName && this.bindEventHandler) {
+            window.removeEventListener(this.eventName, this.bindEventHandler);
+        }
+    }
+    /**
+     * Optional method that can be overwritten to register Handlebars helper functions which can be accessed from the template. For more information, see [Custom Helpers](https://handlebarsjs.com/guide/#custom-helpers).
+     *
+     * @virtual
+     */
+    registerHelpers() { }
+    /**
+     * Binds {@link contentModel} to the Handlebars template and renders the resulting HTML content.
+     */
+    render() {
+        var _a, _b;
+        if (!this.template || !this.renderContent()) {
+            this.rootElement.replaceChildren();
+            this.style.display = 'none';
+            return;
+        }
+        const contentModel = this.getContentModel();
+        const event = new CustomEvent(`hawksearch:before-${this.componentName}-rendered`, { detail: contentModel });
+        window.dispatchEvent(event);
+        const elements = [];
+        let stylesheets = [];
+        if (((_a = HawkSearch.config.css) === null || _a === void 0 ? void 0 : _a.defaultStyles) !== false) {
+            stylesheets.push(defaultStylesheet);
+        }
+        if ((_b = HawkSearch.config.css) === null || _b === void 0 ? void 0 : _b.customStyles) {
+            const customStylesheets = typeof HawkSearch.config.css.customStyles === 'string' ? [HawkSearch.config.css.customStyles] : HawkSearch.config.css.customStyles;
+            stylesheets = stylesheets.concat(customStylesheets);
+        }
+        stylesheets.forEach((url) => {
+            if (!this.shadowDom && document.head.querySelector(`link[href="${url}"]`)) {
+                return;
+            }
+            const link = document.createElement('link');
+            link.type = 'text/css';
+            link.rel = 'stylesheet';
+            link.href = url;
+            if (this.shadowDom) {
+                elements.push(link);
+            }
+            else {
+                document.head.append(link);
+            }
+        });
+        const templateElement = document.createElement('template');
+        const html = this.template(contentModel);
+        templateElement.innerHTML = html;
+        const content = templateElement.content.cloneNode(true);
+        elements.push(content);
+        this.rootElement.replaceChildren(...elements);
+        this.style.display = !templateElement.innerHTML ? 'none' : '';
+        this.contentModel = contentModel;
+        this.bindChildElements();
+        this.onRender();
+    }
+    /**
+     * Determines whether the {@link data} meets the necessary conditions to perform data binding and render content.
+     *
+     * @virtual
+     * @returns Whether the component should be rendered. If `false`, the component will have empty contents and be set to `display: none;`.
+     */
+    renderContent() {
+        return true;
+    }
+    /**
+     * After the component is rendered, this method is called to bind any child components.
+     *
+     * @virtual
+     */
+    bindChildElements() { }
+    /**
+     * After the component is rendered, this method is called for any additional processing (such as attaching event listeners) which needs to occur.
+     *
+     * @virtual
+     */
+    onRender() { }
+    /**
+     * @returns The Handlebars template HTML. In order of preference, this is specified by the child contents of the HTML element, the template specified by {@link configuration}, or the default template for the component.
+     *
+     * @internal
+     */
+    getCustomTemplateHtml() {
+        var _a;
+        let customTemplate;
+        if (this.hasContentTemplateOverride) {
+            customTemplate = this.innerHTML;
+        }
+        else {
+            customTemplate = (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.template;
+            if (customTemplate) {
+                const customTemplateElement = document.getElementById(customTemplate);
+                if (customTemplateElement instanceof HTMLTemplateElement) {
+                    customTemplate = customTemplateElement.innerHTML;
+                }
+                const replacements = {
+                    '{{>': '{{>'
+                };
+                Object.entries(replacements).forEach(([input, output]) => {
+                    const regex = new RegExp(input, 'g');
+                    customTemplate = customTemplate.replace(regex, output);
+                });
+            }
+        }
+        return customTemplate;
+    }
+    /**
+     * Replaces placeholders in a given string with values from a data object.
+     *
+     * @param template The template string.
+     * @param values The object containing properties which will be bound to `template`.
+     * @returns The `template` string with all placeholders replaced by the values specified in `values`.
+     */
+    interpolate(template, values) {
+        let output = template;
+        Object.entries(values).forEach(([key, value]) => {
+            output = output.replace('${' + key + '}', value);
+        });
+        return output;
+    }
+}
+//# sourceMappingURL=base.component.js.map

package/dist/components/base.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.component.js","sourceRoot":"","sources":["../../src/components/base.component.ts"],"names":[],"mappings":"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"}

package/dist/{types/components → components}/content/content-types/base-content.component.d.ts

@@ -1,5 +1,9 @@
-import { BaseComponentConfig, BaseComponentModel, ContentType } from '@models';
+import { BaseComponentConfig } from '@configuration';
+import { BaseComponentModel, ContentType } from '@models';
 import { BaseComponent } from '../../base.component';
+/**
+ * @category Content
+ */
 export declare abstract class BaseContentComponent<TConfig extends BaseComponentConfig, TData extends ContentType, TModel extends BaseComponentModel> extends BaseComponent<TConfig, TData, TModel> {
     protected bindFromEvent: boolean;
 }

package/dist/components/content/content-types/base-content.component.js

@@ -0,0 +1,11 @@
+import { BaseComponent } from '../../base.component';
+/**
+ * @category Content
+ */
+export class BaseContentComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.bindFromEvent = false;
+    }
+}
+//# sourceMappingURL=base-content.component.js.map

package/dist/components/content/content-types/base-content.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-content.component.js","sourceRoot":"","sources":["../../../../src/components/content/content-types/base-content.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD;;GAEG;AACH,MAAM,OAAgB,oBAIpB,SAAQ,aAAqC;IAJ/C;;QAKuB,kBAAa,GAAG,KAAK,CAAC;IAC7C,CAAC;CAAA"}

package/dist/components/content/content-types/custom-content/custom-content.component.d.ts

@@ -0,0 +1,21 @@
+import { CustomContentComponentConfig, HawkSearchComponents } from '@configuration';
+import { CustomContent, CustomContentComponentModel } from '@models';
+import { BaseContentComponent } from '../base-content.component';
+/**
+ * The Custom Content component renders HTML defined in Hawksearch.
+ *
+ * ## Tag
+ * The tag for this component is `<hawksearch-custom-content>`.
+ *
+ * ## Default Template
+ * The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.
+ * {@embed ./custom-content.component.hbs}
+ *
+ * @category Content
+ */
+export declare class CustomContentComponent extends BaseContentComponent<CustomContentComponentConfig, CustomContent, CustomContentComponentModel> {
+    protected componentName: keyof HawkSearchComponents;
+    protected defaultHtml: any;
+    protected renderContent(): boolean;
+    protected getContentModel(): CustomContentComponentModel;
+}

package/dist/components/content/content-types/custom-content/custom-content.component.js

@@ -0,0 +1,28 @@
+import { BaseContentComponent } from '../base-content.component';
+import defaultHtml from './custom-content.component.hbs';
+/**
+ * The Custom Content component renders HTML defined in Hawksearch.
+ *
+ * ## Tag
+ * The tag for this component is `<hawksearch-custom-content>`.
+ *
+ * ## Default Template
+ * The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.
+ * {@embed ./custom-content.component.hbs}
+ *
+ * @category Content
+ */
+export class CustomContentComponent extends BaseContentComponent {
+    constructor() {
+        super(...arguments);
+        this.componentName = 'custom-content';
+        this.defaultHtml = defaultHtml;
+    }
+    renderContent() {
+        return !!this.data;
+    }
+    getContentModel() {
+        return Object.assign({}, this.data);
+    }
+}
+//# sourceMappingURL=custom-content.component.js.map

package/dist/components/content/content-types/custom-content/custom-content.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-content.component.js","sourceRoot":"","sources":["../../../../../src/components/content/content-types/custom-content/custom-content.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,WAAW,MAAM,gCAAgC,CAAC;AAEzD;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,sBAAuB,SAAQ,oBAA8F;IAA1I;;QACuB,kBAAa,GAA+B,gBAAgB,CAAC;QAC7D,gBAAW,GAAG,WAAW,CAAC;IAWjD,CAAC;IATsB,aAAa;QAC5B,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACvB,CAAC;IAEkB,eAAe;QAC9B,yBACO,IAAI,CAAC,IAAK,EACf;IACN,CAAC;CACJ"}

package/dist/components/content/content-types/featured-items-content/featured-items-content.component.d.ts

@@ -0,0 +1,22 @@
+import { FeaturedItemsContentComponentConfig, HawkSearchComponents } from '@configuration';
+import { FeaturedItemsContent, FeaturedItemsContentComponentModel } from '@models';
+import { BaseContentComponent } from '../base-content.component';
+/**
+ * The Featured Items Content component renders a custom list of search results (typically products) defined as Spotlights in Hawksearch. This is commonly used to display a default set of products when a query returns no results.
+ *
+ * ## Tag
+ * The tag for this component is `<hawksearch-featured-items-content>`.
+ *
+ * ## Default Template
+ * The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.
+ * {@embed ./featured-items-content.component.hbs}
+ *
+ * @category Content
+ */
+export declare class FeaturedItemsContentComponent extends BaseContentComponent<FeaturedItemsContentComponentConfig, FeaturedItemsContent, FeaturedItemsContentComponentModel> {
+    protected componentName: keyof HawkSearchComponents;
+    protected defaultHtml: any;
+    protected renderContent(): boolean;
+    protected getContentModel(): FeaturedItemsContentComponentModel;
+    protected bindChildElements(): void;
+}

package/dist/components/content/content-types/featured-items-content/featured-items-content.component.js

@@ -0,0 +1,35 @@
+import { BaseContentComponent } from '../base-content.component';
+import defaultHtml from './featured-items-content.component.hbs';
+/**
+ * The Featured Items Content component renders a custom list of search results (typically products) defined as Spotlights in Hawksearch. This is commonly used to display a default set of products when a query returns no results.
+ *
+ * ## Tag
+ * The tag for this component is `<hawksearch-featured-items-content>`.
+ *
+ * ## Default Template
+ * The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.
+ * {@embed ./featured-items-content.component.hbs}
+ *
+ * @category Content
+ */
+export class FeaturedItemsContentComponent extends BaseContentComponent {
+    constructor() {
+        super(...arguments);
+        this.componentName = 'featured-items-content';
+        this.defaultHtml = defaultHtml;
+    }
+    renderContent() {
+        var _a, _b;
+        return !!((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length);
+    }
+    getContentModel() {
+        return Object.assign({}, this.data);
+    }
+    bindChildElements() {
+        this.rootElement.querySelectorAll('hawksearch-featured-items-content-item').forEach((component, index) => {
+            var _a, _b;
+            component.data = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b[index];
+        });
+    }
+}
+//# sourceMappingURL=featured-items-content.component.js.map

package/dist/components/content/content-types/featured-items-content/featured-items-content.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"featured-items-content.component.js","sourceRoot":"","sources":["../../../../../src/components/content/content-types/featured-items-content/featured-items-content.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,WAAW,MAAM,wCAAwC,CAAC;AAEjE;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,6BAA8B,SAAQ,oBAIlD;IAJD;;QAKuB,kBAAa,GAA+B,wBAAwB,CAAC;QACrE,gBAAW,GAAG,WAAW,CAAC;IAiBjD,CAAC;IAfsB,aAAa;;QAC5B,OAAO,CAAC,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,0CAAE,MAAM,CAAA,CAAC;IACtC,CAAC;IAEkB,eAAe;QAC9B,yBACO,IAAI,CAAC,IAAK,EACf;IACN,CAAC;IAES,iBAAiB;QACvB,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAoC,wCAAwC,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;;YACxI,SAAS,CAAC,IAAI,GAAG,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,0CAAG,KAAK,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;IACP,CAAC;CACJ"}

package/dist/components/content/content-types/featured-items-content-item/featured-items-content-item.component.d.ts

@@ -0,0 +1,38 @@
+import { FeaturedItemsContentItemComponentConfig, HawkSearchComponents } from '@configuration';
+import { FeaturedItemsContentItemComponentModel, SearchResultsItem } from '@models';
+import { BaseComponent } from '../../../base.component';
+/**
+ * The Featured Items Content Item component displays information for an individual product or page.
+ *
+ * ## Tag
+ * The tag for this component is `<hawksearch-featured-items-content>`.
+ *
+ * ## Event-Binding Attributes
+ * ### Images
+ * | Name | Value |
+ * | :- | :- |
+ * | hawksearch-image | |
+ *
+ * Image elements with this attribute will have their src value replaced with a placeholder image URL if the image fails to load.
+ *
+ * ### Links
+ * | Name | Value |
+ * | :- | :- |
+ * | hawksearch-link | |
+ *
+ * Anchor elements with this attribute will be tracked when clicked.
+ *
+ * ## Default Template
+ * The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.
+ * {@embed ./featured-items-content-item.component.hbs}
+ *
+ * @category Content
+ */
+export declare class FeaturedItemsContentItemComponent extends BaseComponent<FeaturedItemsContentItemComponentConfig, SearchResultsItem, FeaturedItemsContentItemComponentModel> {
+    protected componentName: keyof HawkSearchComponents;
+    protected defaultHtml: any;
+    protected bindFromEvent: boolean;
+    protected renderContent(): boolean;
+    protected getContentModel(): FeaturedItemsContentItemComponentModel;
+    protected bindChildElements(): void;
+}

package/dist/components/content/content-types/featured-items-content-item/featured-items-content-item.component.js

@@ -0,0 +1,65 @@
+import placeholderUrl from '@assets/images/placeholder.png';
+import { trackingService } from '@services';
+import { BaseComponent } from '../../../base.component';
+import defaultHtml from './featured-items-content-item.component.hbs';
+/**
+ * The Featured Items Content Item component displays information for an individual product or page.
+ *
+ * ## Tag
+ * The tag for this component is `<hawksearch-featured-items-content>`.
+ *
+ * ## Event-Binding Attributes
+ * ### Images
+ * | Name | Value |
+ * | :- | :- |
+ * | hawksearch-image | |
+ *
+ * Image elements with this attribute will have their src value replaced with a placeholder image URL if the image fails to load.
+ *
+ * ### Links
+ * | Name | Value |
+ * | :- | :- |
+ * | hawksearch-link | |
+ *
+ * Anchor elements with this attribute will be tracked when clicked.
+ *
+ * ## Default Template
+ * The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.
+ * {@embed ./featured-items-content-item.component.hbs}
+ *
+ * @category Content
+ */
+export class FeaturedItemsContentItemComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.componentName = 'featured-items-content-item';
+        this.defaultHtml = defaultHtml;
+        this.bindFromEvent = false;
+    }
+    renderContent() {
+        return !!this.data;
+    }
+    getContentModel() {
+        var _a, _b, _c;
+        return Object.assign(Object.assign({}, this.data), { strings: {
+                sale: (_c = (_b = (_a = this.configuration) === null || _a === void 0 ? void 0 : _a.strings) === null || _b === void 0 ? void 0 : _b.sale) !== null && _c !== void 0 ? _c : 'Sale'
+            } });
+    }
+    bindChildElements() {
+        this.rootElement.querySelectorAll('[hawksearch-image]').forEach((e) => {
+            e.addEventListener('error', (event) => {
+                const element = event.currentTarget;
+                element.src = HawkSearch.config.placeholderImageUrl || placeholderUrl;
+            });
+        });
+        this.rootElement.querySelectorAll('[hawksearch-link]').forEach((e) => {
+            e.addEventListener('click', ((event) => {
+                if (!this.data) {
+                    return;
+                }
+                trackingService.trackSearchResultClick(this.data.id, this.data.url, event);
+            }));
+        });
+    }
+}
+//# sourceMappingURL=featured-items-content-item.component.js.map

package/dist/components/content/content-types/featured-items-content-item/featured-items-content-item.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"featured-items-content-item.component.js","sourceRoot":"","sources":["../../../../../src/components/content/content-types/featured-items-content-item/featured-items-content-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,WAAW,MAAM,6CAA6C,CAAC;AAItE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,OAAO,iCAAkC,SAAQ,aAItD;IAJD;;QAKuB,kBAAa,GAA+B,6BAA6B,CAAC;QAC1E,gBAAW,GAAG,WAAW,CAAC;QAC1B,kBAAa,GAAG,KAAK,CAAC;IAkC7C,CAAC;IAhCsB,aAAa;QAC5B,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACvB,CAAC;IAEkB,eAAe;;QAC9B,uCACO,IAAI,CAAC,IAAK,KACb,OAAO,EAAE;gBACL,IAAI,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,OAAO,0CAAE,IAAI,mCAAI,MAAM;aACpD,IACH;IACN,CAAC;IAES,iBAAiB;QACvB,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YAClE,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAY,EAAQ,EAAE;gBAC/C,MAAM,OAAO,GAAG,KAAK,CAAC,aAAiC,CAAC;gBAExD,OAAO,CAAC,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,mBAAmB,IAAI,cAAc,CAAC;YAC1E,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACjE,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,KAAmB,EAAQ,EAAE;gBACvD,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;oBACZ,OAAO;iBACV;gBAED,eAAe,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YAC/E,CAAC,CAAkB,CAAC,CAAC;QACzB,CAAC,CAAC,CAAC;IACP,CAAC;CACJ"}

package/dist/components/content/content-types/image-content/image-content.component.d.ts

@@ -0,0 +1,23 @@
+import { HawkSearchComponents, ImageContentComponentConfig } from '@configuration';
+import { ImageContent, ImageContentComponentModel } from '@models';
+import { BaseContentComponent } from '../base-content.component';
+/**
+ * The Image Content component displays an image defined in Hawksearch.
+ *
+ * ## Tag
+ * The tag for this component is `<hawksearch-image-content>`.
+ *
+ * ## Default Template
+ * The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.
+ * {@embed ./image-content.component.hbs}
+ *
+ * @category Content
+ */
+export declare class ImageContentComponent extends BaseContentComponent<ImageContentComponentConfig, ImageContent, ImageContentComponentModel> {
+    protected componentName: keyof HawkSearchComponents;
+    protected defaultHtml: any;
+    protected renderContent(): boolean;
+    protected getContentModel(): ImageContentComponentModel;
+    protected onRender(): void;
+    protected bindChildElements(): void;
+}

package/dist/components/content/content-types/image-content/image-content.component.js

@@ -0,0 +1,40 @@
+import { trackingService } from '@services';
+import { BaseContentComponent } from '../base-content.component';
+import defaultHtml from './image-content.component.hbs';
+/**
+ * The Image Content component displays an image defined in Hawksearch.
+ *
+ * ## Tag
+ * The tag for this component is `<hawksearch-image-content>`.
+ *
+ * ## Default Template
+ * The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.
+ * {@embed ./image-content.component.hbs}
+ *
+ * @category Content
+ */
+export class ImageContentComponent extends BaseContentComponent {
+    constructor() {
+        super(...arguments);
+        this.componentName = 'image-content';
+        this.defaultHtml = defaultHtml;
+    }
+    renderContent() {
+        return !!this.data;
+    }
+    getContentModel() {
+        return Object.assign({}, this.data);
+    }
+    onRender() {
+        super.onRender();
+        trackingService.trackBannerImpression(this.data.id, this.data.campaignId);
+    }
+    bindChildElements() {
+        this.rootElement.querySelectorAll('[hawksearch-link]').forEach((e) => {
+            e.addEventListener('click', (event) => {
+                trackingService.trackBannerClick(this.data.id, this.data.campaignId);
+            });
+        });
+    }
+}
+//# sourceMappingURL=image-content.component.js.map

package/dist/components/content/content-types/image-content/image-content.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-content.component.js","sourceRoot":"","sources":["../../../../../src/components/content/content-types/image-content/image-content.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,WAAW,MAAM,+BAA+B,CAAC;AAExD;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,qBAAsB,SAAQ,oBAA2F;IAAtI;;QACuB,kBAAa,GAA+B,eAAe,CAAC;QAC5D,gBAAW,GAAG,WAAW,CAAC;IAyBjD,CAAC;IAvBsB,aAAa;QAC5B,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACvB,CAAC;IAEkB,eAAe;QAC9B,yBACO,IAAI,CAAC,IAAK,EACf;IACN,CAAC;IAEkB,QAAQ;QACvB,KAAK,CAAC,QAAQ,EAAE,CAAC;QAEjB,eAAe,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAK,CAAC,EAAE,EAAE,IAAI,CAAC,IAAK,CAAC,UAAU,CAAC,CAAC;IAChF,CAAC;IAES,iBAAiB;QACvB,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACjE,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE;gBACzC,eAAe,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAK,CAAC,EAAE,EAAE,IAAI,CAAC,IAAK,CAAC,UAAU,CAAC,CAAC;YAC3E,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC;CACJ"}

package/dist/{types/components → components}/content/content-types/index.d.ts

@@ -1,3 +1,4 @@
+export * from './base-content.component';
 export * from './custom-content/custom-content.component';
 export * from './featured-items-content/featured-items-content.component';
 export * from './featured-items-content-item/featured-items-content-item.component';

package/dist/components/content/content-types/index.js

@@ -0,0 +1,7 @@
+export * from './base-content.component';
+export * from './custom-content/custom-content.component';
+export * from './featured-items-content/featured-items-content.component';
+export * from './featured-items-content-item/featured-items-content-item.component';
+export * from './image-content/image-content.component';
+export * from './popular-queries-content/popular-queries-content.component';
+//# sourceMappingURL=index.js.map

package/dist/components/content/content-types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/content/content-types/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,qEAAqE,CAAC;AACpF,cAAc,yCAAyC,CAAC;AACxD,cAAc,6DAA6D,CAAC"}

package/dist/components/content/content-types/popular-queries-content/popular-queries-content.component.d.ts

@@ -0,0 +1,22 @@
+import { HawkSearchComponents, PopularQueriesContentComponentConfig } from '@configuration';
+import { PopularQueriesContent, PopularQueriesContentComponentModel } from '@models';
+import { BaseContentComponent } from '../base-content.component';
+/**
+ * The Popular Queries Content component renders a tag cloud of popular queries relating to the current query. Each link is weighted according to its search frequency, with the most popular queries displayed in the largest font size.
+ *
+ * ## Tag
+ * The tag for this component is `<hawksearch-popular-queries-content>`.
+ *
+ * ## Default Template
+ * The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.
+ * {@embed ./popular-queries-content.component.hbs}
+ *
+ * @category Content
+ */
+export declare class PopularQueriesContentComponent extends BaseContentComponent<PopularQueriesContentComponentConfig, PopularQueriesContent, PopularQueriesContentComponentModel> {
+    protected componentName: keyof HawkSearchComponents;
+    protected defaultHtml: any;
+    protected renderContent(): boolean;
+    protected getContentModel(): PopularQueriesContentComponentModel;
+    protected bindChildElements(): void;
+}

package/dist/components/content/content-types/popular-queries-content/popular-queries-content.component.js

@@ -0,0 +1,42 @@
+import { searchService } from '@services';
+import { BaseContentComponent } from '../base-content.component';
+import defaultHtml from './popular-queries-content.component.hbs';
+/**
+ * The Popular Queries Content component renders a tag cloud of popular queries relating to the current query. Each link is weighted according to its search frequency, with the most popular queries displayed in the largest font size.
+ *
+ * ## Tag
+ * The tag for this component is `<hawksearch-popular-queries-content>`.
+ *
+ * ## Default Template
+ * The following is the default Handlebars template for this component. To create a custom template, it is recommended to use this as a starting point.
+ * {@embed ./popular-queries-content.component.hbs}
+ *
+ * @category Content
+ */
+export class PopularQueriesContentComponent extends BaseContentComponent {
+    constructor() {
+        super(...arguments);
+        this.componentName = 'popular-queries-content';
+        this.defaultHtml = defaultHtml;
+    }
+    renderContent() {
+        var _a, _b;
+        return !!((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length);
+    }
+    getContentModel() {
+        return Object.assign({}, this.data);
+    }
+    bindChildElements() {
+        this.rootElement.querySelectorAll('[hawksearch-query]').forEach((e) => {
+            e.addEventListener('click', (event) => {
+                event.preventDefault();
+                const element = event.currentTarget;
+                const query = element.getAttribute('hawksearch-query');
+                if (query) {
+                    searchService.query(query);
+                }
+            });
+        });
+    }
+}
+//# sourceMappingURL=popular-queries-content.component.js.map